/*
bobo hair
main color: #6A9B72;
*/

article,aside,figure,footer,header,hgroup,menu,nav,section
{display: block;}

img {
	border: 0px;
	}

.clear {
	clear: both;
	}

section {
	clear: both;
	}

body {
	margin: 0px;
	padding: 0px;
	font-family: "メイリオ",Meiryo,sans-serif;
	background-image: url("images/back.jpg");
	}

#container {
	margin: 20px auto;
	width: 800px;
	min-height: 2000px;
	}

/*---------------------------------------------------------------------Navi*/
#navi {
	width: 800px;
	margin: 0px 0px 360px;
	}

#navi h1 {
	margin: 150px 250px 10px;
	width: 300px;
	}

#navi nav ul {
	margin: 0px;
	padding: 0px 50px;
	width: 700px;
	height: 80px;
	background-image: url("images/navi-back.png");
	list-style: none;
	}

#navi nav ul li {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 175px;
	height: 80px;
	}

/*---------------------------------------------------------------------Sub_Navi*/
.sub_navi {
	margin: 0px 10px 0px;
	padding: 30px 0px 0px;
	clear: both;
	}

.sub_navi_start {
	float: left;
	width: 120px;
	height: 40px;
	cursor: pointer;
	}

.sub_navi_list {
	display: none;
	float: left;
	margin: 0px;
	padding: 0px;
	height: 40px;
	list-style: none;
	background-image: url('images/sub_navi_space.png');
	}

.sub_navi_list li {
	float: left;
	margin: 0px;
	padding: 0px;
	height: 40px;
	}

.sub_navi_end {
	float: left;
	width: 20px;
	height: 40px;
	margin: 0px 0px 30px;
	}

/*---------------------------------------------------------------------News*/
#news {
	margin: 0px 0px 200px;
	padding: 0px;
	width: 800px;
	}

.news_top {
	clear: both;
	width: 800px;
	height: 40px;
	background-image: url('images/news_top.png');
	}

#news_title {
	padding: 20px 100px 10px;
	width: 600px;
	background-image: url('images/news_mid.png');
	}

#news_title h3 {
	margin: 0px;
	padding: 0px;
	}

#feed {
	padding: 10px 100px 50px;
	width: 600px;
	background-image: url('images/news_mid.png');
	color: #1D3005;
	
	}
#feed a {
	font-size: 12px;
    color: #4B300D;
    border-collapse: collapse;
    border-spacing: 0;
	text-decoration: none;
	}
#feed a hover {
    color: #97621e;
	text-decoration:underline;
	}
	

.news_btm {
	width: 800px;
	height: 40px;
	background-image: url('images/news_btm.png');
	}

.post_title {
	width: 600px;
	height: 50px;
	background-image: url('images/news_line.png');
	background-position: left bottom;
	background-repeat: no-repeat;
	cursor: pointer;
	}

.post_title h3 {
	float: left;
	width: 380px;
	margin: 0px;
	padding: 10px 0px 15px 20px;
	font-weight: lighter;
	font-size: 16px;
	color: #5B5E30;
	background-image: url('images/post_title_hide.png');
	background-position: left top;
	background-repeat: no-repeat;
	}

.post_title h3.view {
	background-image: url('images/post_title_view.png');
	background-position: left top;
	background-repeat: no-repeat;
	}

.post_title p {
	float: left;
	margin: 0px;
	padding: 18px 0px 0px;
	width: 200px;
	font-size: 10px;
	text-align: right;
	letter-spacing: 1px;
	color: #5B5E30;
	}

div.post_content {
	font-size: 12px;
	padding: 0px 0px 15px;
	background-image: url('images/news_line2.png');
	background-position: left bottom;
	background-repeat: no-repeat;
	color: #5B5E30;
	}

/*---------------------------------------------------------------------Menu*/
#menu {
	margin: 0px 0px 200px;
	padding: 0px;
	width: 800px;
	}

.menu_top {
	clear: both;
	width: 800px;
	height: 50px;
	background-image: url("images/menu_top.png");
	}

.menu_mid {
	width: 800px;
	min-height: 900px;
	background-image: url("images/menu_mid.png");
	}

#menu_logo {
	margin: 0px;
	padding: 50px 0px 0px;
	text-align: center;
	}

.menu_mid table {
	width: 500px;
	margin: 0px 150px;
	font-size: 11px;
	color: #4B300D;
	border: 0px;
	border-collapse:collapse;
	border-spacing:0;
	}

.menu_mid table th , .menu_mid table td {
	padding: 5px 0px;
	border-bottom: 1px dotted #E8D2B3;
	}

#menu_title {
	width: 500px;
	font-weight: lighter;
	padding: 0px;
	border: 0px;
	}

.menu_mid table tbody th {
	width: 300px;
	text-align: left;
	font-weight: lighter;
	}

.menu_mid table tbody th.menu_subtitle {
	width: 450px;
	height: 30px;
	border-bottom: 1px dotted #B99462;
	vertical-align: bottom;
	}

.menu_mid table tbody td span {
	font-size: 9px;
	color: #8E650F;
	}

.menu_mid table tbody td.sub_title_td {
	vertical-align: bottom;
	border-bottom: 1px dotted #B99462;
	}

.menu_mid table th.pad_top , .menu_mid table td.pad_top {
	padding: 25px 0px 5px;
	}

.menu_mid table tbody td {
	width: 150px;
	text-align: right;
	}

.verti_btm {
	vertical-align: bottom;
	}

.menu_btm {
	width: 800px;
	height: 50px;
	background-image: url("images/menu_btm.png");
	}

/*---------------------------------------------------------------------staff*/

#staff {
	margin: 0px 0px 200px;
	padding: 0px;
	width: 800px;
	}

#staff_title {
	clear: both;
	margin: 0px;
	padding: 0px;
	text-align: center;
	}

.member {
	margin: 0px 125px;
	padding: 80px 90px;
	width: 370px;
	height: 310px;
	background-image: url("images/staff_back.png");
	color: #557D5C;
	}

.member dt {
	margin: 0px;
	padding: 5px 0px 2px;
	font-size: 10px;
	text-align: center;
	color: #7A9C80;
	}

.member dd {
	margin: 0px;
	padding: 0px 0px 10px;
	font-size: 14px;
	text-align: center;
	}

/*---------------------------------------------------------------------Access*/

#access {
	margin: 0px 0px 200px;
	padding: 0px;
	width: 800px;
	}

.gmap_frame_top {
	clear: both;
	width: 800px;
	height: 30px;
	background-image: url("images/mapback_top.png");
	}

.gmap_frame_mid {
	width: 700px;
	padding: 20px 50px;
	background-image: url("images/mapback_mid.png");
	color: #457659;/*#9A863F*/
	}

#access_title {
	margin: 0px 0px 10px;
	padding: 0px;
	border-bottom: 1px dotted #C6B266;
	}

.storeinfo_left {
	width: 300px;
	float: left;
	}

.gmap_frame_mid h3 {
	margin: 0px;
	font-weight: lighter;
	}

.gmap_frame_mid address {
	margin: 0px;
	font-style: normal;
	font-size: 12px;
	}

.storeinfo_right {
	width: 400px;
	float: left;
	}

.storeinfo_right dl {
	margin: 0px 0px 30px;
	padding: 0px;
	font-size: 12px;
	}

.storeinfo_right dl dd {
	margin: 5px 0px 10px 10px;
	font-size: 11px;
	}

.gmap_frame_btm {
	width: 800px;
	height: 30px;
	background-image: url("images/mapback_btm.png");
	}

#gmap {
	width: 698px;
	height: 398px;
	margin: 30px 0px 0px;
	border: 1px solid #E8CA46;
	}


/*---------------------------------------------------------------------End( clock )*/
#end {
	margin: 100px auto 300px;
	padding: 0px;
	width: 800px;
	}

#clockbox {
	margin: 0px auto;
	padding: 54px 40px 26px;
	width: 120px;
	height: 120px;
	background-image: url("images/clock_back.png");
	}

.clock_back { 
	width: 120px;
	height: 120px;
	position: relative;
}

.clock_hours,
.clock_minutes,
.clock_seconds,
.clock_glass {
	width: 120px;
	height: 120px;
	position: absolute;
	top: 0;
	left: 0;
}

#footer {
	margin: 0px 190px;
	padding: 80px 40px 10px;
	width: 340px;
	height: 100px;
	background-image: url('images/footer_back.png');
	background-repeat: no-repeat;
	}

#footer h5 {
	margin: 0px;
	padding: 25px 0px 0px;
	font-size: 11px;
	font-weight: lighter;
	text-align: center;
	color: #fff;
	}