@charset "shift_jis";
/* =========================================

nasuluckitchen > home.css

トップページのみ
============================================ */

#top_main {
	overflow: hidden;
	float:left;
	width:500px;
	height:auto;
	margin:0;
	padding:0 0 20px 17px;
	text-align:center;
	}
#top_main div.section {
clear:both;
width:500px;
height:auto;
margin:0;
padding:0;
}
	
/* 本日のおすすめレシピ------------------------------- */
#top_main div.daily_area {
clear:both;
width:490px;
height:270px;
margin:0;
padding:0;
background:#FFFFFF url(/image/bg_daily.gif) no-repeat 0px 0px;
}

#top_main h1.daily_menu {
	overflow: hidden;
	clear:both;
	width:460px;
	height:33px;
	margin:0;
	padding:0;
	font-size: 100%;
	text-indent: -9999px;
	}
#top_main ul.daily {
	list-style: none;
	width:460px;
	height:220px;
	margin:8px 0 0 15px;
	_margin:8px 0 0 8px;
	padding:10px 0 0 0;
	}
/*IE7*/
*:first-child+html #top_main ul.daily {
	margin:8px 0 0 8px;
	}

#top_main ul.daily li {
	float:left;
	width:460px;
	margin:0;
	padding:0;
	text-align:left;
	color:#666666;
	}
#top_main ul.daily li dl dt {
	display:block;
	float:left;
}
#top_main ul.daily li dl dt.menu_title {
	width:205px;
	font-size:120%;
	font-weight:bold;
	margin: 10px 0 0 15px;
	padding: 0 0 5px 23px;
	line-height:18px;
	background: url(/image/icon_arrow02.gif) no-repeat 0 0;
}
#top_main ul.daily li dl dd {
	float:left;
	width:207px;
	margin: 3px 3px 10px 10px;
	padding: 0 10px 5px 10px;
	border-bottom:1px dotted #f19d51;
	}
#top_main ul.daily li ul.info {
	list-style: none;
	float:left;
	width:220px;
	margin:0;
	padding:0;
	background: none;
	}
#top_main ul.daily li ul.info li {
	float:none;
	width:100px;
	margin:0;
	padding:0;
	}
#top_main ul.daily li ul.info li.menu_btn {
	float: right;
	width: 60px;
	}
#top_main ul.daily li ul.info li.menu_btn a {
	display: block;
	overflow: hidden;
	width: 60px;
	height: 60px;
	background: url(/image/btn_recipe.gif) no-repeat 0 0;
	text-indent: -9999px;
	}
#top_main ul.daily li ul.info li.menu_btn a:hover {
	background: url(/image/btn_recipe.gif) no-repeat 0 -60px;
	}
#top_main ul.daily li ul.info li.menu_time {
	height:27px;
	margin: 3px 0 3px 15px;
	padding:0 0 0 27px;
	line-height:27px;
	background: url(/image_cmn/icon_time.gif) no-repeat 0 50%;
	}
#top_main ul.daily li ul.info li.menu_cal {
	height:27px;
	margin: 3px 0 3px 15px;
	padding:0 0 0 27px;
	line-height:27px;
	background: url(/image_cmn/icon_cal.gif) no-repeat 0 50%;
	}
		
		
/* ナスラックキッチンからのお知らせ---------------------- */
#top_main h2.news{
	clear:both;
	width:484px;
	height:50px;
	margin:0 auto;
	background:url(/image/information.gif) no-repeat 0 0;
	text-indent:-9999px;
	position:relative;
	top:-5px;
	left:0;
	_left:0;
}		

#top_main dl.news{
	display:inline-table;
	clear:both;
	width:466px;
	padding:5px;
	margin:5px 0 ;
	border-bottom:1px dotted #FA9F29;
	text-align:left;
	color:#666666;
	position:relative;
	top:-5px;
	/*left:6px;*/
}		
#top_main dl.news:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden; 
}
/*Hides from IE-mac/*/
*html dl.news{height: 1%;}
dl.news{ display: block;}
/*End Hide from IE-mac*/

#top_main dl.end{
	margin:0 0 15px 0;
}

#top_main dt.day{
	float:left;
	width:100px;
}		
#top_main dd.text{
	float:left;
	width:360px;
}		


/* キャンペーン------------------------------------------ */
#top_main div.campaign_area {
width:477px;
height:auto;
margin:0 auto ;
padding:5px 0 10px 0;
}

#top_main div.campaign_area a.bnr_campaign {
display:block;
overflow:hidden;
width:477px;
height:72px;
margin:0;
padding:0;
background:url(/image/banner_cam_end.jpg) no-repeat 0 0;
text-indent:-9999px;
}

#top_main div.campaign_area a:hover.bnr_campaign { background:url(/image/banner_cam_end.jpg) no-repeat 0 -72px; }

/* 川柳------------------------------------------ */
#top_main div.senryu_area {
width:477px;
height:auto;
margin:0 auto ;
padding:12px 0 20px 0;
}

#top_main div.senryu_area a.bnr_senryu {
display:block;
overflow:hidden;
width:477px;
height:72px;
margin:0;
padding:0;
background:url(/image/banner_senryu.jpg) no-repeat 0 0;
text-indent:-9999px;
}

#top_main div.senryu_area a:hover.bnr_senryu { background:url(/image/banner_senryu.jpg) no-repeat 0 -72px; }


#top_main div.senryu_area p {
margin:5px auto 0;
text-align:right;
}






		
/* 特集------------------------------------------ */
#top_main div.feature_area {
width:477px;
height:auto;
margin:0 auto ;
padding:5px 0 10px 0;
}

#top_main div.feature_area a.bnr_feature {
display:block;
overflow:hidden;
width:477px;
height:158px;
margin:0;
padding:0;
background:url(/image/bnr_feature.jpg) no-repeat 0 0;
text-indent:-9999px;
}

	#top_main div.feature_area a:hover.bnr_feature { background:url(/image/bnr_feature.jpg) no-repeat 0 -158px; }


#top_main div.feature_area span.feature_text {
display:block;
width:477px;
margin:0;
padding:5px 0;
text-align:left;
line-height:15px;
color:#7c4200;
font-size:100%;
}

/*
#top_main div.feature_area p.more {
display:block;
float:right;
width:130px;
height:15px;
margin:0 10px 5px 0;
padding:3px 5px 3px 0;
font-size:90%;
border-bottom:1px dotted #f19d51;
}

#top_main div.feature_area p.more img { vertical-align:middle;}
/*


/*人気レシピランキング------------------------------- */
#top_main div.rankingarea {
	clear:both;
	width:477px;
	height:auto;
	margin:5px auto;
	padding:0;
	text-align:left;
	position:relative;
	}
#top_main div.rankingarea h2 {
	clear:both;
	display:block;
	width:238px;
	height:37px;
	margin:0;
	padding:0;
	background:url(/image/stl_ranking.gif) no-repeat;
	text-indent:-9999px;
	}
#top_main div.rankingarea div.update {
	width:228px;
	height:22px;
	margin:0;
	padding:15px 10px 0 0;
	background:url(/image/bg_ranking.gif) no-repeat;
	color:#fff;
	text-align:right;
	position:absolute;
	left:238px;
	top:0;
	font-size:90%;
	}
#top_main div.rankingarea div.rankinglist {
	display:inline-table;
	clear:both;
	height:100%;
	margin:0;
	padding:0;
	}
#top_main div.rankingarea div.rankinglist:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden; 
}
/*Hides from IE-mac/*/
*html .rankinglist{height: 1%;}
.rankinglist{ display: block;}
/*End Hide from IE-mac*/	
	
#top_main div.rankingarea div.rankinglist dl {
	float:left;
	width:93px;
	height:202px;
	margin:0 1px;
	padding:0;
	background:url(/image/bg_rank.gif) no-repeat 0 bottom ;
}

#top_main div.rankingarea div.rankinglist dl dt {
	display:block;
	width:93px;
	height:37px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	}
#top_main div.rankingarea div.rankinglist dl dt.rank_01 { background:url(/image/rank_01.gif) no-repeat 0 0 ;}
#top_main div.rankingarea div.rankinglist dl dt.rank_02 { background:url(/image/rank_02.gif) no-repeat 0 0 ;}
#top_main div.rankingarea div.rankinglist dl dt.rank_03 { background:url(/image/rank_03.gif) no-repeat 0 0 ;}
#top_main div.rankingarea div.rankinglist dl dt.rank_04 { background:url(/image/rank_04.gif) no-repeat 0 0 ;}
#top_main div.rankingarea div.rankinglist dl dt.rank_05 { background:url(/image/rank_05.gif) no-repeat 0 0 ;}

#top_main div.rankingarea div.rankinglist dl dd.img {
	width:83px;
	margin:0;
	padding:5px 4px 0px 4px;
	text-align:center;
	}
#top_main div.rankingarea div.rankinglist dl dd.recipe_name {
	width:83px;
	height:30px;
	margin:0;
	padding:3px 4px 0 4px;
	text-align:left;
	font-size:85%;
	font-weight:bold;
	line-height:12px;
	}
#top_main div.rankingarea div.rankinglist dl dd.comment {
	width:83px;
	height:60px;
	margin:0;
	padding:4px 4px 0 4px;
	font-size:85%;
	color:#663300;
	text-align:left;
	font-size:85%;
	line-height:12px;
	}
	
#top_main div.rankingarea div.rankinglist p.more {
display:block;
float:right;
width:150px;
height:15px;
margin:0 0 5px 0;
padding:3px 5px 3px 0;
font-size:90%;
border-bottom:1px dotted #f19d51;
}

#top_main div.rankingarea div.rankinglist p.more img { vertical-align:middle;}

/* 今月のレシピ------------------------ */

#top_main div.monthlyarea {
width:305px;
height:110px;
margin:10px auto;
padding:0 0 0 170px;
background:url(/image/monthly_bg.gif) no-repeat 0 0;
position:relative;
}

#top_main div.monthlyarea h2 {
text-indent:-9999px;
position:absolute;
top:0;
left:0;
}

#top_main div.monthlyarea p.monthtext {
clear:both;
text-align:left;
width:300px;
margin:0 5px 0 10px;
padding:10px 0 5px 0;
color:#663300;
font-weight:bold;
}

#top_main div.monthlyarea ul {
list-style:none;
float:left;
width:270px;
}

#top_main div.monthlyarea ul li {
display:block;
width:250px;
height:25px;
margin:5px 0 5px 15px;
padding:0 0 5px 20px;
text-align:left;
background:url(/image/icon_monthly.gif) no-repeat 0 0;
}


/* センター下部、常設ボタン------------------------ */

#top_main div.info_area div.section {
height:auto;
}

#top_main div.info_area h2 {
clear:both;
width:477px;
height:50px;
margin:0 auto;
text-indent:-9999px;
}

#top_main div.info_area h2.bar_madaaru { background:url(/image/bar_madaaru.gif) no-repeat 0 0;}
#top_main div.info_area h2.bar_benri {
margin:10px 0 0 0;
_margin:0;
background:url(/image/bar_benri.gif) no-repeat 0 0;}

#top_main div.info_area ul {
list-style:none;
width:477px;
height:90px;
margin:0 auto;
padding:0;
}

#top_main div.info_area ul li {
float:left;
display:block;
width:238px;
height:86px;
margin:0;
_margin:0 0 10px 0;
padding:0;
position:relative;
}

#top_main div.info_area ul li a {
display:block;
overflow:hidden;
text-indent:-9999px;
width:232px;
height:86px;
margin:0;
padding:0;
position:absolute;
top:0;
left:3px;
}

#top_main div.info_area ul li span{
display:block;
width:138px;
position:absolute;
top:48px;
left:15px;
text-align:left;
color:#666666;
}

#top_main div.info_area ul li a.movie_recipe { background:url(/image/btn_movie_recipe.gif) no-repeat 0 0;}
#top_main div.info_area ul li a.teiban_recipe { background:url(/image/btn_teiban_recipe.gif) no-repeat 0 0;}
#top_main div.info_area ul li a.mobile { background:url(/image/btn_mobile.gif) no-repeat 0 0;}
#top_main div.info_area ul li a.igoogle { background:url(/image/btn_igoogle.gif) no-repeat 0 0;}

#top_main div.info_area ul li a:hover.movie_recipe { background:url(/image/btn_movie_recipe.gif) no-repeat 0 -86px;}
#top_main div.info_area ul li a:hover.teiban_recipe { background:url(/image/btn_teiban_recipe.gif) no-repeat 0 -86px;}
#top_main div.info_area ul li a:hover.mobile { background:url(/image/btn_mobile.gif) no-repeat 0 -86px;}
#top_main div.info_area ul li a:hover.igoogle { background:url(/image/btn_igoogle.gif) no-repeat 0 -86px;}

/*----------------------
ベリサイン
----------------------*/
#top_main div.veriarea{
display:block;
clear:both;
width:477px;
height:70px;
margin:10px auto 0 auto;
padding:0;
text-align:left;
/*gif対応用*/
border:1px solid #999999;
/*
Flashになったら戻す
background:#f0f0f0;
color:#666666;
*/
}

#top_main div.veriarea p {
float:left;
width:330px;
margin:15px 5px 0 0;
padding:0 0 0 10px;
font-size:12px;
}

#top_main div.veriarea h3{
float:left;
width:115px;
height:55px;
margin:8px 0 0 3px;
}