@charset "shift_jis";
/* ===================================================================
CSS information

 file name  :recipe.css
 style info :recipeディレクトリ ページ用CSS
=================================================================== */

/* 基本レイアウト等の設定
----------------------------------------------------------- */
@import url("shokuiku_common.css");

/* -----------------------------------------------------------
	サイドメニュー
----------------------------------------------------------- */

div#localNavi ul li.recipe a{
	background: url(../img/common/glb_navi/bg-navi_on.gif) no-repeat left top;
	font-weight: bold; color: #74561C;
	padding: 7px 0 7px 25px; _padding: 4px 0 4px 25px;/* IE6 */
}
*:first-child+html div#localNavi ul li.recipe a {/* IE7 */
	padding: 4px 0 4px 25px;
}
body:first-of-type  div#localNavi ul li.recipe a {/* Safari3 */	padding: 7px 0 6px 25px;
}
/* -----------------------------------------------------------
	リンク色
----------------------------------------------------------- */
div#RecipeSerch div.otherBox dd a:link,div#RecipeSerch div.otherBox dd a:visited {color: #000000; text-decoration: underline;}
div#RecipeSerch div.otherBox dd a:hover,div#RecipeSerch div.otherBox dd a:active {color: #A38943; text-decoration: none;}

div#morinoRoom div dd a:link,div#morinoRoom div dd a:visited {color: #666666; text-decoration: underline;}
div#morinoRoom div dd a:hover,div#morinoRoom div dd a:active {color: #A38943; text-decoration: none;}


/* -----------------------------------------------------------
	おすすめ健康レシピ
		#recipe
----------------------------------------------------------- */
div#recipe {
	width:739px;
	margin-bottom:20px!important; padding:0 0 0 5px;
	zoom: 1;
	/* \*//*/
	display: inline-table;
	/**/
}
div#recipe:after {
	content: ".";
	display: block;
	height: 0;
	clear: both; 
	visibility: hidden;
}

div#recipe h2 {
	height: 73px;
	margin-bottom: 20px;
	font-size: 2px; line-height: 1;
}

div#recipe img{
	margin:0; padding:0;
	vertical-align:top;
}
div#recipe p{
	color:#000000;
}

* html div#recipe sub{
	vertical-align:-0.3em;
}
*:first-child+html div#recipe sub{
	vertical-align:-0.1em;
}

/* -----------------------------------------------------------
	おすすめ健康レシピ　Index
	今月のレシピ
		#RecentRecipe
----------------------------------------------------------- */
div#RecentRecipe {
	background:url(../recipe/img/index/bg_recipe.jpg) no-repeat;
	height:342px;
	padding-left:29px;
	
	margin:0 0 20px 0;
	zoom: 1;
	/* \*//*/
	display: inline-table;
	/**/
}
div#RecentRecipe:after {
	content: ".";
	display: block;
	height: 0;
	clear: both; 
	visibility: hidden;
}

div#RecentRecipe .left{
	width:338px;
}
div#RecentRecipe .right{
	width:401px;
	padding:45px 0;
	background:url(../recipe/img/index/bg-recipetop_index.jpg) no-repeat left top;
}
div#RecentRecipe h3{
	margin:0 0 13px 25px;
}
div#RecentRecipe h4{
	margin:0 0 7px 25px;
}

div.recipe_Detail{
	clear:both;
	margin:0 25px 5px 25px; padding:7px;
	border:1px dotted #666666;
}
div.recipe_Detail:after {
	content: ".";
	display: block;
	height: 0;
	clear: both; 
	visibility: hidden;
}

p.morinoProfile{
	clear:both;
	margin:20px 0 0 25px;
}

p.beefrecipe{
	margin:20px 0 10px 0; padding:0;
}

/* -----------------------------------------------------------
	おすすめ健康レシピ　Index
	材料別 健康レシピ検索
		#RecipeSearch
----------------------------------------------------------- */
div#RecipeSerch {
	margin: 0; padding:0;
	zoom: 1;
	/* \*//*/
	display: inline-table;
	/**/
}
div#RecipeSerch:after {
	content: ".";
	display: block;
	height: 0;
	clear: both; 
	visibility: hidden;
}

div#RecipeSerch div.fishBox,
div#RecipeSerch div.meetBox,
div#RecipeSerch div.vegiBox{
	float: left;
	border:1px dotted #000000;
	background-color: #FFFFFF;
	width: 225px;
	margin: 10px 0 8px 0; padding: 7px;
}
div#RecipeSerch div.meetBox{
	margin-left:8px; margin-right:8px;
}
div#RecipeSerch div.otherBox{
	clear:both;
	width:723px;
	height:auto;
	border:1px dotted #000000;
	background-color: #FFFFFF;
	margin-bottom:10px; padding:7px 7px 0 7px;
} 
div#RecipeSerch div.otherBox:after {
	content: ".";
	display: block;
	height: 0;
	clear: both; 
	visibility: hidden;
}


div#RecipeSerch dt{
	height:30px;
	margin-bottom:8px; padding:0px 0px 0px 7px;
	background-color:#ff8c05;
	position:relative;
}
div#RecipeSerch dt img.title{
	margin-top:5px;
}
div#RecipeSerch dt a{
	width:90px;
	height:20px;
	position:absolute;
	right:5px;
	margin:5px 0;
}

div#RecipeSerch div.otherBox dd{
	width:99px;
	float:left;
	text-align:center;
}
div#RecipeSerch div.otherBox dd span{
	display:block;
	margin:0; padding:0;
	line-height:34px;
}

/* -----------------------------------------------------------
	おすすめ健康レシピ　Index
	森野眞由美の健康テーマ教室
		#morinoRoom
----------------------------------------------------------- */
div#morinoRoom {
	margin:0; padding:0;
	zoom: 1;
	/* \*//*/
	display: inline-table;
	/**/
}
div#morinoRoom:after {
	content: ".";
	display: block;
	height: 0;
	clear: both; 
	visibility: hidden;
}

div#morinoRoom div {
	clear:both;
	width:723px;
	border:1px dotted #000000;
	margin:10px 0; padding:7px 7px 0 7px;
} 

div#morinoRoom div dt{
	height:30px;
	margin-bottom:15px; padding:0 7px;
	background-color:#d54119;
	position:relative;
}
div#morinoRoom div dt img.title{
	margin-top:5px;
}

div#morinoRoom div dt a{
	width:90px;
	height:20px;
	position:absolute;
	right:5px;
	margin:5px 0;
}

div#morinoRoom div dd {
	margin:0 8px 13px 8px;
}

/* -----------------------------------------------------------
	おすすめ健康レシピ　月別ページ
	今月のレシピテーマ
		#recipeTheme
----------------------------------------------------------- */

div#recipeTheme {
	background:url(../recipe/img/detail/bg-recipedetail_key.jpg) no-repeat left top;
	background-color:#fefdf8;
	min-height:314px;
	height:auto !important;
	height:314px;
	zoom: 1;
	/* \*//*/
	display: inline-table;
	/**/
}
div#recipeTheme .left{
	width:285px;
	background-color:#fcf6e8;
}
div#recipeTheme .right{
	width:441px;
	margin:0; padding:0 0 0 13px;
	background:url(../recipe/img/detail/bg-recipedetail_key.jpg) no-repeat right top;	
	background-color:#fcf6e8;
}
div#recipeTheme .right h3{
	margin:53px 0 20px 0;
}
div#recipeTheme .right p{
	padding-right:20px;
}



div.recipeThemeFooter{
	clear:both;
	height:25px;
	margin:0; padding:0;
}

div#recipeTheme p{
	line-height:155%;
}

/* -----------------------------------------------------------
	おすすめ健康レシピ　月別ページ
	レシピ・内容
		#recipeContents
----------------------------------------------------------- */

div#recipeContents {
	zoom: 1;
	/* \*//*/
	display: inline-table;
	/**/
	margin-top:20px; padding:25px 15px 25px 25px;
	background-color:#fbece8;
	color:#000000;
}
div#recipeContents:after {
	content: ".";
	display: block;
	height: 0;
	clear: both; 
	visibility: hidden;
}
html>/**/body div#recipeContents {
	zoom: 1;
	/* \*//*/
	display: inline-table;
	/**/
	margin-top:10px; padding:25px 15px 25px 25px;
	background-color:#fbece8;
	color:#000000;
}
div#recipeContents div.recipeInfo{
	width:260px;
	margin:8px 9px 0 0;
}

div.recipeContents {
	zoom: 1;
	/* \*//*/
	display: inline-table;
	/**/
	margin-top:20px; padding:25px 15px 25px 25px;
	background-color:#fbece8;
	color:#000000;
}
html>/**/body div.recipeContents {
	zoom: 1;
	/* \*//*/
	display: inline-table;
	/**/
	margin-top:10px; padding:25px 15px 25px 25px;
	background-color:#fbece8;
	color:#000000;
}

div.recipeContents:after {
	content: ".";
	display: block;
	height: 0;
	clear: both; 
	visibility: hidden;
}


div.recipeContents div.recipeInfo{
	width:260px;
	margin:8px 9px 0 0;
}

div.clip{
	width:430px;
	margin:0; padding:0;
	background:url(../recipe/img/detail/bg-clip_mid.jpg) repeat-y left top;	
}
div.clip:after {
	content: ".";
	display: block;
	height: 0;
	clear: both; 
	visibility: hidden;
}

div.clip h4{
	margin:0; padding:28px 0 12px 24px ;
 	background:url(../recipe/img/detail/bg-clip_tp.jpg) no-repeat left top;
}
div.clip div.clipContent{
	width:380px;
	margin:0 25px 0 25px; padding:1px 0;
	background:url(../recipe/img/detail/bg-dotline_tp.gif) no-repeat left top;	
}
div.clip div.clipContent:after {
	content: ".";
	display: block;
	height: 0;
	clear: both; 
	visibility: hidden;
}

div.clip div.clipContent ul.recipeZairyou{
	clear:both;
	margin:0; padding:0;
}
div.clip div.clipContent ul.recipeZairyou li{
	clear:both;
	position: relative;
	margin:0; padding:0 10px;
	_padding:0 10px 3px 10px;
	*padding:0 10px 3px 10px;
	background:url(../recipe/img/detail/bg-dotline_btm.gif) no-repeat left bottom;
}
div.clip div.clipContent ul.recipeZairyou li span{
	position:absolute;
	right:10px;
	text-align:right;
}
* html div.clip div.clipContent ul.recipeZairyou li span{
	position:absolute;
	display:block;
	right:10px;
	text-align:right;
}

div.clip div.clipContent ul.recipeZairyou li em.txt-s{
	font-size:90%;
}

div.clip div.clipContent ol.recipeSteps{
	clear:both;
	width:380px;
	margin:0; padding:0;
}
div.clip div.clipContent ol.recipeSteps li{
	clear:both;
	margin:0; padding:0;
	position: relative;
	background:url(../recipe/img/detail/bg-dotline_btm.gif) no-repeat left bottom;
}
div.clip div.clipContent ol.recipeSteps li p{
	clear:both;
	position: absolute;
	left:0;
	width:1.5em;
	margin:0; padding:3px 0;
}
* html div.clip div.clipContent ol.recipeSteps li p{
	clear:both;
	position: absolute;
	left:-1.5em;
	width:1.5em;
	margin:0; padding:3px 0;
}

div.clip div.clipContent ol.recipeSteps li span{
	display:block;
	width:361px;
	margin-left:1.5em; padding:3px 0;
}


div.clip div.clipContent dl.recipeSteps{
	clear:both;
	margin:0; padding:0;
	position: relative;
}
div.clip div.clipContent dl.recipeSteps dt{
	clear:both;
	position: absolute;
	left:0;
	width:1.5em;
	margin:0; padding:3px 0;
	background:url(../recipe/img/detail/bg-dotline_btm.gif) no-repeat left bottom;
}
*div.clip div.clipContent dl.recipeSteps dt{
	clear:both;
	position: absolute;
	left:-1.5em;
	width:1.5em;
	margin:0; padding:3px 0;
	background:url(../recipe/img/detail/bg-dotline_btm.gif) no-repeat left bottom;	
}
*:first-child+html div.clip div.clipContent dl.recipeSteps dt{
	clear:both;
	position: absolute;
	left:0;
	width:1.5em;
	margin:0; padding:3px 0;
	background:url(../recipe/img/detail/bg-dotline_btm.gif) no-repeat left bottom;
}
html:not(:only-child:only-child) div.clip div.clipContent dl.recipeSteps dt{
	clear:both;
	position: absolute;
	left:0;
	width:1.5em;
	margin:0; padding:3px 0;
	background:url(../recipe/img/detail/bg-dotline_btm.gif) no-repeat left bottom;
}


div.clip div.clipContent dl.recipeSteps dd{
	margin-left:1.5em; padding:3px 0;
	background:url(../recipe/img/detail/bg-dotline_btm.gif) no-repeat left bottom;
}



p.clipFooter{
	clear:both;
	width:430px;
	height:24px;
	margin:0; padding:0;
	background:url(../recipe/img/detail/bg-clip_btm.jpg) no-repeat left bottom;
}

p.fukidashi {
	clear:both;
	margin:15px 0 0 0;
}

div.whiteBox{
	background:url(../recipe/img/detail/bg-whiteframe_mid.gif) repeat-y left top;
}
div.whiteBox p{
	margin:0; padding:0;
}

p.whiteBoxHeader,
p.whiteBoxFooter{
	clear:both;
	width:260px;
	height:14px;
	margin:0; padding:0;
}
div.whiteBox p.txt{
	margin:0 14px;
}


/* -----------------------------------------------------------
	おすすめ健康レシピ　栄養素についてページ
		.nutrient
----------------------------------------------------------- */
.nutrient h3 {
	margin-bottom: 15px;
	font-weight: normal;
	zoom: 1;
	/* \*//*/
	display: inline-table;
	/**/
}
.nutrient h3:after {
	content: ".";
	display: block;
	height: 0;
	clear: both; 
	visibility: hidden;
}
.nutrient h3 img {
	float: left;
}
.nutrient h3 span {
	float: right;
	padding-top: 6px;
	color: #000000;
}

div#nutrientContainer {
	clear: both;
	background-color: #FBECE9;
	padding: 25px 23px 20px;
	color: #000000;
}
div#nutrientContainer div.nutrientBox {
	background: url(../recipe/img/common/bg-nutrient.gif) repeat-y left top;
	margin-bottom: 20px;
}
div.nutrientBox div.nutrient_bt {
	background: url(../recipe/img/common/bg-nutrient_bt.gif) no-repeat left bottom;
	padding-bottom: 20px;
	zoom: 1;
	/* \*//*/
	display: inline-table;
	/**/
}
div.nutrient_bt:after {
	content: ".";
	display: block;
	height: 0;
	clear: both; 
	visibility: hidden;
}
div#nutrientContainer div.end {
	margin-bottom: 0!important;
}
div.nutrientBox h4 {
	background: url(../recipe/img/common/bg-nutrient_title.gif) no-repeat left top #CE3513;
	margin-bottom: 20px; padding: 4px 0 2px 20px;
	font-size: 134%; color: #FFFFFF;
}
div.nutrientBox h5 {
	background: url(../recipe/img/common/ico-nutrient.gif) no-repeat 0 8px;
	margin: 0 20px 5px; padding-left: 15px;
	font-size: 117%; color: #685C1A;
}
div.nutrientBox p {
	margin: 0 20px 0; padding-bottom: 15px;
}
div.nutrientBox dl {
	position: relative;
	background: url(../recipe/img/common/line-nutrient.gif) repeat-x left top;
	width: 314px;
}
div.nutrientBox dl.double {
	background: none!important;
}
div.nutrientBox dl dt {
	background: url(../recipe/img/common/line-nutrient.gif) repeat-x left bottom;
	width: 314px; min-height: 21px;
}
div.nutrientBox dl dt span {
	background: url(../recipe/img/common/ico-recipe.gif) no-repeat left center;
	padding-left: 10px;
	display:block;
	width:260px;
}
div.nutrientBox dl dd {
	position: absolute; right: 0; top: 3px;
}
*:first-child+html div.nutrientBox dl dd{
	position:absolute; right:0; top:0;
}

div.nutrientBox dl.leftRecipe {
	float: left;
	margin: 0 21px 0 20px; _margin: 0 21px 0 10px;
}
div.nutrientBox dl.rightRecipe {
	float: right;
	margin-right: 20px; _margin-right: 10px;
}


/* -----------------------------------------------------------
	おすすめ健康レシピ　材料別レシピ一覧ページ
		.list
----------------------------------------------------------- */
div.list {
	background: url(../recipe/img/common/bg-list.jpg) no-repeat left top #FBF2E3!important;
	padding: 18px 0 20px!important;
}
div.list h3 {
	height: 26px;
	margin-bottom: 43px;
	font-size: 2px; line-height: 1;
}
div.list h4 {
	height: 35px;
	margin: 0 25px 6px;
	font-size: 2px; line-height: 1;
}
div.list div.listBox {
	background: url(../recipe/img/common/bg-list.gif) repeat-y left top;
	margin: 0 23px;
}
div.list div.otherType {
	margin-bottom: 20px!important;
}
div.listBox div.listBox_tp {
	background: url(../recipe/img/common/bg-list_tp.gif) no-repeat left top;
}
div.listBox div.listBox_bt {
	background: url(../recipe/img/common/bg-list_bt.gif) no-repeat left bottom;
	padding: 20px 0;
	zoom: 1;
	/* \*//*/
	display: inline-table;
	/**/
}
div.listBox_bt:after {
	content: ".";
	display: block;
	height: 0;
	clear: both; 
	visibility: hidden;
}
div.listBox div.listCategory {
	margin-bottom: 20px;
	zoom: 1;
	/* \*//*/
	display: inline-table;
	/**/
}
div.listCategory:after {
	content: ".";
	display: block;
	height: 0;
	clear: both; 
	visibility: hidden;
}
div.listBox div.end {
	margin-bottom: 0!important;
}
div.listBox h5 {
	clear: both;
	background: url(../recipe/img/common/ico-nutrient.gif) no-repeat 0 8px;
	margin: 0 20px; padding-left: 15px;
	font-size: 117%; color: #685C1A;
}
div.listBox dl {
	position: relative;
	width: 314px;
}
div.listBox dl.start {
	background: url(../recipe/img/common/line-nutrient.gif) repeat-x left top;
}
div.listBox dl dt {
	background: url(../recipe/img/common/line-nutrient.gif) repeat-x left bottom;
	width: 314px; min-height: 21px;
}
div.listBox dl dt span {
	background: url(../recipe/img/common/ico-recipe.gif) no-repeat left center;
	padding-left: 10px;
	display:block;
	width:260px;
}
div.listBox dl dd {
	position: absolute; right: 0; top: 3px;
}
*:first-child+html div.listBox dl dd{
	position:absolute; right:0; top:0;
}

div.listBox dl.leftRecipe {
	float: left;
	margin: 0 21px 0 20px; _margin: 0 21px 0 10px;
}
div.listBox dl.rightRecipe {
	float: right;
	margin-right: 20px; _margin-right: 10px;
}


/*----------------------------------------------------
		マージン
----------------------------------------------------*/
.marLR5{
	margin:0 5px!important;
}
.marLR8{
	margin:0 8px!important;
}
.marT20{
	margin-top:20px!Important;
}


/*----------------------------------------------------
		最終回のお知らせ 2011/06/27追加
----------------------------------------------------*/
p.greeting{
	clear:both !important;
	margin:10px 0 15px;
}