@charset "utf-8";

/*
Site Name: 
Description: parts style
*/

/* header
----------------------------------------- */
#header h1,
#header p#logo{
	float: left;
	clear: left;
	overflow: hidden;
	width: 130px;
	height: 120px;
	margin: 16px 14px 20px 16px;
}
/* IE6 */
* html #header h1,
* html #header p#logo{
	margin: 16px 14px 20px 8px;
}

#header p#tel{
	float: left;
	clear: right;
	overflow: hidden;
	width: 362px;
	height: 112px;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

#header ul{
	clear: both;
	overflow: hidden;
	margin: 0 0 34px 16px;
}

#header ul li{
	display: inline;
	float: left;
	width: 90px;
	height: 90px;
	margin-right: 6px;
}

#header p{
	margin-left: 20px;
}



/* footer
----------------------------------------- */
#footer p{
	margin-left: 275px;
}


#footer p#footer-menu{
	margin-top: 75px;
	color: #DACEC2;
}

#footer p#pagetop{
	float: right;
	clear: right;
	width: 130px;
	height: 24px;
	margin: 36px 15px 0 0;
}

#footer p#copyright{
	margin-top: 35px;
	color: #FFF;
}


/* topicpath
----------------------------------------- */
#topicpath{
	clear: both;
	margin: -25px 0 10px 25px;
	text-align: right;
	overflow: hidden;
	zoom: 1;
}

#topicpath li{
	float: left;
	display: inline;
}

#topicpath li a{
	padding-right: 12px;
	margin: 0px 7px 0px 0px;
	background: url(../img/topicpath.gif) no-repeat right 3px;
}

/* content
----------------------------------------- */
#content p,
#content td,
#content li{
	line-height: 1.5;
}

#main dl#mail dd.explanation span{
	line-height: 2;
	text-align: center;
	overflow: hidden;
	font-weight: bold;
}

#main dl#mail dd.explanation span a{
	padding: 3px 65px;
}

/* IE7 */
*+html #main dl#mail dd.explanation span a{
	padding: 3px 76px;
}

#sub .sub-contents-area span{
	line-height: 2;
	text-align: left;
	overflow: hidden;
	font-weight: bold;
}

#sub .sub-contents-area span.coupon a{
	padding: 3px 95px 3px 5px;
}

#sub .sub-contents-area span.qr a{
	padding: 3px 125px 3px 5px;
}


#main dl#mail dd.explanation span a,
#sub .sub-contents-area span a{
	color: #FFFFFF;
	background-color: #C6983A;
}

#main dl#mail dd.explanation span a:hover,
#sub .sub-contents-area span a:hover{
	background-color: #DB9258;
}

/* - - - - - - - - - - main - - - - - - - - - - */
#main h1{
	margin-bottom: 20px;
	clear: both;
	overflow: hidden;
}

#main h2{
	margin: 10px 0;
	padding-bottom: 12px;
	background-image: url(../img/main_h2_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	clear: both;
}

#contents #main h2{
	font-size: 200%;
	font-family:"ＭＳ Ｐ明朝", "細明朝体 ",serif;
	font-weight: 800;
}

#main h3{
	padding: 5px;
	clear: both;
	margin-bottom: 10px;
	font-size: 140%;
	line-height: 1.2em;
	font-weight: bold;
	margin-top: 10px;
	border: 1px solid #DACEC2;
}

#main h4{

}

#main h5{

}

#main table{
	font-size: 100%;
	margin: 1em 10px;
}

#main table th,
#main table td{
	padding: 5px 10px 5px 10px;
}


#main .table-01{
	border-width: 1px 1px 0 0;
	border-style: solid;
	border-color: #DACEC2;
}

#main .table-01 th{
	background-color: #FBF5E9;
	font-weight: bold;
}

#main .table-01 th,
#main .table-01 td{
	border-width: 0 0 1px 1px;
	border-style: solid;
	border-color: #DACEC2;
}

/* - - - - - home main css - - - - -  */
#home #main dl#mail{
	margin: 10px 0 40px 0;
	clear: both;
	overflow: hidden;
}

#home #main dl#mail dt{
	float: left;
	clear: left;
	width: 165px;
	height: 150px;
	margin-right: 15px;
	overflow: hidden;
}

#home #main dl#mail dd{
	margin-top: 10px;
	overflow: hidden;
}

#home #main dl#mail dd.explanation{
	padding: 5px;
	border-width: 1px;
	border-style: solid;
	border-color: #DACEC2;
}

#home #main dl#topics{
	margin: 20px 0 0 5px;
	clear: both;
	overflow: hidden;
}

#home #main dl#topics dt{
	font-size: 120%;
	font-weight: 800;
	color: #663300;
	padding-left: 20px;
	background-image: url(../img/topics_icon.gif);
	background-position: left 3px;
	background-repeat: no-repeat;
}

#home #main dl#topics dd{
	margin: 10px 0 10px 0;
	padding: 0 0 15px 20px;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #DACEC2;
}

/* - - - - - contents main css - - - - - */
#contents #main dl.shop-photo{
	width: 445px;
	clear: both;
	overflow: hidden;
	margin-left: 10px;
	margin-top: 20px;
}

#contents #main dl.shop-photo dt{
	float: left;
	clear: left;
	width: 160px;	
}

#contents #main dl.shop-photo dd{
	float: right;
	clear: right;
	width: 270px;
}

#contents #main p.map-text{
	margin-bottom: 40px;
}

#contents #main p#coupon{
	margin: 0 0 20px 25px;
}


#home #main dl.shop-photo{
	width: 445px;
	clear: both;
	overflow: hidden;
	margin-left: 10px;
	margin-top: 20px;
}
#home #main div.shop-photo {
	float: left;
	clear: left;
	width: 160px;
	margin-top: 15px;
	text-align: center;
}

#home #main div.shop-info{
	float: right;
	clear: right;
	width: 390px;
	margin-bottom: 20px;
}


/* - - - - - - - - - - sub - - - - - - - - - - */

#sub h3{
	margin-bottom: 10px;
	padding-bottom: 8px;
	background-image: url(../img/sub_h3_bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#sub ul li{
	line-height: 0;
	margin-bottom: 10px;
}

#sub ul li a{
	line-height: normal;
}

#sub ul li a img:hover{
 	opacity:0.7;
	filter: alpha(opacity=70);
}

/* tab
----------------------------------------- */
#menu1{
	display:block;
}

#menu2,
#menu3{ 
	display:none;
}

ul.tab{
	overflow: hidden;
	clear: both;
}

ul.tab.top{
	border-width: 0 0 5px 0;
	border-style: solid;
	border-color: #C6983A;
	margin: 20px 0;
}
/* IE6 */
* html ul.tab.top{
	padding-bottom: 24px;
}

ul.tab.bottom{
	border-width: 5px 0 0 0;
	border-style: solid;
	border-color: #C6983A;
	margin-top: 20px;
}

ul.tab li{
	float: left;
	padding: 0px;
	overflow: hidden;
	margin-left: 10px;
	text-align: center;
	color: #C6983A;
	background-color: #F3ECE4;
	font-size: 95%;
	font-weight: bold;
	text-decoration: underline;
	border-style: solid;
	border-color: #C6983A;
	background-color: #C6983A;
	zoom: 1;
}

ul.tab.top li{
	border-width: 1px 1px 0 1px;
}

ul.tab.bottom li{
	border-width: 0 1px 1px 1px;
}

ul.tab li a:link,
ul.tab li a:visited,
ul.tab li a:active{
	text-decoration: none;
	display: block;
	padding: 5px;
	background-color: #F3ECE4;

}

ul.tab li a:hover,
ul.tab li.select a:link,
ul.tab li.select a:visited,
ul.tab li.select a:active{
	background-color: #C6983A;
	color: #FFF;
	text-decoration: none;
}


#contents #main div.menu-area h2.first{
	margin: 0;
}

#contents #main div.menu-area h2{
	margin-top: 30px;
}

#contents #main div.menu-area h3{
	font-weight:bold;
	color: #663300;
	margin-top: 20px;
}

div.menu-area div.item-area{
	clear: both;
	overflow: hidden;
	margin: 10px -5px 10px 0;
}
/* IE6 */
* html div.menu-area div.item-area{
	width: 560px;
}

div.menu-area div.item-area dl{
	float: left;
	width: 160px;
	height: 194px;
	padding: 10px;
	margin-right: 5px;
	background-color: #F3ECE4;
	overflow: hidden;	
}
/* IE6 */
* html div.menu-area div.item-area dl{
	width: 180px;
	height: 214px;
}

div.menu-area div.item-area dl dt,
div.menu-area div.item-area dl dt img{
	width: 160px;
	height: 137px;
	margin-bottom: 5px;
	overflow: hidden;
	clear: both;
	background-color: #FCF8F1;
}

div.menu-area div.item-area dl dd.price{
	color: #663300;
	font-weight: bold;
	
}

div.menu-area div.item-area_menu{
	float:right;
	width:350px;
	border: 1px solid #DACEC2;
}
#content #main div.menu-area div.item-area_menu table th{
	padding:0;
}
div.menu-area div.item-area_menu table tr{
	height:10px;
}
div.menu-area div.item-area_menu table td{
	text-align:right;
}

div.menu-area div.item-area_menu table tr td span{
	color:#663300;
	font-size:120%;
	font-weight:bold;
}