@charset "utf-8";

/*----------------------------------------------------
	コンテンツエリア
----------------------------------------------------*/
#detail{
	width:680px;
	background-color:#e8e6e2;
	margin:20px 0px 0px 0px;
	padding:20px 0px 50px 0px;
	}
	
.sub1{
	width:620px;
	margin:30px auto;
	}
	
.sub1L{
	float:left;
	width:315px;
	height:320px;
	margin:0px 10px 20px 0px;
	}
	
.sub1R{
	float:right;
	width:285px;
	}
	
.sub1R p { margin-top:20px; }


.sub2{
	width:620px;
	margin:50px auto;
	}
	
.sub2L{
	float:left;
	width:285px;
	}
	
.sub2R{
	float:right;
	width:315px;
	height:320px;
	margin:0px 0px 0px 10px;
	}
	
.sub2L p { margin-top:20px; }

#detail2{
	width:680px;
	}

.sub3{
	width:285px;
	float:left;
	margin:0px 0px 0px 30px;
	_margin:0px 0px 0px 20px;  /* IE6 */
	}
		
.sub3 p { margin-top:20px; }

.sub4{
	width:285px;
	float:right;
	margin:0px 30px 0px 0px;
	_margin:0px 20px 0px 0px;  /* IE6 */
	}
		
.sub4 p { margin-top:20px; }

.recipe{
	width:285px;
	margin:20px 0px 20px 0px;
	}
	
.recipe ul li{
	float:left;
	margin-top:10px;
	}

/*----------------------------------------------------
	キャプション
----------------------------------------------------*/
dl.caption{
	width:620px;
	clear:both;
	display:block;
	font-size:88%;
	line-height:1.5;
	color:#222;
}

dl.caption dt{
	width:20px;
	clear:left;
	float:left;
	display:inline;
	text-align:center;
}

dl.caption dd{
	width:600px;
	float:left;
	margin:0px 0px 3px 0px;
	display:inline;
}

dl.caption2{
	width:285px;
	clear:both;
	display:block;
	font-size:88%;
	line-height:1.5;
	color:#222;
}

dl.caption2 dt{
	width:20px;
	clear:left;
	float:left;
	display:inline;
	text-align:center;
}

dl.caption2 dd{
	width:265px;
	float:left;
	margin:0px 0px 3px 0px;
	display:inline;
}

p.note{
	width:620px;
	margin:50px 0px 0px 40px;
	font-size:88%;
	line-height:1.5;
	color:#222;
	}