/*---トップページレイウト用---*/
body {
	font-family: "ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
}
/*---トップイメージ---*/
#topimage_wrap {
	width:898px;
	height:328px;
	background-color:#ECE9D8;
	border:#C9C08F solid 1px;
	margin-bottom:12px;
}
#topimage_wrap h1 {
	width:620px;
	height:300px;
	padding:14px;
	background-image:url(../../images/top1/top_image_bg.jpg);
	background-repeat:no-repeat;
	margin:0px;
	float:left;
	text-align:center;
}
/*---店舗情報---*/
#topimage_wrap h2 {
	width:242px;
	height:310px;
	margin:9px 8px 9px 0px;
	float:right;
	background:url(../../images/top1/top_shop_btn.jpg) no-repeat;
}
#topimage_wrap h2 a {
	width:242px;
	height:310px;
	display:block;
	text-indent:-9999px;
	background:url(../../images/top1/top_shop_btn.jpg) no-repeat top;
}
#topimage_wrap h2 a:hover {
	background:url(../../images/top1/top_shop_btn_over.jpg) no-repeat top;
	width:242px;
	height:310px;
	display:block;
}
/*---------------*/


#left_cont {
	width:643px;
	float:left;
}
/*---おすすめメニュー---*/
#left_cont h3 {
	width:643px;
	padding:0px;
	margin:0px;
}
#left_cont h3 ul {
	margin:0;
	padding:0;
}
#left_cont h3 li {
	padding:0;
	float:left;
	list-style:none;
}
#left_cont h3 li.cook1 {
	width:206px;
	height:87px;
	margin-right:10px;
	text-indent:-9999px;
	background:url(../../images/top1/top_cook_btn1.jpg) no-repeat;
}
#left_cont h3 li.cook1 a {
	width:206px;
	height:87px;
	display:block;
	background:url(../../images/top1/top_cook_btn1.jpg) no-repeat;
}
#left_cont h3 li.cook1 a:hover {
	background:url(../../images/top1/top_cook_btn1_over.jpg) no-repeat;
	width:206px;
	height:87px;
	display:block;
}
#left_cont h3 li.cook2 {
	width:206px;
	height:87px;
	margin-right:10px;
	text-indent:-9999px;
	background-image:url(../../images/top1/top_cook_btn2.jpg) no-repeat;
}
#left_cont h3 li.cook2 a {
	width:206px;
	height:87px;
	display:block;
	background:url(../../images/top1/top_cook_btn2.jpg) no-repeat;
}
#left_cont h3 li.cook2 a:hover {
	background:url(../../images/top1/top_cook_btn2_over.jpg) no-repeat;
	width:206px;
	height:87px;
	display:block;
}
#left_cont h3 li.cook3 {
	width:206px;
	height:87px;
	display:block;
	text-indent:-9999px;
	background:url(../../images/top1/top_cook_btn3.jpg) no-repeat;
}
#left_cont h3 li.cook3 a {
	width:206px;
	height:87px;
	display:block;
	background:url(../../images/top1/top_cook_btn3.jpg) no-repeat;
}
#left_cont h3 li.cook3 a:hover {
	background:url(../../images/top1/top_cook_btn3_over.jpg) no-repeat;
	width:206px;
	height:87px;
	display:block;
}


/*---新着情報とお知らせ---*/
#left_cont h4 {
	width:620px;
	margin:10px 0px 0px 0px;
	padding:0;
}
#left_cont dl {
	width:620px;
	padding:0px;
	margin:0px;
}
/*---新着情報とお知らせのテキストスタイルはtest_XXXX.cssにあります---*/
#left_cont dt.date {
	margin:0px 5px 0px 15px;
	color:#666666;
	float:left;
	line-height:145%;
}
#left_cont dd.news {
	color:#666666;
	line-height:145%;
	margin-left:90px;
}
#left_cont dd.news p {
	margin:0;
	padding:0;
	width:520px;
}
* html #left_cont dd.news {
	margin-left:110px;
}
* html #left_cont dd.news p {
	width:500px;
}
#left_cont dd.news a:link {
	color:#FF6600;
	text-decoration:underline;
}
#left_cont dd.news a:visited {
	color:#FF6600;
	text-decoration:underline;
}
#left_cont dd.news a:hover {
	color:#336600;
	text-decoration:none;
}
#left_cont dd.news a:action {
	color:#336600;
	text-decoration:none;
}
#left_cont p.dotbar {
	width:620px;
	margin:5px 0px 5px 0px;
	padding:0;
	background:url(../../images/top1/top_gray_dot.gif) repeat-x;
	clear:both;
}
/*---バナー---*/
#banner {
	width:620px;
	text-align:center;
	margin-top:10px;
}
#banner p {
	padding:6px;
	margin:0px;
	float:left;
}
/*--------------------*/



#right_cont {
	width:250px;
	float:right;
}
/*---おすすめ商品---*/
#top_item {
	width:250px;
	margin-bottom:10px;
	background:url(../../images/top1/top_item_bg.gif) repeat-y;
	height:100%;
	min-height:100%;
}
body > #top_item { 
    height:auto; 
}
#top_item h3.item_title {
	padding:0px;
	margin:0px;
	width:250px;
	height:42px;
	background:url(../../images/top1/top_item_title.jpg) no-repeat;
	text-indent:-9999px;
}
#top_item dl {
	width:250px;
	background-repeat:repeat-y;
	padding:0;
	margin:0;
}
* html #top_item dl {
	width:245px;
}
#top_item dt {
	margin:0px 6px 0px 14px;
	width:131px;
	height:auto;
	float:left;
}
* html #top_item dt {
	margin:0px 6px 0px 7px;
}
/*---ここのテキストはtest_XXXX.cssにあります。---*/
#top_item dd.itemtext {
	float:right;
	width:83px;
	margin-right:13px;
	margin-left:0px;
	color:#005E00;
	font-weight:bold;
	line-height:133%;
}
* html #top_item dt {
	width:83px;
	margin:0px 0px 0px 7px;
}
#top_item dd.itemtext a:link {
	color:#005E00;
	text-decoration:underline;
}
#top_item dd.itemtext a:visited {
	color:#005E00;
	text-decoration:underline;
}
#top_item dd.itemtext a:hover {
	color:#FF6600;
	text-decoration:none;
}
#top_item dd.itemtext a:action {
	color:#FF6600;
	text-decoration:none;
}
#top_item dd.itembtn a {
	float:right;
	width:84px;
	height:18px;
	display:block;
	text-indent:-9999px;
	margin-right:13px;
	margin-top:5px;
	background:url(../../images/top1/top_item_btn.gif) no-repeat;
}
#top_item dd.itembtn a:hover {
	background:url(../../images/top1/top_item_btn_over.gif) no-repeat;
	width:84px;
	height:18px;
	display:block;
}
#top_item p {
	margin:0;
	padding:0;
	clear:both;
}
/*---エーコープのこだわり---*/
#top_proud {
	width:248px;
	background-color:#ECE9D8;
	border:#FF6600 solid 1px;
	margin-bottom:10px;
}
#top_proud h4 {
	width:248px;
	height:34px;
	padding:0;
	margin:0;
	text-indent:-9999px;
	background:url(../../images/top1/top_proud_title.gif) no-repeat;
}
#top_proud ul {
	margin:0;
	padding:0;
}
#top_proud li {
	padding:0;
	margin:0;
	list-style:none;
}
#top_proud li.proud1 {
	width:248px;
	height:20px;
	display:block;
	text-indent:-9999px;
	background:url(../../images/top1/top_proud_btn1.gif) no-repeat;
}
#top_proud li.proud1 a {
	width:248px;
	height:20px;
	display:block;
	background:url(../../images/top1/top_proud_btn1.gif) no-repeat;
}
#top_proud li.proud1 a:hover {
	background:url(../../images/top1/top_proud_btn1_over.gif) no-repeat;
	width:248px;
	height:20px;
	display:block;
}
#top_proud li.proud2 {
	width:248px;
	height:20px;
	display:block;
	text-indent:-9999px;
	background:url(../../images/top1/top_proud_btn2.gif) no-repeat;
}
#top_proud li.proud2 a {
	width:248px;
	height:20px;
	display:block;
	background:url(../../images/top1/top_proud_btn2.gif) no-repeat;
}
#top_proud li.proud2 a:hover {
	background:url(../../images/top1/top_proud_btn2_over.gif) no-repeat;
	width:248px;
	height:20px;
	display:block;
}
#top_proud li.proud3 {
	width:248px;
	height:20px;
	display:block;
	text-indent:-9999px;
	background:url(../../images/top1/top_proud_btn3.gif) no-repeat;
}
#top_proud li.proud3 a {
	width:248px;
	height:20px;
	display:block;
	background:url(../../images/top1/top_proud_btn3.gif) no-repeat;
}
#top_proud li.proud3 a:hover {
	background:url(../../images/top1/top_proud_btn3_over.gif) no-repeat;
	width:248px;
	height:20px;
	display:block;
}
#top_proud li.proud4 {
	width:248px;
	height:20px;
	display:block;
	text-indent:-9999px;
	background:url(../../images/top1/top_proud_btn4.gif) no-repeat;
}
#top_proud li.proud4 a {
	width:248px;
	height:20px;
	display:block;
	background:url(../../images/top1/top_proud_btn4.gif) no-repeat;
}
#top_proud li.proud4 a:hover {
	background:url(../../images/top1/top_proud_btn4_over.gif) no-repeat;
	width:248px;
	height:20px;
	display:block;
}

/*---エーコープマーク品---*/
#top_mark {
	width:248px;
	background-color:#ECE9D8;
	border:#FF6600 solid 1px;
	margin-bottom:10px;
}
#top_mark h4 {
	width:248px;
	height:30px;
	padding:0;
	margin:0;
	text-indent:-9999px;
	background:url(../../images/top1/top_mark_title.gif) no-repeat;
}
#top_mark ul {
	margin:0;
	padding:0;
}
#top_mark li {
	padding:0;
	margin:0;
	list-style:none;
}
#top_mark li.mark1 {
	width:248px;
	height:20px;
	display:block;
	text-indent:-9999px;
	background:url(../../images/top1/top_mark_btn1.gif) no-repeat;
}
#top_mark li.mark1 a {
	width:248px;
	height:20px;
	display:block;
	background:url(../../images/top1/top_mark_btn1.gif) no-repeat;
}
#top_mark li.mark1 a:hover {
	background:url(../../images/top1/top_mark_btn1_over.gif) no-repeat;
	width:248px;
	height:20px;
	display:block;
}

/*---エーコープの取組み・環境活動---*/
#top_eco {
	width:248px;
	background-color:#ECE9D8;
	border:#FF6600 solid 1px;
	margin-bottom:10px;
}
#top_eco h4 {
	width:248px;
	height:34px;
	padding:0;
	margin:0;
	text-indent:-9999px;
	background:url(../../images/top1/top_eco_title.gif) no-repeat;
}
#top_eco ul {
	margin:0;
	padding:0;
}
#top_eco li {
	padding:0;
	margin:0;
	list-style:none;
}
#top_eco li.eco1 {
	width:248px;
	height:20px;
	display:block;
	text-indent:-9999px;
	background:url(../../images/top1/top_eco_btn1.gif) no-repeat;
}
#top_eco li.eco1 a {
	width:248px;
	height:20px;
	display:block;
	background:url(../../images/top1/top_eco_btn1.gif) no-repeat;
}
#top_eco li.eco1 a:hover {
	background:url(../../images/top1/top_eco_btn1_over.gif) no-repeat;
	width:248px;
	height:20px;
	display:block;
}
#top_eco li.eco2 {
	width:248px;
	height:20px;
	display:block;
	text-indent:-9999px;
	background:url(../../images/top1/top_eco_btn2.gif) no-repeat;
}
#top_eco li.eco2 a {
	width:248px;
	height:20px;
	display:block;
	background:url(../../images/top1/top_eco_btn2.gif) no-repeat;
}
#top_eco li.eco2 a:hover {
	background:url(../../images/top1/top_eco_btn2_over.gif) no-repeat;
	width:248px;
	height:20px;
	display:block;
}
#top_eco li.eco3 {
	width:248px;
	height:20px;
	display:block;
	text-indent:-9999px;
	background:url(../../images/top1/top_eco_btn3.gif) no-repeat;
}
#top_eco li.eco3 a {
	width:248px;
	height:20px;
	display:block;
	background:url(../../images/top1/top_eco_btn3.gif) no-repeat;
}
#top_eco li.eco3 a:hover {
	background:url(../../images/top1/top_eco_btn3_over.gif) no-repeat;
	width:248px;
	height:20px;
	display:block;
}