@charset "UTF-8";

@import "./base.css";

/* ================================================================================== 
★　CSS インフォーメーション　★
☆　宿泊　☆

■１．stay.html
	●１-１．stay.html
	●１-２．共通
■２．stay/lodge.html
■３．ロッジ客室紹介　/stay/lodge/roomtype.html
■４．ロッジ館内紹介　/stay/lodge/lodgefloor.html
■５．大浴場
■６．ログハウス
■７．ログハウスタイプ
■８．キャンプ場
■９．宿泊料金
■１０．海鮮レストラン「難波津」

===================================================================================== 

■１．stay.html
	●１-１．stay.html
	●１-２．共通

===================================================================================== 

	●１-１．stay.html

================================================================================== */
h3.stay-top{
	margin:36px auto 20px;
	width:950px;
}

.stay-3type-in{
	margin:0 auto;
	width:930px;
	background:url(../../stay/images/stay_bg_in.gif) repeat-y;
	overflow:hidden;
	_zoom:1;
}

.stay-3type-end{
	background:url(../../stay/images/stay_bg_end.gif) no-repeat bottom;
	/background:url(../../stay/images/stay_bg_end.gif) no-repeat bottom left;
	overflow:hidden;
	_zoom:1;
}

.stay-3type-end ul{
	margin:0 -15px 0 0;
	overflow:hidden;
	_zoom:1;
}

.stay-3type-end li{
	float:left;
	margin:0 15px 0 0;
	width:300px;
	overflow:hidden;
	line-height:1.7em;
	
	font-size:1.2em;
}

.stay-3type-end li a{
	display:block;
	padding:210px 10px 10px;
	text-decoration:none;
	color:#555;
}

.stay-3type-end li a span{
	display:block;
	text-align:justify;
	text-justify:inter-ideograph;
}

.stay-3type-end li a em{
	display:block;
	padding:10px 0 0;
	text-align:justify;
	text-justify:inter-ideograph;
	font-style:normal;
}

.stay-3type-end li.stay-3type01 a em{
	color:#bf8a40;
}

.stay-3type-end li.stay-3type02 a em{
	color:#c46645;
}

.stay-3type-end li.stay-3type03 a em{
	color:#4f994c;
}

.stay-3type-end li.stay-3type01 a{
	background:url(../../stay/images/stay_btn01.jpg) no-repeat left top;
}

.stay-3type-end li.stay-3type02 a{
	background:url(../../stay/images/stay_btn02.jpg) no-repeat left top;
}

.stay-3type-end li.stay-3type03 a{
	background:url(../../stay/images/stay_btn03.jpg) no-repeat left top;
}

.stay-3type-end li a:hover{
	background-position:right top;
}

.stay-link {
	margin:10px 0 0;
	text-align:right;
	
	font-size:1.2em;
}

.stay-link a{
	padding:0 10px 0 15px;
	background:url(../images/arrow_brown_left.gif) no-repeat left center;
	color:#bc863e;
	text-decoration:none;
}

.stay-link a:hover{
	text-decoration:underline;
}


.stay-btn{
	margin:40px auto 0;
	width:950px;
	height:200px;
	background:url(../../stay/images/stay_btn_bg.gif) no-repeat;
}

.stay-btn h4{
	padding:20px 20px 15px;
	
}

.stay-btn ul{
	margin:0 auto;
	width:752px;
	overflow:hidden;
	_zoom:1;
}

.stay-btn li{
	float:left;
}

.stay-btn li img{
	margin:0 8px;
}

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

	●１-２．共通

================================================================================== */
h3.stay-seen-ttl{
	margin:50px 0 0;
}

.stay-seen-btn{
	margin:10px -8px 10px 0;
	overflow:hidden;
	_zoom:1;
}

.stay-seen-btn li{
	float:left;
	margin:0 4px 4px 0;
}

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

■２．stay/lodge.html

================================================================================== */
.lodge-btn{
	margin:15px -30px 0 0;
	overflow:hidden;
	_zoom:1;
}

.lodge-btn li{
	float:left;
	margin:0 15px 0 0;
	padding:0 0 15px;
	overflow:hidden;
	_zoom:1;
}

.lodge-link {
	text-align:right;
	
	font-size:1.2em;
}

.lodge-link a{
	padding:0 5px 0 15px;
	background:url(../images/arrow_brown_left.gif) no-repeat left center;
	color:#bc863e;
	text-decoration:none;
}

.lodge-link a:hover{
	text-decoration:underline;
}


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

■３．ロッジ客室紹介　/stay/lodge/roomtype.html

================================================================================== */
.roomtype-list{
	margin:20px -6px 15px 0;
	overflow:hidden;
	_zoom:1;
}

.roomtype-list li{
	float:left;
	margin:0 6px 0 0;
	width:142px;
}


.roomtype-detail{
	margin:30px 0 0;
	overflow:hidden;
	_zoom:1;
}

.roomtype-detail p{
	overflow:hidden;
	_zoom:1;
}

.roomtype-detail dl{
	float:left;
	margin:0 15px 0 0;
	width:150px;
	
	overflow:hidden;
	_zoom:1;
}

.roomtype-detail dt{
	display:block;
	padding:10px 5px;
	background:#c08a40;
	color:#FFF;
	text-align:center;
	
	font-size:1.4em;
}

.roomtype-detail dt span{
	font-size:78.5%;
}

.roomtype-detail dd{
	display:block;
	padding:10px 5px;
	border-bottom:1px solid #ecdcc5;
	text-align:center;
	
	font-size:1.2em;
}

.roomtype-detail dd.head-count{
	background:#f5efe3;
	color:#c08a40;
	border:none;
}

.hr {
	height: 1px;
	background:url(../images/dot_gray_alph.gif) 0 0 repeat-x;
}
.hr hr {
	display: none;
}

.detail-content-in{
	margin:30px 0 15px;
}

.detail-content-end{
	padding:18px;
}

.detail-content-end h3{
	padding:0 3px 18px;
	background:url(../images/dot_gray_alph.gif) repeat-x bottom;
	color:#c08a40;
	
	font-size:1.6em;
}

.detail-content-end table{
	width:698px;
	
	font-size:1.2em;
}

.detail-content-end table th{
	padding:8px 12px 12px;
	width:150px;
	background:url(../images/td_dot_vline.gif) no-repeat right bottom;
	border-top:5px solid #FFF;
	color:#c08a40;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
}

.detail-content-end table td{
	padding:8px 12px 12px;
	background:url(../images/dot_gray_alph.gif) repeat-x bottom;
	border-top:5px solid #FFF;
	
	text-align:left;
	vertical-align:top;
}

.detail-content-end table td.end-line{
	background:none;
}

.detail-content-end table th.end-line{
	background:url(../images/td_vline_only.gif) no-repeat right bottom;
}

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

■４．ロッジ館内紹介　/stay/lodge/lodgefloor.html

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

#lodge-floor-link.lodge-link {
	margin:20px 0;
}

.lodge-floor-icon{
	padding:0 20px 0 0;
	overflow:hidden;
	_zoom:1;
}

.lodge-floor-icon li{
	float:right;
	margin:0 0 0 20px;
}

.lodge-floor-img{
	margin:10px auto 0;
	padding:30px 0 0;
	background:url(../images/dot_gray_alph.gif) repeat-x top;
	overflow:hidden;
	_zoom:1;
}

#lodge-floor-img01.lodge-floor-img{
	margin:30px auto 0;
}

.lodge-floor-img p{
	float:left;
	margin:0 38px 0 0;
	overflow:hidden;
	_zoom:1;
}

.lodge-floor-img ul{
	overflow:hidden;
	_zoom:1;
}

.lodge-floor-img li{
	float:left;
	margin:0 13px 18px 0;
	_margin:0 11px 18px 0;
	text-align:right;
}

.lodge-floor-img li img{
	margin:0 0 5px;
}

.lodge-floor-in{
	margin:30px 0 15px;
	background:url(../../stay/images/lodge_floor_frame_in.gif) repeat-y;
}

.lodge-floor-top{
	background:url(../../stay/images/lodge_floor_frame_top.gif) top no-repeat;
}

.lodge-floor-end{
	padding:18px;
	background:url(../../stay/images/lodge_floor_frame_end.gif) bottom no-repeat;
	overflow:hidden;
	_zoom:1;
}

#loghouse-DL.lodge-floor-end{
	width:700px;
	margin:15px auto;
	padding:10px 0 5px;
	background-image:none;
	background-color:#fdf9f1;
	border:1px solid #dbcfb0;
	overflow:hidden;
	_zoom:1;
}

.lodge-floor-end h3{
	padding:0 3px 18px;
	color:#c08a40;
	
	font-size:1.6em;
}

#loghouse-DL.lodge-floor-end div{
	padding:0 10px;
}

.lodge-floor-end div{
	overflow:hidden;
	_zoom:1;
}

.lodge-floor-end div p{
	float:left;
	overflow:hidden;
	_zoom:1;
}

.lodge-floor-end div dl{
	float:right;
	overflow:hidden;
	_zoom:1;
}

.lodge-floor-end div dt,
.lodge-floor-end div dd{
	float:right;
}

.lodge-floor-end div dt img{
	margin:0 0 0 8px;
}

.lodge-floor-end div dd{
	width:205px;
}

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

■５．大浴場

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

p.bath-read{
	margin:15px auto;
	font-size:1.4em;
	line-height:1.6em;
}

ul.bath-img{
	margin:0 -14px 0 0;
	_margin:0 -28px 0 0;
	overflow:hidden;
	_zoom:1;
}

ul.bath-img li{
	float:left;
	width:360px;
	margin:0 14px 0 0;
	
	font-size:1.2em;
	line-height:1.4em;
}

ul.bath-img p{
	padding:0 5px;
}

ul.bath-img li img{
	margin:0 0 10px;
}

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

■６．ログハウス

================================================================================== */
.loghouse-in{
	background:url(../../stay/images/loghouse_in.gif) repeat-y;
}

.loghouse-end{
	padding:0 0 6px;
	background:url(../../stay/images/loghouse_end.gif) no-repeat bottom;
	overflow:hidden;
	_zoom:1;
}

.loghous-in-txt{
	margin:10px auto;
	width:695px;
	
	font-size:1.2em;
}

.loghous-in-img{
	margin:20px auto 0;
	width:695px;
	overflow:hidden;
	_zoom:1;
}

p.loghous-in-imgL{
	width:251px;
	float:left;
}

p.loghous-in-imgL img{
	margin:0 0 8px;
}

p.loghous-in-imgR{
	float:right;
	width:410px;
	
	font-size:1.2em;
}

.loghous-in-img-in{
	float:right;
	margin:20px 0 0;
	width:420px;
	overflow:hidden;
	_zoom:1;
}

.loghous-in-img-in p{
	float:left;
	overflow:hidden;
	_zoom:1;
}

.loghous-in-img-in p img{
	margin:0 10px 5px 0;
}

.loghous-in-img-in dl{
	overflow:hidden;
	_zoom:1;
	
	line-height:1.7em;
	font-size:1.2em;
}

.loghous-in-img-in span,
.loghous-in-img-in dt{
	color:#8cad00;
}

.loghous-in-img-in dd{
	text-indent:-1em;
	padding:0 0 0 1em;
	letter-spacing:-0.1em;
}

.loghous-in-img-in dd img{
	margin:5px 0 8px 0;
}

.loghous-in02{
	margin:30px 0;
	background:url(../../stay/images/loghouse_in_in.gif) repeat-y;
}

.loghous-in02-top{
	background:url(../../stay/images/loghouse_in_top.gif) no-repeat top;
}

.loghous-in02-end{
	padding:28px 28px 22px;
	background:url(../../stay/images/loghouse_in_end.gif) no-repeat bottom;
	
	overflow:hidden;
	_zoom:1;
}

.loghous-in02-top p.positionR,
.loghous-in02-top dl{
	overflow:hidden;
	_zoom:1;
	
	font-size:1.2em;
}

.loghous-in02-top p.positionR img{
	margin:0 0 0 25px;
}

.loghous-in02-top dd{
	margin:18px 0;
	line-height:1.7em;
	text-align:justify;
	text-justify:inter-ideograph;
}


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

■７．ログハウスタイプ

================================================================================== */
.housetype-list{
	margin:20px -5px 15px 0;
	overflow:hidden;
	_zoom:1;
}

.housetype-list li{
	float:left;
	margin:0 5px 0 0;
	width:180px;
}

.housetype-detail{
	margin:30px 0 0;
	overflow:hidden;
	_zoom:1;
}

dl.house-text{
	border:1px solid #c46645;
	overflow:hidden;
	_zoom:1;
}

dl.house-text dt{
	float:left;
	padding:10px 0;
	width:150px;
	background:#c46645;
	border-right:1px solid #FFF;
	text-align:center;
	color:#FFF;
	
	font-size:1.4em;
}

dl.house-text dd{
	float:left;
	padding:10px 20px;
	
	font-size:1.2em;
}

dl.house-text dd.count{
	padding:10px 0;
	width:150px;
	background:#f6e8e3;
	text-align:center;
	color:#c46645;
}

.housetype-dtail{
	margin:15px auto 0;
	overflow:hidden;
	_zoom:1;
}

.housetype-dtail p.positionL{
	text-align:center;
}

.housetype-dtail p.positionL img{
	margin:0 0 8px;
}

.housetype-dtail h4{
	float:right;
	width:325px;
	height:200px;
	background:url(../../stay/images/loghousetype_00_bg.jpg) no-repeat;
	
	overflow:hidden;
	_zoom:1;
}

.housetype-dtail h4 img{
	margin:5px 0 0 5px;
}

.housetype-dtail div{
	float:right;
	width:325px;
}

.housetype-dtail ul{
	margin:5px -5px 0 0;
	overflow:hidden;
	_zoom:1;
}

.housetype-dtail li{
	float:left;
	margin:0 5px 0 0;
	border:1px solid #CCC;
}

.housetype-dtail li a img{
	border:2px solid #FFF;
}

.housetype-dtail li a:hover img{
	border:2px solid #c46645;
}

#housetype-wrap .detail-content-in{
	background:url(../../stay/images/loghousetype_in.gif) repeat-y;
}

#housetype-wrap .detail-content-top{
	background:url(../../stay/images/loghousetype_top.gif) top no-repeat;
}

#housetype-wrap .detail-content-end{
	padding:18px;
	background:url(../../stay/images/loghousetype_end.gif) bottom no-repeat;
}

#housetype-wrap .detail-content-end h3{
	color:#c46645;
}

#housetype-wrap .detail-content-end h3.no-line{
	background:none;
}

#housetype-wrap .detail-content-end ul.housetype-style{
	margin:20px auto 30px;
	overflow:hidden;
	_zoom:1;
}

.housetype-style li{
	float:left;
	width:48%;
	text-align:center;
}

.housetype-style li p{
	font-size:1.2em;
	text-align:center;
}

.housetype-style li img{
	margin:10px auto;
}

#housetype-wrap .detail-content-end ul.housetype-style-care{
	margin:0 0 0 20px;
}

.housetype-style-care li{
	padding:0 0 5px 1em;
	text-indent:-1em;
	font-size:1.1em;
}

#housetype-wrap .detail-content-end th{
	color:#c46645;
}

#housetype-wrap .detail-content-end td{
	background-position:bottom center;
}

#housetype-wrap .detail-content-end ul.housetype-amenity{
	margin:15px 0 0 8px;
}

.housetype-amenity li{
	padding:0 0 5px 1em;
	text-indent:-1em;
	font-size:1.1em;
}


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

■８．キャンプ場

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

.lodge-btn li p{
	padding:3px 5px 0;
	text-align:center;
	
	font-size:1.2em;
}

p.campground-txt{
	margin:15px 0 0;
	text-align:justify;
	text-justify:inter-ideograph;
	line-height:1.6em;
	
	font-size:1.2em;
}


.campground-frame-in{
	background:url(../../stay/images/campground_frame_in.gif) repeat-y;
}

.campground-frame-top{
	padding:65px 0 0;
	background:url(../../stay/images/campground_frame_top.gif) no-repeat top;
}

.campground-frame-end{
	padding:0 30px 25px;
	background:url(../../stay/images/campground_frame_end.gif) no-repeat bottom;
	
	overflow:hidden;
	_zoom:1;
}

.campground-frame-end p{
	overflow:hidden;
	_zoom:1;
}

.campground-frame-end p.positionR img{
	margin:0 0 0 70px;
	
}

.campground-frame-end h3{
	padding:0 0 0 70px;
	overflow:hidden;
	_zoom:1;
}

.campground-frame-end ul{
	margin:15px 0;
	
	font-size:1.2em;
}

.campground-frame-end li{
	padding:3px 0;
}

.campground-frame-end li span{
	color:#c9d78a;
}

.campground-txt-care{
	margin:15px 0 0;
	text-indent:-1em;
	padding:0 0 0 1em;
	
	font-size:1.1em;
}

.campground-content-in{
	margin:30px 0 15px;
	background:url(../../stay/images/campground_frame02_in.gif) repeat-y;
}

.campground-content-top{
	background:url(../../stay/images/campground_frame02_top.gif) top no-repeat;
}

.campground-content-end{
	padding:18px 18px 5px;
	background:url(../../stay/images/campground_frame02_end.gif) bottom no-repeat;
	overflow:hidden;
	_zoom:1;
}

.campground-content-end h3{
	padding:0 3px 18px;
	background:url(../images/dot_gray_alph.gif) repeat-x bottom;
	color:#4f994a;
	
	font-size:1.6em;
}

.campground-content-end table{
	width:698px;
	
	font-size:1.2em;
}

.campground-content-end table th{
	padding:8px 12px 12px;
	width:150px;
	background:url(../images/td_dot_vline_green.gif) no-repeat right bottom;
	border-top:5px solid #FFF;
	color:#4f994a;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
}

.campground-content-end table td{
	padding:8px 12px 12px;
	background:url(../images/dot_gray_alph.gif) repeat-x bottom;
	border-top:5px solid #FFF;
	
	text-align:left;
	vertical-align:top;
}

.campground-content-end table td.end-line{
	background:none;
}

.campground-content-end table th.end-line{
	background:url(../images/td_vline_only_green.gif) no-repeat right bottom;
}

.campground-content-end  ul{
	margin:10px auto;
}

.campground-content-end li{
	padding:3px 10px;
	font-size:1.1em;
}


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

■９．宿泊料金

================================================================================== */
.charge-area .detail-content-in{
	margin:0 0 15px;
}

.charge-btn{
	margin:20px -5px 20px 0;
	overflow:hidden;
	_zoom:1;
}

.charge-btn li{
	float:left;
	margin:0 5px 0 0;
}

.charge-area .detail-content-end h3{
	background:none;
}


.charge-area #charge01 h3 span{
	font-size:0.8em;
}


.charge-area .detail-content-end caption{
	padding:15px 10px;
	background:#bf893f url(../images/td_dot_vline_alpha_s.gif) no-repeat bottom;
	text-align:left;
	color:#fff;

	font-size:1.2em;
}


#charge01 .detail-content-end table td{
	width:40px;
	padding:8px 3px;
	text-align:center;
}

#charge02 .detail-content-end table td{
	padding:8px 3px;
	text-align:center;
	vertical-align:middle;
}


.detail-content-end table td{	
	background:url(../images/td_dot_vline_alpha_s.gif) no-repeat bottom left;
}

.detail-content-end table td.end-line02{	
	background:url(../images/td_dot_vline_alpha_s.gif) no-repeat top left;
}

.charge-area .detail-content-end table th{
	background:#FFF url(../images/td_dot_vline_alpha.gif) no-repeat right bottom;
}

#charge03 .detail-content-end td.room04,
#charge04 .detail-content-end td.room,
#charge02 .detail-content-end td.room,
#charge01 .detail-content-end td.room{
	background:url(../images/td_dot_vline_alpha_s.gif) no-repeat bottom center;
}


#charge04 .detail-content-end td.room02,
#charge03 .detail-content-end td.room02,
#charge02 .detail-content-end td.room02,
#charge01 .detail-content-end td.room02{
	background:#f8f3ed url(../images/td_dot_vline_alpha_s.gif) no-repeat bottom center;
}

#charge01 .charge-area .detail-content-end table .table-header td,
.charge-area .detail-content-end table .table-header td{
	background:#f8f3ed url(../images/td_dot_vline_alpha_s.gif) no-repeat bottom left;
	border-top:5px solid #f8f3ed;
}


.charge-area .detail-content-end table .table-header td.room05{
	background:#f8f3ed url(../images/td_dot_vline_alpha_s.gif) no-repeat bottom right;
	border-top:5px solid #f8f3ed;
}

#charge04 .detail-content-end td.room02{
	text-align:center;
}

#charge04 .detail-content-end td.room04{
	text-align:center;
	vertical-align:middle;
}

#charge03 .detail-content-end td{
	text-align:center;
	vertical-align:middle;
}

#charge03 .detail-content-end td.room{
	background:url(../images/td_dot_vline_alpha_s.gif) no-repeat bottom right;
}

#charge03 .detail-content-end th{
	width:250px;
}

.charge-area .detail-content-end table .table-header th{
	background:#f8f3ed url(../images/td_dot_vline_alpha.gif) no-repeat right bottom;
	border-top:5px solid #f8f3ed;
	color:#555;
	text-align:center;
	vertical-align:middle;
}

#charge01 .detail-content-end table td.double{
	/width:auto;
}

#charge01 .detail-content-end td.camp{
	width:365px;
}

#charge01 .detail-content-end td.room03{
	width:135px;
	background:#f8f3ed url(../images/td_dot_vline_alpha_s.gif) no-repeat bottom center;
}

.detail-content-end ul{
	margin:10px auto 0;
	width:670px;
}

.detail-content-end li{
	text-indent:-1em;
	padding:0 0 3px 1em;
	
	font-size:1.1em;
}

.detail-content-end table td#price01{
	text-align:center;
}




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

■１０．海鮮レストラン「難波津」

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

p.bath-read{
	margin:15px auto;
	font-size:1.4em;
	line-height:1.6em;
}

p.bath-read span{
	font-size:12px;
}

.restaurant-btn{
	overflow:hidden;
	_soom:1;
}

.restaurant-btn dt,
.restaurant-btn dd{
	float:left;
}

.restaurant-btn dd img{
	margin:0 0 0 3px;
}


p.restaurant-care{
	margin:10px auto 15px;
	text-align:right;
}


.detail-content-end h3.restaurant-ctg{
	background:none;
	overflow:hidden;
	_zoom:1;
}

.detail-content-end h3.restaurant-ctg span{
	float:right;
	color:#555;
	font-size:12px;
}


.restaurant-menu{
	padding:20px 0;
	background:url(../images/dot_gray_alph.gif) top repeat-x;
	overflow:hidden;
	_zoom:1;
}
.restaurant-menu img{
	float:left;
}

.restaurant-menu h4,
.restaurant-menu p,
.restaurant-menu ul{
	float:right;
	width:420px;
	overflow:hidden;
	_zoom:1;
}

.restaurant-menu h4{
	margin:10px auto;
	color:#c08a40;
	
	font-size:1.6em;
	font-weight:bold;
}

.restaurant-menu p{
	margin:10px 0;
	font-weight:bold;
	font-size:1.2em;
}

.restaurant-menu p span{
	font-weight:normal;
}

.restaurant-menu ul{
	margin:10px 0;
}

.restaurant-menu li{
	font-size:1.2em;
	text-indent:-1em;
	padding:0 0 8px 1em;
}

.restaurant-menu li span{
	color:#ecc792;
}

#DN.detail-content-in,
#LC.detail-content-in,
#BF.detail-content-in{
	margin:10px auto;
}

.restaurant-drink{
	padding:15px 3px 0;
	background:url(../images/dot_gray_alph.gif) top repeat-x;
	overflow:hidden;
	_zoom:1;
	
	font-size:1.2em;
}

.restaurant-drink dt{
	margin:0 0 5px;
}
.restaurant-drink dd span{
	color:#ecc792;
}

.restaurant-care02{
	width:711px;
	margin:10px auto;
	font-size:1.2em;
}

p.btn-many img{
	margin:0 0 5px;
}

.restaurant-pdf{
	margin:35px 0 0;
}

p.restaurant-talk{
	padding:0 0 0 20px;
	color:#95b500;
	font-size:1.4em;
}

#restaurant-time.detail-content-in{
	margin:10px auto;
}

p.bus-crew{
	margin:0 0 15px;
	text-indent:-1em;
	padding:0 0 0 1em;
	
	font-size:1.2em;
}