@charset "utf-8";  
/*------------------------------------------------------------ 
	デフォルトスタイル	全ページ共通css
------------------------------------------------------------*/  

/**** フォントサイズ　*************

基本を12pxに、サイズは％指定。

====偶数====　　　====奇数====
■10px = 84%      ■11px = 92%
■12px = 100%     ■13px = 109%
■14px = 117%     ■15px = 125%
■16px = 134%     ■17px = 142%
■18px = 150%     ■19px = 159%
■20px = 167%     ■21px = 175%
■22px = 184%     ■23px = 192%
■24px = 200%     ■25px = 209%
■26px = 217%     ■27px = 226%

**********************************/

html, body{	margin:0; padding:0;}
body{
	font-size:76%;
	background:#fff;
	-webkit-text-size-adjust:100%;
	min-width:970px;
}

html{ font-size:100%;}

div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333;
	font-size:100%;
	font-weight:normal;
	vertical-align:baseline;
    background:transparent;
}  

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

blockquote, q { quotes:none;}

a{
	text-decoration:none;
	outline:none;
	color:#000;
}

ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del { text-decoration: line-through;}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

ul{ list-style-type:none;}
img{ vertical-align:middle;}

.line:hover{ text-decoration:underline;}
.opacity:hover{ opacity:0.7;}

.clear{ clear:both;}
.clearfix{ width:100%;}
.clearfix:after{
    content:"";
    display:block;
    clear:both;
}

.fl{ float:left;}
.fr{ float:right;}

.txtl{ text-align:left;}
.txtr{ text-align:right;}
.txtc{ text-align:center;}

strong{ font-weight:bold; color:inherit;}
.fwb{ font-weight:bold;}

.clrr{ color:#FF0000;}
.clrb{ color:#333;}
.clrw{ color:#fff;}
.clrbl{ color:#465EA5; font-weight:bold;}

.il{ display:inline;}
.bl{ display:block;}
.no{ display:none;}

.li2{ line-height:2;}


/* margin */

.mT10{ margin-top:10px;}
.mT20{ margin-top:20px;}
.mT30{ margin-top:30px;}
.mT40{ margin-top:40px;}
.mT70{ margin-top:70px;}

.mR10{ margin-right:10px;}
.mR20{ margin-right:20px;}
.mR30{ margin-right:30px;}

.mB10{ margin-bottom:10px;}
.mB20{ margin-bottom:20px;}
.mB30{ margin-bottom:30px;}

.mL10{ margin-left:10px;}
.mL20{ margin-left:20px;}
.mL30{ margin-left:30px;}

/* padding */

.pT10{ padding-top:10px;}
.pT20{ padding-top:20px;}
.pT30{ padding-top:30px;}
.pT40{ padding-top:40px;}

.pR10{ padding-right:10px;}
.pR20{ padding-right:20px;}
.pR30{ padding-right:30px;}

.pB10{ padding-bottom:10px;}
.pB20{ padding-bottom:20px;}
.pB30{ padding-bottom:30px;}

.pL10{ padding-left:10px;}
.pL20{ padding-left:20px;}
.pL30{ padding-left:30px;}


/* font-size */

.font10{ font-size:84%;}
.font11{ font-size:92%;}
.font12{ font-size:100%;}
.font13{ font-size:109%;}
.font14{ font-size:117%;}
.font15{ font-size:125%;}
.font16{ font-size:134%;}
.font17{ font-size:142%;}
.font18{ font-size:150%;}
.font19{ font-size:159%;}
.font20{ font-size:167%;}
.font21{ font-size:175%;}
.font22{ font-size:184%;}
.font23{ font-size:192%;}
.font24{ font-size:200%;}
.font25{ font-size:209%;}
.font26{ font-size:217%;}
.font27{ font-size:226%;}

/* editor */

#editor table,
#editor caption,
#editor tbody,
#editor tfoot,
#editor thead,
#editor tr,
#editor th,
#editor td{
	border:1px solid gray;
    border-spacing:2px;
	border-collapse:separate;
}


/*------------------------------------------------------------ 
    スタイル 
------------------------------------------------------------*/


.inner{
	width:970px;
	margin:0 auto;
	overflow:hidden;
}

/*------------------------------------------------------------ 
    ヘッダー 
------------------------------------------------------------*/

#header{
	width:100%;
	height:102px;
}


h1{
	width:436px;
	height:61px;
	float:left;
	margin-top:20px;
}

.fb{
	float:left;	
	width:148px;
	height:40px;
	margin:33px 164px 0 0px;
}

.home{
	float:left;
	height:14px;
	margin-top:57px;
}


.home a{
	display:block;
	padding-left:25px;
	background:url(../img/icon_home.png) no-repeat left;
	line-height:14px;
	color:#465EA6;
}

.lang{
	float:left;
	width:106px;
	height:27px;
	margin:48px 0 0 25px;
}

.lang a{
	display:block;
	width:102px;
	height:23px;
	text-align:center;
	line-height:23px;
	border:2px solid #465EA6;
	border-radius:5px;
	color:#465EA6;
	font-size:117%;
	font-family:Arial, Helvetica, sans-serif;
}


.lang a:hover{
	background:#465EA6;
	color:#fff;
}


#gNavi{
	width:100%;
	height:70px;
	background:#465EA6;
	border-top:4px solid #003366;
	text-align:center;
	letter-spacing:-.40em;
}

#gNavi li{
	display:inline-block;
	width:150px;
	height:70px;
	letter-spacing:normal;
	position:relative;
}

#gNavi a{
	display:block;
	width:100%;
	height:100%;
	line-height:70px;
	text-align:center;
	color:#fff;
	font-size:134%;
}


#gNavi li:not(:last-child):before{
	content:"";
	display:block;
	width:0;
	height:27px;
	border-right:1px solid #445692;
	position:absolute;
	right:0;
	top:21px;
}

#gNavi a:hover,
#gNavi .selected a{ background:#003366;}

#gNavi li:hover:before,
#gNavi :not(:last-child).selected:before{ border-right-color:#003366;}


/*------------------------------------------------------------ 
    コンテンツ 
------------------------------------------------------------*/ 

.detailHd{
	width:100%;
	height:94px;
	background:#F6F6F6;
	border-bottom:1px solid #E5E5E5;
}

.detailHd h2{
	width:970px;
	margin:0 auto;
	line-height:94px;
	color:#465EA5;
	font-size:200%;
	font-weight:bold;
}


.secTtl{
	width:970px;
	height:50px;
	line-height:50px;
	text-indent:20px;
	background:#465EA6;
	color:#fff;
	font-size:175%;
	font-weight:bold;
	border-radius:5px;
	margin-bottom:30px;
}


/*------------------------------------------------------------ 
    フッター 
------------------------------------------------------------*/  

#footer{
	width:100%;
	margin-top:65px;
	padding:15px 0 50px;
	background:#999999;
}

.ftBox{
	width:500px;
	float:left;
	margin-top:35px;
	overflow:hidden;
}

.ftNavi{
	width:540px;
	padding-bottom:10px;
	overflow:hidden;
}

.ftNavi li{
	float:left;
	margin-right:40px;
}

.ftNavi a{
	color:#fff;
	font-size:134%;
}

.ftNavi .subNavi{ font-size:117%;}

.ftInfo{
	padding:15px 0;
	margin-bottom:15px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	overflow:hidden;
}

.ftLogo{
	width:68px;
	height:61px;
	float:left;
	margin:10px 25px 10px 5px;
}

.ftTtl{
	font-size:134%;
	color:#fff;
}

.ftText{
	color:#fff;
	font-size:117%;
}

.copyright{
	color:#fff;
	font-size:109%;
	font-family:Arial, Helvetica, sans-serif;
}

.bannerArea{
	width:417px;
	float:right;
}

.ftBanner{
	width:180px;
	heighgt:150px;
	border:8px solid #ADADAD;
}

.publications{
	margin-top:15px;
	padding:8px;
	background:#ADADAD;
}

.publications dt{
	width:401px;
	color:#fff;
	font-size:134%;
	text-indent:5px;
}

.publications dd{
	overflow:hidden;
	margin-top:8px;
}

.ftsBanner{
	width:180px;
	height:40px;
}

.ftsBanner a{
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	line-height:40px;
	background:#465EA6 url(../img/icon_banner.png) no-repeat 14px 50%;
	color:#fff;
	font-size:117%;
	position:relative;
}