/* 全体 */
body{
	color: #340f16;
	font-size: 16px;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	height:100%;
}
img {
	display: block;
}
a{
	text-decoration:none;
	color:#666666;
}
body{
	width:100%;
	height:500px;
	background-image:url(../img/bg.jpg);
	background-repeat:repeat-x;
}
#wrapper{
	width:900px;
	height:auto;
	margin-right:auto;
	margin-left:auto;
}

/* header */
#header{
	width:900px;
	height:200px;
	background-image:url(../img/headerbg.gif);
	background-repeat:repeat-x;
	background-position:top;
	position:relative;
}
h1{
	width:222px;
	_width:100%;
	height:200px;
	float:left;
	z-index:2;
	position:absolute;
	left:20px;
}
#headernav{
	width:auto;
	height:40px;
	float:right;
}
#headernav li{
	float:left;
	margin-right:20px;
	line-height:40px;
}
#headernav li a{
	color:#ffffff;
}
#headernav li a:hover,#section li a:hover,#bottomnav li a:hover{
	text-decoration:underline;
}
/* hero */
#hero{
	width:900px;
	height:410px;
	clear:both;
	position:absolute;
	top:40px;
	z-index:1;
}
/* nav */
#nav{
	width:940px;
	height:auto;
	margin-top:260px;
}
#nav li{
	width:180px;
	height:auto;
	float:left;
}
#section{
	clear:both;
	padding-top:20px;
	width:900px;
	height:auto;
}
#section li{
	background-image:url(../img/circle.jpg);
	background-repeat:no-repeat;
	background-position:0 6px;
	padding-left:15px;
	color:#340f16;
	padding-bottom:5px;
}
#section ul,#section p{
	margin-bottom:10px;
}
/* main */
#main{
	width:600px;
	height:auto;
	float:left;
}
h2{
	width:600px;
	height:37px;
	background-image:url(../img/titlebg.jpg);
	background-repeat:no-repeat;
	text-align:center;
	color:#340f16;
	font-size:18px;
	margin-bottom:15px;
}
h3{
	background-image:url(../img/smalltitle.jpg);
	background-repeat:no-repeat;
	background-position:0 4px;
	font-size:16px;
	color:#340f16;
	padding-left:18px;
}

table{
	margin:20px 0;
}
#list{
	font-size: 80%;
}

#list span:after{
	content: '>';
	padding: 0 5px;
}

#list span:last-child:after{
  content: '';
}




/* side */
#side{
	width:250px;
	height:auto;
	float:right;
}
h4{
	width:250px;
	height:37px;
	background-image:url(../img/subtitlebg.jpg);
	background-repeat:no-repeat;
	text-align:center;
	color:#340f16;
	font-size:18px;
	margin-bottom:15px;
}
/* pagetop */
#pageTop{
	background:#DDD;
	border-radius:5px;
	color:#FFF;
	padding:20px;
	position:fixed;
	bottom:20px;
	right:20px;
	}
#pageTop:hover{
	background:#EEE;
	}
#footer{
	color:#ffffff;
	clear:both;
	width:900px;
	height:40px;
	background-image:url(../img/headerbg.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	text-align:center;
	line-height:40px;
	margin-bottom:10px;
}
/* bottomnav */
#bottomnav{
	width:auto;
	height:40px;
	margin-bottom:30px;
}
#bottomnav li{
	float:left;
	margin-right:20px;
	line-height:40px;
	background-image:url(../img/circle.jpg);
	background-repeat:no-repeat;
	background-position:0 13px;
	padding-left:15px;
}
#bottomnav li a{
	color:#340f16;
}
#bottomnav li a:hover{
	color:#340f16;
}