@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タイトル ***/

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


/*** メインイメージ ***/
#recipe-main{
	position:relative;
	margin:0 auto 20px;
	width:890px;
	height:150px;
	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:118px;
	left:314px;
	}

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

/*** レシピリンク ***/
#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/olrecipe_bg.gif) repeat-y left top;
	margin-bottom:24px;
	}

#recipe-box-block .shell{
	background:url(../recipe/images/olrecipe_bg_bottom.gif) no-repeat left bottom;
	padding:0 0px 0px 10px;
	}


/*** ハッピーレシピボックス ***/
.recipe-box1{
	float:left;
	zoom: 1;/* clearfixの代わり（IE6） */
	padding:10px 0 0 0;
	margin-right:10px;
	margin-bottom:10px;
	width:210px;
	height:190px;
	background:url(../recipe/images/olrecipelist_bg.gif) no-repeat left top;
	}

.recipe-box2{
	float:left;
	padding:0;
	padding-bottom:10px;
	margin-right:10px;
	width:430px;
	height:190px;
	background:url(../recipe/images/olrecipelist_bg2.gif) no-repeat left top;
	}

.mb10{
	margin-bottom:10px;
	}

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

.recipe-box1 .recipe-box{
	margin:0;
	font-size:13px;
	line-height:1.25;
	color:#ffffff;
	width:190px;
	padding:0 10px 0 10px;
	zoom:1;
	}

.recipe-box2 .recipe-box{
	margin:0;
	font-size:13px;
	line-height:1.25;
	color:#ffffff;
	width:420px;
	padding:10px 0 0px 10px;
	zoom:1;
	}

.recipe-box2 .img{
	float:left;
	width:190px;
	margin-right:11px;
	}

.recipe-box2 .recipe-table{
	float:left;
	width:208px;
	}

.recipe-box2 .recipe-table .bnr{
	padding:6px 0 5px 0;
	}


.recipe-box2 .recipe-table .recipetext{
	font-size:10px;
	height:46px;
	padding-bottom:10px;
	}

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

.recipe-box2 .recipe-name{
	height:30px;
	}

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

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

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


.recipe-box .btn{
	height:30px;
	margin:10px auto 0px auto;
	text-align:center;
	bottom:0;
	}



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

#recipe-list-block{
	padding:0 10px 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;
	}