@charset "utf-8";
@import url("import.css");

/* -----------------------------------------------------------
CSS Information
 File name:      index.css
 Style Info:     インデックスファイル専用CSS
----------------------------------------------------------- */

/*----------------------------------------------------
	index用
----------------------------------------------------*/
#index_news {
	margin:12px 0 14px 0;
}

#index_news h2 {
	margin-bottom:10px;
}

#index_news ul{
	padding:0 5px;
}

#index_news ul li{
	clear:both;
}

#index_news ul a .days{
	width:100px;
	margin-right:5px;
	color:#999999;
	float:left;
	padding-left:100px;
}

#index_news ul a .text{
	text-align: justify;
	text-justify: distribute; 
	width:310px;
	float:left;
}

#index_news ul li a{
	cursor:pointer;
	float:left;
	width:520px;
}

#index_news ul .recipe a{background:url(../img/index/icon_recipe.gif) 0 3px no-repeat;}
#index_news ul .news a{background:url(../img/index/icon_news.gif) 0 3px no-repeat;}
#index_news ul .more a{background:url(../img/index/icon_more.gif) 0 3px no-repeat;}
#index_news ul .taste a{background:url(../img/index/icon_taste.gif) 0 3px no-repeat;}
#index_news ul .media a{background:url(../img/index/icon_media.gif) 0 3px no-repeat;}

#index_news ul .recipe a:hover{background:url(../img/index/icon_recipe_on.gif) 0 3px no-repeat;}
#index_news ul .news a:hover{background:url(../img/index/icon_news_on.gif) 0 3px no-repeat;}
#index_news ul .more a:hover{background:url(../img/index/icon_more_on.gif) 0 3px no-repeat;}
#index_news ul .taste a:hover{background:url(../img/index/icon_taste_on.gif) 0 3px no-repeat;}
#index_news ul .media a:hover{background:url(../img/index/icon_media_on.gif) 0 3px no-repeat;}

#index_news {
	padding-bottom:10px;
	border-bottom:1px #f0ebe8 solid;
}

#index_banner_box li {
	display:inline;
	margin:0 5px 20px 5px;
	float:left;
}

#index_banner_box li .banner_text {
	display:block;
	padding:3px 0 0 18px;
}

#index_banner_box li .recipe_icon {background:url(../img/share/icon_min_recipe.gif) 0 6px no-repeat;}
#index_banner_box li .news_icon {background:url(../img/share/icon_min_news.gif) 0 6px no-repeat;}
#index_banner_box li .more_icon {background:url(../img/share/icon_min_more.gif) 0 6px no-repeat;}
#index_banner_box li .taste_icon {background:url(../img/share/icon_min_taste.gif) 0 6px no-repeat;}
#index_banner_box li .media_icon {background:url(../img/share/icon_min_media.gif) 0 6px no-repeat;}