@charset "UTF-8";

/* ________________________________________________________________________________________||||  FONT   */

.xxl{
	font-size:xx-large;
	line-height:1.4em;
}

.xl{
	font-size:x-large;
	line-height:1.4em;
}

.l{
	font-size:large;
	line-height:1.4em;
}

.m{
	font-size:medium;
	line-height:1.4em;
}

.m_02{
	font-size:medium;
	line-height:1.2em;
}

.s{
	font-size:small;
	line-height:1.4em;
}

.s_02{
	font-size:small;
	line-height:1em;
}

.xs{
	font-size:10px;
	line-height:1.4em;
}

.xs_02{
	font-size:10px;
	line-height:1em;
}

.xvv{
	font-size:xx-small;
	line-height:1.4em;
}

.f30{
	font-size:30px;
	line-height:1.4em;
}

.f20{
	font-size:20px;
	line-height:1.4em;
}

.f18{
	font-size:18px;
	line-height:1.4em;
}

.f16{
	font-size:16px;
	line-height:1.4em;
}

.f16_02{
	font-size:16px;
	line-height:1em;
}

.f15{
	font-size:15px;
	line-height:1.4em;
}

.f15_02{
	font-size:15px;
	line-height:1em;
}

.f14{
	font-size:14px;
	line-height:1.4em;
}

.f14_02{
	font-size:14px;
	line-height:1em;
}

.f14_03{
	font-size:14px;
	line-height:2em;
}

.f13{
	font-size:13px;
	line-height:1.4em;
}

.f13_02{
	font-size:13px;
	line-height:1em;
}

.f12{
	font-size:12px;
	line-height:1.4em;
}

.f12_02{
	font-size:12px;
	line-height:1em;
}

.f12_03{
	font-size:12px;
	line-height:1.8em;
}

.f12_04{
	font-size:12px;
	line-height:1.6em;
}

.f11{
	font-size:11px;
	line-height:1.4em;
}

.f11_02{
	font-size:11px;
	line-height:1em;
}

.f11_03{
	font-size:11px;
	line-height:1.6em;
}

.f10{
	font-size:10px;
	line-height:1.4em;
}

.f10_02{
	font-size:10px;
	line-height:1em;
}

.f10_03{
	font-size:10px;
	line-height:1.8em;

}

.f9{
	font-size:9px;
	line-height:1.4em;
	font-family:Verdana,Arial,Monaco,sans-serif;
}

/* ________________________________________________________________________________________||||  INTERFACE   */

body{
	margin:0px;
	padding:0px;
	background-color:#ffffff;
	text-align:center;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

#gloabl_header{
	width:100%;
	height:122px;
	margin:0px 0px 0px 0px;
	padding:0px;
	background-color:#f0ebd7;
}

#header_area{
	width:960px;
	height:100px;
	margin:0px auto;
	background-image:url("../img/interface/header_bg.png");
	background-repeat:no-repeat;
	text-align:left;
	position:relative;
}
#gloabl_header hgroup{
	margin:0px;
	padding:0px;
	font-size:12px;
	width:305px;
	height:70px;
	position:absolute;
	top:15px;
	left:0px;
}
#gloabl_header hgroup#logo h1{
	margin:0px;
	padding:0px;
	font-size:12px;
	width:232px;
	height:43px;
}
#gloabl_header hgroup#logo h1>img{
	width:232px;
	height:43px;
}
#gloabl_header hgroup#logo h2{
	margin:4px 0px 0px 0px;
	padding:0px;
	font-size:12px;
	width:232px;
	height:13px;
}
#gloabl_header hgroup#logo h2 img{
	width:232px;
	height:13px;
}

#gloabl_header_image{
	width:100px;
	height:100px;
	position:absolute;
	top:0px;
	left:305px;
}
#gloabl_header_image>img{
	width:100px;
	height:100px;
}

#followus{
	width:300px;
	height:100px;
	position:absolute;
	top:0px;
	right:0px;
}
#followus h1{
	width:69px;
	height:38px;
	margin:0px;
	padding:0px;
	font-size:10px;
	position:absolute;
	bottom:24px;
	right:0px;
}
#followus h1>img{
	width:69px;
	height:38px;
}

#followus img#followus_facebook{
	width:24px;
	height:24px;
	position:absolute;
	top:10px;
	right:30px;
}

#followus img#followus_twitter{
	width:24px;
	height:24px;
	position:absolute;
	top:10px;
	right:0px;
}


#global_search{
	width:200px;
	height:30px;
	position:absolute;
	top:5px;
	right:67px;
	font-size:12px;
	line-height:1em;
	z-index:100;
}

#global_search_input{
	width:140px;
	height:18px;
	border:1px solid #aaaaaa;
	position:absolute;
	top:6px;
	right:54px;
}
#gloabl_search_submit{
	height:24px;
	position:absolute;
	top:5px;
	right:2px;
}

#global_search_input_2{
	width:140px;
	height:18px;
	border:1px solid #aaaaaa;
	position:absolute;
	top:-3px;
	right:54px;
}
#gloabl_search_submit_2{
	height:24px;
	position:absolute;
	top:-3px;*/
	right:2px;
}

#global_search_input_3{
	width:140px;
	height:18px;
	border:1px solid #aaaaaa;
	position:absolute;
	top:0px;
	right:54px;
}

#gloabl_header nav{
	width:100%;
	height:22px;
	background-color:#64961E;
	margin:0px;
	padding:0px;
}
#nav_area{
	width:960px;
	height:22px;
	background-color:#64961E;
	margin:0px auto;
	padding:0px;
}
#gloabl_header nav ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
	font-size:12px;
}
#gloabl_header nav li{
	float:left;
}


#contents_area{
	width:960px;
	margin:0px auto;
	text-align:left;
}

#contents_area_main{
	width:637px;
	margin:0px 0px 0px 0px;
	padding:0px;
	float:left;
}

#contents_area_side{
	width:314px;
	margin:0px 0px 0px 0px;
	padding:0px;
	float:right;
}

#contents_bottom_link{
	margin:100px 0px 0px 0px;
	padding:0px;
	text-align:center;
	position:relative;
}

#footer_character_position{
	margin:0px;
	padding:0px;
	position:absolute;
	bottom:0px;
	rigth:0px;
}

#navi_area{
	width:960px;
	height:22px;
}

#global_footer{
	width:100%;
	background-color:#64961E;
	color:#ffffff;
}

#global_footer_padding{
	width:960px;
	margin:0px auto;
	padding:25px 0px 25px 0px;
	text-align:center;
	position:relative;
}

#global_footer a:link{
	color:#ffffff;
	text-decoration:none;
}
#global_footer a:visited{
	color:#ffffff;
	text-decoration:none;
}
#global_footer a:hover{
	color:#ffffff;
	text-decoration:none;
}
#global_footer a:active{
	color:#ffffff;
	text-decoration:none;
}

#footer_copyright{
	font-size:9px;
	font-family:Verdana,Arial,sans-serif;
}
#footer_character_position{
	margin:0px;
	padding:0px;
	position:absolute;
	top:-90px;
	right:0px;
}


/* ________________________________________________________________________________________||||  MATERIALS   */

#sub_page_box{
	padding:20px;
	position: relative;
	overflow: hidden;
	text-align:center;
}


.sub_page_list{
	margin:0px;
	padding:0px;
	list-style:none;
	font-size:10px;
	position: relative;
	left: 50%;
	float: left;
}

.sub_page_list li{
	position: relative;
	left: -50%;
	float: left;
	font-weight:bold;
}

.sub_page_list a{
	display:block;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	width:2em;
	padding:4px 1px;
	margin:1px;
	color:#ffffff;
	text-decoration:none;
	line-height:1em;
}
.sub_page_list a:link{
	background-color:#c8beaa;
}
.sub_page_list a:visited{
	background-color:#c8beaa;
}
.sub_page_list a:hover{
	background-color:#64961e;
}
.sub_page_list a:active{
	background-color:#c8beaa;
}
.sub_page_list span{
	display:block;
	background-color:#64961e;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	width:2em;
	padding:4px 1px;
	margin:1px;
	color:#ffffff;
	text-decoration:none;
	line-height:1em;
}


.sub_page_list a.nextback{
	display:block;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	width:1em;
	padding:4px 1px;
	margin:1px;
	color:#ffffff;
	text-decoration:none;
}
.sub_page_list a.nextback:link{
	background-color:#50321E;
}
.sub_page_list a.nextback:visited{
	background-color:#50321E;
}
.sub_page_list a.nextback:hover{
	background-color:#50321E;
}
.sub_page_list a.nextback:active{
	background-color:#50321E;
}


.social_btn div{
	margin:0px 6px 0px 0px;
	float:left;
}