@charset "utf-8";
/* CSS Document */


@import "style_header.css";
@import "style_side.css";
@import "style_footer.css";
@import "style_item.css";
@import "style_text_design.css";
@import "style_wp.css";


*{
    margin:0;
    padding:0;
    text-decoration:none;
    list-style-type:none;}

body{
	text-align:center;
	background:#DDD;}


#container{
	background:#FFF;
	width:860px;
	margin:0 auto;
}


/* ---------------------------------------------------------------- */
/* box size */
/* ---------------------------------------------------------------- */

#contents{
	width:870px;
	margin:0 auto;
	text-align:left;
	background:#FFF;}
#contents:after {content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear: both;}
#contents{zoom:1;}

#main{
	width:100%;
	float:left;}
#main .inner{
	margin:0 30px 0 240px;
	background:#FFF;}
/* -- clearfix -- */
#main .inner:after {content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear: both;}
#main .inner{zoom:1;}





#footer{
	width:810px;
	margin:0 auto;}


/* ---------------------------------------------------------------- */
/* top design */
/* ---------------------------------------------------------------- */
#top_img{
	padding-top:5px;
	margin-bottom:5px;}

.top_text{
	margin-bottom:10px;}

#top_text{
	margin-bottom:20px;
	padding:5px;
	background:#FFC;
	border:1px solid #FC0;}


.img_lr{margin-bottom:20px;}
/* -- clearfix -- */
.img_lr:after {content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear: both;}
.img_lr{zoom:1;}

.img_lr .left{float:left}
.img_lr .right{float:right;}



/* 味噌リスト */
#main_item_miso{
	background:#FFF url(/0_parts/img_index/main_item_miso_bg.jpg) repeat-y;
	margin-bottom:30px;
	border-bottom:#804000 1px solid;}
/* -- clearfix -- */
#main_item_miso:after {content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear: both;}
#main_item_miso{zoom:1;}

#main_item_miso h2{
	background:url(/0_parts/img_index/main_item_miso_h2.jpg) no-repeat;
	height:25px;
	padding:18px 0 0 240px;
	margin-bottom:5px;
	font-size:12px;
	font-weight:normal;}


#main_item_miso ul{
	padding:0 20px;}

#main_item_miso .left{
	float:left;
	width:170px;
	margin-right:25px;}

#main_item_miso .center{
	float:left;
	width:170px;}

#main_item_miso .right{
	float:right;
	width:170px;}


#main_item_miso li{
	margin:0 0 10px 0;
	background:#333;
	text-align:center;
	padding-top:5px;}
/* -- clearfix -- */
#main_item_miso li:after {content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear: both;}
#main_item_miso li{zoom:1;}

#main_item_miso li a img{
	background:#FFF;
	padding:1px;
	border:1px solid #600;
	margin-bottom:5px;}
#main_item_miso li a:hover img{
	border:1px solid #F00;}

#main_item_miso li span{
	display:block;
	width:144px;
	padding:5px;
	text-align:left;
	margin:0 auto 5px auto;
	background:#FFF;}






/* ---------------------------------------------------------------- */
/* home 商品カテゴリーリスト */
/* ---------------------------------------------------------------- */

#main_cat{
	margin-bottom:50px;}
/* -- clearfix -- */
#main_cat:after {content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear: both;}
#main_cat{zoom:1;}

#main_cat dl{
	float:left;
	width:200px;
	margin-bottom:20px;}



#main_cat dl.l dt,
#main_cat dl.l dd{
	margin-right:10px;
	}
#main_cat dl.m dt,
#main_cat dl.m dd{
	margin:0 5px;
	}
#main_cat dl.r dt,
#main_cat dl.r dd{
	margin-left:10px;
	}


#main_cat dl dd{
	padding:5px;
	text-align:center;
	border:#999 solid;
	border-width:0 1px 1px 1px;}




#m_cat{
	margin-bottom:50px;}
/* -- clearfix -- */
#m_cat:after {content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear: both;}
#m_cat{zoom:1;}

#m_cat dl{
	float:left;
	width:220px;
	margin-bottom:20px;}


#m_cat dl.l dt,
#m_cat dl.l dd{
	margin-right:30px;
	}
#m_cat dl.m dt,
#m_cat dl.m dd{
	margin-right:30px;
	}
#m_cat dl.r dt,
#m_cat dl.r dd{}

#m_cat dl dd{
	padding:5px;
	text-align:center;
	border:#999 solid;
	border-width:0 1px 1px 1px;}


/* ---------------------------------------------------------------- */
/* guide */
/* ---------------------------------------------------------------- */

#guide{
	background:url(/0_parts/img_index/guide_bg.jpg) repeat-y;
	margin:50px 0 20px;
	clear:both;}

#guide_top{
	padding:10px 20px;
	background:url(/0_parts/img_index/guide_bg_top.jpg) no-repeat;}
/* -- clearfix -- */
#guide_top:after {content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear: both;}
#guide_top{zoom:1;}

#guide #guide_text{
	padding:8px 0 0 170px;
	height:40px;}


#guide .left{
	float:left;
	width:260px;}
#guide .right{
	float:right;
	width:260px;}


#guide h4{
	border-left:5px solid #F00;
	border-bottom:1px solid #333;
	padding-left:5px;
	margin-bottom:5px;
	line-height:20px;
	width:50%;
	background:#666;
	color:#FFF;}


#guide ul{
	margin-bottom:20px;}
#guide ul li{
	background:url(/0_parts/img_index/guide_li.gif) no-repeat 0 4px;
	padding-left:13px;
	margin-bottom:5px;}

#guide .bottom{margin-bottom:20px;}




/* ---------------------------------------------------------------- */
/* 店長と電話 */
/* ---------------------------------------------------------------- */
#q_bottom{
	margin:50px 0;
	height:140px;
	position:relative;
	background:url(/0_parts/img_guide/q_bg.jpg) no-repeat;}

#q_bottom ul li{
	position:absolute;
	top:20px;
	left:420px;}

#q_bottom p{
	position:absolute;
	top:90px;
	left:90px;
	font-size:12px;}




/* ---------------------------------------------------------------- */
/* #page */
/* ---------------------------------------------------------------- */

#page{
	background:#FFF;
	}

#main #page h1{
	border-left:10px solid #333;
	padding-left:10px;
	font-size:18px;
	background:#FFF;
	color:#333;
	margin-bottom:10px;
	}

#main #page h3{
	margin:30px 0 10px 0;
	}


#main #page p{
	line-height:20px;
	margin-bottom:20px;
	}


#page ul{
	margin-bottom:20px;
	}

#page ul li{
	list-style:circle;
	list-style-position:inside;
	line-height:20px;
	}



#page dl{
	background:#DDD;
	padding-bottom:2px;
	clear:both;
	margin-bottom:2px;
	line-height:20px;}
#page dl:after {content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear: both;}
#page dl{zoom:1;}

#page dl dt{
	margin-bottom:2px;
	padding:5px 0 10px 10px;
	width:240px;
	float:left;
	}
#page dl dd{
	float:right;
	width:330px;
	padding:10px 0 10px 10px;
	background:#FFF;
	}


/* 
-----------#newsLetters */
#newsLetters p{
	font-size:18px;
	font-weight:bold;
	}

#newsLetters #s2email{
	height:30px;
    width: 290px;
	background:none;
	border:1px solid #999;
	color:#333;
	font-weight:normal;
	text-align:left;
	font-size:15px;
	padding-left:10px;
	}

#newsLetters p input{
	font-size:18px;
	height:40px;
	width:150px;
	color:#fff;
	border:3px double #FFF;
	background:#F80;
	text-align: center;
	}