@charset "Shift_JIS";

/* ==================================================

CSS Document for 健康レシピ


/*--タイトル ------------------------------ */

#healthTitle{
	margin:10px 0 5px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9C0;
	padding-bottom:5px;
	}
	
	
	
#healthTitle .healthLogo{
	float:left;
	width:240px;
	}
	
#healthTitle .health_info{
	float:right;
	margin:0px 0 0 0;
	width:400px;
	}
	
	
#healthResipe{
	margin:10px 0 10px 0;
	}
	
#healthResipe #recipe_main{
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #960;
	padding:15px 0;
	}

#healthResipe .vol{
	font-weight:bold;
	color:#F60;
	}
#healthResipe .thema{
	margin:5px 0;
	float:left;
	}
#healthResipe .tweet{
	float:right;
	}
	
#healthResipe .recipeLeft{
	float:left;
	width:460px;
	
	}
#healthResipe .recipeRight{
	float:right;
	width:180px;
	color:#666;
	}
#healthResipe .recipeRight a,#healthResipe .recipeLeft a{
	color:#06C;

	}
#healthResipe .recipeRight img{
	border: 1px solid #630;
	}
#healthResipe .recipeMenu01,#healthResipe .recipeMenu02{
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #960;
	padding:15px 0;
	}
#healthResipe .recipeMenu01 .imgArea{
	float:left;
	border: 1px solid #630;
	}
#healthResipe .recipeMenu02 .imgArea{
	float:right;
	border: 1px solid #630;
	}
#healthResipe .recipeMenu01 .recipeRight{
	float:right;
	width:460px;
	color:#666;
	}
#healthResipe .recipeMenu02 .recipeLeft{
	float:left;
	width:460px;
	color:#666;
	}
#healthResipe .recipeMenu01 .coment,#healthResipe .recipeMenu02 .coment{
	color:#990;
	font-weight:bold;
	}
.recipeRight .coment{
	color:#990;
	font-weight:bold;
	}
#healthResipe .recipeMenu01 .recipename,#healthResipe .recipeMenu02 .recipename{
	color:#630;
	font-weight:bold;
	font-size:14px;
	margin:10px 0 0 0;
	}
.recipeRight .recipename{
	color:#630;
	font-weight:bold;
	font-size:14px;
	margin:10px 0 0 0;
	}
	
#backnum{
	margin:15px 0;
	text-align:right;
	font-weight:bold;
	}
#backnum a{
	color:#090;
	}
	
table{
	width:450px;
	margin:10px 0 0 0;
	}
table, th, td{
	border:none;
	}	
	
th{
	padding:3px 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #9C0;
	border-right-color: #9C0;
	border-bottom-color: #9C0;
	background-color:#9C0;
	color:#FFF;
	white-space:nowrap;
	}
td{
	padding:3px 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #9C0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9C0;
	}
.leftcell{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #9C0;
	}
.ingredient{
	background-color:#FFC;
	text-align:center;
	}	
.photoimgArea{
	width:400px;
	margin:50px 0 0 250px;
	color:#666;
	}
.photoimgArea a{
	color:#06C;
	
	}
.photoimgArea .name{
	font-size:14px;
	margin:0 0 5px 0;
	
	}	
.photoimgArea img{
	float:left;
	width:80px;
	border: 1px solid #630;
	margin: 0 12px 0 0;
	}
.photoimgArea .info{
	float:right;
	width:250px;
	}


.fltR{
	float:right;
	}
.fltL{
	float:left;
	}
	
.photoimgArea2{
	width:450px;
	margin:10px 0 0 0;
	color:#666;
	}
.photoimgArea2 a{
	color:#06C;
	
	}
.photoimgArea2 .name{
	font-size:14px;
	margin:0 0 5px 0;
	
	}	
.photoimgArea2 img{
	float:left;
	width:80px;
	border: 1px solid #630;
	margin:0 12px 0 0;
	}
.photoimgArea2 .info{
	float:right;
	width:250px;
	}