@charset "UTF-8";
/************** メイン コンテンツ **************/


#header { height: 420px; width: 970px; margin: 0px auto; padding-top: 0px; !important}
#header_shadow_l_top { height: 435px; width: 5px; margin: 0px; padding-top: 0px; background: url(/images/top/head_shadow_l.jpg) no-repeat; float: left; }
#header_shadow_r_top { height: 435px; width: 5px; margin: 0px; padding-top: 0px; background: url(/images/top/head_shadow_r.jpg) no-repeat; float: left; }

#flash{ width:960px; height:360px; text-align: center; vertical-align: bottom; background: url(/images/top/flash_shadow.jpg) 0 0 repeat-y; }
*html #flash{ width:960px; height:325px; text-align: center; vertical-align: bottom; background: url(/images/top/flash_shadow.jpg) 0 0 no-repeat; }
*+html #flash{ width:960px; height:325px; text-align: center; vertical-align: bottom; background: url(/images/top/flash_shadow.jpg) 0 0 no-repeat; }


#contents_top { width: 100%; margin: 0px auto; background: url(/images/top/footer.gif) no-repeat;background-position: bottom; padding-bottom:50px;   }
#contents_top #contents {width:1000px;padding:0; margin:0 auto;}
#contents_top #contents #top_left {float:left;width:340px;}
#contents_top #contents #top_center {float:left;width:410px;}
#contents_top #contents #top_right {float:left;width:250px;} 


.index #news{margin-left:40px;}

.index #news a {color: #000; text-decoration: none; }
.index #news a:visited {color: #888;}
.index #news a:hover {color: #000; text-decoration: underline; }
.index #news a:active {color: #888;}

.index #news dl{margin:0;padding:0;font-size:10px;}
.index #news dt{float:left;padding:5px 0 5px 0;}
.index #news dd{ padding:5px 0 5px 60px; margin-right:20px; border-bottom:1px dotted #333; }
.index #news dd.recipe{ background: url(/images/top/icon_recipe.gif) no-repeat 0px 15px; }
/***.index #news dd.products{background: url(/images/top/icon_products.jpg) no-repeat 0px 15px; }***/
.index #news dd.news{background: url(/images/top/icon_news.gif) no-repeat 0px 15px; }
.index #news dd.cam{background: url(/images/top/icon_cam.gif) no-repeat 0px 15px; }
.index #news dd.event{background: url(/images/top/icon_event.gif) no-repeat 0px 15px; }
.index #news dd.ir{background: url(/images/top/icon_ir.gif) no-repeat 0px 15px; }

.index #news dd.oshirase{ background: #FDEFDB; }
.index #news dt.oshirase_hiduke{ padding-left: 8px; padding-right:-8px; }

.index #otodoke{margin:20px 0 20px 40px;}
.index #mobile{width:280px;height:75px;margin-left:40px; background:url(/images/top/mobile_bg.jpg) 0 0 no-repeat;}
.index #mobile .txt{padding:33px 0 0 33px;display:block;font-size:10px;}
.index #osusume{margin-left:20px;}
.index #osusume img{margin-bottom:5px;}
.index #osusume #osusumebox{padding:5px;border:1px solid #CCC;width:178px;margin-bottom:5px;}
.index #osusume #osusumebox p{padding:0 0 0 10px;background:url(/images/top/icon_toretate02.jpg) 0 0 no-repeat;font-size:11px;}
.index #osusume #osusumebox .new{font-weight:bold;color:#ef484f;}

.index #toretate #toretate_title1{width:410px;height:60px;background:url(/images/top/recipe_bg01.jpg) 0 0 no-repeat;}
.index #toretate #toretate_title1 p{padding:11px 0 0 10px;margin:0 0 0 20px;color:#ef484f;font-weight:bold;background:url(/images/top/icon_toretate.jpg) 0 0 no-repeat;}
.index #toretate #toretate_title2{width:410px;height:60px;background:url(/images/top/recipe_bg01.jpg) 0 0 no-repeat;}
.index #toretate #toretate_title2 p{padding:5px 0 0 10px;margin:0 0 0 20px;color:#ef484f;font-weight:bold;background:url(/images/top/icon_toretate.jpg) 0 0 no-repeat;}

.index #toretate #toretate_contents{width:410px;height:133px;background:url(/images/top/recipe_bg02.jpg) 0 0 no-repeat;}
.index #toretate #toretate_contents #box{width:350px;margin:0 auto;}
.index #toretate #toretate_contents #box #toretate_left{width:150px;float:left;}
.index #toretate #toretate_contents #box #toretate_right{width:200px;float:right;}
.toretate_btn{width:200px;text-align:right;margin-top:10px;display:block;}
.index #toretate #toretate_bottom{width:410px;height:18px;background:url(/images/top/recipe_bottom.jpg) 0 0 no-repeat;}

.index #toretate #toretate_contents2 {width:410px; background:url(/images/top/recipe_bg02.jpg) 0 0 no-repeat;}
.index #toretate #toretate_contents #box2 {width:380px; margin:0 auto;}
.toretate_btn2 {float:left; width:69px; margin-top:40px; display:inline;}
#toretate_left2 {width:150px; float:left; margin-left:28px; margin-bottom:15px; display:inline;}
.index #toretate #toretate_contents #box #toretate_right2 {width:219px; float:right; display:inline;}
.toretate_right_t {float:left; width:150px; display:inline;}


.index #brand {	width:410px;}
.index #brand ul{list-style:none;}
.index #brand li{list-style:none;float:left;margin-bottom:10px;}
.index #brand li.space{margin-left:10px;}
/***
.index #brand li.space02{margin-top:10px;margin-left:10px;}
.index #brand li.space03{margin-top:10px;}
***/
.index #topics { width:410px; marigin-top: 20px; }
.index #topics ul{list-style:none;}
.index #topics li{list-style:none;float:left;margin-bottom:5px;}
.index #topics li.space{margin-left:10px;}
.index #topics li.space02{margin-top:10px;margin-left:10px;}
.index #topics li.space03{margin-top:10px;}


/**************************************************************************************************************** 
SB 
*****************************************************************************************************************/

/************** dinner/curry_at_home バナー **************/
#dinner_at_home {
	margin-bottom: 15px;
	clear: both;
}

/************** 中央ピックアップスパイス **************/
.index #pickup #pickup_title{width:410px;height:50px;background:url(/images/top/recipe_bg01.jpg) 0 0 no-repeat;}
.index #pickup #pickup_title p{padding:10px 0 0 10px;margin:0 0 0 20px;color:#ef484f;font-weight:bold;background:url(/images/top/icon_toretate.jpg) 0 0 no-repeat;}
.index #pickup #pickup_contents{width:410px;height:133px;background:url(/images/top/recipe_bg02.jpg) 0 0 no-repeat;}
.index #pickup #pickup_contents #box{width:370px;margin:0 auto;}
.index #pickup #pickup_contents #box #pickup_left{width:150px;float:left;}
.index #pickup #pickup_contents #box #pickup_right{width:220px;float:right;}
.pickup_btn{width:200px;text-align:right;margin-top:10px;display:block;}
.index #pickup #pickup_bottom{width:410px;height:18px;background:url(/images/top/recipe_bottom.jpg) 0 0 no-repeat;}

.index #pickup #pickup_contents #box #pickup_item {
	float:right;
	margin-left: 8px;
}

/************** 中央バナー **************/
.bn_c {
	margin-bottom: 15px;
	clear: both;
}

/************** ginger バナー **************/
#ginger {
	margin-bottom: 10px;
	clear: both;
}

/********************************************************************** 
お知らせ
**********************************************************************/

/************** メッセージ **************/
.message_area {
 width: 100%;
 clear: both;
}
.message_box {
 overflow: auto;
 width: 920px;
 margin: 0px auto;
 border: 2px solid #E5E5E5;
}
.message_box .mes_l01,
.message_box .mes_l02 {
 float: left;
 width: 490px;
 height: 50px;
 display: inline;
 text-indent: -9999px;
 background:url(../images/top/message_txt.gif) no-repeat;
}
/* ボタンと更新履歴バージョン
.message_box .mes_l01 { margin: 12px 0px 0px 30px; }
.message_box .mes_l02 { margin: 22px 0px 0px 30px; }
.message_box .mes_r { overflow: auto;
 float: right;
 width: 350px;
 border-left: 1px solid #E5E5E5;
}
.message_box .mes_r .info_btn {
 margin-bottom: 10px;
 text-align: center;
}
*/
/* ボタンのみバージョン*/
.message_box .mes_l01 { margin: 12px 0px 0px 60px; }
.message_box .mes_r {
 overflow: auto;
 float: right;
 width: 280px;
 border-left: 1px solid #E5E5E5;
}
.message_box .mes_r .info_btn {
 height: 52px;
 padding: 20px 0px 0px 0px;
 text-align: center;
}

/************** お知らせ　案03 **************/

.info_area {
 margin: 8px 8px 0px 8px;
 font-size: 1em;
 line-height: 1.6em;
 clear: both;
}
.info_area dl { }
.info_area dt { float: left; padding: 0px 12px 5px 0px; }
.info_area dd { padding: 0px 0px 5px 0px; }

.info_area a,
.info_area a:visited,
.info_area a:hover,
.info_area a:active {
 color: #4cb870;
 font-weight: bold;
}

/************** お知らせ　共通 **************/
.info_area a, .info_area a:visited,
.info_area a:hover, .info_area a:active {
	color: #4cb870;
	font-weight: bold;
}


/************** 左側下部バナー **************/
.index #osusume280 {margin: 5px 0px 20px 40px;}
.index #osusume280 img {margin-top: 10px; clear: both}