@charset "UTF-8";

/* Home */
/* 2009-12-10T12:15:12+09:00 */

@import url("./common.css");

/* -------------------------------------------------- */
div.container.home{
	background-image: url("../image/bg_leaf_home.gif");
}

/* main > topcontents */
div.topcontents{
	width: 794px;
	height: 320px;
	background: transparent url("../image/bg_mobile.gif") no-repeat left bottom;
	overflow: hidden;
}

/* main > topcontents > mainimg */
div.mainimg{
	width: 547px;
	float: right;
}

/* main > topcontents > information, mobile */
div.information,
div.mobile{
	width: 246px;
	float: left;
}

/* main > topcontents > information */
div.information{
	background: transparent url("../image/bg_information.gif") no-repeat 0 31px;
}

div.information dl{
	width: 215px;
	/*	height: 149px;*/
	height: 265px;
	overflow: auto;
	padding: 15px 15px 10px 15px;
}

div.information dl dt{
	margin-bottom: 0.25em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 95%;
	color: #7d733f;
}

div.information dl dd{
	margin-bottom: 0.75em;
	margin-left: 10px;
	padding-left: 10px;
	background: transparent url("../image_common/icon_arrow_brown.gif") no-repeat 0 0.3em;
	line-height: 1.2;
}

/* -------------------------------------------------- */
/* main > contents */
div.contents{
	width: 760px;
	overflow: hidden;
	margin: 10px auto 0 auto;
	padding-bottom: 15px;
}

div.contents div.section{
	margin-bottom: 10px;
}

div.contents h2 a{
	display: block;
	overflow: hidden;
	text-indent: -999999px;
}

div.contents div.section p{
	line-height: 1.4;
}

/* main > contents > maincontents */
div.maincontents{
	width: 462px;
	overflow: hidden;
	float: left;
}

/* Staff Blog Topics */
div.blogtopics{
	margin-top: 10px;
}

div.blogtopics h2{
	width: 462px;
	height: 21px;
	background-color: #372410;
	color: #fff;
}

div.blogtopics h2 img{
	display: block;
}

div.blogtopics ul{
	width: 440px;
	height: 160px;
	overflow: auto;
	padding: 10px;
	border: solid 1px #372410;
	border-top: none;
}

div.blogtopics ul li{
	width: 420px;
	overflow: hidden;
	margin-bottom: 0.6em;
	padding-bottom: 0;
	line-height: 1.2;
}

div.blogtopics ul li span.date{
	float: left;
	clear: both;
	margin-right: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #7d733f;
}

div.blogtopics ul li a{
	display: block;
	height: 100%;
	overflow: hidden;
	padding-left: 10px;
	background: transparent url("../image_common/icon_arrow_brown.gif") no-repeat 0 0.3em;
}

/* ONLINE SHOP */
div.onlineshop h2 a{
	width: 462px;
	height: 130px;
	background: url("../image/banner_onlineshop.gif") no-repeat 0 0;
}

div.onlineshop h2 a:hover{
	background-position: 0 -130px;
}

/* main > contents > maincontents > brand */
div.brand h2{
	float: left;
}

div.brand h2 a{
	width: 240px;
	height: 70px;
	background: transparent url("../image/banner_brand.gif") no-repeat 0 0;
}

div.brand h2 a:hover{
	background-position: 0 -70px;
}

div.brand p{
	width: 222px;
	float: right;
	margin-top: 5px;
	margin-bottom: 10px;
}

/* main > contents > subcontents */
div.subcontents{
	width: 250px;
	_height: 260px;
	min-height: 260px;
	float: right;
	padding-top: 10px;
	padding-left: 20px;
	background: transparent url("../image/bg_separater_height.gif") no-repeat 0 0;
}

/* main > contents > subcontents > shop */
div.shop h2{
	margin-bottom: 10px;
}

div.shop h2 a{
	width: 250px;
	height: 110px;
	background: transparent url("../image/banner_shop.jpg") no-repeat 0 0;
}

div.shop h2 a:hover{
	background-position: 0 -110px;
}

/* STAFF BLOG, SHOP BLOG */
div.staffblog h2 a{
	width: 250px;
	height: 85px;
	background: url("../image/banner_staffblog.gif") no-repeat 0 0;
}

div.shopblog h2 a{
	width: 250px;
	height: 85px;
	background: url("../image/banner_shopblog.gif") no-repeat 0 0;
}

div.staffblog h2 a:hover,
div.shopblog h2 a:hover{
	background-position: 0 -85px;
}

/* -------------------------------------------------- */
/* footer */

/* footer > member */
/* 会員ログイン */
div.member{
	width: 450px;
	float: left;
	padding: 10px;
	margin-bottom: 10px;
	border: solid 1px #c9c98f;
}

div.member h2{
	margin-bottom: 5px;
	color: #372410;
}

div.member p.memberid input{
	width: 100px;
}

div.member p.memberid input.button{
	_height: 20px;
	margin-left: 3px;
	padding: 0 0.5em;
	padding-top: 2px;
	text-align: center;
	font-size: 85%;
	_font-size: 70%;
}

div.member p.note{
	margin-top: 5px;
	line-height: 1.3;
	font-size: 85%;
}

/* カウンター */
div.footer p.counter{
	width: 270px;
	float: right;
	clear: none;
}