@charset "utf-8";

body{ margin:0; padding:0;
	font-size:12px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333;line-height:150%;
	}

/* リンク
----------------------------------------------- */
a {
	text-decoration: underline;
	color: #900;
}
a:link {text-decoration:underline; }
a:visited { text-decoration:underline; }
a:hover {
	color: #F60;
	text-decoration:none;
}

/* フロート解除
----------------------------------------------- */
.clearfix:after{
	display:block;
	clear:both;
	height:0px;
	line-height:0px;
	visibility:hidden;
	content:".";
}
.clearfix{
	zoom:100%;/* IE6・7対策 */
}

/* ヘッダー
----------------------------------------------- */
h1{ margin:0px; padding:2px 0px 2px 10px; font-size:10px; color:#FFF; background-color:#583e27; font-weight:normal;}
#header{ background-image: url(../img/c3.jpg);
	width:764px;height: 135px; background-position:bottom; background-repeat:no-repeat;
	margin:auto;
	}

/* メニュー
----------------------------------------------- */
.menubg {width: 764px;
	height: 32px; margin:auto;background-color:#583e27;color:#FFF; font-size:16px; font-weight:bold;
}
#menu{margin:0 auto;
  padding: 0;
  width: 764px;
}

#menu ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#menu li{
  float: left;
  width: 109px;
  margin: 0;
  padding: 0;
}

#menu a{
  text-align: center;
  display:block;
  padding: 7px 0;
  width: 100%;
  color: white;
}

#menu a:hover{
	background-color: #960;
	color: white;
}

/* メインコンテンツ
----------------------------------------------- */
#topmain {
 background-image:url(../img/sita.jpg); background-repeat: no-repeat; background-position:bottom; height:414px;
}
#container { border:1px solid #600;
	width:762px;
	margin:auto;
}
.topbg{background-color:#583e27; padding:10px; color:#FFF;}
.topbg a{color:#FFF;}
.topbg a:hover{color:#FFF;}

.subbg{background-color:#fff;}

h2{margin:0px 0px 5px 0px; padding:0px;}
h3{margin:0px 0px 5px 0px; padding:7px 0px 7px 25px;  font-size:14px;}
h4{margin:0px 0px 5px 0px; padding:0px 0px 0px 5px; border-left:#936 5px solid; font-size:13px;}	
	

/* ボックス
----------------------------------------------- */		
.box1{ width:100%;}
.box_l{ float:left;}
.box_r{ float:right;}
.w25{ width:25%;}
.w30{ width:30%;}
.w35{ width:35%;}
.w40{ width:40%;}
.w45{ width:45%;}
.w49{ width:49%;}
.w50{ width:50%;}
.w55{ width:55%;}
.w65{ width:65%;}
.w70{ width:70%;}
.w75{ width:75%;}
.w80{ width:80%;}

/* テーブル
----------------------------------------------- */		
.table1{ background-color:#333;}
.table1 th{
	background-color:#630;
	font-weight:normal;
	color:#FFF;
}
.table1 td{ background-color:#fff;}
.table2 td{ border-bottom:1px solid #CCC;}

/* その他
----------------------------------------------- */
.photo{ padding:2px; border:1px #CCC solid;}
.bgbrown{ background-color:#960; color:#FFF;}
.bgbrown1{background-color:#FFEABB;}
.bgbrown2{background-color:#F4C482;}
.red{color:#F00;}
.white{ color:#fff;}
.orange{color:#F90;}
.brown{ color:#CC9;}
form{ margin:0; padding:0;}
.p10{ padding:10px;}
.t10{ margin-top:10px;}
.l10{ margin-left:10px;}
.r10{ margin-right:10px;}
.b10{ margin-bottom:10px;}
.b5{ margin-bottom:5px;}
.b3{ margin-bottom:3px;}
.s{ font-size:10px;}
.l{ font-size:14px;}
.ll{ font-size:18px; line-height:180%;}
.center{ text-align:center;}
p{ padding:0; margin:5px 0px 5px 0px;}