@charset "UTF-8";
/*-----------------------------------------------------------

CSS information{
	FileName : common.css;
	Created : 2010/7/5;
	LastUpdate:2010/7/5;

}

 -----------------------------------------------------------*/
/* 	このCSSは、共通のスタイルを記述しています
-----------------------------------------------------------*/
 /* 
--------------------------------------------------------------------------
	1.全体の設定
	2.リンク、テキストの設定
	3.テーブル

--------------------------------------------------------------------------
*/
/*　1.全体の設定　*/

html{
	background: url(../images/bg.jpg) 0 0 no-repeat;
	
}
body{
	color: #363636;
	margin: 0 auto 0 auto;
	text-align: left;
	font-size: 80%;
	line-height: 1.4em;
	font-family: 'Inconsolata',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}

#wrapper{
	margin: 0 auto 0 auto;
	background: url(../images/com_bg.gif) 0 top repeat-y;
	padding: 0;
	width: 986px;
	text-align: left;
	margin-top: 0px;
}
#wrapper:after {
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both;  
}

.clearfix:after {
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both;  
}
#sec-col{
	float: left;
	width: 960px;
	margin: 10px 0 0 13px;
	background: url(../images/second_bg.gif) 0 0 repeat-y;
}

#stitle01,#stitle02,#stitle03,#stitle04,#stitle05,#stitle06,{
	float: left;
	width: 702px;
	height: 37px;
	
}

#lnavi-box{
	position: relative;
	margin: 10px 10px 200px 0;
	padding: 0;
	float: left;
	width: 228px;
	
}

#content{
	float: right;
	width: 702px;
	
}
#content02{
	float: right;
	width: 702px;
	
}

#lnavi01 a,#lnavi01 a:hover,#privacy #lnavi-box #bnr01 a,#privacy #lnavi-box #bnr01 a:hover,#concept #lnavi-box #bnr01 a,#concept #lnavi-box #bnr01 a:hover,#sitemap #lnavi-box #bnr01 a,#sitemap #lnavi-box #bnr01 a:hover{
	margin: 2px 0px 0 10px;
}
#lnavi02 a,#lnavi02 a:hover,#lnavi02-on,#lnavi03 a,#lnavi03 a:hover,#lnavi03-on,#lnavi04 a,#lnavi04 a:hover,#lnavi04-on,#lnavi05 a,#lnavi05 a:hover,#lnavi-box #bnr01 a,#lnavi-box #bnr01 a:hover,#lnavi-box #bnr02 a,#lnavi-box #bnr02 a:hover,#lnavi-box #bnr03 a,#lnavi-box #bnr03 a:hover,#lnavi-box #bnr04 a,#lnavi-box #bnr04 a:hover,#lnavi-box #bnr05 a,#lnavi-box #bnr05 a:hover,{
	margin: 5px 0px 0 10px;
}

#lnavi-box #bnr06 a,#lnavi-box #bnr06 a:hover,#lnavi-box #bnr07 a,#lnavi-box #bnr07 a:hover,#lnavi-box #bnr08 a,#lnavi-box #bnr08 a:hover,#lnavi-box #bnr09 a,#lnavi-box #bnr09 a:hover{
	margin: 5px 0px 0 10px;
}

#lnavi01 a,#lnavi01 a:hover,#lnavi01-on,#lnavi02 a,#lnavi02 a:hover,#lnavi02-on,#lnavi03 a,#lnavi03 a:hover,#lnavi03-on,#lnavi04 a,#lnavi04 a:hover,#lnavi04-on,#lnavi05 a,#lnavi05 a:hover,#lnavi06 a,#lnavi06 a:hover,#lnavi07 a,#lnavi07 a:hover,#lnavi08 a,#lnavi08 a:hover,#lnavi09 a,#lnavi09 a:hover{
	float: left;
	width: 228px;
	height: 57px;
	margin: 0 0 0 10px;
	
}
#lnavi-box #bnr01 a,#lnavi-box #bnr01 a:hover,#lnavi-box #bnr02 a,#lnavi-box #bnr02 a:hover,#lnavi-box #bnr03 a,#lnavi-box #bnr03 a:hover,#lnavi-box #bnr04 a,#lnavi-box #bnr04 a:hover,#lnavi-box #bnr05 a,#lnavi-box #bnr05 a:hover,#lnavi-box #bnr06 a,#lnavi-box #bnr06 a:hover,#lnavi-box #bnr07 a,#lnavi-box #bnr07 a:hover,#lnavi-box #bnr08 a,#lnavi-box #bnr08 a:hover,#lnavi-box #bnr09 a,#lnavi-box #bnr09 a:hover{
	float: left;
	width: 228px;
	height: 80px;
	margin: 0 0 0 10px;
	padding-top:5px;
}
#lnavi-box #bnr06 a,#lnavi-box #bnr06 a:hover,#lnavi-box #bnr07 a,#lnavi-box #bnr07 a:hover,#lnavi-box #bnr08 a,#lnavi-box #bnr08 a:hover{
	float: left;
	width: 228px;
	height: 60px;
	padding-top:5px;
}

#lnavi-box #bnr01 a{
	background: url(../images/resort_bnr.jpg) 0 0 no-repeat;
}
#lnavi-box #bnr01 a:hover{
	background: url(../images/resort_bnr.jpg) -226px 0 no-repeat;
}

#lnavi-box #bnr03 a{
	background: url(../images/Topfooterbanner02.jpg) 0 0 no-repeat;
}
#lnavi-box #bnr03 a:hover{
	background: url(../images/Topfooterbanner02.jpg) -226px 0 no-repeat;
}

#lnavi-box #bnr05 a,#lnavi-box #bnr05 a:hover{
	background: url(../images/twitter.jpg) 0 0 no-repeat;
}
#hotel-chura #lnavi-box #bnr02 a,#hotel-chura #lnavi-box #bnr02 a:hover{
	background: url(../resort/chura/images/blog_bnr.jpg) 0 0 no-repeat;
}
#hotel-gyoda #lnavi-box #bnr02 a,#hotel-gyoda #lnavi-box #bnr02 a:hover{
	background: url(../resort/gyoda/images/blog_bnr.jpg) 0 0 no-repeat;
}
#hotel-higashimurayama #lnavi-box #bnr02 a,#hotel-higashimurayama #lnavi-box #bnr02 a:hover{
	background: url(../resort/higashimurayama/images/blog_bnr.jpg) 0 0 no-repeat;
}
#hotel-kawagoe #lnavi-box #bnr02 a,#hotel-kawagoe #lnavi-box #bnr02 a:hover{
	background: url(../resort/kawagoe/images/blog_bnr.jpg) 0 0 no-repeat;
}
#hotel-komaki #lnavi-box #bnr02 a,#hotel-komaki #lnavi-box #bnr02 a:hover{
	background: url(../resort/komaki/images/blog_bnr.jpg) 0 0 no-repeat;
}
#hotel-kunitachi #lnavi-box #bnr02 a,#hotel-kunitachi #lnavi-box #bnr02 a:hover{
	background: url(../resort/kunitachi/images/blog_bnr.jpg) 0 0 no-repeat;
}
#hotel-tsurugashima #lnavi-box #bnr02 a,#hotel-tsurugashima #lnavi-box #bnr02 a:hover{
	background: url(../resort/tsurugashima/images/blog_bnr.jpg) 0 0 no-repeat;
}

#food #lnavi-box #bnr02 a,#food #lnavi-box #bnr02 a:hover{
	background: url(../food/images/blog_bnr.jpg) 0 0 no-repeat;
}

#lnavi-box #bnr03 a,#lnavi-box #bnr03 a:hover{
	background: url(../resort/images/company_bnr.jpg) 0 0 no-repeat;
}
#lnavi-box #bnr04 a{
	background: url(../food/images/bistro_bnr.jpg) 0 0 no-repeat;
	margin: 0 0 0 10px;
	}
#lnavi-box #bnr04 a:hover{
	background: url(../food/images/bistro_bnr.jpg) -226px 0 no-repeat;
	margin: 0 0 0 10px;
	}
#lnavi-box #bnr05 a,#lnavi-box #bnr05 a:hover{
	background: url(../resort/images/twitter.jpg) 0 0 no-repeat;
}
#lnavi-box #bnr06 a{
	background: url(../images/inqury_bnr.jpg) 0 0 no-repeat;
}
#lnavi-box #bnr06 a:hover{
	background: url(../images/inqury_bnr.jpg) -227px 0 no-repeat;
}
#lnavi-box #bnr07 a{
	background: url(../images/kyujin_bnr.jpg) 0 0 no-repeat;
}
#lnavi-box #bnr07 a:hover{
	background: url(../images/kyujin_bnr.jpg) -227px 0 no-repeat;
}

#lnavi-box #bnr08 a{
	background: url(../images/media_bnr.jpg) 0 0 no-repeat;
}
#lnavi-box #bnr08 a:hover{
	background: url(../images/media_bnr.jpg) -227px 0 no-repeat;
}


/*　2.リンク、テキストの設定　*/
a { 
	color: #0566c1;
	text-decoration: underline;
} 
a:visited { 
	color: #cd9e24;
	text-decoration: underline;
} 
a:hover { 
	color: #0566c1;
	text-decoration: none;
}
img a{
	border-style:none;
	border: 0;

}
ul#path li{
	float: left;

}
ul#path{
	float: left;
	width: 800px;
	margin: 5px 14px 5px 0;
	line-height: 1.2;
}

ul#path li.top a{
	margin: 0 10px 0 20px;
}
ul#path li.path01{
	padding: 0 13px 0 13px;
	background: url(../images/path_arrow.gif) left 3px no-repeat;
}

.exp{
	float: left;
	margin: 20px 10px 20px 80px;
}
.add-box{
	float: left;
	width: 600px;
	margin: 20px 10px 20px 50px;
	padding: 10px 0 10px 0;
	background: #f6f3ea;
}
.add-box h5{
	color: #825c07;
}
.add-box h5,.add-box address{
	float: left;
	width: 500px;
	margin: 0 10px 10px 50px;
}
ul.caution{
	float: left;
	width: 700px;
	margin: 0px 10px 20px 10px;
}
ul.caution li{
	font-size: 12px;
	margin: 0 0 2px 0;
}
.point{
	float: left;
	width: 650px;
	margin: 0 10px 15px 10px;
	padding: 0 0 0 20px;
	font-weight: normal;
	background: url(../images/point_dot.gif) left 5px no-repeat;
}

.box{
	float: left;
	width: 681px;
	margin: 0 0 37px 10px;
	background: url(../images/box_bg.gif) left 0 repeat-y;
}
#relax .box{
	float: left;
	width: 681px;
	margin: 0 0 37px 10px;
}
#relax .box{
	margin: 20px 0 20px 10px;
}
.box img{
	float: left;

}
.box dl{
	float: right;
	width: 329px;
	margin:0;

}
.box dl.l-catch{
	float:  left;
	margin: 10px 0 15px 5px;
	background: url(../relax/images/relax_stitle03.gif) 0 0 no-repeat;
}
.box dl.l-catch,.box dl dt.catch01,.box dl dt.catch02{
	float:  right;
	width: 325px;
	height: 30px;
}
.box dl dt.catch01,#relax .box dl dt.catch01{
	float:  right;
	background: url(../relax/images/relax_stitle03.gif) 0 0 no-repeat;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
}
.box dl dt.catch02{
	color: #a67a08;
	font-weight: bold;
	margin: 0 0 15px 0;
	padding: 3px 0 5px 0;
	text-indent: 25px;
	border-bottom: dotted 1px #797878;
	background: #ffffff url(../images/txt_icon.gif) left 0 no-repeat;
}

.box dl dd{
	width: 305px;
	padding: 10px;
	

}
.box dl dd.exp{
	margin: 0;
	padding: 0 5 20px 5px;
	width: 315px;
	background: #ffffff;

}
.box dl dt.point{
	margin: 0;
	padding: 0 0 10px 20px;
	width: 305px;
	background: #ffffff url(../images/point_dot.gif) left 5px no-repeat;

}
.gotoup a{
	clear: both;
	float: right;
	margin: 0 13px 0 0;
	width: 95px;
	height: 12px;
	background: url(../images/gototop.gif) 0 0 no-repeat;

}

hr{
	float: left;
	width: 681px;
	background: url(../company/images/inquiry_line_bg.gif) 0 0 no-repeat;
	height: 2px;
	border: 0 none;
	
}

/*　3.テーブル　*/

table.tbl01{
	margin: 20px 0 30px 10px;
	padding: 0;
	width: 682px;
	float:left;
	border-collapse: collapse;
	border-top: 1px solid #868484;
	border-right: 1px solid #868484;
}

.tbl01 th{
	margin: 0;
	width: 20%;
	padding: 9px 5px;
	background: #f5f1e8;
	border-bottom: 1px solid #868484;
	border-left: 1px solid #868484;
}

.tbl01 td{
	margin: 0;
	padding: 9px 5px;
	border-bottom: 1px solid #868484;
	border-left: 1px solid #868484;
}
table.tbl02,.tbl03{
	clear: both;
	float:left;
	padding: 0;
	width: 702px;
	border-collapse: collapse;
	border-top: 1px solid #868484;
	border-right: 1px solid #868484;
}
table.tbl02{
	margin: 20px 0 0 0;
}
.tbl02 th.red,.tbl02 th.green,.tbl02 th.white,.tbl03 th,.tbl03 th.red,.tbl03 th.green,.tbl03 th.white{
	margin: 0;
	width: 20%;
	padding: 5px;
	color: #3f3f3f;
	text-align: center;
	border-bottom: 1px solid #868484;
	border-left: 1px solid #868484;
}

.tbl02 th,.tbl03 th{
	color: #825c07;
	font-weight: bold;
	background: #f6f3ea;
	margin: 0;
	width: 20%;
	padding: 5px 5px 5px 15px;
	text-align: left;
	border-bottom: 1px solid #868484;
	border-left: 1px solid #868484;
}
.tbl02 th.red,.tbl03 th.red{
	color: #3f3f3f;
	font-weight: normal;
	background: #e8cad1;
}
.tbl02 th.white,.tbl03 th.white{
	color: #3f3f3f;
	font-weight: normal;
	background: #ffffff;
}
.tbl02 th.green,.tbl03 th.green{
	color: #3f3f3f;
	font-weight: normal;
	background: #d6e8ca;
}
.tbl02 td{
	margin: 0;
	padding: 9px 5px;
	border-bottom: 1px solid #868484;
	border-left: 1px solid #868484;
}

table.tbl03{
	margin: 20px 0 30px 0;
}
.tbl03 td{
	margin: 0;
	padding: 9px 5px;
	border-bottom: 1px solid #868484;
	border-left: 1px solid #868484;
	text-align: right;
	vertical-align: top;
}
.tbl03 td.room{
	text-align: center;
}
.tbl03 th.th-title{
	text-align: center;
	background: #ffffff url(../resort/images/com_thbg.gif) left bottom repeat-x;
}
.tbl03 th h5.ico{
	text-align: left;
	color: #000000;
	margin: 5px 0 5px 10px;
	padding: 0 0 0 25px;
	background: url(../resort/images/com_icon01.gif) 0 0 no-repeat;
}
.tbl03 th h6{
	color: #ab0909;
	margin: 10px 0 10px 0;
}
.tbl03 th{
	text-align: left;
}
.tbl03 th .txt{
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	margin: 10px 0 10px 0;
	padding: 0 0 20px 20px;
	background: url(../resort/images/com_icon02.gif) 0 0 no-repeat;
}
table.tbl04{
	margin: 20px 0 30px 5px;
	padding: 0;
	width: 670px;
	float:left;
	border-collapse: collapse;
	border-top: 1px solid #868484;
	border-right: 1px solid #868484;
}

.tbl04 th{
	margin: 0;
	width: 20%;
	padding: 9px 5px;
	background: #c6c5c4;
	border-bottom: 1px solid #868484;
	border-left: 1px solid #868484;
}

.tbl04 td{
	margin: 0;
	padding: 9px 5px;
	border-bottom: 1px solid #868484;
	border-left: 1px solid #868484;
	background: #ffffff;
}