@charset "UTF-8";

@import url("common.css");

/* --------------------------------------------------------------------------------------
 下層ページ共通
--------------------------------------------------------------------------------------- */
div#container{
	text-align: left;
}

div#container h2{
	margin: 30px 0 50px 0;
}

div#container_inr{

}

div#left_side{
	width: 200px;
	margin: 0 30px 0 0;
	float: left;
}

div#main_conts{
	width: 670px;
	float: left;
	text-align: left;
}

div.side_category{
	margin: 0 0 80px 0;
}

div.side_category h3{
	margin: 0 0 20px 0;
}

div.side_category h4{
	font-size: 12px;
    margin: 0 0 15px;
}

.side_category_list li{
	background-image: ;
	background-image: url(../../under_img/news_sub_bar.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 15px 0 15px 0;
	line-height: 160%;
	color: #7A8C44;
	word-wrap: break-word;
}

.side_category_list li a{
	color: #7A8C44;
}

.side_category_list.web_shop li span {
	display: block;
	color: #666;
	font-size: 12px;
}

.side_category_list.web_shop li a {
	font-size: 10px;
    line-height: 160%;
}

.side_category_list.web_shop li {
	padding: 10px 0 20px;
}

.fc_shop {
	background-image: url(../../under_img/news_sub_bar.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 20px 0 0 0;
}


div.fc_list_data {
	margin: 0 15px 0 0;
}



.clover_ttl{
	margin: 0 0 40px 0;
	background-image: url(../../under_img/news_sub_bar.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding: 0 0 20px;
}

.clover_ttl li{
	float: left;
	font-size: 14px;
	color: #451F0C;
	font-weight: bold;
}

.clover_ttl li img{
	vertical-align: top;
	margin: 0 9px 0 0;
}




/* 見出し ------------------------------ */



/* ページトップに戻る ------------------------------ */


/* サイド ------------------------------ */



/* --------------------------------------------------------------------------------------
 NEWS
--------------------------------------------------------------------------------------- */
div.news_list {
	margin: 0 0 60px -35px;
}

div.news_list_box{
	width: 200px;
	float: left;
	margin: 0 0 0 35px;
}

div.news_next{
	text-align: center;
}
div.news_next a {
	padding: 0 10px;
	border-left: 1px solid #555;
}
div.news_next .current {
	padding: 0 10px;
}

div.news_box_news {
	width: 160px;
	height: 200px;
	background-image: url(../../under_img/news_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.news_box_news_data{
	background-image: url(../../under_img/news_bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding: 10px 0 20px 0;
	width: 160px;
	text-align: left;
}

.news_box_news_data li{
	width: 144px;
	text-align: left;
	padding: 0 8px;
}

*html .news_box_news_data li{
	width: 160px;
	text-align: left;
	padding: 0 8px;
}

.news_box_news_img{
	padding:  35px 0 0 0;
	text-align: center;
}

.news_box_news_day{
	color: #7C8E44;
}

.news_box_news_article a{
	color: #725F3D;
}


/* --------------------------------------------------------------------------------------
 NEWS detail
--------------------------------------------------------------------------------------- */
div.detail_article{
	width: 640px;
	margin: 0 0 60px 0;
}

div.detail_ttl{
	background-image: url(../../under_img/detail_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 83px;
	line-height: 83px;
	position: relative;
}

div.detail_ttl p{
	font-size: 14px;
	color: #725F3D;
	line-height: 150%;
	font-weight: bold;
	margin: 0 50px 0 50px;
	position:absolute;
	top:50%;
	margin-top:-1em;
}

div.detail_inr{
	background-image: url(../../under_img/detail_bk.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

div.detail_inr p{
	color: #451F0C;
	line-height: 170%;
	padding: 0 50px 30px 50px;
}


/* --------------------------------------------------------------------------------------
 ITEM
--------------------------------------------------------------------------------------- */
div.item_list {
	margin: 0 0 60px -35px;
}

div.item_list_box{
	width: 200px;
	float: left;
	margin: 0 0 0 35px;
}

div.box_item{
	width: 155px;
}

div.box_item_img{
	text-align: center;
	background-image: url(../../under_img/item_main.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}


div.box_item_name{
	min-height: 37px;
	background-image: url(../../under_img/item_bottom.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

div.box_item_name a{
	margin: 0 7px;
	width: 140px;
	padding: 5px 0 10px 0;
	display: block;
	text-align: left;
	color: #725F3D;
	display: block;
}



/* --------------------------------------------------------------------------------------
 COMPANY
--------------------------------------------------------------------------------------- */
div#company_inr{
	width: 605px;
	height: 380px;
	margin: 0 auto 120px auto;
	padding: 40px;
	background-image: url(../../under_img/company_bk.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

*html div#company_inr{
	width: 685px;
	margin: 0 108px 120px 108px;
}

div#company_data{
	margin: 10px 0 0 0;
}

#company_left{
	width: 440px;
	float: left;
}

#company_left tr th{
	/*height: 35px;*/
	padding:7px 0;
	color: #798C44;
	background-image: url(../../under_img/company_bar.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#company_left tr td{
	/*height: 35px;*/
	padding:7px 0;
	color: #451F0C;
	background-image: url(../../under_img/company_bar.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#company_left tr td a{
	color: #798C44;
}

div#company_right{
	float: right;
}


/* --------------------------------------------------------------------------------------
 SHOP LIST
--------------------------------------------------------------------------------------- */
div.shop_list{
	margin: 0 0 60px 0;
}

div.shop_list_img{
	float: left;
	margin: 0 15px 0 0;
}

div.shop_list_data{
	width: 223px;
	float: left;
	margin: 0 15px 0 0;
}

div.shop_list_map{
	float: left;
}

p.shop_list_ttl{
	font-size: 14px;
	color: #451F0C;
	font-weight: bold;
	margin: 0 0 10px 0;
}

p.shop_list_ttl img{
	vertical-align: top;
}

p.shop_list_address{
	color: #451F0C;
	line-height: 150%;
}

p.shop_list_address a{
	color: #7A8C44;
}


/* --------------------------------------------------------------------------------------
 RECRUIT
--------------------------------------------------------------------------------------- */
div.recruit_coment{
	width: 180px;
}

div.recruit_coment p{
	background-image: url(../../under_img/recruit_com_bk.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 0 12px 12px 12px;
	margin: -10px 0 0 0;
	color: #451F0C;
	line-height: 170%;
}

div.recruit_list{
	margin: 0 0 45px 0;
}

.recruit_list_ttl{
	margin: 0 0 10px 0;
}

.recruit_list_ttl li{
	float: left;
	font-size: 14px;
	color: #451F0C;
	font-weight: bold;
}

.recruit_list_ttl li img{
	vertical-align: top;
	margin: 0 9px 0 0;
}

.recruit_list_article{
	color: #451F0C;
	line-height: 170%;
	margin: 0 0 25px 30px;
}
.recruit_list_article2{
	color: #451F0C;
	line-height: 170%;
	margin: 0 0 20px 30px;
}

.recruit_list_article tr td{
	color: #451F0C;
	line-height: 170%;
	margin: 0 0 25px 30px;
}

.recruit_list_store{
	margin: 0 0 0 30px;
}

.recruit_staff{
	}

.recruit_staff_interview {
	padding:17px;
	background-image: url(../../under_img/recruit_bg.png);
	width:629px;
	height:346px;
	margin-bottom:20px;
	}
.recruit_staff_interview2{
	padding:17px;
	background-image: url(../../under_img/recruit_bg2.png);
	width:629px;
	height:386px;
	margin-bottom:20px;
	}

.recruit_staff_a{
	width:250px;
	float:left;}
.recruit_staff_b{
	margin-left:20px;
	width:355px;
	float:left;}

.recruit_list2_ttl{
	margin: 0 0 5px 0;
}

.recruit_list2_ttl li{
	float: left;
	font-size: 13px;
	color: #BB3633;
	font-weight: bold;
}
.recruit_list2_ttl li img{
	vertical-align: top;
	margin: 0 9px 0 0;
}

.recruit_list3_ttl{
	margin: 0 0 5px 0;
}

.recruit_list3_ttl li{
	float: left;
	font-size: 12px;
	color: #451F0C;
	font-weight: bold;
}
.recruit_list3_ttl li img{
	vertical-align: top;
	margin: 0 2px 0 0;
}
.recruit_img{
	margin-bottom:10px;
}
.recruit_btn{
	width:301px;
	margin:0 auto 45px auto;
	vertical-align: top;
}

/*----------form----------*/

.recruit_form{
	width:700px;
	margin:20px auto 50px auto;
	}
.recruit_form th {
	text-align:right;
	padding:15px;
	width:165px;
	border-left: 1px solid #B5C88D;
	border-right: 1px solid #B5C88D;
	border-top: 1px solid #B5C88D;
	color: #798C44;
		
	}
.recruit_form td {
	width:475px;
	padding:15px;
	border-right: 1px solid #B5C88D;
	border-top: 1px solid #B5C88D;
	text-align:left;
	}
.recruit_bottom{
	border-bottom:1px solid #B5C88D;
}

.recruit_form_center{
	text-align:center;	
	}	
	
.recruit_form_1{
	background-color:#FFF;
}
.recruit_form_2{
	background-color:#EFF5F0;
	
}
.recruit_form_icon{
	float:left;
}
.recruit_form input{
	margin-left:5px;
}

.recruit_form_size1{
	width:140px}

.recruit_form_size2{
	width:300px;
}
.recruit_form_size3{
	width:350px;
}
.recruit_form_size4{
	margin-left:5px;
}

.recruit_form_ttl{
	background-image: url(../../under_img/recruit_form_ttl.gif);
	height: 28px;
	width: 716px;
	font-size: 13px;
	font-weight: bold;
	color: #451F0C;
	text-align: left;
	padding-top: 8px;
	padding-left: 45px;
	margin:0 auto 0 auto;
}


/* --------------------------------------------------------------------------------------
 CONCEPT
--------------------------------------------------------------------------------------- */
div#concept_main{
	text-align: center;
	margin: 0 0 40px 0;
}

div#concept_main p{
	margin: 40px 0 10px 0;
	color: #595757;
	line-height: 230%;
}

div#concept_main p img{
	margin: 0 0 0 400px;
}


/* --------------------------------------------------------------------------------------
 SITEMAP
--------------------------------------------------------------------------------------- */