@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/mamechishiki/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:#ffc;
}
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/mamechishiki/common/mamechishiki_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:211px;
	height:115px;
	padding:17px 10px 15px 23px;
	background:url(/images/mamechishiki/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/mamechishiki/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;
}

div#coMain div.mainBox div.nextMamechishiki {
	font-size:1.3em;
	font-weight:bold;
}

/* 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/mamechishiki/common/mamechishiki_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:22px 20px 22px 24px;
	background:url(/images/mamechishiki/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:#f6a13e solid 1px;
	background:#fbddb1;
}
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,
div#coMain div.mainBox div.detailBox div.inner dl.ingredients dd.itemLink {
	text-align:right;
}
div#coMain div.mainBox div.detailBox div.dMain dl.ingredients dd.itemLink span,
div#coMain div.mainBox div.detailBox div.inner dl.ingredients dd.itemLink span {
	padding-left:10px;
	background:url(/images/common/ftmoduf_bullet.gif) no-repeat 0px 2px;
	line-height:1.1;
}
div#coMain div.mainBox div.detailBox div.inner dl.ingredients dd.itemLink {
	margin-top:16px;	
}
div#coMain div.mainBox div.detailBox div.inner dl.ingredients dd.itemLink span.pageEnd {
	padding-right:30px;
}
/* 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/mamechishiki/common/step_name_bg.gif) no-repeat 0px bottom;
}
div#coMain div.mainBox div.detailBox div.dFlow .box {
	margin-bottom:16px;
}
div#coMain div.mainBox div.detailBox div.dFlow div.box div.pict,
div#coMain div.mainBox div.detailBox div.dFlow div.pict{
	float:right;
	margin-right:30px;
	display:inline;
}
div#coMain div.mainBox div.detailBox div.dFlow div.box div.pict{
	width:190px;
}
div#coMain div.mainBox div.detailBox div.dFlow div.pict{
	width:211px;
}
div#coMain div.mainBox div.detailBox div.dFlow div.box div.text,
div#coMain div.mainBox div.detailBox div.dFlow div.text{
	float:left;
	margin-left:20px;
	display:inline;
}
div#coMain div.mainBox div.detailBox div.dFlow div.box div.text{
	width:400px;
}
div#coMain div.mainBox div.detailBox div.dFlow div.text {
	width:379px;
}
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.textOnly{
	margin:0 0 16px 20px;
	width:610px;
}

div#coMain div.mainBox div.detailBox div.dFlow div.textOnly h4{
	margin-bottom:0.4em;
	color:#d00;
	font-weight:bold;
}
div#coMain div.mainBox div.detailBox div.dFlow dl.textlist{
	margin:0 0 16px 20px;
	width:610px;
}
div#coMain div.mainBox div.detailBox div.dFlow dl.textlist dt{
	font-weight:bold;
}
div#coMain div.mainBox div.detailBox div.dFlow dl.textlist dd{
	margin-bottom:0.4em;
}
div#coMain div.mainBox div.detailBox div.dFlow div.howto {
	margin-left:20px;
	padding:10px;
	border:1px solid #F6A13E;
	width:590px;
}
div#coMain div.mainBox div.detailBox div.dFlow div.howto h4 {
	margin-bottom:0.4em;
	color:#d00;
	font-weight:bold;
}
div#coMain div.mainBox div.detailBox div.dFlow div.howto dl dt {
	font-weight:bold;
	text-decoration:underline;
}
div#coMain div.mainBox div.detailBox div.dFlow div.howto dl dd {
	padding-bottom:4px;
}
div#coMain div.mainBox div.detailBox div.dFlow div.howto dl dd ul li {
	padding-left:0.6em;
	text-indent:-0.6em;
}

/* 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{
}

/* kaki_howto */
div#coMain div.mainBox div.detailBox div.dHowto{
	margin:0 0 16px 20px;
	width:610px;
}
div#coMain div.mainBox div.detailBox div.dHowto h5{
	margin-bottom:0.4em;
	font-weight:bold;
	margin-top:10px;
}
div#coMain div.mainBox div.detailBox div.dHowto .phot{
	float:left;
	margin-right:15px;
}
div#coMain div.mainBox div.detailBox div.dHowto ul.Howtxt{
	float:left;
	width:350px;
}
div#coMain div.mainBox div.detailBox div.dHowto ul.Howtxt li{
	padding-left:1.6em;
	text-indent:-1.6em;
}

div#coMain div.mainBox div.detailBox div.dHowto img.arrow{
	margin:0 0 15px 55px;
}