@charset "utf-8";
/* CSS Document */

/* *************
   top module 
************************** */
/* --------- css sprite --------- */
#top_topics .ttl .main,
#top_recipe .ttl .main,
#top_srch_recipe_purpose .ttl .main,
#top_pickup .ttl .main h2,
#top_dietlab_ranking .ttl .main,
#top_dietlab_ranking .access_ranking .ttl .main,
#top_content .diet .ttl .main,
#top_content .bihada .ttl .main
{background:url(../../img/top/sp_top_mod.png?20140618) 0 0 no-repeat;}

/* �ط��ִ� */
#top_topics .ttl .main,
#top_content .diet .ttl .main,
#top_content .bihada .ttl .main,
#top_recipe .ttl .main, 
#top_srch_recipe_purpose .ttl .main,
#top_pickup .ttl .main h2,
#top_dietlab_ranking .ttl .main,
#top_dietlab_ranking .access_ranking .ttl .main { display:block; text-indent:-9999em; }


/* �طʰ���Ĵ�� */
#top_topics .ttl .main,#top_content .diet .ttl .main{ width:630px; height:30px; }
#top_content .bihada .ttl .main{ width:630px; height:30px; }
#top_recipe .ttl .main { width:630px; height:30px; background-position:0 -40px; }
#top_recipe .today_recipe .ttl .main { width:24px; height:128px; background-position:0 -80px; }
#top_srch_recipe_purpose .ttl .main { width:158px; height:18px; background-position:0 -220px; }
#top_pickup .ttl .main h2 { width:147px; height:30px; background-position:0 -250px; }
#top_dietlab_ranking .ttl .main { width:300px; height:30px; background-position:-650px 0; } 
#top_dietlab_ranking .access_ranking .ttl .main { width:65px; height:14px; background-position:-650px -40px; }
#top_content .diet .ttl .main{background-position: 0 -372px;}
#top_content .bihada .ttl .main{background-position: 0 -417px;}
#top_content {margin-top:25px;}

/* --------- top_topics --------- */
#top_topics { zoom:1; }
#top_topics:after { content:""; }
#top_topics .txt_list {
	float:left;
	width:410px;
}
#top_topics .txt_list li {
	margin-top:15px;
	padding-left:15px;
	text-indent:-15px;
}
#top_topics .txt_list .more {
	text-align:right;
	margin-top:10px;
}
#top_topics .txt_list .more a {
	background:url(../../images/health/health_diet/img/top/arw_blue.jpg) no-repeat right;
	padding-right:15px;
	color:#358b9c;
	text-decoration:none;
	font-size:88%;
}
#top_topics .txt_list .more a:hover {
	text-decoration:underline;
}
#top_topics .img_box {
	float:right;
	margin-top:15px;
	width:200px;
}
#top_topics .img {
	display:table-cell;
	width:200px;
	height:200px;
	background:url(https://s.yimg.jp/images/health/health_diet/img/top/bg_img.png?20140618) 0 0 repeat;
	vertical-align:middle;
	layout-grid-line: 200px;
	text-align:center;
}
#top_topics .img img {
	vertical-align:top;
}
 
#top_topics .img_box .caption {
	margin-top:10px;
	font-size:75%;
}
.top_kiji .caption{font-size: 16px;
font-weight: bold;
margin-bottom: 10px;}

/* --------- top_diet --------- */
#top_content .top_kiji .wrap,#top_content .bihada_kiji .wrap{
	display: block;
	float: left;
}
#top_content .top_kiji .wrap.main,#top_content .bihada_kiji .wrap.main{
width: 338px;
padding: 12px 0 20px 0;
}
#top_content .top_kiji .wrap.main{
padding-right:20px ;
}
#top_content .top_kiji .wrap.sub{
margin-top: 10px;
width: 265px;
font-size: 14px;
}
#top_content .top_kiji .wrap.sub li{
	margin-bottom:10px;
}
#top_content .top_kiji .wrap.sub .more{text-align: right;margin-bottom:10px;}
#top_content .top_kiji.bihada .wrap.sub .more a{
background: url(https://s.yimg.jp/images/health/health_diet/img/top/arw_pink_02.png?20140618) no-repeat right;
padding-right: 15px;
text-decoration: none;
}
#top_content .top_kiji.diet .wrap.sub .more a{
background: url(https://s.yimg.jp/images/health/health_diet/img/top/arw_blue.jpg) no-repeat right;
padding-right: 15px;
text-decoration: none;
}

#top_content .top_kiji .lead{
	font-size: 14px;
}
#top_content .diet .caption,#top_content .bihada .caption{font-size: 18px;}
#top_content .top_kiji .imgbox{display: block;overflow: hidden;}

#top_content .top_kiji .img,#top_content .top_kiji .txt{float: left;}
#top_content .top_kiji .txt{ width: 240px; margin-right:10px;}
#top_content .top_kiji .img{ width: 80px;}









/* --------- top_recipe --------- */

#top_recipe {
	margin-top:15px;
}
#top_recipe .date_box {
	margin-top:8px;
	padding-bottom:5px;
	border-bottom:2px solid #f1f1f1;
	zoom:1;
}
#top_recipe .date_box:after { content:""; } 
#top_recipe .date_box .date {
	color:#4e4e44;
	float:left;
	margin-right:20px;
	font-weight:bold;
}
#top_recipe .date_box .more {
	float:right;
}
#top_recipe .date_box .more a {
	background:url(https://s.yimg.jp/images/health/health_diet/img/top/arw_green.png?20140618) no-repeat right;
	padding-right:15px;
	color:#699415;
	text-decoration:none;
	font-size:88%;
}
#top_recipe .date_box .more a:hover {
	text-decoration:underline;
}
#top_recipe .today_recipe {
	margin-top:15px;
	zoom:1;
}
#top_recipe .today_recipe:after {
	content:"";
}
#top_recipe .today_recipe .ttl {
	float:left;
}
#top_recipe .today_recipe .img {
	float:left;
	width:250px;
	margin-left:10px;
}
#top_recipe .today_recipe .img span {
	display:block;
	font-size:75%;
	color:#796e53;
	margin-top:5px;
}
#top_recipe .today_recipe .recepi_txt {
	float:left;
	width:335px;
	margin-left:10px;
}
#top_recipe .today_recipe .recepi_txt dt {
	font-size:113%;
	font-weight:bold;
}
#top_recipe .today_recipe .recepi_txt .engy_time { margin-top:10px; color:#815b00; }
#top_recipe .today_recipe .recepi_txt .engy_time em{ font-weight:bold; }
#top_recipe .today_recipe .recepi_txt .txt { margin-top:10px; font-size:88%; }

/* --------- top_srch_recipe_purpose --------- */

#top_srch_recipe_purpose { margin-top:15px; }
#top_srch_recipe_purpose .ttl { padding:5px; background:#f1f1f1; }
#top_srch_recipe_purpose .cmn_txt_list { margin-top:10px; }
#top_srch_recipe_purpose .cmn_txt_list ul { margin-left:-30px; zoom:1; }
#top_srch_recipe_purpose .cmn_txt_list ul:after { content:""; } 
#top_srch_recipe_purpose .cmn_txt_list li { float:left; width:100px; margin-left:30px; line-height:2; font-size:88%; }
#top_srch_recipe_purpose .cmn_txt_list li a { background-position:-960px 2px; }

/* --------- top_pickup --------- */
#top_pickup { 
	margin-top:15px;
	border-top:2px solid #ece1c1; 
}
#top_pickup .ttl {
	padding-top:10px;
	zoom:1;

}
#top_pickup .ttl:after { content:""; }
#top_pickup .ttl .main { 
	float:left;
	zoom:1;
}
#top_pickup .ttl .main:after { content:""; } 
#top_pickup .ttl .main h2{ float:left; } 
#top_pickup .ttl .update { 
	float:left;
	margin-left:10px;
	padding-top:5px;
	color:#e2b028;
	font-size:88%;
}
#top_pickup .ttl .sub { margin-left:20px; padding-top:5px; }
#top_pickup .ttl .sub a { color:#e2b028; text-decoration:none; font-size:88%; }
#top_pickup .ttl .sub a:hover { text-decoration:underline; }
#top_pickup .pickup_box { margin-top:15px; zoom:1; }
#top_pickup .pickup_box:after { content:""; }
#top_pickup .pickup_box .theme h3 { font-size:113%; font-weight:bold; color:#555555; }
/*#top_pickup .pickup_box .txt_list { float:left; width:485px; }
#top_pickup .pickup_box .txt_list li { 
	margin-top:10px;	
	padding-left:15px;
	text-indent:-15px;
 }
#top_pickup .pickup_box .img_box { float:right; }*/ /*--~20130719--*/
#top_pickup .srch_recommend {
	margin-top:15px;
	padding:3px 5px;
	background:#f1f1f1;
	zoom:1;
}
#top_pickup .pickup_box .pickup_list {margin-top:15px;}
#top_pickup .pickup_box .pickup_list li {width:300px; float:left; position:relative; margin-bottom:20px; margin-left:25px;}
#top_pickup .pickup_box .pickup_list li.first {margin-left:0;}
#top_pickup .pickup_box .pickup_list dt {font-size:88%; padding-left:60px;}
#top_pickup .pickup_box .pickup_list dd img {position:absolute; left:0; top:0;}


#top_pickup .srch_recommend:after { content:""; }
#top_pickup .srch_recommend .flL p { font-size:88%; }
#top_pickup .srch_recommend .flR li { display:inline; margin-left:10px; font-size:75%; }
#top_pickup .srch_recommend .flR li a{ padding-left:15px; background-position:-960px -200px; }

#top_content .cmn_health_check { margin-top:20px; }

/* --------- #top_dietlab_ranking  --------- */

#top_dietlab_ranking { margin-top:15px; }

#top_dietlab_ranking .access_ranking .ttl {
	margin-top:5px;
	padding:3px 10px;
	background:#f1f1f1;
}

#top_dietlab_ranking .ttl .sub { font-size:75%; }
#top_dietlab_ranking li {
	margin-top:10px;
	border-bottom:1px solid #eaeaea;
}
#top_dietlab_ranking li dl { 
	position:relative; 
	min-height:60px; 
	height:60px; 
	height:auto !important;
	margin-left:5px;
}
#top_dietlab_ranking li dl dt { width:200px; line-height:1.6; }
#top_dietlab_ranking li dl dt {line-height:1.5;font-size: 88%;}
#top_dietlab_ranking li dl dd.img { position:absolute; top:0; left:216px; width:60px; }
#top_dietlab_ranking .more { margin:5px auto 10px; text-align:right; }
#top_dietlab_ranking .more a {
	background:url(https://s.yimg.jp/images/health/health_diet/img/top/arw_gray.png?20140618) no-repeat right;
	padding-right:15px;
	font-size:75%;
	text-decoration:none;
} 
#top_dietlab_ranking .more a:hover { text-decoration:underline; }

#top_dietlab_ranking .access_ranking .ttl .main {
width: 100%;
font-size: 12px;
height: 100%;
text-indent: 0;
color:#9E9891;
background-image: none;
}