/*---------------------------初期化-----------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	    margin:0; 
	    padding:0; 
	} 
	table { 
	    border-collapse:collapse; 
	    border-spacing:0; 
	} 
	fieldset,img {  
	    border:0; 
	} 
	address,caption,cite,code,dfn,em,strong,th,var { 
	    font-style:normal; 
	    font-weight:normal; 
	} 
	ol,ul { 
	    list-style:none; 
	} 
	caption,th { 
	    text-align:left; 
	} 
	h1,h2,h3,h4,h5,h6 { 
	    font-size:100%; 
	    font-weight:normal; 
	} 
	q:before,q:after { 
	    content:''; 
	} 
	abbr,acronym { border:0; 
	} 
	img{
	vertical-align: middle;
	text-align:left;
	}
	li{vertical-align: middle;
	}
	
	.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	} /*IE7以外のモダンブラウザ向け*/

	.clearfix{display:inline-block;} /*IE7およびMacIE5向け*/

	/*Hides from IE-mac\*/
	* html .clearfix{height:1%;}
	.clearfix{display:block;}
	/*End hide from IE-mac*/ /*IE6以前向け*/
	
	.clearf{
	overflow:hidden;
	}
	
	*html body .clearf{
	height:1%;
	}
	
	
/*--------------------------------------------------------------------------*/

/*---------------------------ハック一覧-------------------------------------

******IE4〜IE6********

* html #hack { color:#000000; } 
#hack { _color:#000000; }

******IE7*************

*:first-child+html #hack { color:#000000; }

******IE6,7*************

#hack { /color:#000000; }





******s指定ブラウザ用設定*************
<!--[if It IE 7]>
<link rel="stylesheet" type="text/css" href="css/test.css" media="screen" />
<![endif]-->





 -------------------------------------------------------------------------*/

/*
--------------------レイアウトを指定-------------------------
*/


/* 中央寄せ */
body {
 text-align:center;
 margin:0px;
 padding:0px;
 font-size:80%;
 background-image:url("./img/background.jpg");
 background-repeat:repeat-y;
 background-position:center top;
 line-height:110%;
}


/* 全体のボックス */
#content {
 width:860px;
 margin-left:auto;
 margin-right:auto;
 text-align:left;
 background-color:#FFFFFF;
 border-left:none;
 border-right:none;
 padding:0px 20px;
 color:#654103;
 }
* html #content{padding:0px;}
#contentc {
	width:860px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	background-color:#FFFFFF;
	border-left:none;
	border-right:none;
	color:#654103;
	z-index:10;
	margin-top: -80px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
 }
* html #contentc{padding:0px;}


/* ヘッダーのボックス */
#box_header{
 width:900px;
 height:120px;
 margin-left:auto;
 margin-right:auto;
 padding-left:10px;
 text-align:left;
 background-image:url("./img/chead_back.jpg");
 background-position:top center;
 background-repeat:no-repeat;
}


/* 左のボックス */
#box_left {
 width:590px;
 float:left;
}



/* 右のボックス */
#box_right {
 width:200px;
 float:right;
 }


/* フッターのボックス */
#box_footer {
 width:100%;
 clear:both;
}

#navi{
position:relative;
top:-60px;
z-index:20;}




/*
--------------------要素を指定-------------------------
*/


/* アンカータグの文字色(左から通常時、訪問した後、クリックした時) */
a:link, a:visited, a:active {
	color: #5b6b38;
	text-decoration: none;
}


/* アンカータグの文字色(マウスが乗った時) */
a:hover {
 	color: #5b6b38;
	text-decoration: underline;
}


/* P要素全体に適用 */
p {
	line-height:150%;
}

/* STORNG要素全体に適用 */
strong {font-size:120%;}


/* TABLE要素全体に適用 */
table{
	border-top:1px solid #cccccc;
	border-left:1px solid #cccccc;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
	font-size:100%;
}

th{
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	text-align:center;
}

td{
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	line-height:110%;
}

hr{
border:1px dotted #ccc;}



/*
--------------------要素をCLASSで指定-------------------------
*/


.fright{
float:right;
display: -moz-inline-box; /*for　Firefox 2*/
display: inline-block; /*for modern*/
/display: inline; /*for ie5〜7*/
/zoom: 1; /*for ie5〜7*/ 
vertical-align:top; 

}
.fleft{
float:left;
display: -moz-inline-box; /*for　Firefox 2*/
display: inline-block; /*for modern*/
/display: inline; /*for ie5〜7*/
/zoom: 1; /*for ie5〜7*/ 
vertical-align:top; 

}
.clear{
clear:both;
}

.nop{
padding:0px;
}
.nom{
margin:0px;
}

.ifright{
float:right;
padding:10px 0px 10px 5px;
}
.ifleft{
float:left;
padding:0px 10px 0px 0px;
}

.bold{
font-weight:bold;
}

.tr{
text-align:right;}

.tl{
text-align:left;}

.tc{
text-align:center;}

.tr{
text-align:right;}
.oa{
overflow:auto;}





/*
--------------------個別で指定-------------------------
*/
.foothr{ border:none; border-bottom:1px solid #5b6b38; padding-top:30px;}
.footnavi{text-align:center; padding-top:5px;}
.footnavic{text-align:center; padding-top:5px;}
.footnavi li , .footnavic li{
display:inline;
border-right:1px solid #654103;
padding:0px 10px;}
h2{
background-image:url("./img/caption1.jpg");
background-repeat:no-repeat;
height:40px;
padding:30px 0px 0px 50px;
font-weight:bold;
margin:0px;}
* html h2{
height:60px;}
h3{
background-image:url("./img/h3.jpg");
background-repeat:no-repeat;
font-weight:bold;
height:55px;
width:120px;
text-align:center;
padding:20px 40px;
margin-top:30px;
color:#c12c3b;
margin-bottom:-30px;
font-size:130%;}
* html h3{
margin-bottom:0px;
width:200px;}
h4{
background-image:url("./img/h4.jpg");
background-repeat:no-repeat;
background-position:10px 7px;
font-weight:bold;
padding:10px 35px;
color:#c12c3b;
font-size:120%;}
h5{
font-weight:bold;
padding:10px 40px;
color:#447e43;}
.chp {padding:5px 30px 0px 0px; color:#654103;}
.chp strong{font-weight:bold;}
#contentc p{
padding:10px 30px;}

#menu1{
margin-top:-30px;
}
#menu1 dd{
float:left;
}
#menu1 li{
padding:10px 0px 10px 0px;
margin-left:40px;
width:290px;
}

#menu1 li span{
margin-top:-15px;
float:right;
}

#menu1 .set li{
background-color:#fae5b9;
padding:5px;
margin-left:40px;
}
#menu1 .left{
width:60%;
background-image:url("./img/menu1_bk.jpg");
background-position:350px 0px;
background-repeat:no-repeat;
}

#menu2{
margin-top:-30px;
}
#menu2 dd{
float:left;
}
#menu2 li{
padding:10px 0px 10px 0px;
margin-left:40px;
width:290px;
}

#menu2 li span{
margin-top:-15px;
float:right;
}

#menu2 .set li{
background-color:#fae5b9;
padding:5px;
margin-left:40px;
}
#menu2 .left{
width:60%;
background-image:url("./img/menu2_bk.jpg");
background-position:350px 0px;
background-repeat:no-repeat;
}

#menu3{
margin-top:-30px;
}
#menu3 dd{
float:left;
}
#menu3 li{
padding:10px 0px 10px 0px;
margin-left:40px;
width:360px;
}

#menu3 li span{
margin-top:-15px;
float:right;
}

#menu3 .set li{
background-color:#fae5b9;
padding:5px;
margin-left:40px;
}
#menu3 .left{
width:50%;
}



#menu5{
margin-top:20px;
}
#menu5 dd{
float:left;
}
#menu5 li{
padding:10px 0px 10px 0px;
margin-left:40px;
}

#menu5 li span{
margin-top:-15px;
padding-right:400px;
float:right;
}

#menu5 .set li{
background-color:#fae5b9;
padding:5px;
margin-left:40px;
}

#menu5 strong{
font-weight:bold;
color:#c12c3b;
font-size:170%;}

#menu5 .left{
width:100%;
background-image:url("./img/menu4_bk.jpg");
background-position:470px 80px;
background-repeat:no-repeat;
}