@charset "UTF-8";

/* ========================================
       
	   1. 全体・共通項目
	   
	   2. 第二階層共通項目
	   
   ======================================== */


/* ========================================
       
	   1.　全体・共通項目
   
   ======================================== */

/*---- 1-1　全 体 --------------------------*/

html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	background:#452402;
	
}
a {
	color: #000000;
	text-decoration: underline;
	font-weight:nomal;
}
a:active,
a:focus,
a:hover {
	color: #8f8f8f;
	text-decoration: underline;
	font-weight:nomal;
}

.clear {display: block;	clear: both;}
.clearfix:after { /*floatの解除、ここがポイント*/
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.clearfix {
	min-height: 1px; /*IE6、7対策*/
}
* html .clearfix {
	height: 1px;
	/*¥*//*/ /*MAC IE5.x対策*/
	height: auto;
	overflow: hidden;
	/**/
}



/*---- 1-2　コンテンツエリアの共通項目 ----*/

#container {
	position: relative;
	background:#FFFFFF;
}
#container_sub {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	background:#FFFFFF;
}
#screen {
	width: 100%;
	margin: 0 auto;
	text-align: left;
	
}
#header {
 width:100%;
	height:108px;
	background:#452402;
}
#header-inn{
width:800px; margin:0 auto; padding:40px 0;
}
#contents {
	margin:16px auto 20px;
	padding:0;
	width: 780px;
	clear:both;
}

#contents h1{float:left; margin-right:85px;}

#contents p{float:left;}
ul { position:relative; height:388px; width:780px; }

/*----- 1-3  フッター -------------------*/

#footer {
	width: 100%;
	margin-bottom:33px;
}
#foot_navi{
width:800px;
margin:0 auto 23px;
height:11px;
}
#foot_navi ul{
width:313px;
height:11px;
margin:0 auto;
display:block;
}
#foot_navi li{
height:11px;
position:relative;
font-size:12px;
/*HideMacIE¥*/
overflow:hidden;
/**/
}
#foot_navi li span {display: none;}
#foot_navi li.footnavi01{
width:148px; float:left;
background:url(../images/foot-navi.gif) no-repeat top left;
}
#foot_navi li.footnavi01 a{
display:block; float:left;
width:148px; height:11px;
background:url(../images/foot-navi.gif) no-repeat top left;
}
#foot_navi li.footnavi01 a:hover{
display:block; float:left;
width:148px; height:11px;
background:url(../images/foot-navi.gif) no-repeat 0 -11px;
}
#foot_navi li.footnavi02{
width:92px; float:left;
background:url(../images/foot-navi.gif) no-repeat -148px 0;
}
#foot_navi li.footnavi02 a{
display:block; float:left;
width:92px; height:11px;
background:url(../images/foot-navi.gif) no-repeat -148px 0;
}
#foot_navi li.footnavi02 a:hover{
display:block; float:left;
width:92px; height:11px;
background:url(../images/foot-navi.gif) no-repeat -148px -11px;
}
#foot_navi li.footnavi03{
width:73px; float:left;
background:url(../images/foot-navi.gif) no-repeat -240px 0;
}
#foot_navi li.footnavi03 a{
display:block; float:left;
width:73px; height:11px;
background:url(../images/foot-navi.gif) no-repeat -240px 0;
}
#foot_navi li.footnavi03 a:hover{
display:block; float:left;
width:73px; height:11px;
background:url(../images/foot-navi.gif) no-repeat -240px -11px;
}
.copyright{
	clear:both;
	text-align:center;
	height:11px;
	line-height:0;
	padding:0 0 10px;
	color:#766c67;
	font-size:0.55em;
}


/* ========================================
       
	   2.　第二階層共通項目
   
   ======================================== */


/*---- 2-1　header_inn --------------------------*/

#header_item{
background:#FFFFFF;
margin:41px auto 51px;
width:915px;
}
#header_item h1{
float:left;
}
#header_item h2{
float:right;
}

/*---- 2-2　contents --------------------------*/

#gmenu{
 margin:12px 49px 0 0;
 float:left;
	width:138px;
	height:125px;
	margin:0;
	padding:0;
	display:block;
}
#gmenu ul{
	margin:0;
	padding:0;
}
#gmenu li{
	width : 118px;
vertical-align: bottom;}
#gmenu li a {
	display : block ;
	width : 138px;
	margin : 0;
	padding : 0;
	overflow : hidden ;
	text-indent:-9999px;
vertical-align: bottom;}

#gmenu li span {display: none; line-height:0; vertical-align: bottom;}
li.gnavi01{
height:9px;
display:block;
vertical-align: bottom;
margin-bottom:30px;
}
li.gnavi01 a{
height:9px; display:block;
vertical-align: bottom;
background:url(../images/sub_navi.gif) no-repeat 0 0;
}
li.gnavi01 a:hover{
height:9px; display:block;
}
li.gnavi01 a:hover{
height:9px; display:block;
background:url(../images/sub_navi.gif) no-repeat -138px 0;
}
li.gnavi02{
height:10px; display:block;
vertical-align: bottom; margin-bottom:29px;}
li.gnavi02 a{
height:10px; display:block;
background:url(../images/sub_navi.gif) no-repeat 0 -39px;
vertical-align: bottom;}
li.gnavi02 a:hover{
height:10px; display:block;
background:url(../images/sub_navi.gif) no-repeat -138px -39px;
}
li.gnavi03{
height:10px; margin-bottom:29px;
background:url(../images/sub_navi.gif) no-repeat 0 -78px;
}
li.gnavi03 a{
height:10px; display:block;
background:url(../images/sub_navi.gif) no-repeat 0 -78px;
}
li.gnavi03 a:hover{
height:10px; display:block;
background:url(../images/sub_navi.gif) no-repeat -138px -78px;
}
li.gnavi04{
height:10px;
background:url(../images/sub_navi.gif) no-repeat 0 -117px;
}
li.gnavi04 a{
height:10px; display:block;
background:url(../images/sub_navi.gif) no-repeat 0 -117px;
}
li.gnavi04 a:hover{
height:10px; display:block;
background:url(../images/sub_navi.gif) no-repeat -138px -117px;
}
#contents_2nd{
	margin:41px auto 0;
	padding:0;
	width: 800px;
	clear:both;
}
#main{
float:right;
width:599px;
font-size:80%;
	position: relative;
	padding-bottom:60px;
}
#contents_2nd h3{ margin-bottom:28px;}
#contents_2nd p{ margin-bottom:30px;}