@charset "utf-8";
/* CSS Document */

body {
	font-family: "Meiryo","メイリオ","Hiragino Maru Gothic Pro","ヒラギノ丸ゴ Pro W4",Verdana,sans-serif;
	text-align:center; /*IE6*/
	margin:0;
	line-height:1.4;
	color:#3F3225;
	background:url(../images/body-bg.jpg);
	font-size:12px;
}
a:link{
	color:#f8f3e9;
}
a:visited{
	color:#E7DABA;
}
a:hover{
	text-decoration:none;
	color:#E7DABA;
}



img {
	border:none;
}
address {
	padding-bottom:18px;
	color:#f8f3e9;
}
.c-both {
	clear:both;
}

.style01 {
	color:#F00;
	font-weight:bold;
}
.style02 {
	font-weight:bold;
	font-size:16px;
}




#outline {
	width:916px;
	margin:0 auto;
	text-align:center;
	background:url(../images/outline-bg.jpg) repeat-y;
}

/**============================
    HEADER
============================**/										
															
#header {
	width:880px;
	margin:0 auto;
	background:url(../images/header/header-bg.jpg) no-repeat top;
	text-align:left;
	color:#f8f3e9;
}

#header #header-left {
	float:left;
	margin-bottom:14px;
}

#header #header-left h1{
	font-size:10px;
	font-weight:normal;
	margin:0;
	margin-left:18px;
	margin-top:8px;
}

#header #header-left p{
	margin:12px 24px; line-height:1.4;
	margin-top:20px;
}

#header #header-right {
	float:right; padding-top:82px; padding-right:32px;	
}

#header ul {
	margin:0;
	padding:0;
	list-style:none;
}
#header ul li{
	float:left;
	margin:0; padding:0;
}
#header ul li img{
	vertical-align:bottom;
	}

/**============================
    SIDE
============================**/										

#side {
	width:228px;
	float:left;
	margin-left:18px;
	margin-top:8px;
	color:#f8f3e9;
	_margin-left:9;
}

#side img{
	vertical-align:bottom;
}
#side a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}

#side ul#item,ul#sub{
	list-style:none;
	margin:0;
	padding:0;
	margin-top:1px;
}
#side ul#item li,ul#sub li{
	margin:0; padding:0;
	margin-bottom:1px;
}

#side ul#content{
	list-style:none;
	margin:0; padding:0;
	margin-top:14px;
}
#side ul#content li{
	margin:0; padding:0;
	margin-bottom:4px;
}
#side ul#sub{
	margin-top:10px;
	margin-bottom:14px;
}

#side ul#text {
	margin:0; padding:0;
	list-style:none;
	text-align:left;
	margin-left:18px;
	margin-top:14px;
}

#side div.blog {
	background-color:#4F3F2F;	
	padding-bottom:10px;
}

#side dl.blogpost {
	margin:0; padding:0;
	list-style:none;
	text-align:left;
	margin-left:8px;
	margin-top:14px;
	margin-right:8px;
}
#side dl.blogpost dt{
	margin:0; padding:0;
	list-style:none;
	text-align:left;
	margin-left:8px;
	margin-top:14px;
	margin-right:8px;
}
#side dl.blogpost dd {
	margin:0; padding:0;
	list-style:none;
	text-align:left;
	margin-left:8px;
	margin-top:8px;
	margin-right:8px;
	padding-bottom:4px;
	border-bottom:1px dotted #BBA288;
}
#side p.bloglink {
}


/**============================
    MAIN
============================**/										

#main {
	width:652px;
	float:left;
	margin-top:8px;
	text-align:left;
	padding-bottom:40px;
}

/*-------------------------------------- Common --*/

/* line */
#main .line1 {
	background:url(../images/main-line.jpg) repeat-x;
	height:2px;
	width:652px;
}
#main .line2 {
	background:url(../images/main-line.jpg) repeat-x;
	height:2px;
	width:652px;
	margin-bottom:12px;
}
/*--LINEUP BLOCK--*/
#main #lineup{
	width:640px;
	margin-left:10px;
	margin-bottom:12px;
	text-align:left;
}
#main #lineup div.item3box{
	width:206px;
	border:#7E654B solid 1px;
	float:left;
	margin-right:4px;
	background:#F1EAD8;
	text-align:center;
	padding-top:10px;
}
	
#main #lineup div.item3box p.name{
	font-size:14px;
	font-weight:bold;
	text-align:left;
	margin:6px 0;
	line-height:1.2;
	margin-left:12px;
}

#main #lineup div.item3box p.name span.mini,
#main #lineup div.item2box p.name span.mini
{
	font-size:10px;
	font-weight:normal;
}

#main #lineup div.item3box p.price{
	text-align:left;
	margin-left:28px;
	margin-top:0;
	margin-bottom:8px;
}
#main #lineup div.item3box p.off-season{
	color:#C30;
	margin-top:0;
	margin-bottom:8px;
}
#main #lineup div.item2box{
	width:312px;
	border:#7E654B solid 1px;
	float:left;
	margin-right:4px;
	background:#F1EAD8;
	padding-top:10px;
}
#main #lineup div.item2box img.photo{
	margin-left:10px;
	margin-bottom:8px;
	float:left;
}
#main #lineup div.item2box div.text{
	width:108px;
	float:left;
}
#main #lineup div.item2box div.text p.name{
	color:#3F3225;
	font-size:14px;
	font-weight:bold;
	margin:6px 0;
	text-align:right;
	margin-right:6px;
}
#main #lineup div.item2box div.text p.name span.gram{
	font-weight:normal;
	font-size:10px;
}

#main #lineup div.item2box div.text p.price{
	color:#3F3225;
	margin-top:0;
	margin-left:8px;
}
#main #lineup div.end{
	margin-right:0px;
}

/*-- FLOW BLOCK --*/
#main #flow {
	width:632px;
	margin:12px 10px;
	background:#D9D0BD;
	padding-bottom:20px;
	text-align:left;
}
#main #flow p{
	font-weight:bold;
	margin:10px;
}
#main #flow ul{
	margin-top:6px;
	margin-right:10px;
}

/*-------------------------------------- top Page --*/
#main #top {
	width:640px;
	margin:12px 10px;
}
#main #top div#top-lf{
	width:441px;
	float:left;
}
#main #top div#top-lf div.recipe{
	background:#4F3F2F;
	margin-top:6px;
}
#main #top div#top-lf div.recipe table{
	width:100%;
	color:#f8f3e9;
	font-size:14px;
}
#main #top div#top-lf div.recipe table img{
	margin:10px;
}
#main #top div#top-lf div.recipe table th{
	height:30px;
	padding-top:8px;
	font-size:14px;
	background:url(../images/top/recipe-th_bg.jpg) repeat-x;
	text-align:left;
}
#main #top div#top-lf div.recipe table td{
	background:url(../images/top/recipe-btn_bg.jpg) no-repeat;
	height:30px;
}
#main #top div#top-lf div.recipe table td.none{
	background:none;
}

#main #top div#news {
	width:182px;
	float:left;
	margin-left:8px;
	font-size:12px;
	text-align:left;
}
#main #top div#news img {
	vertical-align:bottom;
}
	
#main #top div#news dl{
	background:#F8F3E9;
	margin:0;
	padding:0;
	overflow:auto;
	height:250px;
	}
#main #top div#news dt{
	margin-left:10px;
	margin-bottom:0;
	margin-top:0;
}
#main #top div#news dt.top{
	padding-top:12px;
}

#main #top div#news dd{
	margin-left:10px;;
	padding-bottom:8px;
	margin-bottom:8px;
	border-bottom:#C00 dotted 1px;
	
}
#main #top div#news a{
	color:#630;
}


/*-------------------------------------- Item Page --*/

#main img.item-title{
	margin-left:10px;
}

#main #item-wrap{
	width:630px;
	margin-left:10px;
	margin-bottom:12px;
	margin-top:20px;
	text-align:center;
	border:#4E3F2E solid 1px;
	color:#3F3225;
	background:#F1EBD9;
	
}

#main #item-wrap h2{
	background:url(../images/item/h2-bar.jpg) no-repeat;
	font-size:14px;
	padding-left:32px;
	margin-top:0;
	color:#f8f3e9;
	padding-top:4px;
	padding-bottom:4px;
	text-align:left;
}
#main #item-wrap p.note{
	margin-left:32px;
	text-align:left;
}

#main div.order {
	width:608px;
	border:#4E3F2E solid 1px;
	margin:0 auto;
	margin-bottom:16px;
}
#main div.order table{
	color:#3F3225;
	text-align:left;
	width:100%;
	font-size:14px;
}
#main div.order table th{
	background:url(../images/item/order-th.jpg) repeat-x;
	height:32px;
	text-align:left;
	padding-left:20px;
	padding-top:3px;
}
#main div.order table td.image img{
	margin:10px;
	margin-top:0;
	margin-right:0;
}

#main div.order table td.price{
	font-weight:bold;
}
#main div.order table td.cart{
}
#main div.order table td.cart p.cau{
	font-size:12px;
	margin-left:0px;
}

#main div.order table td.cart div{
	background:#FFF;
	width:300px;
	padding:12px;
	border:#300 solid 1px;
}

/*-------------------------------------- What's Page --*/

#main #whats {
	width:632px;
	margin:0px 10px 12px 10px;
	background:#F1EAD8;
	padding-bottom:20px;
	text-align:left;
}
#main #whats h2{
	margin:0;
}

#main #whats p{
	margin:18px;
}

#main #whats img.lf{
	float:left;
	margin-right:12px;
}
#main #whats img.ri{
	float:right;
	margin-left:12px;
}


/*-------------------------------------- recipe Page --*/

#main #recipe-head {
	width:630px;
	border:#7E654B solid 1px;
	margin:0px 10px 12px 10px;
	background:#F1EAD8;
	text-align:left;
	height:164px;
}
#main #recipe-head h2{
	margin:0;
}

#main #recipe-head td{
	font-size:14px;
	color:#332A1F;
}

#main #recipe-head a:link{
	color:#332A1F;
}
#main #recipe-head a:visited{
	color:#332A1F;
}
#main #recipe-head a:hover{
	text-decoration:none;
	color:#332A1F;
}



#main #recipe-wrap {
	width:630px;
	border:#7E654B solid 1px;
	margin:0px 10px 12px 10px;
	background:url(../images/recipe/recipe-wrap.jpg) repeat-y;
	text-align:left;
}

#main #recipe-wrap div.recipe-top {
	text-align:center;
	padding:10px 0;
		background:#F1EAD8;

}
#main #recipe-wrap div.recipe-top img{
	margin-right:4px;
	margin-bottom:4px;
}
#main #recipe-wrap div.recipe-top img.end{
	margin-right:0px;
}

#main #recipe-wrap div.recipe-top a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}

#main #recipe-wrap #list{
	width:240px;
	float:left;
}



#main #recipe-wrap #list p.cate{
	font-size:14px;
	font-weight:bold;
	margin-left:12px;
	margin-bottom:0;
	margin-top:18px;
}

#main #recipe-wrap #list ul{
	margin:0; padding:0px;
	list-style:none;
	padding-top:6px;
	margin-bottom:20px;
}
#main #recipe-wrap #list ul li{
	margin-left:12px;
	background:url(../images/recipe/li-bg.jpg) no-repeat left -10px;
	padding-bottom:12px;
}
#main #recipe-wrap #list ul li.end{
	background:url(../images/recipe/li-bg_end.jpg) no-repeat left -10px;
}
#main #recipe-wrap #list ul li a{
	margin-left:26px;
	width:206px;
	display:block;
}
#main #recipe-wrap #list ul li a:link{
	color:#332A1F;
}
#main #recipe-wrap #list ul li a:visited{
	color:#332A1F;
}
#main #recipe-wrap #list ul li a:hover{
	color:#332A1F;
	text-decoration:none;
}
#main #recipe-wrap #recipe{
	width:378px;
	float:right;
}
#main #recipe-wrap #recipe h3{
	font-size:16px;
	font-weight:bold;
	border-bottom:#332A1F solid 1px;
	margin-top:18px;
	padding-left:10px;
	margin-right:12px;
}
#main #recipe-wrap #recipe div.deta{
	width:360px;
	margin-left:10px;
}

/*-------------------------------------- other Page --*/
#main #other{
	width:630px;
	border:#7E654B solid 1px;
	margin:0px 10px 12px 10px;
	background:#F1EAD8;
}
#main #other h2{
	margin-bottom:0;
	margin-top:8px;
}

#main #other table {
	width:608px;
	margin-left:12px;
	margin-top:18px;
	font-size:14px;
}
#main #other table th{
	background:#3F3124;
	color:#f8f3e9;
	text-align:left;
	font-size:14px;
	padding-left:12px;
}
#main #other table td{
	padding-left:12px;
	border-bottom:#600 dotted 1px;
}
#main #other ol {
	margin:0;
	padding:10px;
	margin-left:28px;
}
#main #other ol li{
	margin-bottom:8px;
}
#main #other table.form {
		margin-bottom:18px;
		font-size:12px;
}

#main #other table.form td.inq {
	color:#f8f3e9;

}
#main #other div.button {
	margin-bottom:12px;
	text-align:center;
}

#main #other dl.sitemap {
	margin:0;
	margin-top:8px;
	margin-bottom:30px;
}
#main #other dl.sitemap dt {
	margin-left:28px;
	font-weight:bold;
	font-size:16px;
	margin-top:12px;
}
#main #other dl.sitemap dd {
	margin-bottom:5px;
	line-height:1.8;
}
#main #other dl.sitemap dd a{
	margin-left:16px;
}
#main #other dl.sitemap a:link{
	color:#332A1F;
}
#main #other dl.sitemap a:visited{
	color:#332A1F;
}
#main #other dl.sitemap a:hover{
	text-decoration:none;
	color:#332A1F;
}

#main #other dl.link{
	margin:12px 0;
	line-height:1.8;
	
}
#main #other dl.link dt{
	margin-left:20px;
	font-size:14px;
}

#main #other dl.link dd{
	
}
#main #other dl.link a:link{
	color:#C30;
	font-weight:bold;
}
#main #other dl.link a:visited{
	color:#C30;
	font-weight:bold;
}

#main #other dl.link a:hover{
	color:#C30;
	font-weight:bold;
	text-decoration:none;
}


#main #cart{
	width:630px;
	border:#7E654B solid 1px;
	margin:0px 10px 12px 10px;
	background:#F1EAD8;
	padding-top:12px;
}
#main #cart div.flow{
	margin:12px;
	margin-top:20px;
}
#main #cart div.flow table{
	font-size:12px;
}
#main #cart div.flow table td.now{
	background:#3F3225;
	color:#FFF;
}

#main #cart table.list{
	width:520px;
	margin:0 auto;
	font-size:14px;
	background:#333;
}
#main #cart table.list a:link{
	color:#332A1F;
}
#main #cart table.list a:visited{
	color:#332A1F;
}
#main #cart table.list a:hover{
	color:#332A1F;
	text-decoration:none;
}

#main #cart table.list th{
	background:#660;
	color:#FFF;
}

#main #cart table.list td{
	background-color:#FFF;
}

#main #cart div.last {
	padding-left:28px;
}


/**============================
    FOOTER
============================**/										
#footer {
	background:url(../images/footer-bg.jpg) no-repeat;
	width:916px;
	margin:0 auto;
	padding-bottom:24px;
	color:#f8f3e9;
}

#footer #navi {
	width:550px;
	float:left;
	text-align:left;
	font-weight:bold;
	padding-top:18px;
	margin-left:36px;
	line-height:1.6;
}
#footer #logo {
	line-height:1.0;
	width:222px;
	float:right;
	padding-top:18px;
	text-align:left;
}
#footer #logo .tel{
	text-align:right;
	font-weight:bold;
	margin:0;
	margin-right:28px;
}