@charset "UTF-8";

@import url("../../common/css/common.css");

/* --------------------------------------------------------------------------------------
 レシピ
--------------------------------------------------------------------------------------- */

div#ctLeftRecipe {
	float: left;
	width: 640px;
	background: url(../img/bg_recipe.gif) repeat-y;
	padding: 0 0 23px 0;
}

div.ctLeftRecipeTop {
	padding: 30px 0 5px 0;
	background: url(../img/bg_note_top.gif) no-repeat left top;
}

div.ctLeftRecipeRep {
	width: 618px;
	margin: 0 0 5px 11px;
	background: url(../img/bg_note_rep.gif) repeat-y;
}

div.ctLeftRecipeRep02 {
	width: 618px;
	margin: 0 0 35px 11px;
	background: url(../img/bg_note_rep02.gif) repeat-y;
}

div.ctLeftRecipeRepNone {
	width: 618px;
	margin: 0 0 0 11px;
}

div#ctLeftRecipe p.backLink {
	margin: 0 0 0 11px;
}

div#ctLeftRecipe p.c-backLink {
	margin: 0 7px 15px 0;
	text-align: right;
}



/* --------------------------------------------------------------------------------------
 最新オススメレシピ
--------------------------------------------------------------------------------------- */

div.ctLeftRecipeTop div.box {
	width: 600px;
	margin: 0;
	padding: 0 0 25px 0;
	background: url(../img/bg_dotline.gif) no-repeat left bottom;
}

div.ctLeftRecipeTop div.box div.leftBox {
	float: left;
	width: 331px;
}

div.ctLeftRecipeTop div.box div.leftBox p.rightbtn {
	text-align: right;
}

div.ctLeftRecipeTop div.box div.leftBox p.leadText {
	line-height: 1.8;
	margin: 5px 0 0 18px;
}

div.ctLeftRecipeTop div.box div.leftBox p.leadText span {
	color: #ffba00;
}

div.ctLeftRecipeTop div.box p.rightImage {
	float: right;
	width: 250px;
	margin: 10px 0 0 0;
	padding: 5px;
	border: 1px #dddddb solid;
	background: #ffffff;
}

* html div.ctLeftRecipeTop div.box p.rightImage {
	width: 260px;
}


/* --------------------------------------------------------------------------------------
 レシピバックナンバー
--------------------------------------------------------------------------------------- */

div.ctLeftRecipeTop div.backBox {
	margin: 0 19px 0 0;
	padding: 0 0 0px 0;
}
div.ctLeftRecipeTop div.listBox:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.ctLeftRecipeTop div.listBox { display:inline-block; }
/*\*/
* html div.ctLeftRecipeTop div.listBox { height:1%; }
div.ctLeftRecipeTop div.listBox { display:block; }
/**/

div.ctLeftRecipeTop div.backBox div.listBox {
	margin: 0 0 0 21px;
	padding: 0 0 20px 0;
}

div.ctLeftRecipeTop div.backBox div.list {
	float: left;
	width: 137px;
	margin: 0 0 15px 10px;
}

div.ctLeftRecipeTop div.backBox div.listNone {
	float: left;
	width: 137px;
	margin: 0 0 0 0;
}

div.ctLeftRecipeTop div.backBox div.list p.pic {
	border: 1px #dddddb solid;
}

div.ctLeftRecipeTop div.backBox div.list p.col {
	color: #ED6C00;
	font-weight: bold;
	margin: 5px 0 2px 0;
}

div.ctLeftRecipeTop div.backBox div.list p.size10 {
	font-size: 83%;
	margin: 0 0 5px 0;
}


/* --------------------------------------------------------------------------------------
 レシピ詳細
--------------------------------------------------------------------------------------- */

div.ctLeftRecipeTop p.subTitle {
	width: 240px;
	margin: 0 0 0 1px;
	padding: 3px 0 3px 20px;
	background: #ed6c00;
	color: #ffffff;
	font-size: 100%;
}

div.ctLeftRecipeTop h2.title {
	padding: 15px 0 9px 0;
	border-bottom: 2px #9dcc36 solid;
	color: #ED6C00;
	font-weight: bold;
	font-size: 130%;
}
div.ctLeftRecipeTop h2.title:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.ctLeftRecipeTop h2.title { display:inline-block; }
/*\*/
* html div.ctLeftRecipeTop h2.title { height:1%; }
div.ctLeftRecipeTop h2.title { display:block; }
/**/

div.ctLeftRecipeTop h2.title img.print {
	float: right;
}

div.ctLeftRecipeTop div.box02 p.lead {
	margin: 15px 0 15px 0;
}

div.ctLeftRecipeTop div.box02 {
	margin: 0 19px 0 19px;
	padding: 0 0 30px 0;
}
div.ctLeftRecipeTop div.box02:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.ctLeftRecipeTop div.box02 { display:inline-block; }
/*\*/
* html div.ctLeftRecipeTop div.box02 { height:1%; }
div.ctLeftRecipeTop div.box02 { display:block; }
/**/
* html div.ctLeftRecipeTop div.box02None {
	margin: 0 19px 0 19px;
	padding: 0 0 10px 0;
}

/* 材料 */

div.ctLeftRecipeTop div.box02 div.zairyouBox {
	float: right;
	width: 300px;
	margin: 0 0 10px 0;
}

div.ctLeftRecipeTop div.box02 div.zairyouBox table {
	width: 300px;
	border-collapse: collapse;
}

div.ctLeftRecipeTop div.box02 div.zairyouBox table tr th {
	padding: 3px 0 3px 3px;
	border-bottom: 1px #e3f1c6 solid;
}


div.ctLeftRecipeTop div.box02 div.zairyouBox table tr td {
	padding: 3px 0 3px 3px;
	border-bottom: 1px #e3f1c6 solid;
}

div.ctLeftRecipeTop div.box02 div.zairyouBox table tr td p {
	padding: 0 0 0 18px;
	background: url(../img/icon_zairyou.gif) no-repeat .4em .4em;
}


/* レシピ写真 */

div.ctLeftRecipeTop div.box02 div.leftPhoto {
	float: left;
	width: 250px;
}

div.ctLeftRecipeTop div.box02 div.leftPhoto p.text {
	margin: 0 0 0 5px;
}

div.ctLeftRecipeTop div.box02 div.leftPhoto span {
	color: #ffba00;
}

div.ctLeftRecipeTop div.box02 p.leftImage {
	width: 250px;
	margin: 0 0 5px 0;
	padding: 5px;
	border: 1px #dddddb solid;
	background: #ffffff;
}

* html div.ctLeftRecipeTop div.box02 p.leftImage {
	width: 260px;
}

/* メモ */

div.ctLeftRecipeTop div.box02 p.memo {
	margin: 13px 0 0 20px;
}

/* 作り方 */

div.ctLeftRecipeTop div.box02 ol.number {
	list-style: none;
	margin: 10px 0 0 0;
}

div.ctLeftRecipeTop div.box02 ol.number li {
	padding: 8px 0 8px 41px;
	border-bottom: 1px #e3f1c6 solid;
}

div.ctLeftRecipeTop div.box02 ol.number li.no1 {
	background: url(../img/no_1.gif) no-repeat 1em .6em;
}

div.ctLeftRecipeTop div.box02 ol.number li.no2 {
	background: url(../img/no_2.gif) no-repeat 1em .6em;
}

div.ctLeftRecipeTop div.box02 ol.number li.no3 {
	background: url(../img/no_3.gif) no-repeat 1em .6em;
}

div.ctLeftRecipeTop div.box02 ol.number li.no4 {
	background: url(../img/no_4.gif) no-repeat 1em .6em;
}

div.ctLeftRecipeTop div.box02 ol.number li.no5 {
	background: url(../img/no_5.gif) no-repeat 1em .6em;
}

div.ctLeftRecipeTop div.box02 ol.number li.no6 {
	background: url(../img/no_6.gif) no-repeat 1em .6em;
}

div.ctLeftRecipeTop div.box02 ol.number li.no7 {
	background: url(../img/no_7.gif) no-repeat 1em .6em;
}

div.ctLeftRecipeTop div.box02 ol.number li.no8 {
	background: url(../img/no_8.gif) no-repeat 1em .6em;
}

div.ctLeftRecipeTop div.box02 ol.number li.no9 {
	background: url(../img/no_9.gif) no-repeat 1em .6em;
}

div.ctLeftRecipeTop div.box02 p.teikyo {
	text-align: right;
	margin: 15px 0 0 0;
}



/* --------------------------------------------------------------------------------------
 コラム
--------------------------------------------------------------------------------------- */
div.ctLeftRecipeTop div.column {
	width: 560px;
	margin-bottom: 15px;
	padding-left: 30px;
	line-height: 1.8;
}

* html div.ctLeftRecipeTop div.column {
	width: 590px;
}

div.ctLeftRecipeTop div.column h2 {
	margin: 7px 0 20px;
	border-bottom: 2px #9dcc36 solid;
	color: #ED6C00;
	font-weight: bold;
	font-size: 140%;
}

div.ctLeftRecipeTop div.column h3 {
	margin-bottom: 0px;
	padding: 29px 0 0 0;
	color: #ED6C00;
	font-size: 120%;
	background: url(../img/bg_dotline.gif) no-repeat left top;
}

div.ctLeftRecipeTop div.column p.subText {
	margin-bottom: 10px;
	padding: 0;
	font-weight: bold;
}

div.ctLeftRecipeTop div.column p.leadText {
	text-indent: 0;
	margin-bottom: 15px;
}

div.ctLeftRecipeTop div.column p.leadText span {
	color: #ffba00;
}

div.ctLeftRecipeTop div.column p.leadSub {
	width: 526px;
	margin-bottom: 30px;
	padding: 15px;
	color: #7e4b29;
	background: #faf2ec;
	border: 2px #dac5b7 solid;
}

* html div.ctLeftRecipeTop div.column {
	width: 560px;
}

/* バックナンバー */

div.ctLeftRecipeTop div.column p.bnumber {
	padding-bottom: 10px;
	background: url(../img/bg_dotline.gif) no-repeat 0 17px;
	color: #ED6C00;
	font-size: 120%;
}


/* --------------------------------------------------------------------------------------
 バランスガイド
--------------------------------------------------------------------------------------- */

div.ctLeftRecipeTop div.balance {
	width: 560px;
	margin-bottom: 30px;
	padding-left: 30px;
	line-height: 1.8;
}

* html div.ctLeftRecipeTop div.balance {
	width: 590px;
}

div.ctLeftRecipeTop div.balance p.leadText {
	margin-bottom: 15px;
}

div.ctLeftRecipeTop div.balance p.pic {
	text-align: center;
}


/* --------------------------------------------------------------------------------------
 応募レシピ
--------------------------------------------------------------------------------------- */

div.ctLeftRecipeTop div.idearecipe {
	width: 560px;
	margin-bottom: 30px;
	padding-left: 30px;
	line-height: 1.8;
}

* html div.ctLeftRecipeTop div.idearecipe {
	width: 590px;
}

div.ctLeftRecipeTop div.idearecipe h3 {
	margin-top: 20px;
}

div.ctLeftRecipeTop div.idearecipe p.leadText {
	margin-bottom: 10px;
}

div.ctLeftRecipeTop div.idearecipe p.pic {
	text-align: center;
}

div.ctLeftRecipeTop div.idearecipe p.logo {
	float: left;
	margin-right: 10px;
}



div.ctLeftRecipeTop div.present {
	width: 510px;
	margin-bottom: 30px;
	padding: 15px 0 15px 20px;
	background: ;
	background: #ffffff url(../img/idearecipe15_pre03.jpg) no-repeat bottom right;
	border: 2px #dac5b7 solid;
}

* html div.ctLeftRecipeTop div.present {
	width: 530px;
}

div.ctLeftRecipeTop div.present p {
	margin-bottom: 10px;
}

div.ctLeftRecipeTop div.present p span {
	font-weight: bold;
	color: #cc0000;
}

/* 発表 */

div.ctLeftRecipeTop div.sakuhin {
	width: 530px;
	margin-bottom: 0px;
	margin-left: 15px;
	padding: 15px 0;
	border-bottom: 3px #dac5b7 solid;
}

div.ctLeftRecipeTop div.sakuhin p.photo {
	float: left;
	width: 200px;
}

div.ctLeftRecipeTop div.sakuhin p.txt {
	float: right;
	width: 300px;
}

div.ctLeftRecipeTop div.sakuhin p span {
	font-size: 140%;
	font-weight: bold;
	color: #cc0000;
}


/* 発表2 */

div.ctLeftRecipeTop div.sakuhinIn {
	width: 530px;
	margin-bottom: 0px;
	margin-left: 15px;
}

div.ctLeftRecipeTop div.sakuhinLeft {
	float: left;
	width: 240px;
	padding: 15px 0;
}

div.ctLeftRecipeTop div.sakuhinRight {
	float: right;
	width: 240px;
	padding: 15px 0;
}


div.ctLeftRecipeTop div.sakuhinLeft p.photo,
div.ctLeftRecipeTop div.sakuhinRight p.photo {
	margin-bottom: 10px;
}

div.ctLeftRecipeTop div.sakuhinLeft p.txt span,
div.ctLeftRecipeTop div.sakuhinRight p.txt span {
	font-size: 120%;
	font-weight: bold;
	color: #cc0000;
}

div.ctLeftRecipeTop div.sakuhinLeft p.txt,
div.ctLeftRecipeTop div.sakuhinRight p.txt {
	border-bottom: 3px #dac5b7 solid;
	padding-bottom: 10px;
	margin-bottom: 20px;
}