@font-face {
   font-family: Noto Sans JP;
   src: url('../font/NotoSansCJKjp-Thin.otf') format("truetype");
}



header{
	xposition:absolute;
	z-index:9999;
	box-shadow:0px 0px 6px 1px rgba(50,61,74,0.33);
	-webkit-box-shadow:0px 0px 6px 1px rgba(50,61,74,0.33);
	-moz-box-shadow:0px 0px 6px 1px rgba(50,61,74,0.33);
	
}


/*パンクズリスト*/

#panlist{
	width:100%;
	height:46px;
	background:#F1F1F1;
	margin-top:167px;
}

#pan{
	width:1000px;
	margin:0 auto;
	font-size:70%;
	letter-spacing:0.1em;
	line-height:46px;
}


#pan a{
	color:#06C;
}

#pan a:visited{
	color:#06C;
}

#pan a:hover{
	color:#333;
}

#pan a:active{
	color:#333;
}



/*パンクズリスト*/





/*メイン画像エリア*/

#mainimg{
	width:100%;
	height:104px;
	margin:0 auto;
	background:#004A88;
}


#mainimg h2{
	width:1000px;
	height:104px;
	margin:0 auto;
	background-image:url(../image/second/mainimgbg.png);
	background-position:right;
	background-repeat:no-repeat;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Verdana,"メイリオ","ＭＳ Ｐゴシック","MS P Gothic","Osaka",sans-serif;
	font-size:38px;
	text-align:left;
	color:#fff;
	line-height:98px;
}

/*メイン画像エリア*/



/*メインエリア*/
#wrapperbg{
	width:100%;
	height:auto;
	margin:0 auto;
	padding:40px 0;
	background:#f6f8ff;
	background-image:url(../image/second/bg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}


#wrapper{
	width:1000px;
	height:auto;
	margin:0 auto;
}


#wrapper:after{
	content: "";
	display:block;
	clear:both;
}


/*レフトエリア*/

#leftarea{
	width:720px;
	height:auto;
	float:left;
	margin-right:40px;
	background:#fff;
	box-shadow:0px 0px 6px 1px rgba(50,61,74,0.33);
	-webkit-box-shadow:0px 0px 6px 1px rgba(50,61,74,0.33);
	-moz-box-shadow:0px 0px 6px 1px rgba(50,61,74,0.33);
}


#leftarea p{
	line-height:1.5;
	font-size:90%;
}



.topb{
	width:640px;
	height:10px;
	background:#005DAD;
	margin:0 auto;
}



#leftarea h2{
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Verdana,"メイリオ","ＭＳ Ｐゴシック","MS P Gothic","Osaka",sans-serif;
	font-size:38px;
	padding:50px 0 18px 0;
	text-align:center;
	color:#222;
}

.engtext{
	font-size:13px;
	font-weight:bold;
	text-align:center;
	color:#005DAD;
}

.leftbox{
	width:640px;
	height:auto;
	margin:0 auto;
	padding:40px 0;
}

.maintext{
	margin-bottom:50px;
}



/*テキストベースレフト*/

.contentbox{
	width:252px;
	height:auto;
	border:4px solid #E6E6E6;
	padding:20px;
	text-align:center;
	margin-bottom:40px;
}

.contentbox h3{
	font-size:110%;
	text-align:center;
}

.contentbox p{
	margin-bottom:20px;
}


.leftbox h4{
	font-size:110%;
	font-weight:bold;
	color:#005DAD;
	margin-bottom:20px;
	padding-bottom:10px;
	border-bottom:1px solid #005dad;
	letter-spacing:0.1em;
}



.leftbox h3{
	font-size:100%;
	font-weight:bold;
	color:#005DAD;
	line-height:1.5;
	margin-bottom:16px;
}

/*テキストベースレフト*/




/*画像ベースレフト*/



.imagebox h3{
	text-align:justify;
}


.linkbox{
	background:#D0E3F0;
	padding:10px;
	margin-bottom:50px;
}


.linkbox li{
	font-size:90%;
	padding:20px;
	background:#fff;
	float:left;
	border:solid 2px #06C;
}


.linkbox li:nth-child(even){
	margin:0 14px;
}


.linkbox a:link{
	color:#06C;
	text-decoration: none;
}

.linkbox a:visited{
	color: #06C;
}

.linkbox a:hover{
	color: #333;
}

.linkbox a:active{
	color: #333;
}




.linkbox:after{
	content: "";
	display:block;
	clear:both;
}





/*ライトエリア*/

#rightarea{
	width:240px;
	height:auto;
	overflow:auto;
}

#rightarea nav{
	width:216px;
	padding:10px;
	background-image:url(../image/second/navbg.png);
}

#rightarea nav h4{
	font-size:16px;
	font-weight:bold;
	padding:14px 0 14px 30px;
	background:#4D4D4D;
	color:#FFF;
	background-image:url(../image/second/nabicon.png);
	background-position:5px center;
	background-repeat:no-repeat;
}

#rightarea nav ul{
	padding:0 8px;
	background:#fff;
}


#rightarea nav li{
	padding:12px 0 12px 14px;
	border-bottom:dotted 1px #36C;
	font-size:80%;
	line-height:1.5;
	background-image:url(../image/second/icon.png);
	background-position:left center;
	background-repeat:no-repeat;
}


#rightarea nav li:last-child {
	border-bottom:none;
}

.sbanner{
	margin-top:40px;
}


.sbanner li{
	margin-bottom:10px;
}




/*メインエリア*/


/*コンテンツ*/

#contents{
	background:#005DAD;
}


/*コンテンツ*/








/*リンクボタン*/


.linkb{
	text-align:center;
	font-weight:bold;
	font-size:90%;
	letter-spacing:0.1em;
}


.button {
	display: inline-block;
	width: 220px;
	height: 36px;
	text-align: center;
	text-decoration: none;
	line-height: 36px;
	outline: none;
	background-color: #004A88;
	color: #fff;
}

@-moz-document url-prefix() {
	.button {
		line-height: 34px;
	}
}

.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}


.button:link {
    color: #fff;
  }

.button:hover {
	background-color: #0071BC;
	color: #fff;
}








.button2 {
	display: inline-block;
	width: 300px;
	height: 36px;
	text-align: center;
	text-decoration: none;
	line-height: 36px;
	outline: none;
	background-color: #004A88;
	color: #fff;
}

@-moz-document url-prefix() {
	.button2 {
		line-height: 34px;
	}
}

.button2::before,
.button2::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button2,
.button2::before,
.button2::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}


.button2:link {
    color: #fff;
  }

.button2:hover {
	background-color: #0071BC;
	color: #fff;
}









.linkb a:link {
	color:#FFF;
}


.linkb a:visited{
	color:#FFF;
}


.linkb a:active{
	color:#fff;
}


/*リンクボタン*/





/*追加*/


.button5 {
	display: inline-block;
	width: 200px;
	height: 36px;
	text-align: center;
	text-decoration: none;
	line-height: 36px;
	outline: none;
	background-color: #004A88;
	color: #fff;
}