/* かんぴょうレシピページのスタイル設定(recipi.css) --------------------------------------

スタイルシートは全て共通のmain.cssと各フォルダに入っているHTMLファイル名と同名のcss
ファイルで構成されています。
修正する際は、main.cssと各cssファイルを修正するようにして下さい。

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


@import "../main/main.css";


/* レシピトップページの設定 ----------------------------------------------------------- */

#recipi_main {		/* レシピページの本文表示部 */
	margin: 0px 0px 0px auto;
	padding: 0px 10px;
	text-align: right;
	background-image: url('bg.jpg');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}


/* クッキングレシピページの設定 ------------------------------- */

.recipi {			/* レシピ表示部大枠 */
	width: 550px;
	margin: 20px 0px 0px auto;
	padding: 10px;
	text-align: left;
	vertical-align: top;
}

.midashi_box {
	width: 500px;
	margin: 20px 0px 0px auto;
	padding: 10px;
	text-align: left;
	vertical-align: top;
}

.r_box {			/* 各レシピ表示部の成形用 */
	width: 550px;
	margin: 10px 0px 10px auto;
	vertical-align: top;
	text-align: left;
}

.recipi_title {
	width: 550px;
	margin: 20px auto;
	padding: 5px 20px;
	color: #FF8B00;
	font-weight: bold;
	border: 1px solid #FF8B00;
}

.zairyou {			/* 材料表示部 */
	width: 380px;
	padding: 10px;
	text-align: left;
}

.zairyou li {
	margin: 2px 0px;
	line-height: 1.6em;
}

.recipi_photo {		/* 完成図表示部 */
	width: 170px;
	padding: 10px;
	text-align: right;
	vertical-align: top;
}

.koutei {			/* レシピ手順表示部 */
	width: 500px;
	padding: 10px;
	text-align: left;
	vertical-align: top;
}

.koutei li {
	margin: 2px 0px;
	line-height: 1.6em;
}

.point {			/* ワンポイントアドバイス表示部 */
	width: 550px;
	padding: 40px 20px 20px 20px;
	border: 1px dashed #109239;
	text-align: left;
	background-image: url('onepoint.gif');
	background-repeat: no-repeat;
	background-position: 0 0;
}