@charset "utf-8";

/*
	今月のレシピ
--------------------------------------------------*/


/* 枠 */
#content .recipeframe{
	width: 730px;
	margin: 30px 15px 0px 15px;
}


/* 各レシピ枠 */
#content .recipeframe .recipebox, 
#content .recipeframe .recipebox-asari, 
#content .recipeframe .recipebox-katsuo{
	width: 730px;
	margin: 30px 0px 0px 0px;
	padding: 0px;
}

#content .recipeframe .recipebox{ background: url(../img/recipe/recipe-bg.jpg) left top no-repeat;}
#content .recipeframe .recipebox-asari{ background: url(../img/recipe/recipe-asari-bg.jpg) left top no-repeat;}
#content .recipeframe .recipebox-katsuo{ height: 495px; background: url(../img/recipe/recipe-katsuo-bg.jpg) left top no-repeat;}



/* レシピイメージ図 */
#content .recipeframe .recipebox img.photo, 
#content .recipeframe .recipebox-asari img.photo, 
#content .recipeframe .recipebox-katsuo img.photo{
	float: left;
	margin: 0px;
	padding: 0px;
}


/* ---------------------------------------- 材料 */

/* 枠 共通 */
#content .recipeframe .recipebox .material, 
#content .recipeframe .recipebox-asari .material, 
#content .recipeframe .recipebox-katsuo .material{
	width: 170px;
	float: left;
	display: inline;
}

#content .recipeframe .recipebox .material{margin: 3px 0px 0px 30px;}
#content .recipeframe .recipebox-asari .material{margin: 3px 0px 0px 40px;}
#content .recipeframe .recipebox-katsuo .material{margin: 3px 0px 0px 25px;}

/* 項目枠 */
#content .recipeframe .recipebox .material dl, 
#content .recipeframe .recipebox-asari .material dl, 
#content .recipeframe .recipebox-katsuo .material dl{
	margin: 0px 0px 0px 0px;
}

/* 鰹節 */
#content .recipeframe .recipebox-katsuo .material dl { line-height: 1.7em;}
#content .recipeframe .recipebox .material dl.katsuo { line-height: 1.7em;}


/* 左の材料 */
#content .recipeframe .recipebox .material dl dt, 
#content .recipeframe .recipebox-asari .material dl dt, 
#content .recipeframe .recipebox-katsuo .material dl dt{
	margin: 2px 0px 0px 0px;
	font-weight: bold;
	color: #444444;
}


/* 右の分量 */
#content .recipeframe .recipebox .material dl dd, 
#content .recipeframe .recipebox-asari .material dl dd, 
#content .recipeframe .recipebox-katsuo .material dl dd{
	text-align: right;
	color: #666666;
}

/* テキスト小 */
#content .recipeframe .recipebox .material dl dd.text-s{
	font-size:10px;
}



/* ---------------------------------------- 下準備・作り方 */

/* 枠 共通 */
#content .recipeframe .recipebox .prepare, 
#content .recipeframe .recipebox-asari .prepare, 
#content .recipeframe .recipebox-katsuo .prepare{
	float: left;
	display: inline;
	margin: 5px 10px 0px 40px;
}

#content .recipeframe .recipebox .prepare{ width: 320px; margin: 5px 10px 0px 30px;}
#content .recipeframe .recipebox-asari .prepare{ width: 300px; margin: 5px 10px 0px 40px;}
#content .recipeframe .recipebox-katsuo .prepare{ width: 315px; margin: 5px 10px 0px 30px;}


/* 太字タイトル */
#content .recipeframe .recipebox .prepare p.title, 
#content .recipeframe .recipebox-asari .prepare p.title, 
#content .recipeframe .recipebox-katsuo .prepare p.title{
	margin: 2px 0px 0px 0px;
	color: #444444;
	font-weight: bold;
}


/* 下準備リスト枠 */
#content .recipeframe .recipebox .prepare ul, 
#content .recipeframe .recipebox-asari .prepare ul, 
#content .recipeframe .recipebox-katsuo .prepare ul{
	margin: 0px 0px 15px 12px;
	list-style-type: disc;
}


/* 下準備リスト設定 */
#content .recipeframe .recipebox .prepare ul li, 
#content .recipeframe .recipebox-asari .prepare ul li, 
#content .recipeframe .recipebox-katsuo .prepare ul li{
	margin: 3px 0px 0px 5px;
	list-style-type: disc;
	color: #666666;
}


/* 作り方リスト枠 */
#content .recipeframe .recipebox .prepare ol, 
#content .recipeframe .recipebox-asari .prepare ol, 
#content .recipeframe .recipebox-katsuo .prepare ol{
	margin: 0px 0px 0px 20px;
}

/* 作り方リスト設定 */
#content .recipeframe .recipebox .prepare ol li, 
#content .recipeframe .recipebox-asari .prepare ol li, 
#content .recipeframe .recipebox-katsuo .prepare ol li{
	margin: 3px 0px 0px 5px;
	list-style-type: decimal;
	color: #666666;
} 

/* 作り方リスト中のリスト */
#content .recipeframe .recipebox .prepare ol li ul.prepare-inn, 
#content .recipeframe .recipebox-katsuo .prepare ol li ul.prepare-inn{
	margin: 3px 0px 0px 5px;
	color: #666666;
}

#content .recipeframe .recipebox .prepare ol li ul.prepare-inn li, 
#content .recipeframe .recipebox-katsuo .prepare ol li ul.prepare-inn li{
	list-style-type: none;
	list-style-position:outside;
	padding:0;
	margin:0;
}

/* テキスト */
#content .recipeframe .recipebox .prepare p.text, 
#content .recipeframe .recipebox-asari .prepare p.text, 
#content .recipeframe .recipebox-katsuo .prepare p.text{
	color: #666666;
	padding:10px 0 0 10px;
}