@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";


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

body{
	text-align:center;
	background:#666 url(/0_parts/img_index/body_bg.jpg) repeat-x;}


#container{
	background: url(/0_parts/img_index/container_bg.png) repeat-y center;}


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



#header{
	width:810px;
	height:200px;
	margin:0 auto;}

#contents{
	width:810px;
	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 10px 0 200px;
	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;}



#side_left{
	margin-left:-810px;
	width:200px;
	float:left;
	background:#FFF;
	font-size:13px;}
#side_left .inner{
	margin:0 10px;
	padding-top:5px;}



#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;}

/* 味噌リスト */
#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;}




/* 商品リスト */
#main_item_list{}
/* -- clearfix -- */
#main_item_list:after {content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear: both;}
#main_item_list{zoom:1;}

#main_item_list h3{
	border-bottom:1px dotted #600;
	line-height:20px;
	background:url(/0_parts/img_index/main_item_list_h3.jpg) no-repeat;
	padding-left:15px;
	}


#main_item_list .left{
	float:left;
	width:32%;
	margin-right:2%;}
#main_item_list .center{
	float:left;
	width:32%;}
#main_item_list .right{
	float:right;
	width:32%;}

#main_item_list ul{
	margin-bottom:10px;}
#main_item_list li{
	list-style-type:disc;
	list-style-position:inside;}




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

#guide{
	background:url(/0_parts/img_index/guide_bg.jpg) repeat-y;
	margin-top:50px;
	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;}