@charset "utf-8";

/* contentsArea
=========================================================================*/
.mainImg{
	margin:0 0 25px 0;
	}
.recipe_tit{
	margin:0 0 8px 6px;
	}
#recipeFlash{
	margin:0 0 12px 0;
	width:624px;
	height:340px;
	}
.recipeBtn{
	margin:0 0 39px 0;
	text-align:right;
	}

.rsTitle{
	margin:0 0 6px 0;
	height:55px;
	overflow:hidden;
	}
.rsTitle h2{
	float:left;
	}
.rsTitle p{
	float:left;
	margin:10px 0 0 17px;
	width:465px;
	line-height:165%;
	font-size:92%;
	}

.rsArea{
	padding:10px 0;
	width:626px;
	background:url(../img/rs_bg.gif) repeat-y 0 0;
	}
.rsArea table{
	margin:0 0 0 15px;
	width:596px;
	}
.rsArea table .stit{
	margin:0 0 10px 0;
	}
.rsArea table .txt{
	margin:0 0 10px 0;
	font-size:92%;
	line-height:165%;
	}
.rsArea table .listNavi{
	margin:0 0 8px 0;
	width:170px;
	}
.rsArea table .btn{
	margin:0 0 20px 0;
	width:170px;
	text-align:right;
	}

.rsArea table .line{
	width:30px;
	background:url(../img/rs_line02.gif) repeat-y 0 0;
	}
.rsArea table .horizontalLine{
	padding:13px 0;
	}
.rsArea table .btnList{
	text-align:left;
	}
.rsFoot{
	margin:0 0 50px 0;
	}


.balanceArea{
	width:625px;
	overflow:hidden;
	background:url(../img/balance_bg.gif) repeat-y right 0;
	}
.balanceTxt{
	float:left;
	margin:0 0 15px 0;
	padding:0 0 0 25px;
	width:350px;
	_width:365px;
	}
.balanceTxt .img{
	margin:0 0 25px 0;
	}
.balanceTxt .txt{
	margin:0 0 10px 0;
	font-size:92%;
	line-height:180%;
	}
.balanceTxt .link{
	padding:0 0 0 9px;
	background:url(../../common/images/icon_arrow04.gif) no-repeat 0 center;
	}
.balanceImg{
	float:left;
	margin:0 0 15px 20px;
	}
.balanceFoot{
	width:625px;
	text-align:right;
	font-size:1px;
	height:12px;
	}


.profileHead{
	clear:both;
	margin:0 0 0 18px;
	font-size:1px;
	height:5px;
	}
.profileSection{
	margin:0 0 0 18px;
	padding:8px 0 5px 0;
	width:590px;
	background:url(../img/profile_bg.gif) repeat-y 0 0;
	overflow:hidden;
	}
.profileImg{
	float:left;
	margin:0 0 0 20px;
	_margin:0 0 0 10px;
	}
.profileTxt{
	float:left;
	margin:2px 0 0 24px;
	_margin:2px 0 0 12px;
	width:445px;
	}
.profileTxt .name{
	margin:0 0 12px 0;
	}
.profileTxt .txt{
	font-size:92%;
	line-height:180%;
	}
.profileFoot{
	clear:both;
	margin:0 0 0 18px;
	font-size:1px;
	height:5px;
	}


/* RecipeSearch
==============================================*/
.recipeSearchTit{
	margin:0 0 10px 6px;
	}
.recipeSearchArea{
	padding:8px 0;
	width:626px;
	background:url(../img/rs_bg.gif) repeat-y 0 0;
	}
.recipeSearchArea .searchResult{
	margin:0 0 0 20px;
	}
.recipeSearchArea .searchResult span{
	margin:0 11px 0 0;
	font-size:114%;
	font-weight:bold;
	}
.recipeSearchFoot{
	margin:0 0 18px 0;
	}
.recipeSearchList{
	margin:0 0 30px 0;
	width:626px;
	overflow:hidden;
	}
.recipeSearchList dl{
	float:left;
	margin:0 0 20px 0;
	width:290px;
	overflow:hidden;
	}
.recipeSearchList dl.right{
	float:right;
	}
.recipeSearchList dt{
	float:left;
	margin:0 10px 0 0;
	width:130px;
	}
.recipeSearchList dd{
	float:left;
	width:150px;
	}
.recipeSearchList dd .name{
	margin:0 0 10px 0;
	font-size:107%;
	font-weight:bold;
	line-height:150%;
	width:150px;
	}
.recipeSearchList dd .detail{
	padding:0 0 0 10px;
	font-size:92%;
	color:#663615;
	background:url(../../common/images/icon_arrow04.gif) no-repeat 0 0.3em;
	}

.recipeSearchPage{
	margin:0 0 35px 0;
	text-align:center;
	font-size:107%;
	font-weight:bold;
	}
.recipeSearchPage a:link,
.recipeSearchPage a:visited{
	text-decoration:underline;
	}
.recipeSearchPage a:hover,
.recipeSearchPage a:active{
	text-decoration:none;
	}


/* RecipeDetail
==============================================*/
.recipeDetailName{
	margin:0 0 10px 5px;
	padding:10px 0 0 0;
	font-size:129%;
	font-weight:bold;
	color:#333333;
	}
.recipeDetailContents{
	padding:7px 27px 18px 15px;
	width:584px;
	_width:626px;
	background:#FFF;
	overflow:hidden;
	}
.recipeDetailLeft{
	float:left;
	width:375px;
	}
.recipeDetailRight{
	float:right;
	width:189px;
	}

.recipeDetailLeft .img{
	margin:0 0 12px 0;
	}
.recipeDetailLeft .leadTxt{
	margin:0 0 20px 0;
	font-size:92%;
	line-height:150%;
	}
.recipeDetailLeft .leadTxt span{
	display:block;
	margin:0 0 7px;
}
.recipeDetailLeft .stit{
	margin:0 0 6px 0;
	color:#613109;
	font-size:107%;
	font-weight:bold;
	}
.recipeDetailLeft .material{
	margin:0 0 20px 0;
	font-size:92%;
	line-height:150%;
	}
.recipeDetailLeft .recipe li{
	margin:0 0 8px 0;
	line-height:150%;
	}
.recipeDetailLeft .recipe li span{
	font-size:114%;
	font-weight:bold;
	color:#FF9900;
	}

.calorieArea{
	margin:0 0 17px 0;
	padding:58px 0 0 0;
	width:189px;
	height:120px;
	_height:178px;
	text-align:right;
	background:url(../img/recipe_calorie_bg.jpg) no-repeat 0 0;
	}
.calorieArea p.calorie{
	margin:0 15px 58px 0;
	}
.calorieArea p.time{
	margin:0 15px 0 0;
	}
.calorieArea p.calorie,
.calorieArea p.time{
	font-size:92%;
	font-weight:bold;
	}
.calorieArea p.calorie span,
.calorieArea p.time span{
	font-size:159%;
	font-weight:bold;
	}

.otherRecipeHead,
.otherRecipeFoot{
	font-size:0.1em;
	margin:0 0 0 4px;
	}
.otherRecipe{
	margin:0 0 0 4px;
	width:185px;
	background:url(../img/other_recipe_bg.jpg) repeat-y 0 0;
	}
.otherRecipe dl{
	padding:15px 10px;
	background:url(../img/other_recipe_line.jpg) no-repeat center bottom;
	font-size:92%;
	}
.otherRecipe dl.noLine{
	padding:15px 10px 5px 10px;
	background:none;
	}
.otherRecipe dt{
	margin:0 0 6px 0;
	font-weight:bold;
	color:#663615;
	line-height: 150%;
	}
.otherRecipe dd{
	padding:0 0 0 13px;
	background:url(../../common/images/icon_arrow03.gif) no-repeat 3px 0.4em;
	line-height:150%;
	}
.otherRecipe dd span{
	font-weight:bold;
	}

.recipeDetailFoot{
	font-size:0.1em;
	margin:0 0 30px 0;
	}
.recipeDetailBtn{
	margin:0 0 30px 120px;
	width:412px;
	height:27px;
	overflow:hidden;
	}
.recipeDetailBtn li{
	float:left;
	margin:0 17px 0 0;
	}



/* RightArea
==============================================*/
.recipeRankingArea{
	width:184px;
	background:url(../img/ranking_bg.gif) repeat-y 0 0;
	overflow:hidden;
	}
.recipeRankingArea dl{
	margin:12px 0 0 10px;
	width:164px;
	overflow:hidden;
	}
.recipeRankingArea dt{
	float:left;
	width:70px;
	}
.recipeRankingArea dd{
	float:right;
	width:88px;
	}
.recipeRankingArea dd .rank{
	margin:0 0 7px 0;
	width:31px;
	text-align:center;
	}
.recipeRankingArea dd .name{
	font-size:85%;
	line-height:130%;
	}
.recipeRankingFoot{
	margin:0 0 30px 0;
	}

.recommendArea{
	margin:0 0 15px 10px;
	padding:7px 0;
	width:164px;
	text-align:center;
	background:#FFFFFF;
	}
.recommendArea .img{
	margin:0 0 10px 0;
	}
.recommendArea .name{
	margin:0 0 10px 0;
	font-weight:bold;
	font-size:92%;
	}
.recommendArea .name a{
	padding:0 0 0 9px;
	background:url(../../common/images/icon_arrow03.gif) no-repeat 0 center;
	}
.recommendArea .txt{
	margin:0 5px;
	width:154px;
	text-align:left;
	font-size:92%;
	line-height:165%;
	}

.column2Right .sideTit{
	margin:0 0 18px 0;
	}
.column2Right .sideSTit{
	margin:0 0 18px 0;
	}

.column2Right .bannerList{
	margin:0 0 18px 0;
	padding:0 0 8px 0;
	background:url(../../common/images/side_line01.jpg) no-repeat 0 bottom;
	}
.column2Right .bannerList li{
	margin:0 0 13px 0;
	}

.column2Right .recipeUseArea{
	padding:14px 0 0 0;
	width:184px;
	background:url(../img/recipe_use_bg.jpg) repeat-y 0 0;
	text-align:center;
	}
.column2Right .recipeUseArea .img{
	margin:0 0 8px 0;
	}
.column2Right .recipeUseArea .name{
	padding:0 0 12px 0;
	font-size:92%;
	font-weight:bold;
	}
.column2Right .recipeUseArea .name a{
	padding:0 0 0 10px;
	background:url(../../common/images/icon_arrow03.gif) no-repeat 0 0.3em;
	}
.column2Right .recipeUseArea .txt{
	margin:0 0 0 15px;
	width:154px;
	font-size:92%;
	line-height:166%;
	text-align:left;
	}
.column2Right .recipeUseFoot{
	font-size:0.1em;
	margin:0 0 17px 0;
	}
	
.column2Right .recipeList{
	margin:0 0 21px 12px;
	width:173px;
	overflow:hidden;
	}
.column2Right .recipeList .img{
	float:left;
	margin:0 12px 0 0;
	width:64px;
	height:65px;
	}
.column2Right .recipeList dd{
	float:left;
	width:90px;
	}
.column2Right .recipeList dd .text{
	font-size:85%;
	}
.column2Right .recipeList dd .link{
	margin:0 0 5px 0;
	padding:0 0 0 7px;
	font-size:92%;
	font-weight:bold;
	line-height:150%;
	background:url(../../common/images/icon_arrow03.gif) no-repeat 0 0.4em;
	}



/* General
==============================================*/
.SearchList{
	margin:0 0 10px 0;
	text-align:right;
	font-size:92%;
	color:#663615;
	}
.recipeTop{
	text-align:right;
	font-size:92%;
	color:#663615;
	}
.SearchList a,
.recipeTop a{
	padding:0 0 0 10px;
	background:url(../../common/images/icon_arrow04.gif) no-repeat 0 0.3em;
	}