@charset "UTF-8";

/*
==================================================
	CSS File Name -layout.css
	Last-updated: 2014-11-28
	+1: body
	+2: #wrap
	+3: #container
	+4: #header
	+5: #mainBody
	+6: #footer
==================================================
*/
/*--------------------------------------------------
+1: body
==================================================*/
body {
}
/*--------------------------------------------------
+2: #wrap
==================================================*/
div#wrap {
	width:100%;
	margin:0 auto;
	padding-top:30px;
}
/*--------------------------------------------------
+3: #container
==================================================*/

div#container{
	width:980px;
	margin:0 auto;
}
div#container div#crumbBox dl.path {
	width:690px;
	overflow:hidden;
	clear:both;
	line-height:normal;
	height:50px;
	text-align:right;
}
div#container div#crumbBox dl.path.w980 {
	width:980px;
}
div#container div#crumbBox dl.path dt {
	padding-right:15px;
	display:inline;
}
div#container div#crumbBox dl.path dt img {
	vertical-align:middle;
}
div#container div#crumbBox dl.path dd {
	display:inline;
	padding-left:24px;
	padding-right:14px;
}
div#container div#crumbBox dl.path dd.category a {
	color:#666666;
}
div#container div#crumbBox dl.path dd.last {
	padding-right:0px;
}
div#container div#crumbBox dl.path dd a {
	color:#000;
}


/*----------------------------------------------------------------------*/

/*--------------------------------------------------
+4: #header
==================================================*/
div#header {
}

/*----------------------------------------------------------------------*/
/*--------------------------------------------------
 #navi
==================================================*/
ul#navi {
}
ul#navi li {
}
/*----------------------------------------------------------------------*/
/*--------------------------------------------------
+5: #mainBody
==================================================*/

div#mainBody {
	width:980px;
	padding:0 0 30px 0;
	clear:both;
	overflow:hidden;
	margin:0 auto 20px auto;
	background:url(../img/old/lay04_bg_mainbody.jpg) repeat-y left top;
}

div#mainBody div.mainContent {
	width:590px;
	float:left;
	overflow:hidden;
}
div#mainBody div.mainContent span.red,
div#mainBody div.subContent span.red {
	color:#FC0000;
}
div#mainBody div.mainContent span.red a {
	color:#FC0000;
}
div#mainBody div.mainContent span.red2 {
	color:#B00631;
}
div#mainBody div.mainContent span.red2 a {
	color:#B00631;
}

/*----shopDetail----*/

div#mainBody div.subContent {
	width:320px;
	height:100%;
	position:relative;
	float:right;
}
div#mainBody div.subContent h2.h2Shop {
	margin:0 0 10px 0;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Hiragino Mincho ProN", serif;
	font-size:25px;
}
div#mainBody div.subContent h2.h2ShopDetail {
	margin:0 0 10px 0;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Hiragino Mincho ProN", serif;
	font-size:32px;
}

div#mainBody div.subContent span.h2Ttl {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Hiragino Mincho ProN", serif;
	font-size:14px;
}
div#mainBody div.subContent p#producerTtl {
	color:#0099FF;
	font-size:13px;
}
div#mainBody div.subContent p#copyTtl {
	margin:0 0 35px 0;
	color:#0099FF;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Hiragino Mincho ProN", serif;
	font-size:16px;
	line-height:1.4em;
}
div#mainBody div.subContent ul.optionKit { margin:35px 0 0 0; overflow:hidden;}
div#mainBody div.subContent ul.optionKit li.kitBtn {
	margin:0 15px 0 0;
	float:left;
}
div#mainBody div.subContent ul.optionKit li.kitLast {
	margin:0 0 0 0;
	float:right;
}

div#mainBody div.subContent p.fromTtl {
	margin:15px 0 0 0;
	text-align:right;
	clear:both;
}

div#mainBody div.subContent .frame01 {
	height:1%;
	margin:40px 0 50px 0;
	padding:5px 0 0 0;
	background:url(../img/old/frame_balloon01.jpg) no-repeat;
}
div#mainBody div.subContent .frame01B {
	height:1%;
	min-height:1%;
	margin:3px 0 0 0;
	padding:0 0 110px 0;
	background:url(../img/old/frame_balloon01.jpg) no-repeat left bottom;
}
div#mainBody div.subContent .frameLast {
	position: absolute;
	bottom:-1010px;
}
div#mainBody div.subContent .frame0102 {
	height:1%;
	margin:0 0 50px 0;
	padding:5px 0 0 0;
	width:320px;
	background:url(../img/old/frame_balloon01-02.jpg) no-repeat;
}
div#mainBody div.subContent .frame0102B {
	height:1%;
	min-height:1%;
	margin:3px 0 0 0;
	padding:0 0 107px 0;
	width:320px;
	background:url(../img/old/frame_balloon01-02.jpg) no-repeat left bottom;
}


div#mainBody div.subContent .frame01 ul,
div#mainBody div.subContent .frame0102 ul {
	padding:10px 15px 0 15px;
	font-size:13px;
	font-weight:bold;
}
div#mainBody div.subContent .frame01 ul li,
div#mainBody div.subContent .frame0102 ul li {
	margin-left:1.0em;
	padding:0 0 5px 0;
	text-indent:-1.0em;
	line-height:1.4em;
}

div#mainBody div.subContent h5 { margin:0 0 20px 0;}
div#mainBody div.subContent h6 { margin:0 0 8px 0;}

div#mainBody div.subContent .prdDetailBox,
div#mainBody div.subContent .prdDetailBoxLast {
	margin:0 0 15px 0;
	padding:0 0 20px 0;
	width:320px;
	overflow:hidden;
	clear:both;
}
div#mainBody div.subContent .prdDetailBox { background:url(../img/old/ln02.gif) repeat-x left bottom;}
div#mainBody div.subContent .prdDetail {
	margin:0 0 15px 0;
	overflow:hidden;
}

div#mainBody div.subContent .prdDetail p {
	margin:0 25px 0 0;
	width:82px;
	float:left;
}
div#mainBody div.subContent .prdDetail dl {
	width:213px;
	float:left;
}
div#mainBody div.subContent .prdDetail dl dt {
	margin:0 0 5px 0;
	font-size:12px;
}
div#mainBody div.subContent .prdDetail dl dd {
	padding:0 0 0 10px;
	background:url(../img/old/ico_arrow01.gif) 0 7px no-repeat;
}
div#mainBody div.subContent .prdDetail dl dd a { color:#0099FF;}

div#mainBody div.subContent .frame02 {
	height:1%;
	margin:0;
	padding:13px 0 0 0;
	background:url(../img/old/frame_balloon02.gif) no-repeat;
}
div#mainBody div.subContent .frame02B {
	height:1%;
	min-height:1%;
	margin:3px 0 0 0;
	padding:0;
	background:url(../img/old/frame_balloon02.gif) no-repeat left bottom;
}
div#mainBody div.subContent .frame02 ul {
	padding:5px 15px 10px 15px;
	width:288px;
}
div#mainBody div.subContent .frame02 ul li.Ttl {
	padding:0 0 0 15px;
	background:url(../img/old/ico_arrow02.gif) 0 5px no-repeat;
}
div#mainBody div.subContent .frame02 ul li p {
	margin:5px 0 0 0;
	color:#666666;
}

div#mainBody div.subContent .dlBox01, div#mainBody div.subContent .dlBox02,
div#mainBody div.subContent .dlBox03 { margin:0 0 40px 0;}

/*----商品情報----*/
div#mainBody div.subContent .dlBox01 dl {
	margin:0 0 15px 0;
	padding:0 0 10px 0;
	width:320px;
	overflow:hidden;
	background:url(../img/old/ln02.gif) repeat-x left bottom;
	clear:both;
}
div#mainBody div.subContent .dlBox01 dl dt {
	margin:0 15px 0 0;
	padding:0 0 0 10px;
	width:65px;
	color:#0099FF;
	float:left;
}
div#mainBody div.subContent .dlBox01 dl dd { width:230px; float:left;}


/*----みなさん、食べてみていかがでしたか？----*/
div#mainBody div.subContent .dlBox02 {
	width:320px;
/*	height:295px;
	overflow-y:scroll;*/
	overflow-x:hidden;
}

div#mainBody div.subContent .scroll {
	height:295px;
	overflow-y:scroll;
}

div#mainBody div.subContent .dlBox02 p.empty{
	margin:0 0 0 30px;
}

div#mainBody div.subContent .dlBox02 ul {
	margin:0 10px 15px 0;
	padding:0 15px 10px 15px;
	width:260px;
	overflow:hidden;
	background:url(../img/old/ln02.gif) repeat-x left bottom;
}
div#mainBody div.subContent .dlBox02 ul li { margin:0 0 5px 0;}
div#mainBody div.subContent .dlBox02 ul li.category { color:#666666;}
div#mainBody div.subContent .dlBox02 ul li.category span { margin:0 12px 0 0;}
div#mainBody div.subContent .dlBox02 ul li img { overflow:hidden; float:right;}

/*----ご注文ガイド----*/
div#mainBody div.subContent .dlBox03 { width:320px;}
div#mainBody div.subContent .dlBox03 dl {
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	width:320px;
	overflow:hidden;
	background:url(../img/old/ln02.gif) repeat-x left bottom;
	clear:both;
}
div#mainBody div.subContent .dlBox03 dl dt {
	margin:0 0 7px 0;
	padding:0 0 0 10px;
	color:#0099FF;
}
div#mainBody div.subContent .dlBox03 dl dd {
	margin:0;
	padding:0 0 0 10px;
	color:#666666;
}
div#mainBody div.subContent .dlBox03 dl dd.imgBox {
	width:308px;
	background:url(../img/old/ico_lightBox.gif) no-repeat right bottom;
}
div#mainBody div.subContent .dlBox03 dl dd.imgBox p {
	margin:0 auto;
	width:200px;
}
div#mainBody div.subContent .dlBox03 .detailLink {
	text-align:right;
}
div#mainBody div.subContent .dlBox03 .detailLink a {
	background:url(../img/old/ico_brown_right.gif) no-repeat left 5px;
	padding:0 0 0 15px;
}
div#mainBody div.subContent .dlBox03 a {
	color:#0099FF;
}

div#mainBody div.subContent .dlBox03 dl dd div.notice {
	font-size:11px;
	overflow:hidden;
}
div#mainBody div.subContent .dlBox03 dl dd div.notice p.notice_left {
	float:left;
	width:1.5em;
}
div#mainBody div.subContent .dlBox03 dl dd div.notice p.notice_right {
	padding-left:1.5em;
}


/*----このお店の他の商品----*/
div#mainBody div.subContent .dlBox04 {
	margin:40px 0 0 0;
	padding:0;
	width:320px;
}
div#mainBody div.subContent .dlBox04B {
	height:1%;
	min-height:1%;
	margin:0;
	padding:0;
	width:320px;
}
div#mainBody div.subContent .prdDetailBox02 {
	margin:0;
	padding:10px 15px 0 15px;
	background:url(../img/old/frame_balloon03_side.gif) repeat-y left top;
}
div#mainBody div.subContent .prdDetailBox02Last {
	margin:0;
	padding:10px 15px 0 15px;
	background:url(../img/old/frame_balloon03.gif) no-repeat left bottom;
}
div#mainBody div.subContent .prdDetail02,
div#mainBody div.subContent .prdDetail02Last {
	padding:0 0 5px 0;
	width:290px;
	overflow:hidden;
}
div#mainBody div.subContent .prdDetail02 { background:url(../img/old/ln02.gif) repeat-x left bottom;}
div#mainBody div.subContent .prdDetail02 p,
div#mainBody div.subContent .prdDetail02Last p{
	width:70px;
	height:65px;
	float:left;
}
div#mainBody div.subContent .prdDetail02 dl,
div#mainBody div.subContent .prdDetail02Last dl{
	margin:0 15px 0 10px;
	width:183px;
	float:left;
}
div#mainBody div.subContent .prdDetail02 dl dt,
div#mainBody div.subContent .prdDetail02Last dl dt{
	margin:0 0 5px 0;
	font-size:12px;
}
div#mainBody div.subContent .prdDetail02 dl dd,
div#mainBody div.subContent .prdDetail02Last dl dd{
	padding:0 0 0 10px;
	background:url(../img/old/ico_arrow01.gif) 0 7px no-repeat;
}
div#mainBody div.subContent .prdDetail02 dl dd a,
div#mainBody div.subContent .prdDetail02Last dl dd a{ color:#0099FF;}






/*----footHR----*/
div.botArea {
	width:980px;
	overflow:hidden;
	clear:both;
	margin:0 auto 60px auto;
	padding-top:40px;
}
div.botArea02 {
	width:980px;
	overflow:hidden;
	clear:both;
	margin:0 auto 60px auto;
	padding-top:40px;
}

div.bot_box {
	width:980px;
	overflow:hidden;
	clear:both;
}
div.bot_box p.tit {
	margin-bottom:10px;
}
div.bot_box div {
	width:972px;
	height:99px;
	padding:4px 4px 0 4px;
	background:url(../img/old/botbox_bg.jpg) no-repeat left top;
	clear:both;
}
div.bot_box div p.left {}
div.bot_box div p.right {}
div.bot_box div ul {
	height:95px;
	float:left;
}
div.bot_box div ul li {
	float:left;
	height: 95px;
	padding:4px 11px 0 10px;
	background:url(../img/old/ln04.jpg) repeat-y right top;
}
div.bot_box div ul li.last {
	background:none;
}





/*----------------------------------------------------------------------*/
/*--------------------------------------------------
+6: #footer
==================================================*/
div#footer {
}



/*-- 120120 edit --*/
div#mainBody div.subContent h2.h2ShopDetail {
	font-size:27px;
	line-height:130%;
	padding-top:13px;
	padding-bottom:5px;
}

div#mainBody div.subContent .dlBox01 dl {
	margin:0 0 7px 0;
	padding:0 0 7px 0;
}
div#mainBody div.subContent h5 { margin:0 0 7px 0;}

div#mainBody div.subContent .dlBox03 dl {
	margin:0 0 7px 0;
	padding:0 0 7px 0;
}

/*-- 120220 edit --*/
div#mainBody div.subContent .prdDetailBox,
div#mainBody div.subContent .prdDetailBoxLast {
	margin:0 0 0 0;
	padding:0 0 10px 0;
}
div#mainBody div.subContent .prdDetail {
	margin:0 0 0 0;
	position:relative;
}
div#mainBody div.subContent .prdDetail dl {
	float:none;
	position:absolute;
	left:107px;
	top:20px;
}
div#mainBody div.subContent .prdDetail dl dt {
	height:2em;
}
div#mainBody div.subContent .frame02 ul li p {
	margin:3px 0 0 0;
}


div#mainBody div.subContent .frame01 {
	position:relative;
	margin:0 0 26px 0;
	background:url(../img/old/frame_balloon01_edit.jpg) no-repeat;
}
div#mainBody div.subContent .frame01 .optionKit {
	position:absolute;
	left:15px;
	bottom:30px;
}
div#mainBody div.subContent p#copyTtl {
	margin:0 0 27px 0;
	color:#333;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-size:15px;
	font-weight:bold;
}
div#mainBody div.subContent .product_txt{
	font-size:13px;
	margin-bottom:37px;
}

div#mainBody div.subContent .frame01B {
	padding:0 0 130px 0;
	background:url(../img/old/frame_balloon01_edit.jpg) no-repeat left bottom;
}
div#mainBody div.subContent .frame02 {
	background:url(../img/old/frame_balloon02_edit.gif) no-repeat;
}
div#mainBody div.subContent .frame02B {
	background:url(../img/old/frame_balloon02_edit.gif) no-repeat left bottom;
}
div#mainBody div.subContent .frame02 ul li.Ttl {
	background:url(../img/old/ico_arrow02_edit.gif) 0 5px no-repeat;
}
div#mainBody div.subContent .frame01 ul,
div#mainBody div.subContent .frame0102 ul {
	color:#FFF;
}
div#mainBody div.subContent p#producerTtl {
	color:#000;
	margin-bottom:20px;
}
div#mainBody div.subContent .dlBox03 dl dd.imgBox {
	background:url(../img/old/ico_lightBox_edit.gif) no-repeat right bottom;
}

div#mainBody div.subContent .dlBox01 dl dt {
	color:#000;
}
div#mainBody div.subContent .dlBox01 dl dd {
	color:#666;
}
div#mainBody div.subContent .dlBox01 dl dd a {
	color:#666;
	text-decoration:underline;
}
div#mainBody div.subContent .dlBox03 dl dd a:hover {
	color:#666;
	text-decoration:none;
}
div#mainBody div.subContent .dlBox03 dl dt {
	color:#000;
}
div#mainBody div.subContent .dlBox03 a {
	color:#000;
}

div#mainBody div.subContent .dlBox04B {
	background:url(../img/old/frame_balloon03_edit.gif) no-repeat left bottom;
}
div#mainBody div.subContent .prdDetailBox02 {
	padding:0 15px 0 15px;
	background:none;
}
div#mainBody div.subContent .prdDetailBox02Last {
	padding:0 15px 0 15px;
	background:none;
}

div#mainBody div.subContent .prdDetail02,
div#mainBody div.subContent .prdDetail02Last {
	width:280px;
	padding:5px 0 6px 0;
	position:relative;
}
div#mainBody div.subContent .prdDetail02 p,
div#mainBody div.subContent .prdDetail02Last p{
	width:70px;
	height:65px;
	float:none;
	padding-left:208px;
}
div#mainBody div.subContent .prdDetail02 dl,
div#mainBody div.subContent .prdDetail02Last dl{
	float:none;
	position:absolute;
	left:0;
	top:14px;
}
div#mainBody div.subContent .prdDetail02 dl dt,
div#mainBody div.subContent .prdDetail02Last dl dt{
	height:2em;
}

/*----みなさん、食べてみていかがでしたか？----*/
div#mainBody div.subContent #h6_shopDetail01{
	margin-bottom:0;
}
div#mainBody div.subContent .dlBox02_wrap {
	margin-bottom:40px;
	padding:12px 25px 25px 10px;
	background:url(../img/old/bg_dlBox02_scroll.gif) left bottom no-repeat;
}

div#mainBody div.subContent .scroll {
	height:295px;
	overflow-y:scroll;
}
div#mainBody div.subContent .dlBox02_wrap .dlBox02 {
	width:300px;
	margin:0;
}

div#mainBody div.subContent .dlBox02 ul {
	margin:0 15px 15px 0;
	padding:0 15px 10px 15px;
	width:240px;
}
div#mainBody div.subContent .dlBox02 ul li { margin:0 0 5px 0;}
div#mainBody div.subContent .dlBox02 ul li.category { color:#666666;}
div#mainBody div.subContent .dlBox02 ul li.category span { margin:0 12px 0 0;}
div#mainBody div.subContent .dlBox02 ul li img { overflow:hidden; float:right;}



div#mainBody div.subContent div.special dl dt {
	padding:0;
	border:none;
}
div#mainBody div.subContent div.special dl dd {
	color:#666;
}
div#mainBody div.subContent div.special dl dd a {
	color:#000;
}



/*-- 120120 edit --*/
div#mainBody div.subContent span.h2Ttl {
	font-size:13px;
}
div#mainBody div.subContent h2.h2ShopDetail {
	font-size:19px;
	line-height:130%;
	padding-top:5px;
	padding-bottom:15px;
}
div#mainBody div.subContent p#copyTtl {
	margin:0 0 25px 0;
	color:#333;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-size:19px;
	font-weight:bold;
}

/*-- 0710edit --*/
div#mainBody div.subContent ul.optionKit { margin:25px 0;}
div#mainBody div.subContent ul.optionKit li.kitTweet {
	clear:left;
}