@charset "utf-8";

/* 【共通設定】------------------------------------------
   ■1.初期状態
   ■2.リンク
   ■3.レイアウト共通
   ■4.グローバルナビゲーション
   ■5.微調整用
　 ■6.スマートデバイスナビゲーション


-------------------------------------------------------- */


/* ■1.初期状態
---------------------------------------------------- */

* {
	font-family:Lucida Grande,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Verdana,Helvetica,Arial,Sans-serif;
	margin: 0;
	padding: 0;
	letter-spacing:0;
	color:#333;
	-webkit-text-size-adjust: none;
}


html{
	height:100%;
	margin-bottom:1px;
	overflow-y:scroll;
/* 	background:#0b243d;  */
	width: 100%;
}



body{
	background-color:#ffffff;
	width: 100%;
}







/*文字サイズ*/


.s10 { font-size: 64%;line-height: 120%;}
.s12 { font-size: 78%;line-height: 140%;}
.s13 { font-size: 85%;line-height: 150%;}
.s14 { font-size: 90%;line-height: 150%;}
.s16 { font-size: 100%;line-height: 150%;}


.f10 { font-size: 10px!important;line-height: 120%!important;}
.f12 { font-size: 12px!important;line-height: 140%!important;}
.f13 { font-size: 13px!important;line-height: 140%!important;}
.f14 { font-size: 14px!important;line-height: 150%!important;}
.f16 { font-size: 16px!important;line-height: 150%!important;}



#nsk_scd article p{
	text-indent:0em;
	margin-bottom: 1em;
	margin-left: 0.5em;
	margin-right: 0em;
	font-size: 90%;
	line-height: 150%;
	}


/*見出し*/



h1{font-weight:normal;}

/*top*/

#nsk_top h2{font-weight:normal;}


/*second*/

#nsk_scd article h2{
min_height: 20px!important;
margin-bottom: 25px;
background-color: #f6f6f6!important;
font-weight: bold!important;
padding: 18px 10px!important;
color: #153c7a;
border: solid 1px #e7e7e7;
line-height: 130%;
font-size: 100%;
}

#nsk_scd article h3{
	background-color: #ffffff!important;
	padding: 18px 5px 13px 5px!important;
	margin-top:40px;
	margin-bottom:15px!important;
	color: #153c7a;
	border-bottom:dotted 1px #bbb;
	clear: both;
	font-size: 100%;
	line-height: 150%;
}


#nsk_scd article h4{
	margin:30px 0px 10px 0px!important;
	font-weight:bold!important;
	color: #153c7a;
	padding: 0px 5px 0px 5px;
	font-size: 85%;
	line-height:120%;
}





h5,h6 {font-size: 78%;font-weight:normal;}




.foot_sm h3{
	font-weight:bold!important;
	color:#dddddd!important;
	margin-bottom:15px!important;
	font-size:12px!important;
}



/* リスト第二階層*/

#nsk_scd article ol{
	margin-left:30px;
	margin-bottom:20px;
	margin-top:10px;
	}

#nsk_scd article ul{
	margin-left:30px;
	margin-bottom:20px;
	}

#nsk_scd article li{
	margin-bottom:0.7em;
	font-size: 90%;
	line-height: 150%;
	}

	

.li_disk{
	list-style-image:none!important;
	list-style-type:disc!important;
	}





/*各種*/



img {
	border: none;
}

table {margin : 0;}
address {font-style:normal;}

sup{
	vertical-align:super!important;
	}


.c-both { clear: both;!important;}

.c-none { clear: none;!important;}

.hide { display: none; }


.ind{
	text-indent: -2em!important;
	margin-left: 2em!important;
}


.ind_p{
	text-indent: -3em!important;
	margin-left: 3em!important;
}

.ind_p2{
text-indent: -2.5em!important;
margin-left: 3.1em!important;
}


.ind_m{
	text-indent: -1em!important;
	margin-left: 1em!important;
}




.t_center{
	text-align:center!important;
}


.m_center{
	margin-left:auto!important;
	margin-right: auto!important;
}

.pos_r{
	position:relative;
	}



.csrt{
	margin: 0px!important;
	padding: 0px!important;
	background:none!important;
}


/*赤の取り消し線  
<span>で文字を囲むのは必須
(例)　<span class="tk_red"><span>文字</span></span>
*/

.tk_red{
	color:#FF0000!important;
	text-decoration: line-through!important;
}

.tk_red span{
	color: #333!important;
}











.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
	}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}



/*PC SmartDevice 表示切替*/


/*768px以上で公開*/
.pc_dv{display:block;}
/*768px未満で公開*/
.sm_dv{display:none;}


/*1020px以上で公開*/
.pc_dv1020{display:block;}
/*1020px未満で公開*/
.sm_dv1020{display:none;}




/* ■2.リンク
---------------------------------------------------- */

a:link{text-decoration:none;color:#073289;}
a:visited{text-decoration:none;color:#073289;}
a:hover{text-decoration:underline;color:#B3BCCC;}
a:active{text-decoration:underline;color:#B9B9B9;}

 
#head_area a:link{text-decoration:none;color:#073289;}
#head_area a:visited{text-decoration:none;color:#073289;}
#head_area a:hover{text-decoration:underline;color:#B3BCCC;}
#head_area a:active{text-decoration:underline;color:#B3BCCC;}


.foot_sm a:link{text-decoration:none;color:#dddddd;}
.foot_sm a:visited{text-decoration:none;color:#dddddd;}
.foot_sm a:hover{text-decoration:underline;color:#cccccc;}
.foot_sm a:active{text-decoration:underline;color:#cccccc;}




.drawer-nav-list a:link{text-decoration:none;color:#dddddd;}
.drawer-nav-list a:visited{text-decoration:none;color:#dddddd;}
.drawer-nav-list a:hover{text-decoration:underline;color:#cccccc;}
.drawer-nav-list a:active{text-decoration:underline;color:#cccccc;}




#top_sub_bn a:hover img{
   filter:alpha(opacity=90); 
   -moz-opacity:0.90; 
   opacity:0.90;
}


#top_mini_bn a:hover img{
   filter:alpha(opacity=90); 
   -moz-opacity:0.90; 
   opacity:0.90;
}



#scd_d_r a:hover img{
   filter:alpha(opacity=90); 
   -moz-opacity:0.90; 
   opacity:0.90;
}










/*firefoxリンク点線消去*/

a{
	outline: none;
}
a:focus{
	outline: none;
}






 

/* ■3.レイアウト共通
---------------------------------------------------- */

/*ヘッダー共通*/

#top_header{
	background-image:url(../images/bg_head.gif);
	background-repeat:repeat-x;
	background-position:top center;
	height: 96px;

}


#head_area{
	width:1020px;
	height:96px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}



#head_logo{
	position: absolute;
	left: 0px;
	top: 28px;
	width: 298px;
	height: 41px;
}

#head_ac{
	position: absolute;
	left: 434px;
	top: 37px;
	width: 59px;
	height: 17px;
}





#head_sm{
	position: absolute;
	left: 506px;
	top: 37px;
	width: 81px;
	height: 17px;
}


#head_moji{
	position: absolute;
	left: 600px;
	top: 37px;
	width: 135px;
	height: 17px;
}


#head_moji li{
	width:30px;
	height:17px;
	float:left;
	list-style-type:none;
}



#head_fs{
	position: absolute;
	left: 684px;
	top: 37px;
	width: 170px;
	height: 17px;
}






#g_in{
position: absolute;
right: 2px;
top: 15px;
width: 273px;
height: 49px;
text-align: left;
}

#g_in input[type=text]{
	width: 140px;
	height: 17px;
	font-size:12px;
}




#g_btn{
	position: absolute;
	top: 37px;
	width: 58px;
	height: 25px;
	right: 0px;
}

#g_size{
	font-size:12px;
	height:12px;
	width:130px;
}



/*フッター共通*/


#page_footer{
	height: 380px;
	background-color: #13376f;
	clear: both;
	min-width:1020px;
}


#foot_area{
	width:1020px;
	margin-left:auto;
	margin-right: auto;
	height: 380px;
	position: relative;
	background-repeat: no-repeat;
}



#foot_navi{
	width:100%;
	text-align:center;
	border-bottom:solid 1px #6d7c8b;
	height: 45px;
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
}


#foot_navi ul{
	width:100%;
	text-align:center;
	
}


#foot_navi li{
	display:inline-block;
	background-image:url(../../images/vec_line.gif);
	background-repeat:no-repeat;
	background-position:0px 18px;
}

#foot_navi li:first-child{
	background:none;
}



#foot_access{
	display:none;
}


#foot_cp{
	position: absolute;
	left: 352px;
	top: 335px;
}


.foot_sm{
	float:left;
	height:260px;
	padding-right: 10px;
	width: 194px;
}

.foot_sm li{
	color:#FFFFFF!important;
	font-size:11px;
	list-style-type:none;
	margin-bottom:8px;
}

.foot_sm a{
	letter-spacing:0px;
	line-height:130%;
}




.pagetop {
	display: none;
	position: fixed;
	bottom: 130px;
	right: 55px;
}
.pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	background-color: #85929e;
	border-radius: 50px;
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	line-height: 50px;
}


/* ■4.グローバルナビゲーション
---------------------------------------------------- */

#g_navi_bg{
	background-color: #153c7a;
	height: 70px;
}

#g_navi{
	width:1020px;
	height:70px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
}

#g_navi ul{
	list-style-type:none;
}

#g_navi > li{
	float:left;
	width:170px;
	height:70px;
}


#hm01 > a{background-position:0px 0px;text-decoration:none;width:170px;height:70px;display:block;background-image:url(../../images/g_navi.gif);	text-indent:-9999px;}
#hm02 > a{background-position:-170px 0px;text-decoration:none;width:170px;height:70px;display:block;background-image:url(../../images/g_navi.gif);	text-indent:-9999px;}
#hm03 > a{background-position:-340px 0px;text-decoration:none;width:170px;height:70px;display:block;background-image:url(../../images/g_navi.gif);	text-indent:-9999px;}
#hm04 > a{background-position:-510px 0px;text-decoration:none;width:170px;height:70px;display:block;background-image:url(../../images/g_navi.gif);	text-indent:-9999px;}
#hm05 > a{background-position:-680px 0px;text-decoration:none;width:170px;height:70px;display:block;background-image:url(../../images/g_navi.gif);	text-indent:-9999px;}
#hm06 > a{background-position:-850px 0px;text-decoration:none;width:170px;height:70px;display:block;background-image:url(../../images/g_navi.gif);	text-indent:-9999px;}

#hm01 > a:hover{background-position:0px -70px;}
#hm02 > a:hover{background-position:-170px -70px;}
#hm03 > a:hover{background-position:-340px -70px;}
#hm04 > a:hover{background-position:-510px -70px;}
#hm05 > a:hover{background-position:-680px -70px;}
#hm06 > a:hover{background-position:-850px -70px;}

#hm01_o > a{background-position:0px -70px;text-decoration:none;width:170px;height:70px;display:block;background-image:url(../../images/g_navi.gif);	text-indent:-9999px;}
#hm02_o > a{background-position:-170px -70px;text-decoration:none;width:170px;height:70px;display:block;background-image:url(../../images/g_navi.gif);	text-indent:-9999px;}
#hm03_o > a{background-position:-340px -70px;text-decoration:none;width:170px;height:70px;display:block;background-image:url(../../images/g_navi.gif);	text-indent:-9999px;}
#hm04_o > a{background-position:-510px -70px;text-decoration:none;width:170px;height:70px;display:block;background-image:url(../../images/g_navi.gif);	text-indent:-9999px;}
#hm05_o > a{background-position:-680px -70px;text-decoration:none;width:170px;height:70px;display:block;background-image:url(../../images/g_navi.gif);	text-indent:-9999px;}
#hm06_o > a{background-position:-850px -70px;text-decoration:none;width:170px;height:70px;display:block;background-image:url(../../images/g_navi.gif);	text-indent:-9999px;}


#g_navi > li a {
    display: block;
}


ul.g_down {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}


.g_down li {
    border-top: 1px solid #111;
}

.g_down li a:hover {
    background: #2c4f87;
}


/* floatクリア */
#g_navi:before,
#g_navi:after {
    content: " ";
    display: table;
}

#g_navi:after {
    clear: both;
}

#g_navi {
    *zoom: 1;
}


li.g_mega ul.g_down {
    position: absolute;
    top: 70px;
    left: 0px;
    box-sizing: border-box;
    width: 1020px;
    padding: 10px 15px;
    background: #fafafa;
    -webkit-transition: all 0.2s step-end;
    transition: all 0.2s step-end;
	font-weight:normal!important;
	font-size:12px!important;
	line-height:50px;
	text-align:center;
	border-left:solid 7px #153c7a;
	border-bottom:solid 7px #153c7a;
	border-right:solid 7px #153c7a;
	color:#000066!important;

}


li.g_mega ul.g_down a{
	color:#000066;
}


li.g_mega ul.g_down a:hover{
	color:#fff!important;
}

li.g_mega:hover ul.g_down {
    top: 70px;
    visibility: visible;
    opacity: 1;
}

li.g_mega ul.g_down > li {
    float: left;
    width: 315px;
    border:solid 1px #eee;
	background-color:#FFFFFF;
    box-sizing: border-box;
    margin: 5px;

}



/* ■5.スマートデバイスナビゲーション
---------------------------------------------------- */


#smart_navi{
	width: 100%;
	max-width: 1020px;
	margin: 0 auto;
	padding: 0;
	height:60px;
}
#smart_navi li{
	display: block;
	float: left;
	width: 20%;
	margin: 0;
	padding: 0; 
	box-sizing: border-box;
	border-left:solid 1px #3a5179;
  }

#smart_navi li a{
	display: block;
	padding: 25px 0 22px;
	background: #153c7a;
	color: #fff;
	font-size:13px;
	text-align: center;
	text-decoration: none;
}

#smart_navi li a:hover{
	background: #153c7a;
}

#toggle{ 
	display: none;
}





	

/* ■6.微調整用
---------------------------------------------------- */
	
	
.left {
	text-align: left !important;
}

.center {
	text-align: center !important;
}

.right {
	text-align: right !important;
}

.top {
	vertical-align: top !important;
}

.middle {
	vertical-align: middle !important;
}

.bottom {
	vertical-align: bottom !important;
}

.nowrap {
	white-space: nowrap !important;
}

.f-left {
	float: left !important;
}

.f-right {
	float: right !important;
}


/* --- Margin all --- */

.m0 {
	margin: 0 !important;
}

.m05 {
	margin: 5px !important;
}

.m10 {
	margin: 10px !important;
}


.m20 {
	margin: 20px !important;
}


.m30 {
	margin: 30px !important;
}



/* --- Margin Top --- */

.mt02 {
	margin-top: 2px !important;
}
.mt05 {
	margin-top: 5px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt15 {
	margin-top: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
	}

.mt25 {
	margin-top: 25px !important;
	}
	
	
.mt30 {
	margin-top: 30px !important;
	}

.mt40 {
	margin-top: 40px !important;
}

.mt50 {
	margin-top: 50px !important;
}

.mt100 {
	margin-top: 100px !important;
}


/* --- Margin Bottom --- */

.mb02 {
	margin-bottom: 2px !important;
}

.mb05 {
	margin-bottom: 5px !important;
}

.mb08 {
	margin-bottom: 8px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}

.mb15 {
	margin-bottom: 15px !important;
}

.mb20 {
	margin-bottom: 20px !important;
	}

.mb25 {
	margin-bottom: 25px !important;
	}
	
.mb30 {
	margin-bottom: 30px !important;
	}

.mb40 {
	margin-bottom: 40px !important;
}

.mb50 {
	margin-bottom: 50px !important;
}


.mb100 {
	margin-bottom: 100px !important;
}



/* --- Margin Left --- */

.ml02 {
	margin-left: 2px !important;
}

.ml05 {
	margin-left: 5px !important;
}
.ml10 {
	margin-left: 10px !important;
}


.ml15 {
	margin-left: 15px !important;
}


.ml20 {
	margin-left: 20px !important;
}

.ml25 {
	margin-left: 25px !important;
}

.ml30 {
	margin-left: 30px !important;
}

.ml40 {
	margin-left: 40px !important;
}

.ml50 {
	margin-left: 50px !important;
}

.ml80 {
	margin-left: 80px !important;
}


.ml100 {
	margin-left: 100px !important;
}

.ml200 {
	margin-left: 200px !important;
}

.ml250 {
	margin-left: 250px !important;
}


/* --- Margin Right --- */

.mr05 {
	margin-right: 5px !important;
}

.mr10 {
	margin-right: 10px !important;
}

.mr14 {
	margin-right: 14px !important;
}

.ml15 {
	margin-right: 15px !important;
}

.mr20 {
	margin-right: 20px !important;
}

.mr30 {
	margin-right: 30px !important;
}

.mr40 {
	margin-right: 40px !important;
}

.mr50 {
	margin-right: 50px !important;
}


.mr100 {
	margin-right: 100px !important;
}



/* --- Padding Zero --- */

.pd0 {
	padding: 0 !important;
}


/* --- Padding Top --- */

.pt05 {
	padding-top: 5px !important;
}

.pt10 {
	padding-top: 10px !important;
}

.pt15 {
	padding-top: 15px !important;
}

.pt20 {
	padding-top: 20px !important;
}

.pt25 {
	padding-top: 25px !important;
}


.pt35 {
	padding-top: 35px !important;
}

.pt50 {
	padding-top: 50px !important;
}


/* --- Padding Bottom --- */

.pb10 {
	padding-bottom: 10px !important;
}

.pb15 {
	padding-bottom: 15px !important;
}

.pb20 {
	padding-bottom: 20px !important;
}

.pb50 {
	padding-bottom: 50px !important;
}


/* --- Padding Left --- */

.pl05 {
	padding-left: 5px !important;
}

.pl10 {
	padding-left: 10px !important;
}

.pl15 {
	padding-left: 15px !important;
}

.pl20 {
	padding-left: 20px !important;
}

.pl30 {
	padding-left: 30px !important;
}



.pl50 {
	padding-left: 50px !important;
}

.pl80 {
	padding-left: 80px !important;
}

.pl100 {
	padding-left: 100px !important;
}


/* --- Padding Right --- */

.pr05 {
	padding-right: 5px !important;
}

.pr10 {
	padding-right: 10px !important;
}

.pr15 {
	padding-right: 15px !important;
}

.pr20 {
	padding-right: 20px !important;
}

.pr25 {
	padding-right: 25px !important;
}

.pr50 {
	padding-right: 50px !important;
}

.pr80 {
	padding-right: 80px !important;
}

.pr100 {
	padding-right: 100px !important;
}

/* --- Width --- */

.w0 {
	width: 0px !important;
}

.w10 {
	width: 10px !important;
}

.w50 {
	width: 50px !important;
}


.w75 {
	width: 75px !important;
}

.w100 {
	width: 100px !important;
}

.w125 {
	width: 125px !important;
}


.w135 {
	width: 135px !important;
}

.w150 {
	width: 150px !important;
}


.w170 {
	width: 170px !important;
}

.w180 {
	width: 180px !important;
}

.w200 {
	width: 200px !important;
}	

.w220 {
	width: 220px !important;
}	

.w225 {
	width: 225px !important;
}	

.w250 {
	width: 250px !important;
}	


		
.w300 {
	width: 300px !important;
}	


.w330 {
	width: 330px !important;
}	

.w340 {
	width: 340px !important;
}	


.w360 {
	width: 360px !important;
}	


.w385 {
	width: 385px !important;
}
.w400 {
	width: 400px !important;
}

.w500 {
	width: 500px !important;
}
	

.w550 {
	width: 550px !important;
}

.w600 {
	width: 600px !important;
}


/* --- Height --- */

.h0 {
	height: 0px !important;
}

.h10 {
	height: 10px !important;
}

.h50 {
	height: 50px !important;
}


.h75 {
	height: 75px !important;
}

.h100 {
	height: 100px !important;
}

.h125 {
	height: 125px !important;
}

.h150 {
	height: 150px !important;
}

.h200 {
	height: 200px !important;
}	

.h250 {
	height: 250px !important;
}	

.h300 {
	height: 300px !important;
}