/* 共通設定 */
html,body{
margin:0 auto;
font-size:13px;
/*line-height:1.3em;*/
	/* #containerのmin-heightに対して必要なもの(高さを揃える) */
	*height:100%;
	min-height:100%;
text-align:center;
}
a{
	color:#1f331a;
	text-decoration:none;
}
a:hover{
text-decoration:none;
	color:#49643b;
}
/* header */
#header{
	width:100%;
	height:170px;
	background:#bdec97;
	margin-bottom:20px;
}
#header .inner{
	width:800px;
	height:110px;
	margin:0 auto;
}
#header h1{
	font-weight:normal;
	font-size:93%;
	color:#49643b;
}
#header h2.logo{
	display:block;
	float:left;
	width:300px;
	margin-top:10px;
	margin-left:250px;
}
#header .inner p{
	display:block;
	float:right;
	margin-bottom:5px;
}
#header #gloval{
	clear:both;
	width:800px;
	height:60px;
	margin:0 auto;
}
#header #gloval li{
	display:block;
	float:left;
}
.header_area{	
	width:800px;
	margin: 0 auto;
}
.header_area ul{
	height:25px;
	margin-bottom:15px;
	text-align:left;
	border-bottom:2px solid #155285;
}
.header_area ul li{
	display:block;
	float:left;
	width:73px;
	text-align:center;
	line-height:25px;
	border-bottom:2px solid #155285;
	padding-right:5px;
}
.header_area ul li a{
	display:block;
	float:left;
	width:73px;
	height:25px;
	color:#ffffff;
}
.header_area ul li.now a,
.header_area ul li a:hover{
	background:url(../img/common/header_area_on.gif) top center no-repeat;
}
.header_area ul li.backindex a{
	background:url(../img/common/backindex_off.gif) top center no-repeat;
}
.header_area ul li.backindex a:hover{
	background:url(../img/common/backindex_on.gif) top center no-repeat;
}
/* mein contents */
#contWrap{
	width:800px;
	margin:0 auto;
}

#contWrap #cont{
	width:585px;
	float:left;
	text-align:left;
}
#contWrap #cont h2{
	height:26px;
	padding-left:12px;
	background:url(../img/common/h2tle_b.gif) bottom left repeat-x;
	color:#155285;
}
#contWrap #cont h2.green{
	background:url(../img/common/h2tle_g.gif) bottom left repeat-x;
	color:#1f331a;
}
#contWrap #cont h2.orange{
	background:url(../img/common/h2tle_o.gif) bottom left repeat-x;
	color:#eb6100;
}
h4{
	color:#eb6100;
	border-left:solid 10px #eb6100;
	padding-left:5px;
	margin-bottom:10px;
}
/* side_navi */
#contWrap #Lside{
	width:190px;
	float:right;
	text-align:left;
}
#Lside .entry{
	margin-bottom:15px;
}
#Lside dl{
	margin-bottom:15px;
}
#Lside .side_shop dd,
#Lside .side_area dd{
	padding:3px 4px;
	border:1px solid #97c6ed;
	background:#ecf6ff;
}
#Lside .side_area dd{
	margin-bottom:5px;
}
#Lside .side_area dd h3{
	background:url(../img/common/side_area_btn.gif) center center no-repeat;
	text-align:center;
	font-size:100%;
	padding:5px;
}
#Lside .side_area dd h3 a{
	text-decoration:none;
	width:100%;
	display:block;
	color:#ffffff;
}
#Lside .side_area dd  ul{
	padding-left:20px;
	list-style:url(../img/common/side_area_list.gif);
	font-size:93%;
	margin-bottom:5px;
}
#Lside .side_area dd li{
	line-height:1.4em;
	margin-bottom:3px;
}
#Lside .side_area dd li a{
	color:#155285;
	text-decoration:none;
}
#Lside .side_area dd li a:hover{
	color:#4284ba;
	text-decoration:underline;
}
#Lside .side_osusume dd{
	padding:5px 4px;
	border:1px solid #bdec97;
	background:#f1fff6;
}
#Lside .side_osusume dd li{
	margin:5px 0;
	text-align:center;
}

/* footer */
#contWrap #goTop{
	clear:both;
	text-align:right;
	margin-right:20px;
	margin-bottom:10px;
}
#footer{
	background:#bdec97;
	padding-top:5px;
	text-align:left;
}
#footer .inner{
	width:800px;
	margin:0 auto;
}
#footer .ft_menu li{
	display:inline-block;
	margin:3px 0;
	padding:0 15px;
	border-right:1px solid #1f331a;
}
#footer address{
	margin-top:10px;
	margin-left:15px;
}

/* index */
body.index{
	background:#bdec97 url(../img/index/index_bg.gif) bottom center repeat-x;
}
#index{
	width:700px;
	margin:0 auto;
}
.index_logo{
	padding-top:80px;
	margin-bottom:20px;
}
.area_list{
	margin-bottom:20px;
	margin-left:10px;
}
.area_list dl{
	border:solid 1px #49643b;
	background:#def6cb;
}
.area_list dt{
	font-size:116%;
	margin-bottom:10px;
	line-height:2em;
	border-bottom:dashed 1px #49643b;
	color:#49643b;
}
.area_list .index_btn{
	display:inline;
	width:145px;
	margin-right:10px;
}
.area_list .index_btn a{
	display:inline-block;
	width:145px;
	height:30px;
	font-size:108%;
	font-weight:bold;
	background:url(../img/index/btn_bg.gif) center center no-repeat;
	line-height:30px;
	color:#ffffff;
	margin-bottom:10px;
}
.area_list .index_btn a:hover{
	text-decoration:underline;
}
.area_list .exit{
	margin-bottom:10px;
	margin-top:10px;
	margin-right:10px;
}
.area_list .exit a{
	display:inline-block;
	width:145px;
	height:30px;
	font-size:108%;
	font-weight:bold;
	background:url(../img/index/exit_bg.gif) center center no-repeat;
	line-height:30px;
	color:#ffffff;
}
.area_list .exit a:hover{
	text-decoration:underline;
}
.index_news{
	padding:15px 10px;
	background:#def6cb;
	width:400px;
	margin:0 auto 15px;
}
.index_news dt{
	padding:0 5px 5px;
	margin-bottom:10px;
	color:#49643b;
	border-bottom:dashed 1px #666666;
}
.index_news dt span{
	font-size:108%;
	font-weight:bold;
}
.index_news dd.news_img{
	display:inline-block;
	width:160px;
}
.index_news dd.news_text{
	display:inline-block;
	width:210px;
	text-align:left;
}
/* top */
#stay{
	width:265px;
	position:static;
	float:left;
}
#zone{
	width:302px;
	padding:9px 9px 4px;
	float:left;
	font-size:93%;
	background:#ecf6ff;
	margin-bottom:10px;
}
#zone a{
	color:#155285;
}
#zone a:hover{
	color:#4284ba;
	text-decoration:underline;
}
#zone dl{
	margin-bottom:5px;
}
#zone dl dd{
	display:block;
	width:140px;
	padding-left:11px;
	float:left;
	line-height:18px;
	background:url(../img/top/li_arrow.gif) 2px center no-repeat;
}
#main{
	clear:both;
	padding-top:5px;
}
#news{
	width:300px;
	float:left;
	margin-right:5px;
	margin-bottom:10px;
}
#news .news_cont,
#campaign .campaign_cont{
	max-height:350px;
	overflow:auto;
}

#news dl{
	margin:10px 0 0;
	padding:5px;
	background:#f1fff6;
}
#news dl a{
	color:#49643b;
}
#news dl dt{
	color:#49643b;
	font-weight:bold;
	float:right;
	width:150px;
}
#news dl dt.day,
#campaign dl dt.day{
	font-size:93%;
	font-weight:normal;
}
#news dl dd{
	width:150px;
	float:right;
}
#news dl dd.img,
#campaign dl dd.img{
	width:100px;
	height:100px;
	margin-left:10px;
	float:left;
}
#news dl dd.img img{
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
}

#campaign{
	width:280px;
	float:right;
	margin-bottom:10px;
}
#campaign dl{
	margin:10px 0 0;
	padding:5px;
	background:#ecf6ff;
}
#campaign dl a{
	color:#155285;
	text-decoration:underline;
}
#campaign dl dt{
	width:140px;
	float:right;
	color:#155285;
	font-weight:bold;
}
#campaign dl dd{
	width:140px;
	float:right;
}
#campaign dl dd{
	
}
.rank,
.picup{
	float:left;
	margin-bottom:10px;
}

.rank div{
	width:190px;
	height:150px;
	float:left;
	margin-top:10px;
	margin-right:7px;
}
.rank .rank_box1{
	background:url(../img/top/rank_01.gif) no-repeat;
}
.rank .rank_box1,
.rank .rank_box1 a{
	color:#8d812f;
}
.rank .rank_box2{
	background:url(../img/top/rank_02.gif) no-repeat;
}
.rank .rank_box2,
.rank .rank_box2 a{
	color:#155285;
}
.rank .rank_box3{
	background:url(../img/top/rank_03.gif) no-repeat;
	margin-right:0;
}
.rank .rank_box3,
.rank .rank_box3 a{
	color:#eb6100;
}
.rank div .name{
	display:table-cell;
	height:32px;
	vertical-align:middle;
	padding-left:45px;
	padding-top:5px;
	padding-bottom:5px;
	font-weight:bold;
}
.rank div .iamge{
	display:block;
	float:left;
	width:75px;
	height:100px;
	margin-left:10px;
}
.rank div .iamge img{
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
}
.rank div .comment{
	display:block;
	float:right;
	width:90px;
	margin-right:5px;
	color:#e5004f;
	font-size:93%;
}
.picup{
	width:100%;
	margin-bottom:10px;
}
.picup .picup_box li{
	width:280px;
	float:left;
	padding:4px;
	border:dashed 1px #888;
	margin:10px 5px 0 0;
}
.picup .picup_box li:nth-child(2n){
	margin-right:0;
}
.picup .picup_box .comment{
	padding:5px 10px 13px;
	margin-bottom:5px;
	height:23px;
	background:url(../img/top/pic_comment.gif) center center no-repeat;
}
#main .picup .tel{
	background:none;
}
.picup .picup_box .iamge{
	width:100px;
	height:100px;
	text-align:center;
	float:left;
	margin-right:10px;
}
.picup .picup_box .iamge img{
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
}
.picup .picup_box .content p{
	margin:0 0 5px;
}
.picup .picup_box .content table{
	font-size:93%;
}
.picup .picup_box .content table th{
	font-weight:normal;
	width:4.5em;
	padding-bottom:5px;
}
.picup .picup_box .content .name a{
	font-size:108%;
	font-weight:bold;
	color:#4f88c9;
}
.picup .picup_box .content .tel a{
	color:#1f331a;
	text-decoration:underline;
}
.picup .picup_box .content .type span{
	color:#ffffff;
	display:inline-block;
	font-size:85%;
	padding:2px 5px;
	margin-bottom:5px;
}
.picup .picup_box .content .type .key_1{
	background:#79b86a;
}
.picup .picup_box .content .type .key_2{
	background:#4f88c9;
}
.picup .picup_box .content .type .key_3{
	background:#c94f8e;
}
.picup .picup_box .content .type .key_4{
	background:#eb6100;
}

/* store sarch */
#shop{
	margin-top:10px;
	width:100%;
}
#shop dl{
	clear:both;
	margin-bottom:15px;
	border:solid 1px #facd89;
}
#shop dl dt{
	font-size:118%;
	font-weight:bold;
	background:#facd89;
	padding:3px 10px;
	color:#eb6100;
	margin-bottom:5px;
}
#shop dl dt a{
	color:#eb6100;
}
#shop dl dt a:hover{
	color:#ffffff;
	text-decoration:underline;
}
#shop dl dd{
	margin: 0 15px;
}
#shop dl dd.shop_image{
	float:left;
	width:200px;
	max-height:200px;
	margin-right:0;
}
#shop dl dd.shop_image img{
	width:auto;
	height:auto;
	max-width:200px;
	max-height:200px;
}
#shop dl dd.shop_note{
	float:right;
	width:340px;
	margin-bottom:10px;
	margin-left:0;
}
#shop dl dd.shop_note div{
	margin-bottom:5px;
	padding:0 5px;
	line-height:1.8em;
	border-bottom:solid 1px #7a4f1d;
}
#shop dl dd.shop_note .note1{
	background:#fff0d9;
	border:none;
}
#shop dl .note2 p{
	display:block;
	padding-left:15px;
	float:left;
}
#main .time{
	width:90px;
	background:url(../img/store/time_icon.gif) center left no-repeat;
}
#main .tel{
	width:100px;
	background:url(../img/store/tel_icon.gif) center left no-repeat;
}
#main .access{
	clear:both;
	background:url(../img/store/trein_icon.gif) center left no-repeat;
	margin-bottom:5px;
}
#shop dl dd.shop_note .note3{
	padding-bottom:8px;
}
#shop dl .news{
	clear:both;
	padding:0 8px;
	background:#fff0d9;
	line-height:1.3em;
}
#shop dl .news_tle{
	display:inline-block;
}
#shop dl .event{
	display:inline-block;
	padding-left:53px;
	line-height:1.3em;
}
#shop dl .comment{
	clear:both;
	margin-bottom:10px;
}
#shop dl .comment div{
	background:#fff0d9;
	color:#7a4f1d;
	padding:10px;
}
#shop dl dd.detail{
	width:100%;
	clear:both;
}
/* store info */
.shop_detail a{
	color:#155285;
	text-decoration:underline;
}
.shop_detail a:hover{
	color:#97c6ed;
}
.shop_detail .shop_title{
	border-bottom:solid 2px #facd89;
	margin-top:20px;
	margin-bottom:10px;
}
.shop_detail .shop_title h3{
	width:64%;
	float:left;
	font-size:153.9%;
	font-weight:bold;
	color:#eb6100;
}
.shop_detail .shop_title .shop_type{
	width:34%;
	float:right;
	text-align:right;
	padding-left:2%;
}
.shop_detail .shop_note{
	clear:both;
	margin-bottom:20px;
	padding:15px;
	background:#facd89;
}
.shop_detail .shop_note_image{
	width:38%;
	float:left;
	background:#ffffff;
	text-align:center;
}
.shop_detail .shop_note_image img{
	width:auto;
	max-width:90%;
	height:auto;
	max-height:200px;
	padding:10px;
}
.shop_detail .shop_note_data{
	width:54%;
	float:right;
	padding:5px 3% 10px;
	background:#ffffff;
}
.shop_detail .shop_note_data li{
	padding:5px 0;
	border-bottom:dashed 1px #eb6100;
}
.shop_detail .shop_note_data h4{
	clear:both;
	display:inline-block;
	font-weight:normal;
	font-size:100%;
	width:80px;
	padding:0;
	border:none;
}
.shop_detail .shop_note_data p{
	display:inline-block;
	width:200px;
}
.shop_detail .shop_photo{
	margin:5px 0 10px;
}
.shop_detail .shop_iamge{
	width:140px;
	border:solid 1px #666666;
	float:left;
	margin-right:2px;
	line-height:1.4em;
}
.shop_detail .shop_iamge .img{
	width:140px;
	height:180px;
	text-align:center;
	margin-bottom:5px;
}
.shop_detail .shop_iamge .img img{
	width:auto;
	max-width:140px;
	height:auto;
	max-height:180px;
}
.shop_detail .shop_iamge .profile{
	padding:0 5px;
}
.shop_detail .shop_news,
.shop_detail .shop_event{
	clear:both;
	padding-top:15px;
}
.shop_detail .shop_news dl,
.shop_detail .shop_event dl{
	margin-bottom:10px;
	border:solid 1px #aaaaaa;
}
.shop_detail .shop_news dl dt,
.shop_detail .shop_event dl dt{
	padding:5px 10px;
	font-size:108%;
	border-bottom:dashed 1px #aaaaaa;
	margin-bottom:10px;
	background:#dddddd;
}
.shop_detail .shop_news dl dd,
.shop_detail .shop_event dl dd{
	padding:0 10px 10px;
	line-height:1.4em;
}
.shop_detail .shop_comment{
	margin-top:20px;
}
.shop_detail .shop_comment p{
	padding:10px;
	border-top:dashed 1px #cccccc;
	border:dashed 1px #cccccc;
	margin-bottom:15px;
}
.shop_detail .shop_system,
.shop_detail .shop_system_other,
.shop_detail .option{
	margin-bottom:15px;
}
.shop_detail table{
	/*width:100%;*/
	margin-bottom:10px;
}
.shop_detail table caption{
	text-align:left;
	margin-bottom:3px;
	font-weight:bold;
}
.shop_detail table caption span{
	font-weight:normal;
	font-size:93%;
}
.shop_detail table th{
	background:#fff0d9;
	color:#333333;
	border:solid 1px #eb6100;
	padding:5px 10px;
	width:150px;
}
.shop_detail table td{
	border:solid 1px #eb6100;
	width:120px;
	text-align:right;
	padding:5px 10px;
	
}
.shop_detail table td.comment{
	border:none;
	font-size:93%;
	color:#888888;
	text-align:left;
}
/* sitemap */
#sitemap{
	margin:15px 0 10px;
}
#sitemap li{
	margin-bottom:15px;
}
#sitemap li h4{
	margin-bottom:5px;
	border-left:10px solid #97c6ed;
}
#sitemap li h4 a{
	color:#155285;
}
#sitemap li h4 a:hover{
	color:#4f88c9;
}
/* contact estheonly */
	.contact h3{
		color:#155285;
		font-weight:normal;
		margin:10px 0 5px;
	}
/* contact */
	#main #Contact {
		margin-top: 37px;
		margin-bottom: 32px;
		font-size:93%;
		line-height:1.3em;
		color:#302f2f;	
	}
	#main #Contact h2 {
		margin-top: 11px;
	}

	#main #Contact p a {
		color: #555555;
	}
	/*#main #Contact*/
	#main .contents .comp {
		text-align:center;
		margin:20px auto;
	}
	.necessity{
		color:#ff0000;
	}
	.error{
		color:#ff0000;
	}
	.dataTable{
		width:95%;
		margin:15px auto 20px;
		border:#cccccc 1px solid;
		padding:0 2%;
		background:#ebf6f7;
	}
	.dataTable table{
		width:100%;
		margin-top:-1px;
	}
	.dataTable table th,
	.dataTable table td{
		padding:25px 0;
		border-top:#cccccc 1px dotted;
	}
	.dataTable table td{
		padding-left:10px;
	}
	.dataTable table th{
		width:180px;
		/*color:#89714d;*/
		font-size:14px;
		font-weight:normal;
	}
	.dataTable table td input,
	.dataTable table td textarea{
		width:90%;
		padding:5px;
	}
	.dataTable table td textarea{
		height:100px;
	}
	.dataTable table td.contact_tel input{
		width:25%;
	}
	.dataTable table td.contact_radio input{
		width:15px;
	}
	.submitBtn{
		margin-bottom:20px;
		text-align:center;
	}
	.submitBtn input{
		margin:0 10px;
	}
	.button{
		clear:both;
		width:400px;
		margin:0 auto 15px;
	}
	.button input{
		cursor: pointer;
		display: block;
		width:200px;
		height:45px;
		border:none;
		float:left;
		text-indent: -9999px;
		background: url(../img/contact/back_btn_off.gif) no-repeat 0 0;
	}
	.button input:hover{
		background: url(../img/contact/back_btn_on.gif) no-repeat 0 0;
	}
	.button input.sp_btn{
		display:none;
	}