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

#bnt_toSP { display: none; width: 100%; color:#fff; background: #4ab86f; text-align: center; padding: 20px 0; font-size: 16px; }

#header { height: 410px; 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 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; }
*+html #flash{ width:960px; height:325px; text-align: center; vertical-align: bottom; background: url(/images/top/flash_shadow.jpg) 0 0 no-repeat; }


#flash2{ width:190px; height:240px; text-align: center; vertical-align: bottom; margin-bottom:8px;  background: url(images/top/douga_banner/basic_curry.jpg) 0 0 no-repeat; }
*html #flash2{ width:190px; height:240px; text-align: center; vertical-align: bottom; background: url(images/top/douga_banner/basic_curry.jpg) 0 0 no-repeat; }
*+html #flash2{ width:190px; height:240px; text-align: center; vertical-align: bottom; background: url(images/top/douga_banner/basic_curry.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; overflow: hidden; }
#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; width: 280px; height: 361px; overflow-y: scroll; }

.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:12px;}
.index #news dt{float:left;padding:5px 0 5px 0;}
.index #news dd{ padding:5px 0 5px 70px; 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.info{background: url(/images/top/icon_info.gif) no-repeat 0px 15px; }

.index #news dd.sin{padding-top: 14px; padding-bottom: 13px; _padding-bottom: 20px;}

.index #news dd.oshirase{ background: #FDEFDB; }
.index #news dt.oshirase_hiduke{ padding-left: 8px; padding-right:-8px; }
/*新バナー*/

.index #left_bnr{ margin:20px 0px 8px 40px;}
.index #left_bnr a{ display: block; margin:0 0 8px 0;}
.index #left_bnr p{ display: block; margin:0 0 8px 0;}

/*新バナーここまで*/

/*.index #otodoke{margin:4px 0px 8px 40px;}
.index #otodoke span img{margin-top:5px;}
.index #prouse{margin:0px 0px 10px 40px;}
.index #prouse span img{margin-top:5px;}
.index .mobile, .index .smartphone { margin: 0px 0px 10px 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:7px;}
.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 #osusume .inner { width: 172px; height: 275px; padding: 35px 9px 0; margin-bottom: 20px;  background: url(/images/top/bg_recommend.gif) no-repeat; }

.index #toretateCol { width:410px; height:auto; background:url(/images/top/bg_toretate_body.gif) repeat-y; overflow:hidden; }
.index #toretateCol .leftCol { float:left; width:162px; padding:0 21px 0; }
.index #toretateCol .rightCol { float:left; width:162px; padding:0 21px 0; }
.index #toretateCol .leftCol .title, .index #toretateCol .rightCol .title { margin:9px auto 6px; text-align:center; }
.index #toretateCol .leftCol p, .index #toretateCol .rightCol p {  line-height:18px; margin-bottom: 0; }
.index #toretateCol .leftCol .photo img, .index #toretateCol .rightCol .photo img { width:158px; height:118px; margin:0 0 6px; padding:2px; border:1px solid #ccc; }
.index #toretateFoot { width:410px; height:20px; margin:0 0 15px; background:url(/images/top/bg_toretate_foot.gif) no-repeat; }

*html .index #toretateCol .leftCol { float:left; width:162px; padding:0 19px 20px; font-size:14px; }
*html .index #toretateCol .rightCol { float:left; width:162px; padding:0 19px 20px; font-size:14px; }

.index #toretateCol .leftCol .sttl a { padding:0 0 0 6px; background:url(/recipe/images/new/arrow.gif) 0 4px no-repeat; }
.index #toretateCol .rightCol .sttl a { padding:0 0 0 6px; background:url(/recipe/images/new/arrow.gif) 0 4px no-repeat; }


.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; margin-bottom: 0;}
.index #brand ul{list-style:none; overflow: hidden;  }
.index #brand li{list-style:none;}
.index #brand li img { width: 130px; height: 50px; cursor: pointer; float: left; margin-right: 10px; margin-bottom: 8px; }
.index #brand li img.end { margin-right: 0;  }


/***
.index #brand li.space02{margin-top:10px;margin-left:10px;}
.index #brand li.space03{margin-top:10px;}
***/

.index #enjoy { width:410px; height:auto; clear: both; margin-bottom: 13px; }
.index #enjoy ul{list-style:none;margin-left:10px; overflow: hidden;}
.index #enjoy li{list-style:none;float:left;margin-bottom:0px; height:60px;}
.index #enjoy li.space{margin-left:10px;}
.index #enjoy li.bottom {height:40px;}


.index #topics { width:410px; height:auto; clear: both; }
.index #topics ul{list-style:none;}
.index #topics li{list-style:none;float:left;margin-bottom:8px; height:50px;}
.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: 10px;
	clear: both;
}

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

/************** swfバナー **************/
#slides {
	margin-bottom : 7px;
}

#slides .slides_container li a img {
	display block;
}


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

/************** メッセージ **************/
.info_btn {
margin:14px 0px 0px 20px;
}

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

/**********************************************************************
アナウンス　告知
**********************************************************************/

.announce {
	width:950px;
	height:35px;
	background-image:url(/images/top/bnr_recovery_950x35_off.png);
	background-repeat:no-repeat;
	margin: 0 auto;
	margin-bottom:5px;
	margin-top:5px;
}

.announce:hover{
    background: url(/images/top/bnr_recovery_950x35_on.png) no-repeat;
}



/**********************************************************************
お見舞いメッセージ
**********************************************************************/

.omimai {
	width:950px;
	height:36px;
	background-image:url(/images/top/h30gouu_message.jpg);
	background-repeat:no-repeat;
	margin: 0 auto;
	margin-bottom:10px;
	margin-top:5px;
}