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

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

/*##########     共通     ##########*/

body{
	font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif ;
	font-size: 14px;
	background: #fff;
	color: #222222;
}

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

#container_inner {
	min-width: 1000px;
}
/*#######header#######*/
#header {
    height: 80px;
    margin: 0;
    padding: 0;
	overflow: inherit;
	border-top:10px solid #4b7eeb;
	border-bottom:1px solid #ccc;
	margin-bottom:30px;
}

#header_inner {
	width: 940px;
	margin: 0 auto;
	padding: 0;
	background: none;
}
	#header_l {
		width: 730px;
		float: left;
		margin-top: 10px;
		overflow:hidden;
	}

	#header_l #ku_logo {
		width:70px;
		height:54px;
		margin:0 20px 0 0;
		float:left;
	}

	#header_l #site_title {
		width:610px;
		height:54px;
		margin:0 20px 0 0;
		float:left;
}



	#header_r {
		width: 210px;
		float: right;
		margin-top: 30px;
	}
	
	#header_r ul{
		overflow:hidden;
		text-align:right;
	}
	
	#header_r ul li{
		display:inline-block;
	}
	
	#header_r ul li.hr_home{
		display:inline-block;
		padding-right:10px;
	}
	
	#header_r ul li.hr_japanese{
		display:inline-block;
		padding-left:20px;
		background:url(../shared/header_r_bg.gif) no-repeat left 0;
	}
	
	
	#header_nav {
		width: 935px;
		height: 40px;
		margin: 0 auto 20px auto;
		background: none;
		clear:both;
		border-left:1px solid #ccc;
		padding:0 0 0 5px;
	}
	
		#header_nav li {
			height:34px;
			float: left;
			padding:3px 12px;
			border-right:1px solid #ccc;
		}

/*#######main_box#######*/
#main_box {
	width: 100%;
	overflow: hidden;
	clear: both;
	padding: 0;
	background: #ffffff;
}

	#main_box_inner {
		width: 940px;
		overflow: hidden;
		margin: 0 auto;
	}
	#main_box_inner p {
	}


/*#######footer#######*/
#footer{
	width: 100%;
	overflow: hidden;
	clear: both;
	font-size: 12px;
	background: url(../shared/footer_bg.gif) top center repeat-x #eef2fd;
}
#footer a {
	color: #666666;
	text-decoration: none;
}
	#page_top {
	width: 940px;
	height: 30px;
	position: relative;
	margin: 0 auto;
	}
	
	#page_top a {
		position: absolute;
		top: -40px;
		right: 15px;
	}
	
	#footer_inner {
		width: 940px;
		padding:30px 0 20px 0;
		margin: 0 auto;
	}
		#f_link {
			width: 940px;
			overflow: hidden;
			padding: 0 30px;
			margin: 0 auto;
			}
				#f_link ul {
					float: left;
				}
				#f_link li {
					float: left;
					margin-right: 15px;
				}
		#f_ttl_box {
			width: 1000px;
			height: 44px;
			margin: 75px auto 5px;
			position: relative;
		}
			#f_ttl {
				width: 910px;
				padding-left: 150px;
				padding-bottom: 5px;
				border-bottom: 1px solid #cccccc;
				position: absolute;
				top: 5px;
				left: 40px;
			}
				#f_ttl p {
					font-weight: bold;
					margin-right: 10px;
					padding-top: 5px;
					float: left;
				}
				#f_ttl img {
					float: left;
				}

			#page_top {
				width: 44px;
				height: 30px;
				position: absolute;
				top: 20px;
				right: 43px;
			}

		/*#######footer_nav#######*/
			#f_nav_box {
				width: 900px;
				padding: 0 20px 10px 20px;
				margin: 0 auto 25px auto;
				overflow: hidden;
				border-bottom:1px solid #ccc;
			}
				#f_nav_01,#f_nav_02,#f_nav_03,#f_nav_04,#f_nav_05,#f_nav_06 {
					float: left;
					margin-right: 10px;
				}
				#f_nav_01 {
					width: 200px;
				}
				#f_nav_02 {
					width: 200px;
				}
				#f_nav_03 {
					width: 200px;
				}
				#f_nav_04 {
					width: 200px;
				}
				#f_nav_box li,#f_link li {
					background: url(../shared/arr_01.gif) 0 6px no-repeat;
					padding-left: 10px;
					font-weight: bold;
					margin-bottom: 6px;
				}
				#f_nav_box li ul {
					margin-top: 4px;
				}
				#f_nav_box li li {
					background: url(../shared/arr_02.gif) 0 5px no-repeat;
					font-weight: normal;
					margin-bottom: 3px;
				}
				
				#f_wrapper{
					width:900px;
					padding:0 20px;
					overflow:hidden;
				}
				
				#f_add{
					width:450px;
					float:left;
				}
				
				#f_add .f_add_title{
					font-size:1.3em;
					font-weight:bold;
					margin-bottom:5px;
				}
				
				#f_add address{
					font-size:1.1em;
				}
				
				#f_bnr{
					width:450px;
					float:right;
					text-align:right;
				}
				
				#f_bnr li{
					display:inline-block;
					padding:0 0 0 10px;
				}
				
				
			/*#######copyright#######*/
			#copyright{
				clear: both;
				background:#799df1;
				color:#fff;
			}
			
			#copyright_inner{
				width:470px;
				padding:20px 0 20px 470px;
				background:url(../shared/footer_logo_bg.png) no-repeat left top;
				margin:0 auto;
				text-align:right;
			}
			

#pagetop{
	position:relative;
	width:940px;
	height:66px;
	margin:0 auto;
}

#pagetop a{
    background: url(../shared/pagetop.png) 21px 25px no-repeat #bbb;
    right: 0px;
    position: absolute;
    top: 20px;
    width: 24px;
    height: 1px;
    border-radius: 70px;
    -moz-border-radius: 70px;
    -webkit-border-radius: 70px;
    color: #2a82a3;
    padding: 42px 20px 20px;
    display: block;
    text-align: center;
    transition: background-color 0.5s ease-in;
    -webkit-transition: background-color 0.5s ease-in;
    text-indent: -9999px;
    opacity: 0.7;
    border: 1px solid #bbb;
    outline: none;
}

#pagetop a:hover{
    opacity: 1;
}

/*##########     各ページ共通    ##########*/
#pages{}

.o_link {
	background: url(../shared/outlink_icon.gif) no-repeat center right;
	padding-right: 18px;
	margin-right: 5px;
}
	


/*##########     汎用    ##########*/

.bg_png{}/*背景透過PNG用*/

/*文字色*/
.fc_red{ color: #E11E2D;}
.fc_blue{color:#0096c8;}
.fc_gray{color:gray;}
.fc_orange{color:orange;}
.fc_clear{color:#222;}
/*フォントスタイル*/
.fw_bold{font-weight:bold;}
.fw_clear{font-weight: normal;}
.te_1em {text-indent: 1em;}
/*揃え*/
.ta_center{text-align:center;}
.ta_right{text-align:right;}
.ta_left{text-align:left;}

/*フロート*/
.fl_right{float:right;}
.fl_left{float:left;}
.fl_clear{clear:both;}

/*幅指定（％）適宜追加*/
.wpe05{width:5%;}
.wpe08{width:8%;}
.wpe10{width:10%;}
.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）適宜追加*/
.fsem075{font-size:0.75em;}
.fsem085{font-size:0.85em;}
.fsem09{font-size:0.9em;}
.fsem12{font-size:1.2em;}
.fsem15{font-size:1.5em;}