@charset "utf-8";


/*
===== CONTENTS ===========================================

	01: head
	02: contents
	03:
	04:
	05: what's new
	06: membership
	07: review
	08: people
	09: bland
	10: business
	11: recruit
	
 00: CLEARFIX

==========================================================
*/


/*
===== 1: head =================================
*/

div#contents h1{
	background: url(../../img/h1.gif) no-repeat left top;
	height: 53px;
	line-height: 53px;
	font-size: 14px;
	color: #7E4211;
	padding-left: 12px;
	margin-bottom: 5px;
}

div#contents h2{
	background: url(../../img/h2.gif) no-repeat left top;
	font-size: 12px;
	padding-left: 20px;
	height: 26px;
	line-height: 26px;
	margin-bottom: 10px;
}

div#contents h3{
	margin-bottom: 5px;
	background: url(../../img/h3.gif) no-repeat left bottom;
	font-size: 12px;
	padding-left: 20px;
	height: 16px;
	line-height: 14px;
}

div#contents_first div.item_list h2{
	background: url(../../img/h2_item_list.gif) no-repeat left top;
	font-size: 12px;
	padding-left: 30px;
	height: 26px;
	line-height: 26px;
}



/*
===== 2: contents =================================
*/

div#contents div#path{
	background: url(../../img/path.gif) no-repeat left top;
	height: 20px;
	line-height: 20px;
	font-size: 10px;
	margin-bottom: 10px;
	padding-left: 5px;
	
}

.img_right{
	float: right;
	margin-left: 10px;
}

.clear{
	clear: both;
}

div.pagetop{
	text-align: right;
}

div.center{
	text-align: center;
}

div#key02{
	margin-bottom: 15px;
}

/*
===== 5: what's new =================================
*/

div.new{
	width: 525px;
}

div.new p{
	margin-bottom: 15px;
}

div.new p img.pict{
	float: right;
	margin-left: 10px;
}

/*
===== 6: membership =================================
*/

div.membership p{
	margin-bottom: 15px;
	margin-left: 10px;
	width: 500px;
}

div.membership ol{
	margin-bottom: 15px;
	margin-left: 10px;
	width: 500px;
}

div.membership ol li{
	margin-bottom: 5px;
	list-style-type: decimal;	
	margin-left: 30px;
}

div.membership ol li ol{
	margin-bottom: 10px;
}

div.membership ol li ol li{
	margin-bottom: 0px;
	margin-left: 30px;
	width: 450px;
}
/*
===== 7: review =================================
*/

p.read{
	margin-bottom:10px;
	padding-top:3px;
}

div.review_comment{
	margin-bottom:10px;
	padding:7px;
	border: solid 1px #DEDEDE;
	background-color: #FBFBFB;
}

div.review_comment p{
	margin-bottom:5px;
}

div.review_comment p.author{
	margin-bottom:0px;
	text-align:right;
	font-size:10px;
	font-weight:bold;
}

div.submit{
	text-align:center;
}

div.submit input{
	margin:0px 5px;
	padding-top:2px;
}

div.review_post textarea{
	width:100%;
	height:120px;
	margin-bottom:10px;
}

div.review_post p{
	margin-bottom:10px;
	padding:7px;
	border: solid 1px #DEDEDE;
	background-color: #FBFBFB;
}

div.review_post p.note{
	text-align:center;
	border: none;
	background-color: #fff
}

p.end{
	padding:100px 0px 200px;
	text-align:center;
}

div#review_nav{
	padding-top: 5px;
	margin-bottom: 10px;
}


div.review_list dl{
	margin-bottom: 10px;
	padding: 10px;
	width: 502px;
	border: solid 1px #cccccc;
}

div.review_list dl dt{
	width: 110px;
	float: left;
}

div.review_list dl dd{
	width: 380px;
	float: right;
}

div.review_list dl dd p{
	margin-bottom: 10px;
}

div.review_list dl dd p span{
	margin-left: 15px;
}

div.review_list dl dd p.data{
	margin-bottom: 3px;
	text-align: right;
}

div.review_list dl dd p.btn_detail{
	text-align: right;
	margin-bottom: 0px;
}
div.review_list dl dd p.btn_detail img.btn_review{
	margin-right: 6px;
}

div.item_info{
	width: 525px;
	margin-bottom: 15px;
}

div.item_detail{
	width: 245px;
	float: right;
}

div.item_detail p{
	margin-bottom: 5px;
}

div.item_img{
	width: 270px;
	float: left;
}

div.item_info2{
	width: 525px;
	margin-bottom: 15px;
}

div.item_detail2{
	width: 405px;
	float: right;
}

div.item_detail2 p{
	margin-bottom: 5px;
}

div.item_img2{
	width: 110px;
	float: left;
}


/*
===== 8: people =============================================
*/



/*             index(right_navi)             */

div#contents div#contents_second p.myhome{
	background: url(../../img/bnr_sns_myhome_center.gif) no-repeat 0px 0px;
	text-align: center;
	line-height: 1.2;
	padding: 0px 5px 3px 5px;
}
div#contents div#contents_second p.myhome_bottom{
	background: url(../../img/bnr_sns_myhome_bottom.gif) no-repeat 0px 0px;
	text-align: center;
	font-size: 10px;
	padding-bottom: 7px;
}

.orange{
	color: #fd4122;
}


/*             mugi             */

.right{
	float: right;
	margin-left: 15px;
}
.left{
	float: left;
	margin-right: 15px;
}
.red{
	color: #990000;
	font-weight: bold;
}


div#contents_first div#clumn{
	width: 525px;
	margin-bottom: 15px;
}
div#contents_first div#clumn p{
	margin-bottom: 15px;
}

div#contents_first div#clumn p.title{
	margin: 10px 0;
}

div#contents_first div#clumn p.kb{
	background: url(../../img/img_people_kb.gif) no-repeat left 0.2em;
	color: #666666;
	padding: 0 0 0 18px;
}

div#contents_first div#clumn p.kw{
	background: url(../../img/img_people_kw.gif) no-repeat left 0.2em;
	color: #333333;
	padding: 0 0 0 18px;
}

div#contents_first div#clumn p.td{
	background: url(../../img/img_people_td.gif) no-repeat left 0.2em;
	color: #333333;
	padding: 0 0 0 18px;
}

div#contents_first div#clumn span.mof{
	color: #cc0000;
}

div#contents_first div#clumn #about_mof{
        margin: 5px 0 10px 18px;
}

div#contents_first div#clumn p.mof_detail{
	float: left;
        width: 365px;
	color: #cc0000;
	font-size: 10px;
}

div#contents_first div#clumn p.mof_logo{
	float: right;
}

div#contents_first div#clumn div.clumn_left{
	float: left;
	width: 215px;
}

div#contents_first div#clumn div.clumn_right{
	float: right;
	width: 300px;
}

div#contents_first div#clumn div.clumn_left2{
	float: left;
	width: 300px;
}

div#contents_first div#clumn div.clumn_right2{
	float: right;
	width: 215px;
}

div#contents_first div#clumn div.clumn_left img,
div#contents_first div#clumn div.clumn_right2 img{
	margin-bottom: 10px;
}

table.profile{
	width: 100%;
	font-size: 10px;
	border-top: solid 1px #CCC;
	border-left: solid 1px #CCC;
}
table.profile td.photo{
	border-right: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	padding: 10px 8px 7px 8px;
}
table.profile th,
table.profile td{
	border-right: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	padding: 3px 7px;
}
table.profile th{
	width: 22%;
	background-color:#E4E4E4;
	font-weight: normal;
	line-height: 1.7em;
}
table.profile th.title{
	font-weight: bold;
}
table.profile td.intro{
	padding: 6px;
}
table.profile p.photo{
	float: left;
	width: 120px;
}
table.profile p.profile{
	float: right;
	width: 390px;
}


/*
===== 9: bland =============================================
*/


/*     fresh     */

div.fresh_box{
	width: 525px;
}
div.fresh_box p.right{
	margin-left: 5px;
}

dl.navi_fresh{
	width: 525px;
}
dl.navi_fresh dt{
	width: 525px;
	margin-bottom: 7px;
}
dl.navi_fresh dd.odd{
	width: 259px;
	float: left;
}
dl.navi_fresh dd.even{
	width: 259px;
	float: right;
}


/*
===== 10: business =============================================
*/


/*     index     */

#contents div#key_wide{
	width: 728px;
	margin-bottom: 20px;
}


#contents div#business_list{
	width: 728px;
	height: 165px;
	background: url(../../img/business_bg.gif) no-repeat 0px 66px;	
}
#contents div#business_list dl{
	width: 364px;
	float: left;
}
#contents div#business_list dl dd dl dt{
	width: 160px;
	float: right;
	display: inline;
}
#contents div#business_list dl dd dl dd.b_list00{
	width: 150px;
	margin-left: 40px;
}
#contents div#business_list dl dd dl dd.b_list01{
	width: 150px;
	margin-left: 29px;
}
#contents div#business_list dl dd dl dt.b_list00img{
	margin-right: 10px;
}
#contents div#business_list dl dd dl dt.b_list01img{
	margin-right: 19px;
}

img.btn_business{
	padding-top: 5px;
}

div#business_inner table{
	width: 525px;
	border-top: solid 1px #DEDEDE;
	border-left: solid 1px #DEDEDE;
}

div#business_inner table th,
div#business_inner table td{
	padding:3px 10px 2px;
	text-align:center;
	border-right: solid 1px #DEDEDE;
	border-bottom: solid 1px #DEDEDE;
}

div#business_inner table th{
	padding-bottom:4px;
	background: #FFF8EE url(../../img/shop_list_bg.gif) no-repeat left bottom;
}

/*     station     */

#contents_first #business_inner h1.station{
	background: none;
	padding: 0px;
	height: 59px;
}
#contents_first #business_inner p{
	margin-right:10px;
	margin-bottom: 13px;
}


#contents_second div#business_navi_wrap{

}
#contents_second div#business_navi_wrap dl#business_navi{

}

div#business_navi_wrap dl#business_navi ul li{

	font-weight:bold;
	line-height:27px;
	background: url(../../img/business_navi_line.gif) no-repeat left bottom;
}

div#business_navi_wrap dl#business_navi ul li a{
	padding-left:22px;
	background: url(../../img/business_navi_arrow.gif) no-repeat 7px 1px;
}

div#business_navi_wrap dl#business_navi ul li a:link,
div#business_navi_wrap dl#business_navi ul li a:visited{
	color:#68453B;
}

div#business_navi_wrap dl#business_navi ul li a:hover,
div#business_navi_wrap dl#business_navi ul li a:active{
	color: #A57E73;
}

/*     product    */


#business_inner div.basic_item{
	width:525px;
	margin-bottom:10px;
}

#business_inner div.basic_item dl{
	width:167px;
	float:left;
	margin-right:12px;
}

#business_inner div.basic_item dl.end{
	margin-right:0px;
}

#business_inner div.basic_item dl dt{
	line-height:29px;
	padding-left:23px;
	color:#fff;
	font-weight:bold;
	background: url(../../img/product_basic_top.gif) no-repeat;
}


/*     first    */

#business_inner ol{
	margin-bottom: 15px;
	margin-left: 10px;
	width: 500px;
}

#business_inner ol li{
	margin-bottom: 5px;
	list-style-type: decimal;
	margin-left: 30px;
	color: #990000;
	font-weight:bold;
}

#business_inner ol li span{
	font-weight:normal;
	color:#666;
}

#business_inner div.title_ex{
        font-weight: bold;
	width:525px;
        height: 28px;
        vertical-align: center;
        line-height: 28px;
	margin-bottom: 5px;
	padding: 0 0 4px 10px;
	background: url(../../img/title_ex.jpg) no-repeat left top;
}

#business_inner div.first_ex{
	width:525px;
	margin-bottom:10px;
	padding-bottom:7px;
	background: url(../../img/first_ex_btm.gif) no-repeat left bottom;
}

#business_inner div.first_ex dl{
	width:257px;
	float:right;
	background: url(../../img/first_ex_bg.gif) repeat-y;
}

#business_inner div.first_ex dl.even{
	width:257px;
	float: left;
}

#business_inner div.first_ex dl dt{
	line-height:29px;
	padding-left:23px;
	color:#fff;
	font-weight:bold;
	background: url(../../img/first_ex_top.gif) no-repeat;
}

#business_inner div.first_ex dl dd p{
	margin:0px auto;
	padding-top: 10px;
	width: 241px;
}

#business_inner div.first_ex dl dd p img{
	margin-bottom: 5px;
}

#business_inner div.first_ex dl dd span{
	font-size:10px;
}

div.content_in table td.fresh_name{
	text-align: right;
}

#contents_first #business_inner table.frozen_tb td p{
	margin-bottom: 0px;
	text-align: right;
}

table.frozen_tb{
	margin-bottom: 20px;
}

p.foooter_navi{
	padding-top: 7px;
	padding-left: 15px;
	padding-bottom: 10px;
	background: url(../../img/footer_navi_bg.gif) no-repeat left top;
	line-height: 1.7;
}

p.foooter_navi span{
	color: #884A0D;
}

p.foooter_navi span.bold{
	padding-left: 10px;
	font-weight: bold;
	color: #666666;
}


/*new_product*/
ul.new_product_box{
	padding-top: 14px;
	width: 530px;
}

ul.new_product_box li{
	margin-right: 5px;
	margin-bottom: 13px;
	width: 260px;
	float: left;
	background: url(../../img/new_product_boder.gif) repeat-y left top;
	border-bottom: solid 1px #ccc;
}

ul.new_product_box li dl dt{
	padding-left: 19px;
	background: url(../../img/title_new_product.gif) no-repeat left top;
	height: 35px;
	line-height: 26px;
	font-weight: bold;
}

ul.new_product_box li dl dd{
	padding-top: 5px;
/*	border-left: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;*/
	/*min-height: 230px;*/
}

#contents_first #business_inner ul.new_product_box li dl dd p{
	margin-left: 10px;
	margin-bottom: 8px;
}

#main_new_product{

}

#main_new_product #contents{
	margin-bottom: 4px;
	background: url(../../img/menu_new_product_bg.gif) repeat-y 100% 0%;
}

/*
===== 11: recruit =============================================
*/


/*     index     */

#contents div#key_wide_recruit{
	width: 728px;
	margin-bottom: 0px;
}


#contents div#recruit_list{
	width: 728px;
	height: 151px;
	background: url(../../img/recruit_bg.gif) no-repeat 0px 0px;
}
#contents div#recruit_list dl.r_list{
	padding-top: 15px;
}
#contents div#recruit_list dl.r_list dt.r_list_img{
	width: 276px;
	float: right;
	display: inline;
	margin-right: 47px;
	margin-left: 14px;
}
#contents div#recruit_list dl.r_list dd.r_list_text{
	width: 338px;
	float: right;
	padding-top: 8px;
}
#contents div#recruit_list dl.r_list dd.r_list_text dl dt{
	margin-bottom: 5px;
}
#contents div#recruit_list dl.r_list dd.r_list_text dl dd{
	color: #4f4f4f;
}

img.btn_recruit{
	display: block;
	padding-top: 5px;
	padding-right: 3px;
	float: right;
}


/*     part     */

#contents_first #inner p{
	padding-left: 20px;
	margin-bottom: 13px;
}

#inner dl{
	padding-left: 20px;
	margin-bottom: 13px;
}
#inner dl dt{
	margin-bottom: 3px;
}
#inner dl dd{
	margin-bottom: 8px;
}


#contents_second dl#recruit_navi{
	background: #F5F0E2;
	height: 1390px;
}
#contents_second dl#recruit_navi dt{
	margin-bottom: 2px;
}
#contents_second dl#recruit_navi dd{
	margin-bottom: px;
}

#contents div#recruit_part_box{
	width: 524px;
}

#contents div#recruit_part_box p{
width:218px;
float:right;
padding:0px;
}

#contents div#recruit_part_box ul{
	width:293px;
	float:left;
}

#contents div#recruit_part_box ul li{
	padding:10px 0px 5px 17px;
	font-weight:bold;
	background: url(../../img/arrow_mugi.gif) no-repeat 4px 15px;
}


#contents div#recruit_part_list{
	width: 524px;
	height: 177px;
	background: url(../../img/recruit_part_bg.gif) no-repeat 0px 0px;
}


#contents div#recruit_part_list p.img{
	width:156px;
	float:right;
	margin:11px 27px 0px 0px;
	padding:0px;
	display:inline;
}

#contents div#recruit_part_list dl{
	width:313px;
	float:left;
	padding:0px;
	margin-top:25px;
	margin-left:28px;
	display:inline;
}

#contents div#recruit_part_list dt{
	margin-bottom:10px;
}

#contents div#recruit_part_list dd{
	padding-left:7px;
}

#contents div#recruit_part_list dd span{
	font-weight:bold;
}

#contents div#recruit_part_list dd p{
	margin:0px;
	padding:0px 0px 4px;
}

/*
===== 6: flow=================================
*/

div.flow h3{
clear:both;
}

div.flow p{
	margin-left:10px;
	margin-right:15px;
	margin-bottom: 15px;
}

div.flow dl{
	width:500px;
	margin-bottom: 15px;
	margin-left: 10px;
}

div.flow dl dt{
font-weight:bold;
margin-bottom:3px;
}

div.flow dl dd{
	margin-left:10px;
	margin-bottom:13px;
	padding-left:10px;
	background: url(../../img/arrow_mugi.gif) no-repeat 0px 5px;
}

div.flow_box{
width:510px;
margin-left:10px;
margin-bottom:10px;
padding-top:5px;
}

div.flow_box p{
margin:0px 0px 10px;
}

div.flow_box .flow_img{
width:276px;
float:left;
}

div.flow_box .flow_text{
width:234px;
float:right;
}

/*
===== 00: CLEARFIX ==========================================
*/

dl#r_list,
div#business_list,
div.fresh_box,
dl.people_list,
div.shop_info,
div.shop_manager dd,
div.item_info,
div.item_manager dd,
dl.shop_dl,
dl.shop_dl_last,
div.shop_img_etc ul,
div.shop_area,
ul.genre_second li dl,
ul.genre_first li dl,
div.item_list ul li dl,
div.review_list dl,
div.item_info2,
div#recruit_part_list,
div#recruit_part_box,
div.flow_box,
div.first_ex,
div.basic_item,
ul.new_product_box{
	min-height:1px; /* IE 7*/
}

dl#r_list:after,
div#business_list:after,
div.fresh_box:after,
dl.people_list:after,
div.shop_info:after,
div.shop_manager dd:after,
div.item_info:after,
div.item_manager dd:after,
dl.shop_dl:after,
dl.shop_dl_last:after,
div.shop_img_etc ul:after,
div.shop_area:after,
ul.genre_second li dl:after,
ul.genre_first li dl:after,
div.item_list ul li dl:after,
div.review_list dl:after,
div.item_info2:after,
div#recruit_part_list:after,
div#recruit_part_box:after,
div.flow_box:after,
div.first_ex:after,
div.basic_item:after,
ul.new_product_box:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}

dl#r_list,
div#business_list,
div.fresh_box,
dl.people_list,
div.shop_info,
div.shop_manager dd,
div.item_info,
div.item_manager dd,
dl.shop_dl,
dl.shop_dl_last,
div.shop_img_etc ul,
div.shop_area,
ul.genre_second li dl,
ul.genre_first li dl,
div.item_list ul li dl,
div.review_list dl,
div.item_info2,
div#recruit_part_list,
div#recruit_part_box,
div.flow_box,
div.first_ex,
div.basic_item,
ul.new_product_box{
display:inline-table; }


/* Mac IE  \*/

* html dl#r_list,
* html div#business_list,
* html div.fresh_box,
* html dl.people_list,
* html div.shop_info,
* html div.shop_manager dd,
* html div.item_info,
* html div.item_manager dd,
* html dl.shop_dl,
* html dl.shop_dl_last,
* html div.shop_img_etc ul,
* html div.shop_area,
* html ul.genre_second li dl,
* html ul.genre_first li dl,
* html div.item_list ul li dl,
* html div.review_list dl,
* html div.item_info2,
* html div#recruit_part_list,
* html div#recruit_part_box,
* html div.flow_box,
* html div.first_ex,
* html div.basic_item,
* html ul.new_product_box
{ height:1px; }

dl#r_list,
div#business_list,
div.fresh_box,
dl.people_list,
div.shop_info,
div.shop_manager dd,
div.item_info,
div.item_manager dd,
dl.shop_dl,
dl.shop_dl_last,
div.shop_img_etc ul,
div.shop_area,
ul.genre_second li dl,
ul.genre_first li dl,
div.item_list ul li dl,
div.review_list dl,
div.item_info2,
div#recruit_part_list,
div#recruit_part_box,
div.flow_box,
div.first_ex,
div.basic_item,
ul.new_product_box{ display:block; }

/* */


/* CLEARFIX
----------------------------------------------------------*/
.clearfix{
	zoom:1;/*for IE 5.5-7*/
}
.clearfix:after{/*for modern browser*/
 	content:".";
 	display: block;
	height:0px;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
* html .clearfix{
	display:inline-table;
	/*\*/display:block;/**/
}