@charset "UTF-8";
body {
	background:#f3ebde;
}
/*=========================================================
	ヘッダー
=========================================================*/  
header {
	background:#fff;
}
header p {
	background:#2c130e;
	color:#fff;
	font-size:10px;
	padding:1px 5px 0;
}
header h1 {
	float:left;
	padding:6px;

}
header ul.header_menu:after { content:"."; height:0; visibility:hidden; clear:both; display:block; }
header ul.header_menu {
	float:right;
	padding:6px;
}
header ul.header_menu li {
	float:left;
	margin-left:10px;
}
header ul.header_menu li a.hover {
	display:block;
	background:#9F9;
}
/*ヘッダーメニューボタン
-------------------------------------------*/
/*オープンメニュー
-------------------------------------------*/
/*=========================================================
	グローバルメニュー
=========================================================*/  
nav#global {
	margin-bottom:10px;
}
nav#global ul:after { content:"."; height:0; visibility:hidden; clear:both; display:block; }
nav#global ul {
	background:#00712f;
	width:100%;
	border-top:1px solid #249d56;
	border-bottom:1px solid #005d28;
}
nav#global ul li {
	float:left;
}
nav#global ul li a {
	color:#fff;
	line-height:1;
	padding:15px 5px;
	display:block;
	text-align:center;
}
nav#global li.active a {
	background:#09592b;
}
nav#global ul li a.hover {
	background:#09b350;
}
nav#global ul#list1 li:nth-child(1) {
	width:40%;	
}
nav#global ul#list1 li:nth-child(2) {
	width:25%;	
}
nav#global ul#list1 li:nth-child(3) {
	width:35%;	
}
nav#global ul#list2 li:nth-child(1) {
	width:42%;	
}
nav#global ul#list2 li:nth-child(2) {
	width:25%;	
}
nav#global ul#list2 li:nth-child(3) {
	width:33%;	
}
/*=========================================================
	見出し
=========================================================*/
.h1 h1 {
	background:#2c130e;
	color:#fff;
	padding:1px 5px;
	margin-bottom:10px;
	box-shadow:0 3px 3px #baaf9e;
}
.h2 h2 {
	background:#d7c1a5;
	color:#2c130e;
	padding:4px 5px 2px;
	border-left:5px solid #2c130e;
	margin-bottom:10px;
}
.h3 h3 {
	color:#00712f;
	font-weight:bold;
	border-bottom:1px solid #00712f;
	padding-left:5px;
	margin-bottom:5px;
}
/*=========================================================
	コンテンツ
=========================================================*/
#main {
	border-bottom:1px solid #d8ccb8;
}
.gototop {
	width:100px;
	margin:0 10px 0 auto;
	box-shadow:-1px -1px 1px #b9b1a8;
	border-radius:5px 5px 0 0;
}
.gototop a {
	display:block;
	background: #028e3c; /* Old browsers */
	background: -moz-linear-gradient(top, #028e3c 0%, #00712f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#028e3c), color-stop(100%,#00712f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #028e3c 0%,#00712f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #028e3c 0%,#00712f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #028e3c 0%,#00712f 100%); /* IE10+ */
	background: linear-gradient(to bottom, #028e3c 0%,#00712f 100%); /* W3C */	
	color:#fff;
	border-radius:5px 5px 0 0;
	border:2px solid #fff;
	border-bottom:none;
	text-align:center;
	padding:5px 2px;
}
/*=========================================================
	セクション内
=========================================================*/
section p {
	padding:0 10px;
	margin-bottom:10px;
}
.h2 {
	margin-left:10px;
}
.h3 {
	margin-left:5px;
}
.h3 p {
	padding:0 10px 0 5px;
}
/*=========================================================
	フッター
=========================================================*/ 
footer {
	border-top:1px solid #fff;
}
footer #footer_menu a {
	color:#9c8867;
	font-size:12px;
}
footer #footer_menu ul:after { content:"."; height:0; visibility:hidden; clear:both; display:block; }
footer #footer_menu ul {
	margin-top:10px;
}
footer #footer_menu ul li {
	float:left;
	margin-bottom:10px;
}
footer p.copy {
	clear:both;
	color:#c6ac81;
	font-size:11px;
	text-shadow:1px 1px 0 #fff;
}
/*=========================================================
	popular
=========================================================*/  
.max640 img {
	max-width:640px;
}
#global {
	display:none;
}
#list1 {
	margin-left:-100%;
	margin-bottom:10px;
}
#list2 {
	margin-left:100%;
}