@charset "UTF-8";

*{
	margin: 0px;
	padding: 0px;
	line-height:1.5;
	text-decoration: none;
	font-family:  Osaka, "ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック";
}
body{
	background-color: #8B4307;
	left: auto;
	right: auto;
	font-size: 12px;
	color: #000;
	width: 800px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

/******************************************************
  header
******************************************************/
h1{
	background-image: url(../images/title01.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 114px;
	width: 800px;
	clear: left;
	float: left;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}
#hNavi{
	background-image: url(../images/title02.png);
	background-repeat: no-repeat;
	display: block;
	height: 26px;
	width: 680px;
	clear: left;
	margin: 0px;
	padding: 0px;
}
ul#hNavi{
	width: 400px;
	padding-left:360px;
}

ul#hNavi li{
	height: 26px;
	width: 100px;
	float:left;
	clear: right;
	list-style-type: square;
}

/******************************************************
  wrapper
******************************************************/
#wrapper{
	margin: 0px;
	padding: 0px;
	clear: none;
	float: none;
	background-color: #E16D0C;
}

/******************************************************
  container
******************************************************/
#container{
	clear: left;
	float: left;
}

/******************************************************
  main
******************************************************/
#main{
	width: 680px;
	position:static;
	clear:left;
}

/******************************************************
  footer
******************************************************/
ul#Fnavi{
	width: 700px;
	padding-left:100px;
	clear: both;
	background-color: #8b4307;
}
ul#Fnavi li{
	list-style-type: square;
	width: 80px;
	clear: right;
	float: left;
	text-align: justify;
}
#wrapper #Fnavi strong {
	color: #6f3700;
	font-size: 13px;
}

#footer{
	background-image: url(../images/footer.png);
	background-repeat: no-repeat;
	height: 22px;
	width: 800px;
	clear: left;
	float: left;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}
/******************************************************
  link
******************************************************/
a,a:visited {
	color: #6F3700;
	text-decoration: none;
}
a:hover{
	color: #F90;
	text-decoration: underline;
}


/******************************************************
  navi
******************************************************/
#navi{
	width:680px;
	height:67px;
	margin-left:60px;
}
#navi li{
	width:136px;
	float:left;
	clear: right;
}

#navi01{
	background-image: url(../images/navi01.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	height: 67px;
	width: 136px;
	background-position: left bottom;
}
#navi01 a{
	background-image: url(../images/navi01.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	height: 67px;
	width: 136px;
	background-position: left top;
}
#navi01 a:hover{
	background-image: url(../images/navi01.png);
	background-position: left bottom;
	display: block;
}

#navi02{
	background-image: url(../images/navi02.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	height: 67px;
	width: 136px;
	background-position: left bottom;
}
#navi02 a{
	background-image: url(../images/navi02.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	height: 67px;
	width: 136px;
	background-position: left top;
}
#navi02 a:hover{
	background-image: url(../images/navi02.png);
	background-position: left bottom;
}

#navi03{
	background-image: url(../images/navi03.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	height: 67px;
	width: 136px;
	background-position: left bottom;
}
#navi03 a{
	background-image: url(../images/navi03.png);
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	height: 67px;
	width: 136px;
}
#navi03 a:hover{
	background-image: url(../images/navi03.png);
	background-position: left bottom;
}

#navi04{
	background-image: url(../images/navi04.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	height: 67px;
	width: 136px;
	background-position: left bottom;
}
#navi04 a{
	background-image: url(../images/navi04.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	height: 67px;
	width: 136px;
	background-position: left top;
}
#navi04 a:hover{
	background-image: url(../images/navi04.png);
	background-position: left bottom;
}

#navi05{
	background-image: url(../images/navi05.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	height: 67px;
	width: 136px;
	background-position: left bottom;
}
#navi05 a{
	background-image: url(../images/navi05.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	height: 67px;
	width: 136px;
	background-position: left top;
}
#navi05 a:hover{
	background-image: url(../images/navi05.png);
	background-position: left bottom;
}