@charset "UTF-8";
 
/*=========================================================================
Type : Specified Directory IndexPages Layout
Page : /recipe/
=========================================================================*/

/* Common Import Setting
--------------------------------------------- */

/* Basic Setting */
@import "/css/common_basic.css";

/* Whole Layout */
@import "/css/common_layout.css";

/* ReWrite Common Layout
--------------------------------------------- */
/* localNav */
div#localNav{
	height:20px;
	background:url(/images/common/locnav_bg_large.gif) repeat-x;
	overflow:hidden;
}

/* Common Layout
--------------------------------------------- */
/* title */
div#coMain h1 a{
	width:680px;
	height:155px;
	background:url(/images/nabe/common/title.jpg) no-repeat;
}
div#coMain h1 a {
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
/* mainBox */
div#coMain div.mainBox{
	margin-bottom:10px;
	padding:12px 30px;
	width:620px;
}
div#coMain div.mainBox p.lead{
	margin-bottom:20px;
	font-size:125%;
}

/* Directry Page Layout [index.html]
--------------------------------------------- */
/* listBox */
div#coMain div.mainBox div.listBox{
	margin-bottom:20px;
	border:3px solid #000;
	width:614px;
	background:url(/images/nabe/background_contents.gif);
}
div#coMain div.mainBox div.listBox h2.zeitaku,
div#coMain div.mainBox div.listBox h2.shabushabu,
div#coMain div.mainBox div.listBox h2.ishikari,
div#coMain div.mainBox div.listBox h2.tarachiri,
div#coMain div.mainBox div.listBox h2.dote,
div#coMain div.mainBox div.listBox h2.italian {
	margin:5px 0 6px 8px;
	height:28px;
	text-indent:-9999px;
}
div#coMain div.mainBox div.listBox h2.zeitaku {
	width:326px;
	background:url(/images/nabe/contents_zeitaku.gif) no-repeat;
}
div#coMain div.mainBox div.listBox h2.shabushabu {
	width:386px;
	background:url(/images/nabe/contents_shabushabu.gif) no-repeat;
}
div#coMain div.mainBox div.listBox h2.ishikari {
	width:297px;
	background:url(/images/nabe/contents_ishikari.gif) no-repeat;
}
div#coMain div.mainBox div.listBox h2.tarachiri {
	width:314px;
	background:url(/images/nabe/contents_tarachiri.gif) no-repeat;
}
div#coMain div.mainBox div.listBox h2.dote {
	width:321px;
	background:url(/images/nabe/contents_dote.gif) no-repeat;
}
div#coMain div.mainBox div.listBox h2.italian {
	width:403px;
	background:url(/images/nabe/contents_italian.gif) no-repeat;
}

div#coMain div.mainBox div.listBox .inner {
	width:614px;
	background-color:#fff;
}
div#coMain div.mainBox div.listBox .inner .pict,
div#coMain div.mainBox div.listBox .inner .text {
	float:left;
}
div#coMain div.mainBox div.listBox .inner .pict {
	width:240px;
}
div#coMain div.mainBox div.listBox .inner .text {
	padding:12px 12px 0;
	width:350px;
}
div#coMain div.mainBox div.listBox .inner .text p {
	min-height:101px;
	height:100% !important;
	height:101px;
}
div#coMain div.mainBox div.listBox .inner .text p em {
	display:block;
	font-size:125%;
	font-weight:bold;
	font-style:normal;
	text-align:right;
	color:#f00;
}
div#coMain div.mainBox div.listBox .inner .text a {
	margin:0 0 5px 186px;
	display:block;
	width:164px;
	height:37px;
	background:url(/images/nabe/button_detail.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

/* Directry Page Layout [/xxxxx/xxxxx.html]
--------------------------------------------- */
div#coMain div.mainBox div.detailBox {
	text-align:center;
}

div#coMain div.mainBox div.detailBox h2.zeitaku,
div#coMain div.mainBox div.detailBox h2.shabushabu,
div#coMain div.mainBox div.detailBox h2.ishikari,
div#coMain div.mainBox div.detailBox h2.tarachiri,
div#coMain div.mainBox div.detailBox h2.dote,
div#coMain div.mainBox div.detailBox h2.italian {
	margin:18px auto;
	height:52px;
	text-indent:-9999px;
}
div#coMain div.mainBox div.detailBox h2.zeitaku {
	width:481px;
	background:url(/images/nabe/chapter_zeitaku.gif) no-repeat;
}
div#coMain div.mainBox div.detailBox h2.shabushabu {
	width:568px;
	background:url(/images/nabe/chapter_shabushabu.gif) no-repeat;
}
div#coMain div.mainBox div.detailBox h2.ishikari {
	width:431px;
	background:url(/images/nabe/chapter_ishikari.gif) no-repeat;
}
div#coMain div.mainBox div.detailBox h2.tarachiri {
	width:518px;
	background:url(/images/nabe/chapter_tarachiri.gif) no-repeat;
}
div#coMain div.mainBox div.detailBox h2.dote {
	width:468px;
	background:url(/images/nabe/chapter_dote.gif) no-repeat;
}
div#coMain div.mainBox div.detailBox h2.italian {
	width:606px;
	background:url(/images/nabe/chapter_italian.gif) no-repeat;
}

div#coMain div.mainBox div.detailBox .documentTop img,
div#coMain div.mainBox div.detailBox .documentTop p {
	padding-bottom:10px;
}
div#coMain div.mainBox div.detailBox .documentTop img,
div#coMain div.mainBox div.detailBox .documentTop p,
div#coMain div.mainBox div.detailBox .documentBottom img,
div#coMain div.mainBox div.detailBox .documentBottom p {
	float:left;
	text-align:left;
}
div#coMain div.mainBox div.detailBox .documentTop img,
div#coMain div.mainBox div.detailBox .documentBottom p {
	margin-right:20px;
}
div#coMain div.mainBox div.detailBox .documentTop p {
	width:250px;
}
div#coMain div.mainBox div.detailBox .documentBottom p {
	width:360px;
}
div#coMain div.mainBox div.detailBox .documentTop p strong,
div#coMain div.mainBox div.detailBox .documentBottom p strong {
	font-size:115%;
	text-decoration:underline;
}

div#coMain div.mainBox div.detailBox .recommend {
	margin-top:10px;
	width:620px;
	background:url(/images/nabe/background_recommend.gif) repeat-y;
}
div#coMain div.mainBox div.detailBox .recommend div {
	background:url(/images/nabe/recommend_frame_bottom.gif) left bottom no-repeat;
}
div#coMain div.mainBox div.detailBox .recommend div div {
	width:620px;
	height:59px;
	background:url(/images/nabe/recommend_frame_top.gif) no-repeat;
	text-indent:-9999px;
}
div#coMain div.mainBox div.detailBox .recommend div p {
	padding:3px 15px 13px;
	text-align:left;
}

div#coMain div.mainBox div.detailBox a.buttonSengyo,
div#coMain div.mainBox div.detailBox a.buttonAwabi,
div#coMain div.mainBox div.detailBox a.buttonSake,
div#coMain div.mainBox div.detailBox a.buttonTara,
div#coMain div.mainBox div.detailBox a.buttonKaki,
div#coMain div.mainBox div.detailBox a.buttonTomato {
	margin:35px auto;
	display:block;
	width:375px;
	height:65px;
	text-indent:-9999px;
	overflow:hidden;
}
div#coMain div.mainBox div.detailBox a.buttonSengyo {
	background:url(/images/nabe/button_sengyo.gif) no-repeat;
}
div#coMain div.mainBox div.detailBox a.buttonAwabi {
	background:url(/images/nabe/button_awabi.gif) no-repeat;
}
div#coMain div.mainBox div.detailBox a.buttonSake {
	background:url(/images/nabe/button_sake.gif) no-repeat;
}
div#coMain div.mainBox div.detailBox a.buttonTara {
	background:url(/images/nabe/button_tara.gif) no-repeat;
}
div#coMain div.mainBox div.detailBox a.buttonKaki {
	background:url(/images/nabe/button_kaki.gif) no-repeat;
}
div#coMain div.mainBox div.detailBox a.buttonTomato {
	background:url(/images/nabe/button_tomato.gif) no-repeat;
}

div#coMain div.mainBox div.detailBox .cook {
	padding-top:16px;
	background:url(/images/nabe/line_dotted.gif) left top repeat-x;
}
div#coMain div.mainBox div.detailBox .cook h3.zeitaku,
div#coMain div.mainBox div.detailBox .cook h3.shabushabu,
div#coMain div.mainBox div.detailBox .cook h3.ishikari,
div#coMain div.mainBox div.detailBox .cook h3.tarachiri,
div#coMain div.mainBox div.detailBox .cook h3.dote,
div#coMain div.mainBox div.detailBox .cook h3.italian {
	margin-bottom:8px;
	width:620px;
	height:50px;
	text-indent:-9999px;
}
div#coMain div.mainBox div.detailBox .cook h3.zeitaku {
	background:url(/images/nabe/cook_zeitaku.gif) no-repeat;
}
div#coMain div.mainBox div.detailBox .cook h3.shabushabu {
	background:url(/images/nabe/cook_shabushabu.gif) no-repeat;
}
div#coMain div.mainBox div.detailBox .cook h3.ishikari {
	background:url(/images/nabe/cook_ishikari.gif) no-repeat;
}
div#coMain div.mainBox div.detailBox .cook h3.tarachiri {
	background:url(/images/nabe/cook_tarachiri.gif) no-repeat;
}
div#coMain div.mainBox div.detailBox .cook h3.dote {
	background:url(/images/nabe/cook_dote.gif) no-repeat;
}
div#coMain div.mainBox div.detailBox .cook h3.italian {
	background:url(/images/nabe/cook_italian.gif) no-repeat;
}

div#coMain div.mainBox div.detailBox .cook img,
div#coMain div.mainBox div.detailBox .cook div.ingredient {
	margin-bottom:8px;
	float:left;	
}
div#coMain div.mainBox div.detailBox .cook img {
	margin-right:8px;
}
div#coMain div.mainBox div.detailBox .cook div.ingredient {
	padding:5px 10px;
	width:352px;
	min-height:130px;
	height:100% !important;
	height:130px;
	background-color:#EDEDBC;
	text-align:left;
}
div#coMain div.mainBox div.detailBox .cook div.ingredient span {
	font-size:115%;
	font-weight:bold;
}
div#coMain div.mainBox div.detailBox .cook div.ingredient div.set,
div#coMain div.mainBox div.detailBox .cook div.ingredient div.other {
	float:left;
}
div#coMain div.mainBox div.detailBox .cook div.ingredient div.set {
	margin-right:10px;
	width:151px;
}
div#coMain div.mainBox div.detailBox .cook div.ingredient div.other {
	width:191px;
}
div#coMain div.mainBox div.detailBox .cook div.ingredient div.set ul li,
div#coMain div.mainBox div.detailBox .cook div.ingredient div.other ul li {
	padding-left:0.55em;
	text-indent:-0.55em;
	line-height:1.1;
}

div#coMain div.mainBox div.detailBox .cook .howto {
	padding:10px;
	clear:both;
	width:594px;
	border:3px solid #aaa;
	text-align:left;
}
div#coMain div.mainBox div.detailBox .cook .howto li {
	padding-left:1.2em;
	text-indent:-1.2em;
}
div#coMain div.mainBox div.detailBox .cook .howto li em {
	font-weight:normal;
	color:#f00;
}

div#coMain div.mainBox div.detailBox .order {
	margin-bottom:15px;
	padding-bottom:30px;
	background:url(/images/nabe/arrow_under.gif) center bottom no-repeat;
}
div#coMain div.mainBox div.detailBox .order img {
	margin-top:35px;
}
div#coMain div.mainBox div.detailBox .nabetoplink {
	margin-top:5px;
	text-align:right;
}

/* itemMainWrapper */
div#coMain div.itemMainWrapper{
	padding-top:20px;
}
/* itemMainArea */
div#coMain div.itemMainArea{
	width:620px;
	margin-bottom:20px;
}
div#coMain div.itemMainArea div.pict{
	float:left;
	width:310px;
}
div#coMain div.itemMainArea div.nameBtn{
	float:right;
	width:285px;
	padding-left:25px;
}
div#coMain div.itemMainArea div.nameBtn p.copy{
	margin-bottom:0.1em;
	color:#d00;
	font-size:1.1em;
}
div#coMain div.itemMainArea div.nameBtn h4{
	margin-bottom:0.1em;
	font-size:1.7em;
	font-weight:bold;
	line-height:1.1;
	text-align:left;
}
div#coMain div.itemMainArea div.nameBtn p.price{
	margin-bottom:10px;
	text-align:left;
}
div#coMain div.itemMainArea div.nameBtn p.price span{
	font-size:1.1em;
	font-weight:bold;
}
div#coMain div.itemMainArea div.nameBtn p.price em{
	margin:0px 0.3em;
	color:#d00;
	font-size:1.7em;
	font-weight:bold;
}
div#coMain div.itemMainArea div.nameBtn ul.form{
	width:200px;
}
div#coMain div.itemMainArea div.nameBtn ul.form li{
	margin-bottom:10px;
}
div#coMain div.itemMainArea div.nameBtn ul.form li.quantity{
	text-align:right;
}
div#coMain div.itemMainArea div.nameBtn ul.form li.quantity span{
	margin-right:1.0em;
}
div#coMain div.itemMainArea div.nameBtn ul.form li.btn a{
	display:block;
	width:200px;
	background-repeat:no-repeat;
	background-position:0px 0px;
	text-indent:-9999px;
	overflow:hidden;
}
div#coMain div.itemMainArea div.nameBtn ul.form li.btn.addCart a{
	height:35px;
	background-image:url(/images/common/main_btn_addcart.gif);
}
div#coMain div.itemMainArea div.nameBtn ul.form li.btn.addFavorite a{
	height:30px;
	background-image:url(/images/common/main_btn_addfavorite.gif);
}
div#coMain div.itemMainArea div.nameBtn ul.form li.btn.addCart a:hover{
	background-position:0px -35px;
}
div#coMain div.itemMainArea div.nameBtn ul.form li.btn.addFavorite a:hover{
	background-position:0px -30px;
}
/* specTable */
div#coMain div.specTable{
	margin-bottom:20px;
}
div#coMain div.specTable table{
	width:100%;
}
div#coMain div.specTable table th,
div#coMain div.specTable table td{
	padding:5px 15px;
	border:#666 solid 1px;
	text-align:left;
	font-weight:normal;
	vertical-align:top;
}
div#coMain div.specTable table th{
	white-space:nowrap;
}
div#coMain div.specTable table td{
}