@charset 'UTF-8';
@import url('reset.css');

html, body {width:100%; margin:0; padding:0;}

body {
	text-align:center;
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS P Gothic","Osaka",Verdana,Arial,Helvetica,sans-serif;
	font-size:14px;
	line-height:1.6em;
	color:#000;
	padding-bottom:50px;
}

.fr {float:right;}
.fl {float:left;}
.cnt {margin:0 auto;}
.clear {clear:both;}

.cf:before,
.cf:after{
  content:"";
  display: table;
}
.cf:after{
  clear:both;
}
/*IE6,7対策 （haslayout対策）*/
.cf{
  *zoom:1;
}

img {display:block;}

a, a:visited, a:hover {
	color:#000;
	font-weight:bold;
	text-decoration:none
}
a:hover {
	color:#0097d9;
}

/***********************************************
				header,wrapper
************************************************/

div#header,div#wrapper {
	width:1040px;
	margin:0 auto;
}
div#wrapper {
	overflow:hidden;
	_zoom:1;
	background:url('../images/main_bg.jpg') left top repeat-y;
}


/***********************************************
					main
************************************************/
div#main {
	overflow:hidden;
	_zoom:1;
	float:left;
	width:620px;
	padding:20px;
}


/***********************************************
					form
************************************************/
.must {
display: block;
background-color: #C00;
padding: 0px 5px;
font-size: 10px;
color: #FFF;
float: left;
margin: 0px 5px;
border-radius: 4px;
box-shadow: 0px 0px 5px #CCC;
}

ol {
	list-style:none;
}


/***********************************************
					sidebar
************************************************/
div#side {
	overflow:hidden;
	_zoom:1;
	float:right;
	width:380px;
}

ul.navi {
	width:380px;
	list-style:none;
	margin-bottom:20px;
	text-align:left;
}
ul.navi li {
	width:380px;
	text-indent:40px;
}
ul.navi li.odd {
	background:url('../images/btn_a.png') left top no-repeat #c59107;
}
ul.navi li.even {
	background:url('../images/btn_b.png') left top no-repeat #6b3907;
}
ul.navi li a, ul.navi li a:visited, ul.navi li a:hover {
	display:block;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	line-height:35px;
}
ul.navi li a:hover {
	color:#ccc;
}
ul.navi li div a.odd {
	background-color:#c59107;
}
ul.navi li div a.even {
	background-color:#6b3907;
}
div.bn {
	width:314px;
	margin:0 auto;
}
h4 {
	text-align:left;
	font-size:1.2em;
	color:#6a3906;
	line-height:21px;
	height:21px;
	text-indent:30px;
	background:url('../images/h_kazari.png') left center no-repeat;
	margin-bottom:10px;
}
div.bn ul {
	list-style:none;
}
div.bn ul li {
	margin-bottom:10px;
}


/***********************************************
					footer
************************************************/

div#foot {
	clear:both;
	width:1040px;
	margin:50px auto 0;
	padding-top:20px;
	border-top:1px solid #6a3906;
}


/***********************************************
					footer
************************************************/

div#article {
	text-align:left;
	padding:15px;
}

img.top {
	margin-bottom:20px;
}

h2,h3 {
	text-align:left;
	font-size:1.2em;
	color:#6a3906;
	line-height:21px;
	height:21px;
	text-indent:30px;
	background:url('../images/h_kazari.png') left center no-repeat;
	margin-bottom:10px;
	border-bottom:1px solid #6a3906;
}
h3 {
	margin-top:20px;
}