@charset "utf-8";

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

/******************** パンくず ******************************/
#r-topicpath{
	margin:10px 0 0 0;
	text-align:left;
	font-size:70%;
	width:950px;
	height:15px;
	}

#r-topicpath a{
	color:#003300;
	text-decoration:none;
	}

#r-topicpath a:hover{
	text-decoration:underline;
	}


/*** h2タイトル ***/
h2{
	margin:10px 0;
	}

/*** h3タイトル ***/
h4{
	margin:15px 0;
	}


/*** メインイメージ ***/
#recipe-main{
	position:relative;
	margin:0 auto;
	margin-bottom:30px;
	width:900px;
	height:170px;
	background-image: url(../recipe/images/recipe_headline2.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	}

#recipe-title{
	position:absolute;
	top:27px;
	left:196px;
	}

#recipe-profile{
	position:absolute;
	top:18px;
	left:707px;
	}

/*** レシピ ***/
#recipe-block{
	padding:0 5px;
	}

/*** レシピリンク ***/
#recipe-link{
	margin:10px auto 0 auto;
	padding:10px;
	padding-right:8px;
	text-align:left;
	background:#E8EDEA;
	overflow:hidden;
	_zoom:1;
	}

#recipe-link img,
#recipe-link p{
	float:left;
	margin-right:7px;
	}
#recipe-link p{
	padding-top:20px;
	}
#recipe-link .recipe-link-center{
	margin-right:18px;
	}


/*** レシピボックス全体 ***/
#recipe-box-block{
	width:890px;
	background:url(../recipe/images/newrecipe_bg.gif) repeat-y left top;
	margin-bottom:24px;
	}

#recipe-box-block .shell{
	background:url(../recipe/images/newrecipe_bg_bottom.gif) no-repeat left bottom;
	padding:0 9px 6px 9px;
	overflow:hidden;/* clearfixの代わり */
	zoom: 1;/* clearfixの代わり（IE6） */
	}


/*** ハッピーレシピボックス ***/
.recipe-box-w{
	float:left;
	overflow: hidden;/* clearfixの代わり */
	zoom: 1;/* clearfixの代わり（IE6） */
	padding:10px 0 0 0;
	width:285px;
	background:url(../recipe/images/newrecipe_box_bg.gif) no-repeat left top;
	}

/*** ハッピーレシピボックス ***/

.recipe-box{
	margin:0;
	font-size:82.5%;
	line-height:1.25;
	color:#ffffff;
	width:270px;
	padding:0 5px 0 10px;
	position:relative; /* レシピ見るボタン整列用 */
	overflow:hidden;
	zoom:1;
	}

.recipe-img-s{
	float:left;
	width:130px;
	display:block;
	margin:0px 0px 5px 0px;
	_margin:0 0px 0 0;
	}


.recipe-table{
	float:left;
	display:inline;
	padding-left:9px;
	padding-right:4px;
	width:127px;
	_font-size:92.5%;
	}

.recipe-name{
	margin:0;
	padding:0;
	display:block;
	height:3.4em; /* レシピ名の行数に応じて変更 | 1行,2行=2.2em | 3行=3.4em */
	font-weight:bold;
	font-size:125%;
	line-height:1.2;
	}
.recipe-name a{
	color:#ffff08;
	}

a recipe-name:hover{
	color:#ffff08;
	text-decoration:none;
	}

a.recipe-name:visited{
	color:#ffff08;
	}


.fortune{
	padding-top:15px;
	}

.fortune-btn{
	margin:0px 0 8px 3px;
	}

.recipe-table .recipetext{
	margin:6px 0;
	padding-bottom:36px;
	}

.recipe-btn{
	height:30px;
	margin-bottom:8px;
	position:absolute;
	bottom:0;
	}

/*** ハッピーレシピボックス-センター ***/
.recipe-box-w-c{
	float:left;
	overflow: hidden;/* clearfixの代わり */
	zoom: 1;/* clearfixの代わり（IE6） */
	margin:0 8px;
	padding:10px 0 0 0;
	width:285px;
	background:url(../recipe/images/newrecipe_box_bg.gif) no-repeat left top;
	}


/*** レシピリスト ***/

#recipe-list-block{
	padding:0 10px;
	margin-bottom:10px;
	overflow:hidden;
	zoom:1;
	}

.recipe-list{
	float:left;
	padding:6px 5px 10px 5px;
	margin-right:30px;
/*	margin-bottom:20px; */  /* 3月に追加 */
	width:410px;
	background:url(../recipe/images/hr_heart.gif) no-repeat center top;
	font-size:82.5%;
	}
	
.recipe-list .shell{
	overflow: hidden;/* clearfixの代わり */
	zoom: 1;/* clearfixの代わり（IE6） */
	position:relative;
	}

.recipe-list-box{
	float:left;
	overflow: hidden;/* clearfixの代わり */
	zoom: 1;/* clearfixの代わり（IE6） */
	width:120px;
	}
/*** レシピリストボックス - センター ***/
.recipe-list-box-c{
	float:left;
	overflow: hidden;/* clearfixの代わり */
	zoom: 1;/* clearfixの代わり（IE6） */
	width:120px;
	margin:0 24px;
	}

.recipetmb-image{
	display:block;
	width:120px;
	margin-bottom:6px;
	}
	
.recipe-list-box p,
.recipe-list-box-c p{
	margin-bottom:0;
	padding-bottom:30px;
	line-height:1.3;
	}

.recipe-list .fortune-btn{
	height:15px;
	position:absolute;
	bottom:0;
	}


.end{
	margin-right:0!important;
	}

/*** レシピリンクタイトル ***/
#recipe-link-title{
	clear:both;
	padding-top:24px;
	}

/* IE6,7 */
*html #recipe-link-title{
	padding-top:0px;
	}
*:first-child+html #recipe-link-title{
	padding-top:0px;
	}