@charset "utf-8";

/******************** レシピポップアップ ******************************/
/**********************************************************************/


/******************** ボディ ******************************/
body{
	font-size:92.5%;
	background:#FFE500 url(../images/popup/popup_header_bg.jpg) repeat-x 0 0;
	}

/******************** ラッパー ******************************/
#popup-wrapper{
	margin:0px auto;
	text-align:center;
	width:570px;
	}

/******************** ヘッダー ******************************/
#popup-header{
	width:570px;
	height:103px;
	}

/******************** ロゴまわり ******************************/
#parapara-title{
	position:relative;
	text-align:left;
	}

#parapara-title img{
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	}

#parapara-title p{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	font-size:10px;
	}

/******************** h2 ******************************/
h2{
	clear:both;
	padding:15px 0;
	}

/******************** コンテンツスペース ******************************/
#popup-container{
	margin:0 auto 20px auto;
	padding:0 20px 15px 20px;
	width:480px;
	text-align:left;
	background:#FFFFFF;
	}

/******************** h3 ******************************/
h3{
	margin:0 0 10px 0;
	color:#006600;
	}

/******************** レシピナンバー ******************************/
#recipe-no01{
	padding:28px 0 0 80px;
	width:400px;
	height:43px;
	background:url(../recipe/list/images/h3_no01.gif) no-repeat 0 0;
	}

#recipe-no02{
	padding:28px 0 0 80px;
	width:400px;
	height:43px;
	background:url(../recipe/list/images/h3_no02.gif) no-repeat 0 0;
	}
	
#recipe-no03{
	padding:28px 0 0 80px;
	width:400px;
	height:43px;
	background:url(../recipe/list/images/h3_no03.gif) no-repeat 0 0;
	}

/* 201101add */
#recipe-none{
	padding:28px 0 0 0px;
	width:480px;
	height:43px;
	background:url(../recipe/list/images/h3_none.gif) no-repeat 0 0;
	}
/* */

html body #popup-container .recipe_2col{
	padding:17px 0 11px 0px;
	width:480px;
	height:43px;
	background:url(../recipe/list/images/h3_none.gif) no-repeat 0 0;
	}

.recipe_2col h3{
	margin:0;
}
.recipe_2col .sub{
	font-size:86%;
	color:#444;
	margin-top:5px;
	padding:0;
}

	
/******************** 料理について ******************************/
#recipe-list{
	margin:15px 0 20px 0;
	color:#006600;
	background-color:#f4ffaa;
	}

#recipe-list ul{
	margin:0 0 0 2em;
	padding:0 0 20px 0;
	list-style:none;
	}

#recipe-list li{
	line-height:1.5;
	}

.caution{
	padding-left:1em;
	text-indent:-1em;
	}

#at{
	padding:0 15px 15px 15px;
	line-height:1.5;
	}

#zairyou{
	padding:10px 15px;
	font-weight:bold;
	line-height:1.5;
	}

/******************** 料理手順 ******************************/
#recipe-flow{
	list-style:none;
	}

#list-no01{
	padding:0 15px 20px 35px;
	line-height:1.5;
	background:url(../recipe/images/list_no01.gif) no-repeat 0 0;
	}

#list-no02{
	padding:0 15px 20px 35px;
	line-height:1.5;
	background:url(../recipe/images/list_no02.gif) no-repeat 0 0;
	}


#list-no03{
	padding:0 15px 20px 35px;
	line-height:1.5;
	background:url(../recipe/images/list_no03.gif) no-repeat 0 0;
	}


#list-no04{
	padding:0 15px 20px 35px;
	line-height:1.5;
	background:url(../recipe/images/list_no04.gif) no-repeat 0 0;
	}


#list-no05{
	padding:0 15px 20px 35px;
	line-height:1.5;
	background:url(../recipe/images/list_no05.gif) no-repeat 0 0;
	}
	
dl.point{
	padding:0px 10px 5px 5px;
	line-height:1.45;
	font-size:85%;
	}
.point dt{
	color:#060;
	font-weight:bold;
	float:left;
	width:6.4em;
	}
.point dd{
	float:left;
	width:378px;
	}

	

/******************** 作り方 ******************************/
#recipe-text{
	padding:10px 0;
	font-weight:bold;
	color:#006600;
	}

/******************** レシピイメージ ******************************/
#recipe-imgbox{
	padding:15px 0;
	position:relative;
	height:320px;
	}

/******************** レシピイメージ ******************************/
#recipe-img{
	position:relative;
	top:0;
	left:0;
	z-index:10;
	}

/******************** レシピイメージ印刷用小さい写真 ******************************/
#recipe-img-p{
	display:none;
	}

/******************** ドットライン ******************************/
#line-dt{
	clear:both;
	padding:10px 0;
	}

/******************** ボタン制御ボックス ******************************/
#r-btnbox{
	overflow: hidden;/* clearfixの代わり */
	zoom: 1;/* clearfixの代わり（IE6） */
	padding:0 40px;
	}

/******************** 閉じるボタン ******************************/
#close-btn{
	float:left;
	margin:10px auto;
	}

/******************** プリントボタン ******************************/
#print-btn{
	float:right;
	margin:10px auto;
	}



/******************** しあわせパスタ占い ******************************/

#fortune{
	background:none;
	margin:0;
	padding:0;
	}

#fortune-contaigner{
	margin:0 auto;
	padding:0;
	width:316px;
	background:url(../recipe/list/images/fortune_bgbottom.gif) no-repeat center bottom;
	}
	
#fortune-block{
	padding:10px 28px;
	font-size:82.5%;
	}

#fortune-title{
	background:url(../recipe/list/images/fortune_hr_heart.gif) no-repeat left top;
	padding-top:15px;
	margin:0 auto;
	width:260px;
	}

#fortune-title .shell{
	background:url(../recipe/list/images/fortune_hr_heart.gif) no-repeat left bottom;
	padding-bottom:15px;
	overflow:hidden;
	zoom:1;
	}

#fortune-parme{
	float:left;
	width:60px;
	overflow:hidden;
	z-index:10;
	zoom:1;
	}

#fortune-title-text{
	float:left;
	text-align:center;
	width:200px;
	overflow:hidden;
	z-index:10;
	zoom:1;
	font-weight:bold;
	}

#fortune-title-text h2{
	color:#5E340C;
	font-size:144%;
	padding-top:10px;
	padding-bottom:6px;
	}
#fortune-title-text h2.short{
	padding-top:15px;
	padding-bottom:15px;
	}

#fortune-text{
	margin-top:15px;
	text-align:left;
	line-height:1.3;
	}

#fortune #r-btnbox{
	width:170px;
	margin:0 auto;
	}

#fortune #close-btn{
	margin:20px 0 25px 0;
	}