@import url('https://use.fontawesome.com/releases/v5.7.0/css/all.css');


/*--------------------------------------------------------------------
  3タイプ共用スタイルシート
  #one_colomun				「上メニュー」
  #two_colomun_leftmenu		「左メニュー」
  #two_colomun_rightmenu	「右メニュー」
--------------------------------------------------------------------*/




HTML,BODY{
height: 100%;	/* フッター下部固定 */
}


BODY{
margin:0;
padding:0;
color:#000;
background:#FFF;
font-size: 87.5%;	/* 14pxベース */
line-height:1.6;
text-align: center;
letter-spacing:1px;
font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}
* html body { /* for IE6 */ 
font-size: 87.5%;	/* 14pxベース */
}
*:first-child+html body { /* for IE7 */
font-size: 87.5%;	/* 14pxベース */
}


@media only screen and (max-width:768px) {	/* スマホ横以下用 */
	BODY{
	font-size: 100.0%;	/* 16pxベース */
	}
}

/*------ フォントサイズ ------
font-size:71.4%		10px
font-size:78.6%		11px
font-size:85.7%		12px
font-size:92.9%		13px
font-size:100.0%	14px
font-size:107.1%	15px
font-size:114.3%	16px
font-size:121.4%	17px
font-size:128.6%	18px
font-size:135.7%	19px
font-size:142.9%	20px
font-size:150.0%	21px
font-size:157.1%	22px
font-size:164.3%	23px
font-size:171.4%	24px
--------------------------------------*/

IMG,
A IMG{
border:none;
}

/*--------------------------------------------------------------------
  スタイルシート切り替え用
--------------------------------------------------------------------*/
#color{
margin:20px auto 0 auto;
text-align:left;
font-size:12px;
width:960px;
}
@media only screen and (max-width:768px) {	/* ★スマホ横以下用★ */
	#color{
	width:90%;
	}
}

#color A{
text-decoration:none;
font-size:20px;
}
#color SPAN{
display:inline-block;
vertical-align:middle;
}
#color SPAN#coloe_label{
padding-top:3px;
}
#navy A{
color:#006;
}
#blue A{
color:#36C;
}
#green A{
color:#063;
}
#yellowgreen A{
color:#690;
}
#orange A{
color:#FF7F50;
}



/*--------------------------------------------------------------------
  リンクテキスト
--------------------------------------------------------------------*/
A{
color:#00C;
}
A:visited{
color:#969;
}
A:hover{
color:#00F;
text-decoration:none;
}


/*--------------------------------------------------------------------
  見出し
--------------------------------------------------------------------*/
H1{
margin:0;
}
H2{
margin:0;
font-weight:normal;
}

/*------------------------------------------------
   H3
------------------------------------------------*/
/*------ H3基本設定 ------*/
H3{
margin:30px 0 20px 0;
font-size:142.9%;	/* 20px */
clear:both;
}

#content H3{
padding:0.8em 20px 0.6em 10px;
border-bottom:5px solid #006;
text-shadow:0 1px 0 #FFF;
font-size:228.6%;	/* 32px */
font-weight:normal;
}

/*------------------------------------------------
   H4
------------------------------------------------*/
/*------ H4基本設定 ------*/
H4{
margin:40px auto 15px auto;
clear:both;
}
#content H4{
padding:0.4em 0 0.3em 10px;
border-bottom:4px solid #006;
font-size:142.9%;	/* 20px */
font-weight:normal;
}

/*------ 他要素隣接時 ------*/
#content *+H4{	/* H4 他要素のすぐ下は余白を多く */
margin-top:70px;
}



/*------------------------------------------------
   H5
------------------------------------------------*/
/*------ H5基本設定 ------*/
H5{
margin:40px auto 10px auto;
padding:0.2em 0 0.2em 6px;
border-left:4px solid #006;
font-size:114.3%;	/* 16px */
font-weight:normal;
clear:both;
}

/*------ 他要素隣接時 ------*/
#content *+H5{	/* H5 他要素のすぐ下は余白を多く */
margin-top:60px;
}



/*--------------------------------------------------------------------
  インデント 
--------------------------------------------------------------------*/
.indent{
margin-left:15px;
}



/*------ #contentの直下は両サイド20px ------*/
#content>P,
#content>DIV,
#content>H5,
#content>DL,
#content>UL,
#content>OL,
#content>TABLE{
margin-right:20px;
margin-left:20px;
}

#content>H5+DIV{
margin-left:30px;
}


#content .subtitle{
font-size:113.3%;	/* 17px */
color:#F30;
}






/*--------------------------------------------------------------------
  左寄せ・右寄せ
--------------------------------------------------------------------*/
.aligncenter{
text-align:center;
}
.alignright{
text-align:right;
}

/*------------------------------------------------
  画像の左寄せ・右寄せ
------------------------------------------------*/
.left{
float: left;
margin: 0 20px 20px 0;
}
.right{
float: right;
margin: 0 0 20px 20px;
}
.clear{
clear:both;
}



/*--------------------------------------------------------------------
  フォントサイズ・色
--------------------------------------------------------------------*/
.large{
font-size:123.1%;	/* 16px */
}
.small{
font-size:76.9%;	/* 11px */
}

.orange{
color:#f60;
}
.green{
color:#690;
}




/*--------------------------------------------------------------------
  リストスタイル
--------------------------------------------------------------------*/
UL{
margin:1.2em 0;
padding:0;
list-style:none;
}
LI{
margin:0;
padding:0;
background:url(img/spacer.gif) no-repeat;	/* Android4.0対策 */
}


#content LI{
margin-top:0.5em;
margin-bottom:0.5em;
}
#content LI LI{
margin-top:0.2em;
margin-bottom:0.2em;
}


/*------------------------------------------------
  ネスト時
------------------------------------------------*/
LI UL,
DD UL,
TD UL{
margin-top:0;
margin-bottom:0.3em;
}


/*------------------------------------------------
  箇条書きリスト
------------------------------------------------*/
UL.list>LI,
UL>LI.list{
padding-left:1.3em;
text-indent:-1.3em;
}
UL.list>LI *,
UL>LI.list *{
padding-left:0;
text-indent:0;
}


LI.list:not(.kome)::before,
.list>LI:not(.kome)::before{
margin:-0.22em 0.5em 0 0.5em;
text-indent:0;
content:"\f111";
font-family: "Font Awesome 5 Free";
font-weight : 900;
font-size:0.6em;
vertical-align:middle;
display:inline-block;
color:#999;
}

/*------------------------------------------------
  横並びリスト
------------------------------------------------*/
UL.inline{
display:block;
letter-spacing:-1em;	/* 横並びの隙間対策 */
}
UL.inline.table{
display:table;
}
UL.inline LI{
padding-right:1.25em;
display:inline-block;
*display: inline;		/* IE7対策 */
*zoom: 1;  				/* IE7対策 */
vertical-align:middle;
letter-spacing:1px;	/* 横並びの隙間対策 letter-spacing 復活 */
}

/*------------------------------------------------
  番号付きリスト
------------------------------------------------*/
OL{
margin:1.2em 0;
padding:0;
}

/*------ ネスト時 ------*/
LI OL,
DD OL,
TD OL{
margin-top:0;
margin-bottom:0.3em;
}
OL>LI{
margin-left:2.2em;
list-style-type : decimal;
}
UL>LI OL>LI{
text-indent:0;
}

/*------ 両側に()カッコ ------*/
OL.kakko>LI{
margin-left:0;
padding-left:2.2em;
text-indent: -2.1em;
list-style-type:none;
list-style-position:inside;
counter-increment: cnt;
}
OL.kakko>LI:before{
display: marker;
content: "(" counter(cnt) ") ";
}




/*------------------------------------------------
  注釈 ※ リスト
------------------------------------------------*/
UL.kome>LI,
LI.kome{
padding-left:1.3em;
text-indent:-1.3em;
line-height:1.3;
}
UL.kome>LI::before,
LI.kome::before{
margin-right:0.2em;
display:inline-block;
content:"※";
color:#F00;
text-indent:0;
}

/*------------------------------------------------
  PDF・Word・Excelリスト
------------------------------------------------*/
/*------ 共通 ------*/
UL.pdf LI,
LI.pdf{
margin-top:0 !important;
margin-bottom:0 !important;
padding:0.4em 0 0.4em 40px;
background-repeat:no-repeat;
background-position:0 0.2em;
background-position:0 0.2em;
list-style:none;
min-height:36px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}

.pdf A{
vertical-align:top;	/* IE7対策 */
}

/*------ PDFリスト ------*/
UL.pdf LI,
LI.pdf{
background-image:url(img/pdf.png);
}


/*------ PDFリスト（小） ------*/
UL.pdf_s LI,
LI.pdf_s{
margin-top:0 !important;
margin-bottom:0 !important;
padding:0.2em 0 0.2em 20px;
background-repeat:no-repeat;
list-style:none;
min-height:20px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
background:url(img/pdf_s.gif) no-repeat 0 0.4em;
}
.pdf_s A{
vertical-align:top;	/* IE7対策 */
}






/*--------------------------------------------------------------------
  表
--------------------------------------------------------------------*/
TABLE,
TH,
TD{
font-size:100%;
}
TH{
text-align:center;
font-weight:normal;
}



/*------------------------------------------------
  罫線を表示するタイプの表
------------------------------------------------*/
TABLE.data_table{
border-collapse:collapse;
border:1px solid #999;
}
#one_colomun #content .data_table{
margin-right:auto;
margin-left:auto;
width:810px;
}
@media only screen and (max-width:768px) {	/* ★スマホ横以下用★ */
	#one_colomun #content .data_table{
	width:92%;
	}
}
#one_colomun #content .data_table{
margin-right:auto;
margin-left:auto;
}

TABLE.data_table CAPTION{
text-align:right;
}
.data_table TH{
padding:15px;
border:1px solid #999;
background:#F5F5F5;
}

.data_table TD{
padding:15px;
border:1px solid #999;
background:#FFF;
}

/*------------------------------------------------
  罫線を表示しないレイアウト用の表
------------------------------------------------*/
TABLE.layout_table{
margin-left:10px;
}
.layout_table TH{
padding:5px 0;
text-align:left;
}
.layout_table TD{
padding:5px 0;
}
.layout_table TH+TD{
padding:5px 40px 5px 5px;
}



/*--------------------------------------------------------------------
  「トップページ」固有の設定
--------------------------------------------------------------------*/
#one_colomun #top_left{	/* 「上メニュー」左右分割 左 */
margin:40px 0 20px 0;
float:left;
width:520px;
text-align: left;
}
#one_colomun #top_right{	/* 「上メニュー」左右分割 右 */
margin:40px 0 20px 0;
float: right;
width:400px;
}

@media only screen and (max-width:768px) {	/* ★スマホ横以下用★ */
	#one_colomun #top_left{	/* 「上メニュー」左右分割 左 */
	margin:40px 0 20px 0;
	float:none;
	width:100%;
	}
	#one_colomun #top_right{	/* 「上メニュー」左右分割 右 */
	margin:40px 0 20px 0;
	float:none;
	width:100%;
	}
}

/*------------------------------------------------
  トップページ左側 フリーPR欄
------------------------------------------------*/
#appeal H3{
margin:0;
padding:0.3em 0 0.3em 6px;
border-left:4px solid #006;
font-size:114.3%;	/* 16px */
}
#appeal P{
margin-left:15px;
}
#appeal H3+P{	/* H3のすぐ下の段落は上余白を少なく */
margin-top:10px;
}
#appeal H3~H3{	/* 2個目のH3は上に余白を持たせる */
margin-top:50px;
}
@media only screen and (max-width:540px) {	/* ★スマホ縦用★ */
	#appeal IMG.left{
	margin:auto auto 10px auto;
	display:block;
	float:none;
	width:auto;
	}
	#appeal P{
	margin-left:0;
	}
}

/*------------------------------------------------
  トップページ右側 お知らせ欄
------------------------------------------------*/
#news H4{
margin:0;
padding:0.4em 0 0.3em 10px;
border-bottom:4px solid #006;
font-size:114.3%;	 /* 16px */
font-weight:normal;
}


/*------------------------------------------------
  #one_colomn 「上メニュー」
------------------------------------------------*/
#news UL{
margin:0;
padding:0;
}
#news LI{
margin:10px 0;
padding:10px 0 0 18px;
/ background:url(img/liststyle_arrow.gif) no-repeat 5px 1.2em;
}
#news LI::before{
margin-left:-10px;
content: "\f0da";
font-family: "Font Awesome 5 Free";
font-weight : 900;
color:#C00;
}

#news LI+LI{
border-top:1px dotted #CCC;
}

/*------------------------------------------------
  #two_colomn 「左メニュー」「右メニュー」
------------------------------------------------*/
#two_colomun_leftmenu #news,
#two_colomun_rightmenu #news{
margin-top:30px;
}
#news DL{
margin:15px 0 0 0;
padding:0;
}
#news DT{
margin:0 0 10px 5px;
padding:0;
width:7em;
float:left;
}
#news DD{
margin:0 0 10px 5px;
padding:0 0 10px 9em;
/ background:url(img/liststyle_arrow.gif) no-repeat 8em 0.4em;
border-bottom:1px dotted #CCC;
}
#news DD:before{
margin-left:-10px;
margin-right:6px;
content: "\f0da";
font-family: "Font Awesome 5 Free";
font-weight : 900;
color:#C00;
}

/*------------------------------------------------
  トップページ右側 住所欄 
------------------------------------------------*/
#top_address{
margin:50px 0 0 0;
padding:0 0 9px 0;
}
#top_address H5{
margin:0;
padding:0.4em 0 0.4em 14px;
background:#006;
color:#FFF;
font-weight:normal;
border-left:none;
font-size:100%;	/* 14px */
}

#top_address_inner{
padding:1px 14px 15px 15px;
background:#F5F5F5;
}
#top_address P{
margin:10px 0 0 0;
}
#top_address SPAN{
margin:0 5px 0 0;
display:inline-block;
width:5em;
}



/*--------------------------------------------------------------------
  「コンテンツ」固有の設定
--------------------------------------------------------------------*/
/*------------------------------------------------
  アクセスマップ 
------------------------------------------------*/
#accessmap{
margin:auto !important;
text-align:center;
border:1px solid #CCC;
}
#two_colomun_leftmenu #accessmap,
#two_colomun_rightmenu #accessmap{
width:610px;
}
#one_colomun #accessmap{
width:810px;
}


#accessmap IFRAME{
margin:4px;
}
@media only screen and (max-width:768px) {	/* ★スマホ横以下用★ */
	#one_colomun #accessmap{
	padding:4px;
	width:92%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	}

	#accessmap IFRAME{
	margin:0;
	width:100%;
	height:300px;
	}
}


/*--------------------------------------------------------------------
  共通レイアウト枠
--------------------------------------------------------------------*/
#wrap{
min-height: 100%;
_height: 100%; /* for IE6 */
background:#FFF;	/* フッター以外の背景色 */
min-width:960px;
}

MAIN{
display:block;
margin:0 auto;
padding-bottom:100px; /* フッター下部固定 */
width:960px;
text-align:left;
background:#FFF;
}
#one_colomun #content{	/* 「上メニュー」コンテンツ部  860px */
margin:20px 50px 50px 50px;
}
#two_colomun_leftmenu #content_top,	/* 「左メニュー」トップページ右側コンテンツ部 */
#two_colomun_leftmenu #content{	/* 「左メニュー」右側コンテンツ部 */
margin: 20px 0 50px 0;
float: right;
width: 710px;
}
#two_colomun_rightmenu #content_top,	/* 「右メニュー」トップページ左側コンテンツ部 */
#two_colomun_rightmenu #content{	/* 「右メニュー」左側コンテンツ部 */
margin: 20px 0 50px 0;
float: left;
width: 710px;
}

@media only screen and (max-width:768px) {	/* ★スマホ横以下用★ */
	#wrap{
	min-width:auto;
	min-width:initial;
	}
	MAIN{
	display:block;
	width:96%;
	}

	#one_colomun #content{	/* 「上メニュー」コンテンツ部  */
	margin:20px 0 50px 0;
	}
	#two_colomun_leftmenu #content_top,	/* 「左メニュー」トップページ右側コンテンツ部 */
	#two_colomun_leftmenu #content{	/* 「左メニュー」右側コンテンツ部 */
	float: none;
	width: 100%;
	}
	#two_colomun_rightmenu #content_top,	/* 「右メニュー」トップページ左側コンテンツ部 */
	#two_colomun_rightmenu #content{	/* 「右メニュー」左側コンテンツ部 */
	float: none;
	width: 100%;
	}


}

/*--------------------------------------------------------------------
  サイドメニュー欄 
--------------------------------------------------------------------*/
#two_colomun_leftmenu #global_navi,
#two_colomun_rightmenu #global_navi{
margin:20px 0 0 0;
width:200px;
background:#FFF;
}

#two_colomun_leftmenu #global_navi{	/* 「左メニュー」 */
float:left;
}
#two_colomun_rightmenu #global_navi{	/* 「右メニュー」 */
float:right;
}


#two_colomun_leftmenu #global_navi UL,
#two_colomun_rightmenu #global_navi UL{
width:200px;
border-top:1px solid #CCC;
}

#two_colomun_leftmenu #global_navi UL LI,
#two_colomun_rightmenu #global_navi UL LI{
margin:0;
padding:0;
float:none;
display:block;
background:none;
border-bottom:1px solid #CCC;
width:100%;
}


#two_colomun_leftmenu #global_navi UL LI A,
#two_colomun_rightmenu #global_navi UL LI A{
margin:0;
color:#000;
width:auto;
text-align:left;
background:#FFF;
/ padding:0.8em 0 0.8em 15px;
/ background:#FFF url(img/menu_arrow.gif) no-repeat 3px 1.05em;
}
#two_colomun_leftmenu #global_navi UL LI A:hover,
#two_colomun_rightmenu #global_navi UL LI A:hover{
background:#CCC;
color:#666;
text-decoration:none;
/ background:#CCC url(img/menuh_arrow.gif) no-repeat 3px 1.05em;
}
#two_colomun_leftmenu #global_navi UL LI A::before,
#two_colomun_rightmenu #global_navi UL LI A::before{
margin-left:7px;
margin-right:6px;
content: "\f0da";
font-family: "Font Awesome 5 Free";
font-weight : 900;
color:#006;
}
#two_colomun_leftmenu #global_navi UL LI:hover A::before,
#two_colomun_rightmenu #global_navi UL LI:hover A::before{
color:#FFF;
}
#two_colomun_leftmenu #global_navi UL LI.active A,
#two_colomun_rightmenu #global_navi UL LI.active A{
background:#E6E6FA;
/ background:#E6E6FA url(img/menu_arrow.gif) no-repeat 3px 1.05em;
}
#two_colomun_leftmenu #global_navi UL LI.active:hover A::before,
#two_colomun_rightmenu #global_navi UL LI.active:hover A::before{
color:#006;
}


/*--------------------------------------------------------------------
  ヘッダー
--------------------------------------------------------------------*/
HEADER{
margin:0;
background:#FFF url(img/header_bg01.png);
min-width:960px;
}
#two_colomun_leftmenu HEADER,
#two_colomun_rightmenu HEADER{
border-bottom:1px solid #CCC;
}

#header_inner{
margin:0 auto;
padding:50px 0 0 0;
height:200px;	/*(250px)*/
text-align:left;
background:url(img/header.png) no-repeat right center;
position:relative;
}
#header_inner H1{
margin:0 auto;
width:960px;
font-size:200.0%;	/* 28px */
position:absolute;
top:50px;
left:50%;
transform:translate(-50%,0);
}
#header_inner H2{
margin:3em auto 0 auto;
padding:0 500px 0 0;
width:460px;	/*(960px)*/
font-size:100.0%;	/* 14px */
}

@media only screen and (max-width:768px) {	/* ★スマホ横以下用★ */
	HEADER{
	background:#006;
	min-width:auto;
	min-width:initial;
	}
	#header_inner{
	padding:10px 0 0 0;
	background-position:right 70px;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	height:auto;
	}

	#header_inner H1{
	width:90%;
	color:#FFF;
	position:static;
	transform:translate(0,0);
	}
	#header_inner H2{
	margin:50px auto auto auto;
	padding:30px;
	width:90%;
	background:rgba(255,255,255,0.7);
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	}
}

@media only screen and (max-width:540px) {	/* ★スマホ縦用★ */
	#header_inner{
	padding:50px 0 0 0;
	background-position:right 120px;
	}
	#header_inner H1{
	margin-top:10px;
	width:90%;
	color:#FFF;
	text-align:center;
	}
}

/*------------------------------------------------
  Homeボタン
------------------------------------------------*/
DIV#sp_home{
display:none;
z-index:101;
}

@media only screen and (min-width:541px) and (max-width:768px) {	/* スマホ横用 */
	DIV#sp_home{
	width:60px;
	height:60px;
	position:absolute;
	top:5px;
	right:80px;
	display:block;
	}
	DIV#sp_home A{
	width:60px;
	height:60px;
	display: block;
	background:url(img/sp_nav.png) no-repeat 0 0;
	background-size:auto 60px !important;
	-webkit-background-size:auto 60px;
	-moz-background-size:auto 60px;
	-o-background-size:auto 60px;
	-ms-background-size:auto 60px;
	}

	DIV#sp_home A SPAN{
	display:none;
	}


}


@media only screen and (max-width:540px) {	/* スマホ縦用 */
	DIV#sp_home{
	width:60px;
	height:60px;
	position:absolute;
	top:5px;
	left:10px;
	display:block;
	}
	DIV#sp_home A{
	width:60px;
	height:60px;
	display: block;
	background:url(img/sp_nav.png) no-repeat 0 0;
	background-size:auto 60px !important;
	-webkit-background-size:auto 60px;
	-moz-background-size:auto 60px;
	-o-background-size:auto 60px;
	-ms-background-size:auto 60px;
	}

	DIV#sp_home A SPAN{
	display:none;
	}

}



/*------------------------------------------------
  メニューバー「上メニュー」
------------------------------------------------*/
#global_navi{
margin:0;
background:#006;
}

/*------ 全体 ------*/
#global_navi > SPAN{
display: none;
}
#global_navi LI{
position: relative;
}
#global_navi LI A{
display: block;
}

/*------ PCメインメニュー第一階層 ------*/
#global_navi UL{
margin:0 auto;
padding:0;
width:961px;
white-space:nowrap;
background:url(img/global_menu_bg.png);
display:table;
table-layout:fixed;
}

#global_navi UL LI{
margin: 0;
padding:0;
display:table-cell;
}


#global_navi UL LI A{
margin:0 1px 0 0;
padding:0.8em 0;
display: block;
background:#006;
color:#FFF;
text-decoration:none;
text-align:center;
}
#global_navi UL LI:first-child A{
margin:0 1px;
}
#global_navi UL LI A:hover{
background:#00008B;
}

#global_navi UL LI.active A{
background-image:url(img/active.png);
background-position:center bottom;
background-repeat:no-repeat;
}



/*------ スマホ横以下用 ------*/
@media only screen and (max-width:768px) {
	
	/* ------ スマホ：メインメニューアウトライン ------ */

	#two_colomun_leftmenu #global_navi,
	#two_colomun_rightmenu #global_navi,
	#global_navi{
	margin:0;
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:5px;
	background:none;
	}
	#global_navi > SPAN{
	display:block;
	padding:0;
	position:absolute;
	top:5px;
	right:10px;
	width: 60px;
	height: 60px;
	text-align: left;
	text-indent: -9999px;
	background:url(img/sp_nav.png) no-repeat -60px 0;
	background-size:auto 60px !important;
	-webkit-background-size:auto 60px;
	-moz-background-size:auto 60px;
	-o-background-size:auto 60px;
	-ms-background-size:auto 60px;
	cursor:pointer;
	}

	UL#globalmenu LI SPAN{
	display: block;
	}

	UL#globalmenu.open{
	display: block !important;
	}
	#global_navi > SPAN.open{
	background-position:-120px 0;
	}



	/*------------------------------------------------
	  スマホ：メインメニュー第一階層
	------------------------------------------------*/
	#two_colomun_leftmenu #global_navi UL,
	#two_colomun_rightmenu #global_navi UL,
	UL#globalmenu{
	margin:0 auto;
	width:100%;
	min-width:auto;
	min-width:initial;
	max-width:auto;
	max-width:initial;
	height: auto !important;
	display: none;
	position: absolute;
	top:65px;
	right:0;
	border-top:none;
	background:#006;
	filter:alpha(opacity=97); /*IE*/
	-moz-opacity:0.97; /*FF*/
	opacity:0.97;
	z-index:110;	/* IE7以下でプルダウンメニューが隠れるための対策 */
	border-bottom:solid 1px #666;
	}
	#two_colomun_leftmenu #global_navi UL LI,
	#two_colomun_rightmenu #global_navi UL LI,
	UL#globalmenu>LI{
	margin:0 !important;
	padding:0 !important;
	display:block;
	clear:both;
	float: none !important;
	background-image:none;
	text-align:center;
	border-top:solid 1px #666;
	border-bottom:none;
	}

	#two_colomun_leftmenu #global_navi UL LI A,
	#two_colomun_rightmenu #global_navi UL LI A,
	UL#globalmenu>LI>A,
	UL#globalmenu>LI>A:visited{
	margin:0;
	padding:0.5em 10px !important;
	line-height:2em !important;
	height:auto;
	font-size:112.5%;	/* 18px */
	clear:both;
	color:#FFF;
	text-align:center;
	background-color:#006;
	background-image:none;
	text-decoration:none;
	width:auto !important;
	}
	#two_colomun_leftmenu #global_navi UL LI A:hover,
	#two_colomun_rightmenu #global_navi UL LI A:hover,
	UL#globalmenu>LI>A:hover{
	background-color:#00008B !important;
	color:#FFF;
	}
	#two_colomun_leftmenu #global_navi UL LI.active A,
	#two_colomun_rightmenu #global_navi UL LI.active A,
	UL#globalmenu >LI.active >A{
	color:#FFF;
	background:#00C;
	}
	UL#globalmenu >LI.active >A:hover{
	color:#FFF;
	}

	#global_navi UL LI:first-child A{
	margin:0;
	}

	#two_colomun_leftmenu #global_navi UL LI A::before,
	#two_colomun_rightmenu #global_navi UL LI A::before{
	margin:0;
	content: "";
	display:none;
	}

}


/*--------------------------------------------------------------------
  パンくず・アンカー
--------------------------------------------------------------------*/
/*------------------------------------------------
  パンくずリスト
------------------------------------------------*/
#pkl{
font-size:85.7%;	/* 12px */
}
#one_colomun #pkl{
margin:15px 0;
}
#two_colomun_leftmenu #pkl,		/* 「左メニュー」 */
#two_colomun_rightmenu #pkl{	/* 「右メニュー」 */
margin:0;
}


/*------------------------------------------------
  アンカー 
------------------------------------------------*/
#pt{
margin:0 auto;
position: relative;
width:960px;
height:20px;
clear:both;	/* 左右分割をクリア */
font-size:120.0%;	/* 12px */
}
#pt A{
padding:0.5em 0;
display:block;
color:#FFF;
background:#999;	/* フッター背景色と同じ色 */
width:9em;
text-align:center;
text-decoration:none;
position: absolute;
bottom:20px;
right:0;
}
#pt A:hover{
color:#CCC;
}




/*--------------------------------------------------------------------
  フッター
--------------------------------------------------------------------*/
FOOTER{
margin-top: -60px;	/* フッター下部固定 */
height:60px;		 /* フッター下部固定 */
padding:0 0 0 0;
font-size:71.4%;	/* 10px */
background:#999;
color:#FFF;
min-width:960px;
}

@media only screen and (max-width:768px) {	/* ★スマホ横以下用★ */
	#pt{
	width:96%;
	}
	FOOTER{
	min-width:auto;
	min-width:initial;
	}
}




/*--------------------------------------------------------------------
  clearfix
--------------------------------------------------------------------*/
/*------ 親要素にまとめて回り込み解除 ------*/
#global_navi:after,
MAIN:after,
#appeal:after,
#news DL:after{
    content: ""; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#global_navi,
MAIN,
#appeal,
#news DL{
display: inline-table;
min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac \*/
* html #global_navi,
* html MAIN,
* html #appeal,
* html #news DL{
height: 1%;
}
#global_navi,
MAIN,
#appeal,
#news DL{
display: block;
}
/* End hide from IE-mac */



/*------ 個別に回り込み解除 ------*/
.clearfix:after{
    content: ""; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix{
display: inline-table;
min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */