@charset "utf-8";
/* CSS Document */

  

/*body
-------------------------------------------*/
html, body, #wrap{
	height: 100%;
}

html{
margin-bottom:1px;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, a, span{
	margin:0;
	padding:0;
}

h1, h2, h3, h4, h5, h6{
	font-weight:normal;
}

h2{
font-size:1.4em;
}

body{
	line-height:1.4;
	color:#333333;
	font-size:62.5%;
	background:#d9e0b7;
	font-family: "ＭＳ Ｐゴシック","ＭＳ ゴシック",sans-serif;
}

body #wrap{
	height: auto; min-height: 100%;
}

a{
	outline:none; 
	overflow:hidden;
}

img{
	border:none;
}

hr{
margin:10px 0;
height:1px;
border:none;
background-color:#80995c;
color:#80995c;
}


#main{
	padding-bottom:125px;
}



/*body/clearfix
-------------------------------------------*/
.clearfix:after {
	content: ".";  
	display: block;  
	height: 0;  
	clear: both;  
	visibility: hidden;
}  
.clearfix {
	display: inline-block;
}  
/* Hides from IE-mac \*/  
* html .clearfix {
	height: 1%;
}  
.clearfix {
	display: block;
}  
/* End hide from IE-mac */  





/*header
-------------------------------------------*/
#header{
	background:#391c11 url(../image/basis_img/header/header.gif) repeat-x;
	border-bottom:#FFFFFF 1px solid;
}

#logo{
	margin:0 auto;
	background:transparent url(../image/basis_img/header/logo.gif) left no-repeat;
	width:800px;
	height:80px;
}

#logo h1{
	width:310px;
	height:80px;
	text-indent:-9999px;
}

#logo h1 a{
	width:310px;
	height:80px;
	display:block;
}


/*navigator
-------------------------------------------*/
#navigation{
	height:74px;
	background:#391c11 url(../image/basis_img/navigation/navigation.gif);
}

ul#menu {
	margin:0 auto;
	width:800px;
	height:43px;
	list-style-type:none;
}

ul#menu li { 
	float:left;
}

ul#menu li a { 
	display: block; 
	height:43px; 
	overflow:hidden;
	text-indent:-9999px;
}

ul#menu li#home a { background:transparent url(../image/basis_img/navigation/navi.gif) no-repeat 0 0; width:83px; }
ul#menu li#home a:hover { background:transparent url(../image/basis_img/navigation/navi.gif) no-repeat 0 -43px; width:83px; }

ul#menu li#concept a { background:transparent url(../image/basis_img/navigation/navi.gif) no-repeat -83px 0; width:119px; }
ul#menu li#concept a:hover { background:transparent url(../image/basis_img/navigation/navi.gif) no-repeat -83px -43px; width:119px; }

ul#menu li#menu1 a { background:transparent url(../image/basis_img/navigation/navi.gif) no-repeat -202px 0; width:89px; }
ul#menu li#menu1 a:hover { background:transparent url(../image/basis_img/navigation/navi.gif) no-repeat -202px -43px; width:89px; }

ul#menu li#staff a { background:transparent url(../image/basis_img/navigation/navi.gif) no-repeat -291px 0; width:97px; }
ul#menu li#staff a:hover { background:transparent url(../image/basis_img/navigation/navi.gif) no-repeat -291px -43px; width:97px; }

ul#menu li#otoku a { background:transparent url(../image/basis_img/navigation/navi.gif) no-repeat -388px 0; width:108px; }
ul#menu li#otoku a:hover { background:transparent url(../image/basis_img/navigation/navi.gif) no-repeat -388px -43px; width:108px; }

ul#menu li#blog a { background:transparent url(../image/basis_img/navigation/navi.gif) no-repeat -496px 0; width:159px; }
ul#menu li#blog a:hover { background:transparent url(../image/basis_img/navigation/navi.gif) no-repeat -496px -43px; width:159px; }

ul#menu li#access a { background:transparent url(../image/basis_img/navigation/navi.gif) no-repeat -655px 0; width:145px; }
ul#menu li#access a:hover { background:transparent url(../image/basis_img/navigation/navi.gif) no-repeat -655px -43px; width:145px; }


/*contents
-------------------------------------------*/

#contener{
	margin:-31px auto 0 auto;
	width:814px;
}

.contents_wrap{
padding:0 25px;
}

.box_top{
	height:18px;
	margin-top:20px;
	background:#FFFFFF url(../image/box/box_top.gif) center no-repeat;
}

.contents_box{
	background:#FFFFFF url(../image/box/contents_box.gif);
	font-size:1.5em;
	overflow:hidden;
}

.box_bottom{
	clear:both;
	height:35px;
	background:#FFFFFF url(../image/box/box_bottom.gif);
}



/*contents/header
-------------------------------------------*/
h2.caaption{
	margin:0 0 0 -25px;
	padding:0 25px;
	width:172px;
	height:37px;
	color:#FFFFFF;
	background:#CCCCCC url(../image/basis_img/caption/captioin.gif) no-repeat right;
	z-index:1000;
}



/*footer
-------------------------------------------*/
#footer{
	position:relative;  
	margin-top:-95px;
	height:95px;
	background:#394f00 url(../image/basis_img/footer/footer.gif) repeat-x; 
	clear:both;
}

#footer_box{
	margin:0 auto;
	width:814px;
}

#footer_list{
	padding:9px 0;
	height:23px;
	border-bottom:#587a00 1px solid;
}

#footer_list_margine{
	padding:3px 0 0 0;
}


#footer ul li{
	padding:0 5px;
	list-style:none;
	font-size:1.5em;
	color:#FFFFFF;
	float:left;
}

#footer ul li a{text-decoration:none;}
#footer ul li a:link{color:#ffffff;}
#footer ul li a:visited{color:#ffffff;}
#footer ul li a:hover{color:#ffffff;}


#address{
	padding:6px 0 0 7px;
	font-size:1.4em;
	color:#FFFFFF;
}

address{
	padding:0 0 0 7px;
	font-size:1.4em;
	color:#FFFFFF;
	font-style:normal;
}

#address a{text-decoration:none;}
#address a:link{color:#ffffff;}
#address a:visited{color:#ffffff;}
#address a:hover{color:#ffffff;}
