/* CSS Document */
/*----------------------- Text & position reset -----------------------*/
* {
	margin: 0px;
	padding: 0px;
}
a img {border: 0px;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
h1, h2, h3, h4, h5, h6, p, ol, ul, dl, dt, dd, pre, blockquote {
	margin: 0px;
	padding: 0px;
}
form {margin: 0; padding: 0;}
li{
	list-style-type: none;
}
.clearfix:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
.clearfix{
	display:inline-block;
}
/*----------------------- Basic -----------------------*/
body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	font-weight: normal;
	color:#444444;
	line-height:150%;
	background-image: url(img/bg_body.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0px;
	padding: 0px;
}
a {
	font-weight: normal;
	color:#0000CC;
}
a:hover {
	color:#CCCCCC;
	text-decoration: underline;
}

/*----------------------- 全体枠 ( container & header ) -----------------------*/
#container{
	background-color:#000000;
	background-image: url(img/bg_side.gif);
	background-repeat: repeat-y;
	background-position: right top;
	width:800px;
	margin:0 auto;
}
#header{
	height: 150px;
	width: 757px;
}
#header img{
	margin-left:50px;
}
#header h2{
	display:none;
}
/*----------------------- コンテンツスペース ( contents ) -----------------------*/
#contents{
	background-color:#ffffff;
	border-bottom:10px solid #000000;
	margin: 5px;
	padding: 0;
	text-align:left;
	clear:both;
	position:static;
	width:744px;
}
*+ html body #contents{
	background-color:#ffffff;
	border-bottom:10px solid #000000;
	margin: 11px 0px 5px 5px;
	padding: 5px;
	text-align:left;
	clear:both;
	position:static;
	width:736px;
}
#contents-in{
	background-image: url(img/bg_container01.gif);
	background-repeat: repeat-y;
	background-position: 30px 80px;
	margin: 10px 0 0 0;
	padding: 0px;
	text-align:left;
	width:740px;
}
* html body #contents-in{
	background-image: url(img/bg_container01.gif);
	background-repeat: repeat-y;
	background-position: 30px 80px;
	margin: 0px;
	padding: 0px;
	text-align:left;
	width:740px;
}

/*----- ２カラム原型( For 2 culumn ) -----*/
.box_left{
	float:left;
	padding:10px 0px 10px 10px;
	position:static;
}
.box_right{
	float:right;
	padding:10px 10px 10px 0px;
	position:static;
}
/*----- １カラム原型( For 1 culumn ) -----*/
.box{
	padding:5px;
	position:static;
	width:740px;
}
* html body .box{
	padding:5px;
	position:static;
	width:730px;
}

/*----------------------- Top & Bottom メニューバー -----------------------*/
#menu_img,
#menu_text{
	margin: 10px 0 0 5px;
	text-align:left;
	width:757px;
	clear:both;
	position:static;
}
#menu_img{
	/*margin-bottom:-1px;*/
	margin: 10px 0 0 5px;
	text-align:left;
	width:757px;
	clear:both;
	position:static;
	padding-left:2px;
}
* html body #menu_img{
	margin: -10px 0 10px 5px;
	text-align:left;
	width:740px;
	clear:both;
	position:static;
}
* html body #menu_text{
	margin: -10px 0 0 0px;
	text-align:center;
	width:740px;
	clear:both;
	position:static;
}
#menu_text{
	margin:0px auto;
	padding:15px 0px;
	text-align:center;
}
#menu_img li,
#menu_text li{
	display: inline;
}
#menu_img span{
	margin: 0;
	padding: 0;
	display:none;
}
/*----- パンクズナビ -----*/
#pannavi{
	padding:20px 0px 5px 20px;
}
#pannavi .now{
	font-weight:bold;
}

/*----- おもてなし -----*/
#menu_omotenashi{
	margin-bottom:-40px;
	padding:10px 10px 0px 0px;
	text-align:right;
	border-bottom:1px solid #DBD2B9;
}
*+ html body #menu_omotenashi{
	margin-left:-5px;
	margin-right:5px;
	margin-top:-10px;
	text-align:right;
}

/*----------------------- フッター -----------------------*/
#footer{
	border-top:1px #9D895C solid;
	margin:0px;
	padding:0px;
	text-align:center;
	width:740px;
	clear:both;
	position:static;
}
*+ html body #footer{
	border-top:1px #9D895C solid;
	margin:0px 0px 0px -5px;
	padding:0px;
	text-align:center;
	width:740px;
	clear:both;
	position:static;
}
#footer-in{
	margin:0px auto;
	clear:both;
	position:static;
	width:400px;
}
.footer_left{
	position:static;
	padding-top:10px;
	float:left;
	width:150px;
}
.footer_right{
	position:static;
	padding-top:10px;
	float:right;
}
#sublink{
	clear:both;
	position:static;
	text-align:center;
	padding-bottom:5px;
	padding-top:10px;
}
#copyright{
	clear:both;
	position:static;
	text-align:center;
	padding-bottom:10px;
}

/*----------------------- 共通装飾 -----------------------*/
.box h3,
.box_left h3,
.box_right h3{
	font-size:14px;
	font-weight:bold;
}
.box_left p,
.box_right p,
#spring_left{
	margin:0px;
	padding:0px;
	margin-left:10px;
}
.box h3{
	border-bottom:3px double #9D895C;
	color:#7B355B;
	font-size:16px;
	margin-bottom:10px;
	margin-left:10px;
	padding:10px 10px 3px 10px;
	width:690px;
	clear:both;
	position:relative;
}
.box h4{
	color:#990000;
	font-size:12px;
}
.top{
	border-bottom:1px solid #9D895C;
	margin-bottom:15px;
	margin-top:15px;
	padding:5px;
	text-align:right;
}

#covenant,
#privacy,
#inquiry{
	padding:10px;
	padding-right:20px;
}
* html body #covenant,
* html body #privacy,
* html body #inquiry{
	padding:10px;
	padding-right:15px;
}

.item{
	width:150px;
}
.ast{
	color:#FF6666;
}
.cod{
	color:#999999;
}
/*----- テーブル -----*/
.table2{
	margin:0px auto;
	border-collapse:collapse;
	border:1px solid #cccccc;
	text-align:left;
}
.table td,
.table2 td,
.table th,
.table2 th{
	padding:5px;
}
/*----- セル内調整 -----*/
.table2 .min{
	font-size:10px;
}
.table2 .num_r{
	text-align:right;
}
.table2 .num_c{
	text-align:center;
}
/*----- すき間つくり -----*/
.p{
	padding-bottom:15px;
}


/*-----------------------ご予約状況（reservation.html） -----------------------*/
/*----- 個別ヘッダー -----*/
.reservation{
	background-image: url(img/header_reservation.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
* html body .reservation{
	background-image: url(img/header_reservation.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom:20px;
}
/*----- 全体枠 -----*/
#reservation1,
#reservation2{
	padding:10px;
	padding-right:20px;
}
* html body #reservation1,
* html body #reservation2{
	padding:10px;
	padding-right:15px;
}

#reservation1{
	margin-right:10px;
}
*+ html body #reservation1{
	margin-right:20px;
}
/*----- 箇条書き要素 -----*/
#mark{
	padding:10px 15px;
}
#mark dt{
	display:inline;
	font-weight:bold;
}
#mark dd{
	display:inline;
}
#howto{
	padding:10px 15px 0px 15px;
}
#howto li{
	list-style-type: decimal;
	list-style-position: inside;
}
#lastupdate{
	color:#003D19;
	font-size:12px;
	font-weight:bold;
	padding-bottom:0ox;
	padding-top:30px;
	text-align:right;
}
/*----- テーブル -----*/
#reservation1 .table{
	border-collapse:collapse;
	border:1px solid #cccccc;
	text-align:center;
}
#reservation1 .table th,
#reservation1 .table td,
.table_price th,
.table_price td{
	padding:5px;
}
#reservation2 .table{
	margin:0px auto;
	margin-top:20px;
	border-collapse:collapse;
	border:1px solid #cccccc;
	text-align:center;
}
#reservation1 .table a,
#reservation2 .table a{
	display:block;
	height:20px;
	width:100%;
}
.table_price{
	margin:0px auto;
	margin-top:20px;
	border-collapse:collapse;
	border:1px solid #cccccc;
	text-align:left;
}
.table_price th{
	text-align:left;
}
#howto h4,
#howto h4 a,
.table_price h4,
.table_price h4 a{
	color:#990000;
	font-size:12px;
	font-weight:bold;
}
/*----- テーブルの境界線 -----*/
.border{
	border-bottom:1px solid #9D895C;
	padding-top:20px;
}
/*----- 予約フォームへのリンク -----*/
#reservation1 h5,
#reservation2 h5{
	font-size:12px;
	font-weight:bold;
	padding-top:20px;
	text-align:right;
}
/*----- 予約フォーム -----*/
form #sub{
	display:none;
}


/*-----------------------ご宿泊プラン（plan.html） -----------------------*/
/*----- 個別ヘッダー -----*/
.plan{
	background-image: url(img/header_stayplan.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
* html body .plan{
	background-image: url(img/header_stayplan.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom:20px;
}
/*----- 全体枠 -----*/
#plan{
	padding:10px;
	padding-right:20px;
	clear:both;
	position:static;
}
* html body #plan{
	padding:10px;
	padding-right:15px;
}
/*----- 全体枠（2カラム） -----*/
#plan_in1{
	float:left;
	padding-left:10px;
	width:350px;
}
#plan_in2{
	float:right;
	width:350px;
}
#plan_in3{
	float:left;
	margin:0px auto;
	text-align:center;
	width:100%;
}
#plan_in3 img{
	margin-bottom:8px;
	margin-right:8px;
}
/*----- 箇条書き要素 -----*/
#plan_in dl,
#plan_in ul{
	padding:0px 10px;
}
#plan dl{
	padding:0px 15px;
}
#plan ul,
#plan #childlen ul{
	padding:0px 25px;
}


#plan #normal,
#plan #children{
	padding:0px 15px 10px 0px;
}
#plan #only{
	padding:20px 15px 10px 0px;
}
#plan dd{
	padding-left:15px;
}
#plan #children dd{
	padding-left:15px;
}
#plan li,
#plan_in li{
	list-style-position: outside;
	list-style-type: disc;
}
#plan h4,
#plan h4 a{
	color:#003D19;
	font-size:14px;
	font-weight:bold;
	padding-top:10px;
}
#plan .caution{
	padding-left:15px;
	padding-top:15px;
}
#plan .caution2{
	padding-bottom:15px;
	padding-left:20px;
	padding-top:10px;
}
/*----- テーブルの境界線 -----*/
.border2{
	border-bottom:1px dashed #9D895C;
}


/*----------------------- こだわり（loyalty.html） -----------------------*/
/*----- 個別ヘッダー -----*/
.loyalty{
	background-image: url(img/header_loyalty.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
* html body .loyalty{
	background-image: url(img/header_loyalty.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom:20px;
}

/*----- 上段左 -----*/
#loyalty-left{
	float:left;
	padding:10px 5px 10px 15px;
	position:static;
	width:415px;
}
/*----- 上段右 -----*/
#loyalty-right{
	float:right;
	padding:10px 10px 10px 0px;
	position:static;
	width:285px;
}
#loyalty-left h4,
#loyalty-right h4,
#loyalty-left2 h4,
#loyalty-right2 h4{
	color:#003D19;
	font-size:14px;
	font-weight:bold;
	padding-bottom:10px;
}
#loyalty-left h5,
#loyalty-right h5,
#loyalty-left2 h5,
#loyalty-right2 h5{
	font-size:12px;
	font-weight:bold;
	color:#990000;
}
.loyalty_img01{
	padding-top:4em;
	clear:both;
	position:relative;
}
.loyalty_img02{
	padding-top:2em;
}
.loyalty_img03{
/*	padding-top:75em; */
	padding-top:102em;
}
*+html body .loyalty_img03{
	padding-top:80em;
}
#loyalty-right #tab .ttl{
	font-size:14px;
	font-weight:bold;
	color:#990000;
	list-style-type: square;
	list-style-position: inside;
	padding-bottom:0.3em;
}
#loyalty-left2{
	float:left;
	padding:10px 5px 10px 15px;
	position:static;
	width:285px;
}
#loyalty-right2{
	float:right;
	padding:10px 10px 10px 0px;
	position:static;
	width:415px;
}
#loyalty-right2 dt,
.price{
	color:#000000;
}
#loyalty-right2 dd{
	padding-left:10px;
}

#loyalty-right #tab_l{
	padding-left:1em;
	line-height:1.5em;
}
#loyalty-right #tab_r{
	padding-left:1em;
	padding-top:1.1em;
}
*+html body #loyalty-right #tab_r{
	padding-left:1em;
	padding-top:1.7em;
}
#loyalty-right #tab_l li,
#loyalty-right #tab_r li{
	padding-bottom:0.3em;
}

/*----------------------- お風呂（hot_spring.html） -----------------------*/
/*----- 個別ヘッダー -----*/
.spring{
	background-image: url(img/header_bath.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
* html body .spring{
	background-image: url(img/header_bath.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom:20px;
}

/*----- 上段右 -----*/
#spring-right{
	float:right;
	padding:10px 10px 10px 0px;
	position:static;
	width:285px;
}
/*----- 上段右アンカー -----*/
#spring-right #tab{
	padding-left:1em;
}
#spring-right #tab li{
	padding-bottom:0.3em;
}
#spring-right .li_txt{
	list-style-type: disc;
	list-style-position: inside;
	line-height:145%;
}
/*----- 上段右写真 -----*/
#spring-right #ph .bath_img{
	padding-top:3em;
}
#spring-right #ph .bath_img02{
	padding-top:0.5em;
}
#spring-right #ph .bath_txt{
	padding-bottom:3.5em;
}


/*----- 上段右アンカー -----*/
#spring-left{
	float:left;
	padding:10px 0px 0px 15px;
	position:static;
	width:420px;
}
#block01,
#block02,
#block03{
	padding-bottom:20px;
	padding-top:0px;
}
#spring-r50 p{
	padding-bottom:15px;
}
#spring-box dd,
#spring-r50 dd{
	padding-left:0.9em;
}
/*----- 文字装飾 -----*/
#spring-left h4,
#spring-right h4,
#spring-l50 h4,
#spring-r50 h4,
#spring-box h4{
	color:#003D19;
	font-size:14px;
	font-weight:bold;
	padding-bottom:10px;
}
#spring-left h5,
#spring-left h5,
#spring-l50 h5,
#spring-r50 h5{
	font-size:12px;
	font-weight:bold;
	color:#990000;
}
#spring-box dd,
#spring-right dd,
#spring-left dd{
	padding-left:0.9em;
}
#spring-l50{
	border-right:1px solid #9D895C;
	float:left;
	padding:10px 10px 10px 15px;
	position:static;
	width:370px;
}
#spring-l50 dd{
	padding-bottom:10px;
}
#spring-r50{
	float:right;
	padding:10px 15px 10px 5px;
	position:static;
	width:320px;
}

#spring-box{
	padding:0px 15px;
	padding-right:20px;
	clear:both;
}
#spring-box #left{
	float:left;
	margin:0px 0px 10px 0px;
}
#spring-box #right{
	float:right;
	margin:0px;
}


/*----------------------- 観光案内（sightseeing.html） -----------------------*/
.seeing{
	background-image: url(img/header_seeing.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
* html body .seeing{
	background-image: url(img/header_seeing.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom:20px;
}
#seeing-left{
	padding-left:5px;
	width:290px;
}
#seeing-left p{
	margin-left:0px;
	padding-bottom:10px;
}
#seeing-left .li_txt{
	list-style-type: disc;
	list-style-position: inside;
	line-height:145%;
}
#seeing-right{
	border-left:1px solid #9D895C;
	margin-right:20px;
	padding:5px 5px 5px 10px;
	width:380px;
}
#seeing-left h4,
#seeing-right h4{
	color:#003D19;
	font-size:14px;
	font-weight:bold;
	padding-bottom:0.8em;
}
#seeing-left h5,
#seeing-right h5{
	font-size:12px;
	color:#990000;
}
#seeing-right h5{
	font-size:12px;
	font-weight:bold;
	color:#990000;
	margin-top:-0.1em;
	padding-bottom:0.8em;
}
#seeing-right dl{
	padding-bottom:20px;
}
#seeing-right dd{
	padding:0px 5px 10px 10px;
}
#seeing-right .top{
	padding-bottom:5px;
}
#seeing-right a img,
#seeing-right a img{
	border:1px #0000cc solid;
}
#seeing-right a:hover img,
#seeing-right a:hover img {
	border:1px #cccccc solid;
}
#seeing-right .l{
	color:#999999;
	padding-bottom:0px;
	padding-top:0px;
}
/*----------------------- アクセス（access.html） -----------------------*/
.access{
	background-image: url(img/header_access.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
* html body .access{
	background-image: url(img/header_access.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom:20px;
}

#access-left{
	padding-left:5px;
	width:370px;
}
#access-right{
	padding-left:20px;
	margin-right:0px;
	width:300px;
}
#info{
	padding:5px;
	border:1px #A20F14 solid;
	width:95%;
}
#map a img,
#outmap a img{
	border:1px #0000cc solid;
}
#map a:hover img,
#outmap a:hover img {
	border:1px #cccccc solid;
}
#outmap .li{
	display:inline;
}

#access-left h4,
#access-right h4{
	color:#003D19;
	font-size:14px;
	font-weight:bold;
}
#access-left h5,
#access-right h5{
	font-size:12px;
	color:#990000;
}
#access-right h5{
	font-size:12px;
	color:#990000;
	font-weight:bold;
}

/*----------------------- 宿泊約款（covenant.html） -----------------------*/
.covenant{
	background-image: url(img/header_syukuhaku.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
* html body .covenant{
	background-image: url(img/header_syukuhaku.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom:20px;
}

#covenant dl{
	padding-bottom:20px;
}
#covenant dd{
	margin:0px;
	padding:0px;
	padding-left:15px;
}
#covenant .number{
	padding-left:25px;
}
#covenant .number-in{
	padding-left:40px;
}

/*----------------------- 個人情報の取り扱いについて（privacy.html） -----------------------*/
.privacy{
	background-image: url(img/header_kojin.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
* html body .privacy{
	background-image: url(img/header_kojin.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom:20px;
}

#privacy dl{
	padding-bottom:20px;
}
#privacy dd{
	margin:0px;
	padding:0px;
	padding-left:15px;
}
#privacy .number{
	padding-left:25px;
}
#privacy .number-in{
	padding-left:40px;
}

/*----------------------- お問い合わせ（inquiry.html） -----------------------*/
.inquiry{
	background-image: url(img/header_info.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
* html body .inquiry{
	background-image: url(img/header_info.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom:20px;
}
.center {
	margin:0px auto;
	text-align:center;
	border-collapse:collapse;
	border:1px solid #cccccc;
}
#inquiry .table,
#form .table{
	margin:0px auto;
	border-collapse:collapse;
	border:1px solid #cccccc;
	text-align:left;
	width:600px;
}
#inquiry .table th,
#inquiry .table td{
	text-align:left;
	padding:3px;
}
#inquiry .table .min{
	font-size:10px;
}
#inquiry .table .par{
	text-align:center;
}

/*----------------------- サイトマップ（sitemap.html） -----------------------*/
/*----- 個別ヘッダー -----*/
.map2{
	background-image: url(img/header_site.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
* html body .map2{
	background-image: url(img/header_site.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom:20px;
}

/*----- 上段右アンカー -----*/
#map2-left{
	float:left;
	position:static;
	width:705px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}
#block01,
#block02,
#block03{
	padding-bottom:20px;
	padding-top:0px;
}

#map2-box dd{
	padding-left:0.9em;
}
/*----- 文字装飾 -----*/
#map2-left h4,
#map2-box h4{
	color:#003D19;
	font-size:14px;
	font-weight:bold;
	padding-bottom:10px;
}
#map2-left h5,
#map2-left h5{
	font-size:12px;
	font-weight:bold;
	color:#990000;
}
#map2-box dd,
#map2-left dd{
	padding-left:0.9em;
}