@charset "UTF-8";
/*カラー：#3A67C2*/
/*//////////////////////////////////////////////////////////////////ヘッダー*/
.header{/*height:90px;*/padding:0px 0px 0px;/*border-bottom:1px solid #000;*/}
/*//////////////////////////////////////////////////////////////////ヘッダー　サブメニュー*/
.header_sub{width:410px;list-style:none;padding:0px;margin:0px;line-height: 20px;float:left;font-size:11.5px;}
/*上部---------------------------------------*/
.sub_menu{float:right;margin-bottom: 16px;}
.sub_menu li{width: 165px;display: table-cell;text-align:center;border-left:1px solid #231815;border-bottom:1px solid #231815;}
.sub_menu li a{width: 100%;padding: 6px 0;display: block;}
.sub_menu li#h_inq{border-left:1px solid #3A67C2;border-bottom:1px solid #3A67C2;}
.sub_menu li#h_inq img{width: 18px;vertical-align: bottom;}
.sub_menu li#h_inq a{color:#FFF;background:#3A67C2;color:#FFF;}
/*下部---------------------------------------*/
.header_sub table{border:none;/*margin: 12px 0px 0px;*/width: 100%;}
.header_sub table td{font-size: 12px;margin:0;padding:20px 0px;border:none;height:28px;}
/*文字サイズ*/
.header_sub span{margin-top: 4px;display: inline-block;}
.header_sub ul#fontSize{width: 100px;display: inline-block;}
.header_sub ul#fontSize li.moji{padding: 5px 2px;}
.header_sub ul#fontSize li{padding: 2px 6px;display: inline-block;border: 1px solid #231815;margin: 0;}
.header_sub ul#fontSize li.active{background:#000;color:#FFF;}
.header_sub ul#fontSize li:hover{cursor: pointer}
/*検索*/
.search_form{border-right:none; /*padding:0px;*/}
/*ヘッダーメニュー
---------------------------------------------------------------------------*/
div.navi {margin:0px 0 0 0;border-bottom:5px solid #6A97F2;}
div.navi ul.mdd_lv1{
	margin:0;
	/*overflow:hidden;*/　/*float解除*/
	zoom:100%;　/*float解除*/
}
div.navi ul.mdd_lv1 li {border-right:1px solid #000;display: table-cell;list-style:none; /*リストの●を消す*/}
div.navi ul.mdd_lv1 li:last-chiled{border:none;}
/*ホバー時*/
div.navi ul.mdd_lv1 li a.hover,div.navi ul.mdd_lv1 li.hover{background-color:#F2F2F2!important;color:#000;}
div.navi ul.mdd_lv1 li a.active{background-color:#3A67C2;color:#FFF!important;}
div.navi ul.mdd_lv1 li a img{ width: 18px;margin-right: 30px;margin-bottom: 4px;
vertical-align: middle;}
div.navi ul.mdd_lv1>li>a {width: 163px;
	padding: 14px 18px;
	text-align:center; /*テキストの位置*/
	font-weight:bold; /*テキストの太さ*/
	letter-spacing:1px; /*文字間隔*/
	background-repeat:no-repeat; /*画像の繰り返しをオフに*/
}

/*ヘッダーメニューのリスト部分
---------------------------------------------------------------------------*/
ul#topnav{width:1000px;position: relative; z-index:100;/*--ここ大事--*/ margin:0 auto;}
ul#topnav li .sub {
	position: absolute; /*--ここ大事--*/
	width:100%;
	right:0;
	background: #F2F2F2;/* ハックなし */
	background-color: #F2F2F2\9; /* IE10以下 */
	*background-color: #F2F2F2;   /* IE7以下 */
	_background-color: #F2F2F2; /* IE6 */
	display: none; /*--JSオフ時に表示されないようにします--*/
}
ul#topnav li .row {
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
ul#topnav li .sub>table{
width:100%;
margin:0px;
border:none;
}
ul#topnav li .sub>table td{border:none;padding:0px;}
/*説明文*/
ul#topnav li .sub .desc{
color: #FFF;
width: 250px;
}
ul#topnav li .sub ul{
	margin:0px;
	margin: 12px;
	border: none;/* ハックなし */
}
ul#topnav .sub ul li {
width: auto;display: inline-block;
}
ul#topnav .sub ul li a {
color:#3A67C2;margin-right: 4px;
padding: 0px 12px;
	text-indent: 0; /*--text-indent戻します--*/
	text-decoration: none;
}
ul#topnav .sub ul li a:hover{
	color: #FFF;
}
ul#topnav .sub ul li:hover > a{
	color: #FFF;
}
ul#topnav li#menu1 .sub li:hover{background:#323232;}
ul#topnav li#menu2 .sub li:hover{background:#323232;}
ul#topnav li#menu3 .sub li:hover{background:#323232;}
ul#topnav li#menu4 .sub li:hover{background:#323232;}
ul#topnav li#menu5 .sub li:hover{background:#323232;}
ul#topnav li#menu6 .sub li:hover{background:#323232;}