@charset "utf-8";
@import url("./reset.css");
/*--京base.css--*/

/*####################SP表示用####################*/
#header{
	padding:5px;
}

#site_title{
	padding:10px 70px 5px 0;
}

/*スマホ用ドロワーメニュー*/
/*ボタン*/
#mobile_nav_button{
	text-align:center;
	position:fixed;
	top:5px;
	right:5px;
	z-index:9999;
}

/*メニュー開時は非表示*/
.sb-active #mobile_nav_button{
	display:none !important;
}

	#mobile_nav_button .mnb_inner{
		width:50px;
		height:50px;
		padding-top:5px;
		display:block;
		color:#fff;
		border:1px solid #fff;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		text-decoration:none;
		box-shadow:0 0 2px 2px rgba(0,0,0,0.3);
		background: rgba(67,67,196,1);
		background: -moz-linear-gradient(top, rgba(67,67,196,1) 0%, rgba(44,44,133,1) 49%, rgba(40,40,94,1) 50%, rgba(40,40,94,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(67,67,196,1)), color-stop(49%, rgba(44,44,133,1)), color-stop(50%, rgba(40,40,94,1)), color-stop(100%, rgba(40,40,94,1)));
		background: -webkit-linear-gradient(top, rgba(67,67,196,1) 0%, rgba(44,44,133,1) 49%, rgba(40,40,94,1) 50%, rgba(40,40,94,1) 100%);
		background: -o-linear-gradient(top, rgba(67,67,196,1) 0%, rgba(44,44,133,1) 49%, rgba(40,40,94,1) 50%, rgba(40,40,94,1) 100%);
		background: -ms-linear-gradient(top, rgba(67,67,196,1) 0%, rgba(44,44,133,1) 49%, rgba(40,40,94,1) 50%, rgba(40,40,94,1) 100%);
		background: linear-gradient(to bottom, rgba(67,67,196,1) 0%, rgba(44,44,133,1) 49%, rgba(40,40,94,1) 50%, rgba(40,40,94,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4343c4', endColorstr='#28285e', GradientType=0 );
	}
	
	#mobile_nav_button .mnb_inner .mnb_icon{
		display:block;
		font-size:1.2em;
	}
	
	#mobile_nav_button .mnb_inner .mnb_txt{
		display:block;
		font-size:0.8em;
	}
	
/*メニュー*/
#mobile_nav{}

	#mobile_nav_inner{
		background:#fff;
		padding-top:5px;
	}
	
	/*メニューを閉じる*/
	.close_menu{
		text-align:center;
		margin-bottom:10px;
	}
	
		.close_menu_btn{
			display:inline-block;
			border-radius:4px;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
			background:#f9e0ff;
			color:#000;
			padding:0 10px;
		}
	
	/*検索*/
	.search_insite{
		padding:5px;
		margin:0 10px 10px 10px;
		overflow:hidden;
		background:#eee;
		border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
	}
	
		.search_insite .si_input{
			width:80%;
			float:left;
			padding-right:10px;
			text-align:right;
		}
		
		.search_insite .si_input .glyphicon{
			margin-right:5px;
		}
		
		.search_insite .si_input input[type="text"]{
			width:130px;
		}
		
		
		.search_insite .si_submit{
			width:20%;
			float:right;
		}
		
		.search_insite .si_submit input[type="submit"]{
			width:100%;
			color:#fff;
			border:0;
			border-radius:5px;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			background: rgba(67,67,196,1);
			background: -moz-linear-gradient(top, rgba(67,67,196,1) 0%, rgba(44,44,133,1) 49%, rgba(40,40,94,1) 50%, rgba(40,40,94,1) 100%);
			background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(67,67,196,1)), color-stop(49%, rgba(44,44,133,1)), color-stop(50%, rgba(40,40,94,1)), color-stop(100%, rgba(40,40,94,1)));
			background: -webkit-linear-gradient(top, rgba(67,67,196,1) 0%, rgba(44,44,133,1) 49%, rgba(40,40,94,1) 50%, rgba(40,40,94,1) 100%);
			background: -o-linear-gradient(top, rgba(67,67,196,1) 0%, rgba(44,44,133,1) 49%, rgba(40,40,94,1) 50%, rgba(40,40,94,1) 100%);
			background: -ms-linear-gradient(top, rgba(67,67,196,1) 0%, rgba(44,44,133,1) 49%, rgba(40,40,94,1) 50%, rgba(40,40,94,1) 100%);
			background: linear-gradient(to bottom, rgba(67,67,196,1) 0%, rgba(44,44,133,1) 49%, rgba(40,40,94,1) 50%, rgba(40,40,94,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4343c4', endColorstr='#28285e', GradientType=0 );
		}
	

	
	#mobile_nav_inner > ul{}
	
	ul.spg_nav{
		clear:both;
		border-top:1px solid #eee;
	}
	
	ul.spg_nav > li{
		border-bottom:1px solid #eee;
	}
	
	ul.spg_nav > li > a{
		color:#222;
		display:block;
		padding:5px;
		text-decoration:none;
	}
	
	ul.spg_nav > li > a > .glyphicon{
		margin-left:5px;
	}
	
	ul.spg_nav > li > .nolink{
		display:block;
		padding:3px 5px 0 5px;
		color:#006EB1;
		font-weight:bold;
	}
	
	ul.spg_nav > li > ul{}
	
	ul.spg_nav > li > ul > li{
		border-bottom:1px solid #eee;
	}
	
	ul.spg_nav > li > ul > li:last-child{
		border-bottom:0;
	}
	
	ul.spg_nav > li > ul > li > a{
		color:#222;
		display:block;
		padding:5px 5px 5px 10px;
	}
	
	/*slidebars.cssの調整*/
	#sb-site{
		box-shadow:5px 0 10px -1px rgba(0,0,0,0.2);
	}
	
	.sb-slidebar{
		background:#fff;
	}

/*言語チェンジャー*/
ul.lang_changer{
	width:260px;
	overflow:hidden;
}

	ul.lang_changer li{
		width:50%;
		float:left;
	}
	
	ul.lang_changer li:first-child{
		padding-right:5px;
	}
	
	ul.lang_changer li:last-child{
		padding-left:5px;
	}
	
	ul.lang_changer li a{
		display:block;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		color:#222;
		text-align:center;
		background:#eee;
		padding:2px 5px;
		text-decoration:none;
	}
	
	ul.lang_changer li.active a{
		background:#93516c;
		color:#fff;
	}
	
#main_box{
	padding:5px;
}

	#main_box_footer{
		margin-top:20px;
	}
	
		#main_box_footer ul{}
		
		#main_box_footer ul li{
			margin-bottom:1px;
		}
		
		#main_box_footer ul li a{
			display:block;
			background:#f9e0ff;
			color:#000;
			padding:5px;
			text-decoration:none;
		}

#footer{
	clear:both;
}

#copyright{
	background:#28285e;
	color:#fff;
	text-align:center;
	font-size:0.5em;
}

/*スムーススクロールページトップ*/
#sp_pagetop{
	width:50px;
	height:50px;
	position:fixed;
	bottom:10px;
	right:10px;
	z-index:9999;
}

	#sp_pagetop a{
		display:block;
		width:40px;
		height:40px;
		text-align:center;
		line-height:40px;
		background:#28285e;
		color:#fff;
		text-decoration:none;
		border-radius:20px;
		-moz-border-radius:20px;
		-webkit-border-radius:20px;
	}


/*####################PC表示用####################*/
@media print, screen and (min-width: 768px) {
/*PC版ではborder-boxではcontent-boxへ*/
* {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
*:before,
*:after {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}

/*----------------*/
a:link{
	color:#112364;
	text-decoration:none;
}
a:visited{
	color:#203682;
	text-decoration:none;
}
a:hover{
	color:#112364;
	text-decoration:underline;
}
a:active{
	color:#112364;
	text-decoration:underline;
}
/*----------------*/

body{
	font-family:Arial, Helvetica, sans-serif;
	background:#fff;
}


/*--container--*/
#container{
	width:100%;
}

	#container_inner{
		width:770px;
		margin:0 auto;
	}
	
/*--header--*/
#header{
	width:770px;
	height:104px;
	position:relative;
	z-index:0;
	padding:0;
}

	#header_inner{
	}
	
		#site_title{
			width:770px;
			height:104px;
			position:relative;
			z-index:1;
			padding:0;
		}
		
			#site_title h1{}
			
		#header_nav{
			width:125px;
			height:21px;
			position:absolute;
			bottom:20px;
			right:20px;
			z-index:2;
		}
		
		#header_search{
			position:absolute;
			top:64px;
			right:160px;
			z-index:3;
			width:240px;
		}
		
			#header_search .si_input{
				width:180px;
				float:left;
			}
			
			#header_search .si_input input[type="text"]{
				width:150px;
				height:19px;
				border:1px solid #aaa;
				padding:1px;
				font-size:14px;
			}
			
			#header_search .si_submit{
				width:60px;
				float:right;
			}
			
				#header_search .si_submit input[type="submit"]{
					width:60px;
					border:none;
					background:#28285e;
					color:#fff;
					height:23px;
					font-size:12px;
					border-radius:2px;
					-moz-border-radius:2px;
					-webkit-border-radius:2px;
				}

/*--main_wrapper--*/
#main_wrapper{
	width:751px;
	padding:0 10px 0 9px;
	background:url(../shared/main_bg.jpg);
}

/*--g_nav--*/
#g_nav{
	width:750px;
	height:41px;
}

	#g_nav ul{}
	
	#g_nav ul li{
		float:left;
	}
	

/*--main_box--*/
#main_box{
	overflow:hidden;
	padding:0;
}

/*--footer--*/
#footer{
	clear:both;
}

	#footer_inner{
	}
	
		#copyright{
			color:#fff;
			width:751px;
			height:19px;
			line-height:19px;
			background:#none;
			margin:0 auto;
			font-size:12px;
			border-right:1px solid #fff;
		}

/*文字色*/
.fc_red{color:red;}
.fc_blue{color:#0000ff;}
.fc_gray{color:gray;}

.fc_gray a:link{color:gray;}
.fc_gray a:visited{color:gray;}
.fc_gray a:hover{color:gray;}
.fc_gray a:active{color:gray;}

/*フォントスタイル*/
.fw_bold{font-weight:bold;}
.fw_normal{font-weight:normal;}

/*揃え*/
.ta_center{text-align:center;}
.ta_right{text-align:right;}
.ta_left{text-align:left;}

/*フロート*/
.fl_right{float:right;}
.fl_left{float:right;}

/*幅指定（％）適宜追加*/
.wpe05{width:5%;}
.wpe08{width:8%;}
.wpe10{width:10%;}
.wpe13{width:13%;}
.wpe15{width:15%;}
.wpe20{width:20%;}
.wpe25{width:25%;}
.wpe30{width:30%;}
.wpe33{width:33%;}
.wpe40{width:40%;}
.wpe50{width:50%;}
.wpe60{width:60%;}
.wpe70{width:70%;}
.wpe80{width:80%;}
.wpe90{width:90%;}
.wpe100{width:100%;}

/*幅指定（Em）適宜追加*/
.wem01{width:1em;}
.wem02{width:2em;}
.wem03{width:3em;}
.wem04{width:4em;}
.wem05{width:5em;}
.wem06{width:6em;}
.wem07{width:7em;}
.wem08{width:8em;}
.wem09{width:9em;}
.wem10{width:10em;}

/*フォントサイズ（Em）適宜追加*/
.fsem085{font-size:0.85em;}
.fsem09{font-size:0.9em;}
}

/*印刷対応*/
@media print{
	a[href]:after {
		content: "" !important;
	}
	
	abbr[title]:after {
		content: "" !important;
	}

	body{
		min-width:770px;
	}
	
	#mobile_nav_button,
	#mobile_nav,
	.lang_changer,
	#sp_pagetop{
		display:none !important;
	}
}