@charset "UTF-8";

/* :::::::::::::::::::::::::::::::::::::::::::::

	name:			cooking.css;
	created:		2008-09-10;
	last-modified:	2010-03-23;

::::::::::::::::::::::::::::::::::::::::::::: */


/* css start ------------ */


/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	詳細ページ
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

body.cookingPage div#contentsArea {
	padding: 20px 0 13px;
}

body.cookingPage div#main {
	width: 760px;
	margin: 0 0 0 20px;
	background-color: #fff;
}



/* ------------------------------------------------
	レシピタイトル
------------------------------------------------ */

body.cookingPage div.titleArea {
	padding: 12px 15px;
	background-color: #FFE1B6;
}

body.cookingPage div.titleArea h2 {
	display: table-cell;
	vertical-align: middle;
	width: 600px;
	padding-right: 26px;
	line-height: 20px;
	color: #5F2E14;
}

body.cookingPage div.titleArea p.btnPrint {
	display: table-cell;
	vertical-align: middle;
	height: 33px;
}

/* for IE6-7 */
* html body.cookingPage div.titleArea h2 {
	display: inline;
	zoom: 1;
}
* html body.cookingPage div.titleArea p.btnPrint {
	display: inline;
	zoom: 1;
}

*:first-child+html body.cookingPage div.titleArea h2 {
	display: inline;
	zoom: 1;
}

*:first-child+html body.cookingPage div.titleArea p.btnPrint {
	display: inline;
	zoom: 1;
}



/* ------------------------------------------------
	2カラムレイアウト
------------------------------------------------ */

body.cookingPage div#main div.col1 {
	float: left;
	width: 400px;
	padding: 15px 0 15px 15px;
}

body.cookingPage div#main div.col2 {
	float: right;
	width: 315px;
	padding: 15px 15px 15px 0;
}



/* ------------------------------------------------
	ムービー
------------------------------------------------ */

body.cookingPage div.movieArea {
	width: 380px;
	padding: 10px 10px 9px;
	background-color: #FFE5A7;
}

body.cookingPage div.movieArea p.btn {
	padding: 10px 0 0 45px;
}

body.cookingPage div.movieArea p.note {
	padding: 6px 0 0 18px;
}



/* ------------------------------------------------
	準備／作り方
------------------------------------------------ */

body.cookingPage div.stepArea {
	width: 380px;
	padding: 13px 10px 0;
	background-color: #FFF5E8;
}

body.cookingPage div.stepArea dl {
	line-height: 1.333em;
	padding: 8px 0 10px;
}

body.cookingPage div.stepArea dl dt {
	clear: left;
	float: left;
	width: 25px;
	padding: 5px 0 0;
}

body.cookingPage div.stepArea dl dt img {
	display: block;
}

body.cookingPage div.stepArea dl dd {
	padding: 6px 0 5px 25px;
	color: #5F2E14;
}



/* ------------------------------------------------
	生姜の量／調理時間
------------------------------------------------ */

body.cookingPage dl.info {
	height: 41px;
}

body.cookingPage dl.info dt,
body.cookingPage dl.info dd {
	float: left;
}

body.cookingPage dl.info img {
	display: block;
}



/* ------------------------------------------------
	レシピNo.
------------------------------------------------ */

body.cookingPage dl#recipeNumber {
	line-height: 1em;
	float: right;
	padding: 8px 0 0;
}

body.cookingPage dl#recipeNumber dt {
	float: left;
	width: 56px;
}

body.cookingPage dl#recipeNumber dd {
	padding-left: 65px;
	color: #642F2B;
	font-weight: bold;
}



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

body.cookingPage div.zairyoArea {
	padding: 18px 0 0;
}

body.cookingPage div.zairyoArea h3 {
	line-height: 14px;
	padding: 0 0 6px;
	color: #5F2E14;
}

body.cookingPage div.zairyoArea h3 img {
	position: relative;
	top: 1px;
}

body.cookingPage div.zairyoArea h4,
body.cookingPage div.zairyoArea p.list {
	line-height: 2em;
}

body.cookingPage div.zairyoArea p.list span {
	padding-left: 1em;
}

body.cookingPage div.zairyoArea p.list span img {
	position: relative;
	top: 2px;
}


/* 前のページに戻る ---------------- */

body#detailPage p.btnBack {
	padding: 10px 0 0 20px;
}





/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	印刷ページ
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

body#printPage,
body#printPage div#contentsArea {
	background: #fff url(none);
}

body#printPage div#container {
	width: 640px;
}

body#printPage div#contentsArea {
	width: 590px;
	padding: 0;
}



/* ------------------------------------------------
	印刷ページ：ヘッダー
------------------------------------------------ */

body#printPage div#header {
	position: relative;
	width: 615px;
	margin: 0;
	background: url(none);
}

body#printPage div#header h1 {
	padding: 23px 0 9px 25px;
}

body#printPage div#header p.logo {
	position: absolute;
	top: 48px;
	right: 0;
}



/* ------------------------------------------------
	印刷ページ：レシピタイトル
------------------------------------------------ */

body#printPage div.titleArea h2 {
	width: 430px;
}



/* ------------------------------------------------
	印刷ページ：2カラムレイアウト
------------------------------------------------ */

body#printPage div#main {
	width: 590px;
	margin: 0;
}

body#printPage div#main div.col1 {
	float: left;
	width: 260px;
	padding: 15px 0 0;
}

body#printPage div#main div.col2 {
	float: right;
	width: 315px;
	padding: 15px 0 0;
}



/* ------------------------------------------------
	印刷ページ：ムービー
------------------------------------------------ */

body#printPage div.movieArea {
	width: 240px;
	padding: 10px;
}



/* ------------------------------------------------
	印刷ページ：準備／作り方
------------------------------------------------ */

body#printPage div.stepArea {
	width: 240px;
	padding: 13px 10px 0;
	background-color: #FFF5E8;
}


/* 閉じる ---------------- */

body#printPage p.btnClose {
	padding: 25px 0 0;
	text-align: center;
}



/* ------------------------------------------------
	印刷ページ：フッター
------------------------------------------------ */

body#printPage div#footer {
	width: 590px;
}

body#printPage div#footer p#copyright {
	float: none;
	text-align: center;
}






/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
	ポップアップ：和食のルール
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

body#popRulePage div#main h2.tit {
	padding-bottom: 8px;
}

body#popRulePage div#main div.block {
	width: 415px;
	margin-left: 30px;
	padding: 20px 0 15px;
	background: url(../images/rule_dot.gif) repeat-x left bottom;
}

body#popRulePage div#main div.block h3 {
	padding-bottom: 8px;
}

body#popRulePage div#main div.block p.txt{
	line-height: 1.4;
	color: #998579;
}

body#popRulePage div#main div.block p.txt14{
	font-weight: bold;
}

body#popRulePage div#main div.set1 p,
body#popRulePage div#main div.set2 p,
body#popRulePage div#main div.set3 p,
body#popRulePage div#main div.set4 p{
	display: inline;
}

body#popRulePage div#main div.set1 div.memo {
	padding-top: 4px;
	color: #9064a0;
}

body#popRulePage div#main div.set2 div.memo {
	padding-top: 4px;
	color: #c95d77;
}

body#popRulePage div#main div.set3 div.memo {
	padding-top: 4px;
	color: #c0a146;
}

body#popRulePage div#main div.set4 div.memo {
	padding-top: 4px;
	color: #a7ae4c;
}

body#popRulePage div#main div.set5 div.memo {
	padding-top: 4px;
	color: #cf8a4c;
}

body#popRulePage div#main div.bookinfo {
	padding: 17px 30px 28px;
	color: #998579;
}

body#popRulePage div#main div.bookinfo p.txt10 {
	float: left;
	padding: 1px 0 0;
}

body#popRulePage div#main div.bookinfo p.copyright {
	float: right;
}

body#popRulePage p.banner {
	padding: 20px 0 0;
	text-align: center;
}





/* css end ------------ */