@charset "UTF-8";


/*--------------　top　--------------*/
#top_contents{ width: 920px; margin: 10px auto 40px;}
#top_main{ float:left;width:740px;}
#top_mainleft{ float:left; width:340px; margin-right:30px;  margin-bottom:5px;}
#top_mainright{ float:left; width:340px; padding-right:20px;}
#top_right_banner{ float:left; width:180px; padding-left:0px;}
#flashare{ height:350px;}

.banner{
	width: 180px;
	height: auto;
	margin: 0;
	padding: 0;
}
.banner li{
	margin: 0 0 6px 0;
	padding: 0;
	list-style: none;
}
.banner li.ban_cc2009{
	margin: 0 0 5px 0;
}

h2.text1{
	background: url(../images/top_h2_1.gif) no-repeat 0 0 ;
	width: 180px;
	height: 18px;
	margin: 20px 0 6px 0;
	padding: 0;
	display: block;
	text-indent: -9999px;
	overflow:hidden;
}
h2.text2{
	background: url(../images/top_h2_2.gif) no-repeat  0 0 ;
	width: 180px;
	height: 18px;
	margin: 20px 0 6px 0;
	padding: 0;
	display: block;
	text-indent: -9999px;	overflow:hidden;
}
h2.text3{
	background: url(../images/top_h2_brand.png) no-repeat 0 0 ;
	width: 180px;
	height: 19px;
	margin: 0 0 6px 0;
	padding: 0;
	display: block;
	text-indent: -9999px;
	overflow:hidden;
}

h2.text4{
	background: url(../images/top_h2_corporate.png) no-repeat 0 0 ;
	width: 180px;
	height: 19px;
	margin: 0 15px 6px 0;
	padding: 0;
	display: block;
	text-indent: -9999px;
	overflow:hidden;
}
#top_mainleft dl{
	clear: both;
	margin: 10px 0;
}
#top_mainleft dl:after{
	content:".";display:block;height:0;clear:both;visibility:hidden;
}
#top_mainleft dt{
	float: left;
	width: 80px;
}
#top_mainleft dd{
	float: left;
	width: 260px;
	padding-left:80px;
}

#top_mainright dl{
	clear: both;
	margin: 10px 0;
}
#top_mainright dt{
	width: 80px;

}
#top_mainright dd{
	width: 260px;
	padding-left:80px;
}
#top_mainright dd a{

}
/* 改装オープン */
#top_mainleft dd.newsicon_a,#top_mainright dd.newsicon_a{
	background:url(../images/newsicon01.gif) 0 0 no-repeat;
}
/* その他 */
#top_mainleft dd.newsicon_b,#top_mainright dd.newsicon_b{
	background:url(../images/newsicon02.gif) 0 0 no-repeat;
}
/* お知らせ */
#top_mainleft dd.newsicon_c,#top_mainright dd.newsicon_c{
	background:url(../images/newsicon03.gif) 0 0 no-repeat;
}
/* 店舗情報 */
#top_mainleft dd.newsicon_d,#top_mainright dd.newsicon_d{
	background:url(../images/newsicon04.gif) 0 0 no-repeat;
}
/* 新店オープン */
#top_mainleft dd.newsicon_e,#top_mainright dd.newsicon_e{
	background:url(../images/newsicon05.gif) 0 0 no-repeat;
}
/* 新商品 */
#top_mainleft dd.newsicon_f,#top_mainright dd.newsicon_f{
	background:url(../images/newsicon06.gif) 0 0 no-repeat;
}
/* キャンペーン */
#top_mainleft dd.newsicon_g,#top_mainright dd.newsicon_g{
	background:url(../images/newsicon07.gif) 0 0 no-repeat;
}
/* 新業態 */
#top_mainleft dd.newsicon_h,#top_mainright dd.newsicon_h{
	background:url(../images/newsicon08.gif) 0 0 no-repeat;
}
#top_mainright .top_mainright_banner{
	margin-top:15px;
}


.top_newsbox{
	clear: both;
	width:300px;
	/*
	overflow: scroll;
	*/
} 



#top_right_banner ul li{ margin-top:5px; overflow:hidden;}
#top_right_banner ul li a{display:block;}
* html #top_right_banner ul li.banner1 { float:left;}
#top_right_banner ul li.banner1 a.book1{ width:127px; height:65px;background:url(../images/top_ban_freshnessbuger1_L.gif) no-repeat 0 0; float:left;}
#top_right_banner ul li.banner1 a.book2{ width:143px; height:65px;background:url(../images/top_ban_freshnessbuger1_R.gif) no-repeat 0 0; float:right;}
#top_right_banner ul li.banner1 a.book1:hover,#top_right_banner ul li.banner1 a.book2:hover { background-position: 0px -100px}

#top_right_banner ul li.banner2 {clear:both;}
#top_right_banner ul li.banner2 a{ height:64px;background:url(../images/top_ban_freshnessbuger2.gif) no-repeat 0 0;}
#top_right_banner ul li.banner3 a{ height:66px;background:url(../images/top_ban_freshnessbuger3.gif) no-repeat 0 0;}
#top_right_banner ul li.banner4 a{ height:65px;background:url(../images/top_ban_freshnessbuger4.gif) no-repeat 0 0;}
#top_right_banner ul li.banner5 a{ height:65px;background:url(../images/top_ban_freshnessbuger5.gif) no-repeat 0 0;}
#top_right_banner ul li.banner6 a{ height:65px;background:url(../images/top_ban_freshnessbuger6.gif) no-repeat 0 0;}

#top_right_banner ul li a:hover { background-position: 0px -100px}


#top_mainright{ background:url(../images/bg_whatsnew.gif) no-repeat 160px 20px;}
#top_mainright h2{ float:left; width:165px;}
#top_mainright ul{ padding-top:10px; height:270px; clear:left;}
#top_mainright ul li{ padding-bottom:15px;}
#top_mainright ul li.line2{ background-position:0 48px}
/*#h20{ height:20px;}*/

#ban_organic a{ display:block; background:url(../images/ban_organic.gif) no-repeat 0 0; height:65px; text-indent:-9999px; overflow:hidden;}
#ban_organic a:hover { background-position: 0px -65px}



/*iphone・ipad用 TOPページ*/
#ct .ct_area_2nd #mainInfoBox {
	padding-top: 5px;
	width: 920px;
	height: 345px;
	display: inline-block;
}

#ct .ct_area_2nd #mainInfoBox #mainInfoArea {
	float: left;
	padding-top: 5px;
	padding-left: 9px;
	padding-right: 10px;
	width: 620px;
	display: inline-block;
}

#ct .ct_area_2nd #mainInfoBox #mainInfoBanner {
	float: right;
	background: url(../images/top_info_bg.gif) no-repeat 0 0;
	width: 265px;
	height: 323px;
	margin-top: 7px;
	margin-left: 4px;
	margin-right: 10px;
	position: relative;
	display: inline-block;
}

#ct .ct_area_2nd #mainInfoBox #mainInfoBanner .bnr01{
	position: absolute;
	width: 200px;
	height: 70px;
	top: 50px;
	left: 36px;
}

#ct .ct_area_2nd #mainInfoBox #mainInfoBanner .bnr02{
	position: absolute;
	width: 200px;
	height: 70px;
	top: 138px;
	left: 36px;
	display: block;
}

#ct .ct_area_2nd #mainInfoBox #mainInfoBanner .bnr03{
	position: absolute;
	width: 200px;
	height: 70px;
	top: 226px;
	left: 36px;
}