@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 0px 0px;
	overflow:hidden;
}

/* Common Layout
--------------------------------------------- */
/* title */
div#coMain h1{
	height:65px;
	background:url(/images/recipe/common/title.gif) no-repeat 0px 0px;
	text-indent:-9999px;
	overflow:hidden;
}
/* mainBox */
div#coMain div.mainBox{
	width:660px;
	margin-bottom:10px;
	padding:10px;
	background:#fff2f0;
}
div#coMain div.mainBox div.lead{
	margin-bottom:10px;
	padding:10px;
}
div#coMain div.mainBox div.lead p{
}
/* backNumber */
div#coMain div.mainBox div.backNumber{
	width:660px;
	background:#fff url(/images/recipe/common/innerbox_bg_top.gif) no-repeat 0px 0px;
}
div#coMain div.mainBox div.backNumber div.inner{
	width:660px;
	padding-bottom:10px;
	background:url(/images/recipe/common/innerbox_bg_btm.gif) no-repeat 0px bottom;
}
div#coMain div.mainBox div.backNumber h3{
	height:50px;
	margin-bottom:15px;
	background:url(/images/recipe/common/backnumber_name.gif) no-repeat 0px 0px;
	text-indent:-9999px;
	overflow:hidden;
}
div#coMain div.mainBox div.backNumber p.name{
	margin:0px 20px 10px 20px;
	padding:15px 0px;
	background:url(/images/recipe/common/border_dot.gif) repeat-x 0px bottom;
}
div#coMain div.mainBox div.backNumber p.name span{
	padding-left:10px;
	background:url(/images/recipe/common/bullet_01.gif) no-repeat 0px 2px;
	line-height:1.1;
}
div#coMain div.mainBox div.backNumber ul{
	width:640px;
	margin-bottom:10px;
	padding:0px 10px;
}
div#coMain div.mainBox div.backNumber ul li{
	float:left;
	width:270px;
	margin:0px 10px 0px 30px;
	padding-left:10px;
	display:inline;
	background:url(/images/recipe/common/bullet_01.gif) no-repeat 0px 2px;
	line-height:1.1;
}

/* Directry Page Layout [index.html]
--------------------------------------------- */
/* listBox */
div#coMain div.mainBox div.listBox{
	width:660px;
	margin-bottom:10px;
	background:#fff url(/images/recipe/common/innerbox_bg_top.gif) no-repeat 0px 0px;
}
div#coMain div.mainBox div.listBox h2{
	padding:18px 10px 15px 70px;
	font-size:1.3em;
	font-weight:bold;
	line-height:1.1;
	background:url(/images/recipe/common/recipe_name_bg.gif) no-repeat 0px bottom;
}
div#coMain div.mainBox div.listBox div.inner{
	width:660px;
	padding-bottom:10px;
	background:url(/images/recipe/common/innerbox_bg_btm.gif) no-repeat 0px bottom;
}
div#coMain div.mainBox div.listBox div.pict{
	float:left;
	width:251px;
	padding-left:13px;
}
div#coMain div.mainBox div.listBox div.pict a{
	display:block;
	width:210px;
	height:120px;
	padding:17px 10px 15px 31px;
	background:url(/images/recipe/common/list_pict_bg.gif) no-repeat 0px 0px;
}
div#coMain div.mainBox div.listBox div.text{
	float:right;
	width:360px;
	padding:10px 20px 0px 0px;
}
div#coMain div.mainBox div.listBox div.text p{
}
div#coMain div.mainBox div.listBox div.text p span{
/*
	padding-bottom:0.4em;
	line-height:1.8;
	background:url(/images/recipe/common/border_dot.gif) repeat-x 0px bottom;
*/
}
div#coMain div.mainBox div.listBox div.btn{
	padding:10px 0px 0px 250px;
}
div#coMain div.mainBox div.listBox div.btn a{
	display:block;
	width:110px;
	height:20px;
	background:url(/images/recipe/common/list_btn.gif) no-repeat 0px 0px;
	text-indent:-9999px;
	overflow:hidden;
}
div#coMain div.mainBox div.listBox div.btn a:hover{
	background-position:0px -20px;
}

/* Directry Page Layout [/xxxxx/xxxxx.html]
--------------------------------------------- */
/* detailBox */
div#coMain div.mainBox div.detailBox{
	width:660px;
	margin-bottom:10px;
	background:#fff url(/images/recipe/common/innerbox_bg_top.gif) no-repeat 0px 0px;
}
div#coMain div.mainBox div.detailBox div.inner{
	width:660px;
	padding-bottom:10px;
	background:url(/images/recipe/common/innerbox_bg_btm.gif) no-repeat 0px bottom;
}
div#coMain div.mainBox div.detailBox h2{
	margin-bottom:10px;
	padding:18px 10px 15px 70px;
	font-size:1.3em;
	font-weight:bold;
	line-height:1.1;
	background:url(/images/recipe/common/recipe_name_bg.gif) no-repeat 0px bottom;
}
/* dMain */
div#coMain div.mainBox div.detailBox div.dMain{
	width:620px;
	margin-bottom:10px;
	padding:0px 20px;
}
div#coMain div.mainBox div.detailBox div.dMain div.pict{
	float:left;
	width:300px;
	height:230px;
	padding:20px 20px 22px 22px;
	background:url(/images/recipe/common/detail_pict_bg.gif) no-repeat 0px 0px;
}
div#coMain div.mainBox div.detailBox div.dMain div.text{
	float:right;
	width:255px;
}
div#coMain div.mainBox div.detailBox div.dMain div.text p{
	margin-bottom:20px;
}
div#coMain div.mainBox div.detailBox div.dMain div.text p span{
/*
	padding-bottom:0.4em;
	line-height:1.8;
	border-bottom:#a21700 dotted 1px;
*/
}
div#coMain div.mainBox div.detailBox div.dMain dl.ingredients{
	padding:10px;
	border:#d7a6a6 solid 1px;
	background:#fff2f0;
}
div#coMain div.mainBox div.detailBox div.dMain dl.ingredients dt{
	font-weight:bold;
}
div#coMain div.mainBox div.detailBox div.dMain dl.ingredients dd.list ul{
	margin:0px 0px 0.5em 15px;
}
div#coMain div.mainBox div.detailBox div.dMain dl.ingredients dd.list ul li{
	list-style:disc;
}
div#coMain div.mainBox div.detailBox div.dMain dl.ingredients dd.itemLink{
	text-align:right;
}
div#coMain div.mainBox div.detailBox div.dMain dl.ingredients dd.itemLink span{
	padding-left:10px;
	background:url(/images/recipe/common/bullet_02.gif) no-repeat 0px 2px;
	line-height:1.1;
}
/* dFlow */
div#coMain div.mainBox div.detailBox div.dFlow{
	width:660px;
}
div#coMain div.mainBox div.detailBox div.dFlow h3{
	margin-bottom:10px;
	padding:10px 10px 15px 65px;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.1;
	background:url(/images/recipe/common/step_name_bg.gif) no-repeat 0px bottom;
}
div#coMain div.mainBox div.detailBox div.dFlow div.pict{
	float:right;
	width:190px;
	margin-right:30px;
	display:inline;
}
div#coMain div.mainBox div.detailBox div.dFlow div.text{
	float:left;
	width:400px;
	margin-left:20px;
	display:inline;
}
div#coMain div.mainBox div.detailBox div.dFlow div.text h4{
	margin-bottom:0.4em;
	color:#d00;
	font-weight:bold;
}
div#coMain div.mainBox div.detailBox div.dFlow div.text p{
}
/* adviceBox */
div#coMain div.mainBox div.adviceBox{
	width:660px;
	margin-bottom:10px;
	background:#fff url(/images/recipe/common/innerbox_bg_top.gif) no-repeat 0px 0px;
}
div#coMain div.mainBox div.adviceBox div.inner{
	width:640px;
	padding:10px;
	background:url(/images/recipe/common/innerbox_bg_btm.gif) no-repeat 0px bottom;
}
div#coMain div.mainBox div.adviceBox div.aBIn01{
	background:url(/images/recipe/common/advice_bg_btm.gif) no-repeat 0px bottom;
}
div#coMain div.mainBox div.adviceBox div.aBIn02{
	min-height:60px;
	padding:20px 40px 28px 130px;
	background:url(/images/recipe/common/advice_bg_top.gif) no-repeat 0px 0px;
}
*html div#coMain div.mainBox div.adviceBox div.aBIn02{
	height:60px;
}
div#coMain div.mainBox div.adviceBox h3{
	display:none;
}
div#coMain div.mainBox div.adviceBox h4{
	color:#d00;
	font-size:1.2em;
	font-weight:bold;
}
div#coMain div.mainBox div.adviceBox p{
}