@charset "UTF-8";



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/




/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 共通項目 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */



/* マージン */
.margin02 {	margin-bottom: 2px; }
.margin05 {	margin-bottom: 5px; }
.margin06 {	margin-bottom: 6px; }
.margin08 {	margin-bottom: 8px; }
.margin10 {	margin-bottom: 10px; }
.margin15 {	margin-bottom: 15px; }
.margin20 {	margin-bottom: 20px; }
.margin30 {	margin-bottom: 30px; }
.margin40 {	margin-bottom: 40px; }

.mt10 {	margin-top: 10px; }
.mt20 {	margin-top: 20px; }
.mt30 {	margin-top: 30px; }
.mt40 {	margin-top: 40px; }
.mt90 {	margin-top: 90px; }

/* text-align */
.txt_al_c{text-align:center;}

/* 文字装飾 */
strong {
	font-weight: bold;
}

ul {
	}
	ul li {
		list-style:none;	
	}


/* float解除 */
.cbox { 
}
* html .cbox {
	zoom: 100%;
}
*:first-child+html .cbox {
	display: inline-block;
}
.cbox:after {
	content: ""; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}
ul { 
}
* html ul {
	zoom: 100%;
}
*:first-child+html ul {
	display: inline-block;
}
ul:after {
	content: ""; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}


/* 幅 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.w_100p{
	width:100%;
	}



/* リンク */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
a {
	color: #000;
	transition: 0.4s;
	-webkit−transition: 0.4s;
}
a:hover {
	color: #808080;
}


/* テキスト装飾 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 小文字 */
.cap {
	line-height: 1.5;
	font-size: 86%;
}
.indent{
	margin-left:1em;
	text-indent:-1em;
	}




/* 横幅 */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
body {
	/*font-family: YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', メイリオ, Meiryo, 'MS ゴシック', 'MS Gothic', sans-serif;*/
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Myriad Pro, Myriad, Arial, sans-serif;
	color: #303030;
	padding: 0;
	margin: 0;
	letter-spacing: 1px;
	line-height:1;
	-webkit-text-size-adjust: 100%;
	position:relative;
	font-size:88%!important;
}
@media all and (-ms-high-contrast:none) {
	body {
	/*font-family: YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', メイリオ, Meiryo, 'MS ゴシック', 'MS Gothic', sans-serif;*/
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Myriad Pro, Myriad, Arial, sans-serif;
	}
}



/* table */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
.table{
	width:100%;
	box-sizing:border-box;
	border-collapse: collapse;
}
.table th{
	background-color:#f5f5f5;
	padding:12px 20px 8px 20px;
	text-align:left;
}
.table td{
	padding:12px 10px 8px 20px;
}
.table tr th,.table tr td{
	border-top:1px solid #d2d2d2;
}
.table tr:last-child th,.table tr:last-child td{
	border-bottom:1px solid #d2d2d2;
}


/* ヘッダー 共通 */
#header {
	width: 100%;
	position:relative;
	box-sizing:border-box;
}
/* ヘッダー 共通 */


/* ボタン 共通 */
.btn{
	text-align:center;
	}
	.btn a{
		display: inline-block;
		color:#fff;
		background-color:#00334f;
		font-weight:bold;
		padding:15px 70px;
		background-image:url(../img/arrow_link.png);
		background-repeat:no-repeat;
		background-position:right 10px center;
		transition:500ms;
		-webkit-transition:500ms;
		}
	.btn a:hover{
		background-position:right 5px center;
		transition:500ms;
		-webkit-transition:500ms;
		}
	.btn span{
		display: inline-block;
		color:#fff;
		background-color:#00334f;
		font-weight:bold;
		padding:15px 70px;
		background-image:url(../img/arrow_link.png);
		background-repeat:no-repeat;
		background-position:right 10px center;
		transition:500ms;
		-webkit-transition:500ms;
		cursor:pointer;
		}
	.btn span:hover{
		background-position:right 5px center;
		transition:500ms;
		-webkit-transition:500ms;
		}
/* ボタン 共通 */

				
	.pdf::after{
		content:url(../img/arw_pdf.gif);
		margin-left:5px;
		}
	.window::after{
		content:url(../img/window_s.png);
		margin-left:5px;
		margin-top:5px;
		}
	.window_w::after{
		content:url(../img/window_s_w.png);
		margin-left:5px;
		margin-top:5px;
		}



	
	.sp {display: none !important;}
	body{
		min-width: 1040px;
		box-sizing: border-box;
		}
		body .area{
			margin: 0 auto;
			min-width: 1040px;
			max-width: 1260px;
			box-sizing: border-box;
			padding: 15px 20px;
			text-align: left;
			}
			body .area:after {
				content: ""; 
				clear: both; 
				height: 0; 
				display: block; 
				visibility: hidden;
				}

	
	/* ヘッダー pc */
	#header {
		width:100%;
		z-index:999;
		box-sizing:border-box;
		border-bottom:solid 1px #ebebeb;
		}
		#header .area {
			padding: 0px 20px 0px 20px;
			width:auto;
			position: relative;
			min-width: 100%;
			max-width: 100%;
			}
			#header .area h1{
				padding-top:40px;
				float:left;
				}
				#header .area #right_box {
					padding-top: 30px;
					float: right;
					text-align: right;
					}
					#header .area #right_box #infoNav {
						margin-bottom:30px;
						}
						#header .area #right_box #infoNav > ul {
							}
							#header .area #right_box #infoNav > ul > li {
								display:inline;
								margin-left:20px;
								font-size:12px;
								}
					#header .area #right_box #nav {
						/*position: relative;*/
						z-index: 100;
						}
						#header .area #right_box #nav > ul {
							list-style: none;
							margin: 0;
							padding: 0;
							text-align: left;
							z-index: 100;
							}
							#header .area #right_box #nav > ul > li {
								float:left;
								margin-right: 30px;
								padding-bottom:40px;
								cursor:pointer;
								}
							#header .area #right_box #nav ul > li.last {
								margin-right: 0;
								}
								#header .area #right_box #nav > ul > li > a,
								#header .area #right_box #nav > ul > li > span{
									font-weight:bold;									
									}
							#header .area #right_box #infoNav > ul > li.search_btn_wrap img{
								height:16px;
								}
								/* 検索窓の設定 */
								#search_content{
									}
								#search_content > div{
									}
								#search_content > div p{
									font-size: 20px;
									text-align: center;
									color: #fff;
									margin-bottom: 15px;
									}
								#search_content form{
									display:block;
									width:500px;
									box-shadow:0px 0px 12px -7px rgba(0, 0, 0, .6);
									-moz-box-shadow:0px 0px 12px -7px rgba(0, 0, 0, .6);
									-webkit-box-shadow:0px 0px 12px -7px rgba(0, 0, 0, .6);
									}
									#search_content input[type="text"]{
										display:inline-block;
										width:calc(100% - 50px);
										border:none;
										height:50px;
										vertical-align:top;
										padding:0 10px;
										box-sizing:border-box;
										font-size:18px;
										}
									#search_content input[type="submit"]{
										display:inline-block;
										width:50px;
										border:none;
										height:50px;
										vertical-align:top;
										box-sizing:border-box;
										font-size:0;
										background-image:url(../img/search_w.png);
										background-size:30px;
										background-position:center;
										background-repeat:no-repeat;
										background-color:#274A78;
										}
									
									
		/* ヘッダー プルダウンメニュー */
		
		#header .area #right_box #nav > ul > li > span{
			width: 30px;
			height:25px;
			background-image:url(../img/menu_arrow.png);
			display: block;
			position: absolute;
			top: 100%;
			margin-top:-25px;
			visibility: visible;
			left:50%;
			margin-left: -15px;
			opacity:0;
			transition:500ms;
			-webkit-transition:500ms;
			}
		#header .area #right_box #nav > ul > li:hover > span{
			opacity:1;
			transition:500ms;
			-webkit-transition:500ms;
			}
			
		#header .area #right_box #nav > ul > li >  div{
			position:absolute;
			width:100%;
			left:0;
			top:100%;
			background-color: #274A78;
			min-width:1000px;
			padding: 30px 0 20px 0;
			opacity:0;
			transition:500ms;
			-webkit-transition:500ms;
			pointer-events: none;
			}
			#header .area #right_box #nav > ul > li >  div::after{
				top:-40px;
				content:"";
				width:100%;
				left:0%;
				height:40px;
				background-color:transparent;
				position:absolute;
				display:block;
				}
		#header .area #right_box #nav > ul > li:hover >  div{
			opacity:1;
			transition:500ms;
			-webkit-transition:500ms;
			pointer-events: auto;
			}
			#header .area #right_box #nav > ul > li >  div *{
				color:#fff;
				}
			#header .area #right_box #nav > ul > li >  div dl{
				max-width:1000px;
				margin:auto;
				padding: 0 20px;
				}
				#header .area #right_box #nav > ul > li >  div dl dt{
					float:left;
					width:200px;
					font-size:16px;
					box-sizing:border-box;
					font-weight: bold;
					}
				#header .area #right_box #nav > ul > li >  div dl dd{
					font-size: 14px;
					float:right;
					width:800px;
					}
				#header .area #right_box #nav > ul > li >  div dl dd span {
					font-size: 12px;
					}
					#header .area #right_box #nav > ul > li >  div dl dd ul{
						}
						#header .area #right_box #nav > ul > li >  div dl dd ul li{
							margin-bottom: 10px;
							margin-left:3%;
							width:30%;
							float:left;
							}
							#header .area #right_box #nav > ul > li >  div dl dd ul li a{
								background: url(../img/arrow_white.gif) no-repeat 0em 0.5em;
								padding-left: 10px;
								display: block;
								line-height: 1.6em;
								}
							#header .area #right_box #nav > ul > li >  div dl dd ul li a:hover{
								text-decoration:underline;
								}
	
	
	/* ヘッダー pc end */


	#wrapper{
		padding-bottom:120px;
		}

	/* パンくず */
	#bread {
		padding: 10px 20px;
		font-size: 12px;
		box-sizing:border-box;
		}
		#bread.area{
			border-bottom: solid 1px #e6e6e6;
			min-width: 1040px;
			max-width: 100%;
			}
			#bread ol{
				margin: 0 auto;
				min-width: 1040px;
				max-width: 1260px;
				box-sizing: border-box;
				padding: 15px 20px;
				}
		#bread li {
			display: inline;
			background: url(../img/arrow_bread.gif) no-repeat right center;
			padding-right: 10px;
			margin-right: 5px;
			}
		#bread li:last-child {
			font-weight:bold;
			background:none;
			}

	/* ローカルナビ */
	#localNav {
		font-size:12px;
		font-weight:bold;
		background:#f3f3f3;
		}
		#localNav dl{
				/*padding:15px 0;*/
				background: #f3f3f3;
			}
			#localNav dl dt{
				pointer-events: none;
				width:185px;
				line-height:57px;
				background:#264977;
				color:#fff;
				text-align:center;
				float:left;
				margin-right:30px;
				}
			#localNav dl dd{
				margin-top:6px;
				}
				#localNav dl dd ul li{
					float:left;
					margin-bottom:10px;
					margin-right:16px;
					padding-bottom:10px;
					border-bottom:1px solid #bebebe;
					width: calc(20% - 16px);
					}
					#localNav dl dd ul li a{
						float:left;
						width:184px;
						}
					#localNav dl dd ul li a:before{
						content:"";
						display:inline-block;
						vertical-align:middle;
						left: 3px;
						width: 4px;
						height: 4px;
						border-top: 1px solid #264977;
						border-right: 1px solid #264977;
						-webkit-transform: rotate(45deg);
						transform: rotate(45deg);
						margin-right:7px;
						}
				#localNav dl dd ul li:nth-of-type(4), #localNav dl dd ul li:nth-of-type(8){
					margin-right:0;
					}
				#localNav dl dd ul li:nth-of-type(n+5){
					margin-bottom:0;
					padding-bottom:0;
					border:none;
					}


	/* サーチサビ */
	#searchNav {
		font-size:13px;
		font-weight:bold;
		background:#264977;
		margin-bottom:60px;
		}
		#searchNav dl{
				padding: 10px 0px 10px 10px;
			}
			#searchNav dl dt{
				pointer-events: none;
				text-align:center;
				float:left;
				margin:0 20px 0 12px;
				width:64px;
				line-height:28px;
				}
				#searchNav dl dt img{
					vertical-align:middle;
					height:15px;
					}
			#searchNav dl dd{
				}
				#searchNav dl dd ul li{
					float:left;
					border-left:1px solid #546f99;
					}
					#searchNav dl dd ul li{
						cursor:pointer;
						float:left;
						color:#fff;
						padding:8.5px 12.9px;
						}
					#searchNav dl dd ul li.active{
						background:#546f99;
						}
					#searchNav dl dd ul li.off{
						opacity:0.5;
						pointer-events: none;
						}
				#searchNav dl dd ul li:last-child{
					}
		
	/* フッターナビ */
	#footerNav {
		background:#264977;
		padding:30px 0;
		}
		.ft_area {
			max-width:1220px;
			margin:auto;
			}
			#footerNav ul{
				border-left:1px solid #546f99;
				float:left;
				padding:5px 0;
				width:24.8%;
				}
				#footerNav ul li{
					margin-left:20px;
					}
					#footerNav ul li a{
						color:#fff;
						line-height:2;
						}
					#footerNav ul li a span {
						display: block;
						font-size: 12px;
						line-height:1;
						margin-top: 10px;
						}
					#footerNav ul li img{
						margin-bottom:3px;
						}
				#footerNav ul:last-child{
					border-right:1px solid #546f99;
					}

	/* ページTOP */		
	#footerpagetop{
		background:#afafaf;
		text-align:center;
		}
		#footerpagetop a{
			display:block;
			padding:8px 0;
			}

	/* バナーエリア */
	#banner_box{
		background:#f3f3f3;
		padding:30px;
		text-align:center;
		}
		#banner_box ul{
			padding-bottom:30px;
			border-bottom:solid 1px #dddddd;
			margin-bottom:30px;
			}
			#banner_box ul li{
				float:left;
				width:32.5%;
				background:#fff;
				margin:0 1.25% 1.25% 0;
				}
			#banner_box ul li:nth-of-type(3){
				margin-right:0;
				}
			#banner_box ul li:nth-of-type(4){
				margin-left:16.5%;
				}
			#banner_box ul li:nth-of-type(n+4){
				margin-bottom:0;
				}
				#banner_box ul li a{
					display:block;
					padding:14px 0;
					}
	
	/* フッター pc  */
	#footer {
		background:#404040;
		line-height:60px;
		padding:0 20px;
		}
		.footer_wrap{
			font-size:12px;
			color:#fff;
			}
			.footer_wrap p{
				float:left;
				}
			.footer_wrap ul{
				float:right;
				}
				.footer_wrap ul li{
					display:inline;
					}
					.footer_wrap ul li a{
						position:relative;
						margin-left:20px;
						color:#fff;
						font-size:12px;
						}
	/* フッター pc end */
	
	
