@charset "utf-8";

/* sub
----------------------------------------------------------- */
#sub #visual h1{
	width:1200px;
	height:190px;}

#sub #visual h1 span{
	width:1200px;
	padding-top:190px;}	

#sub #pan {
	width: 1080px;
	height:27px;
	padding:8px 0 0 120px;
	margin: 0 auto;
	background:url(../images/sub_pan.jpg) no-repeat;}
	
#sub .read{
	width:720px;
	height:600px;
	position:relative;}
	
#sub .read h2{
	position:absolute;
	top:30px;
	left:0;}
	
#sub .read p{
	position:absolute;
	top:440px;
	left:150px;
	padding-right:15px;
	line-height:1.8;
	color:#443826;}

#sub .subBox {
	position:relative;
	padding-bottom:60px;
	clear:both;}
		
#sub .subBox h3{
	width:150px;
	float:left;}
	
#sub .detailBox h3{
	margin-bottom:25px;}
	
#sub .subBox .box{
	width:570px;
	float:right;}
	
#sub table{
	width: 720px;
	border-collapse:collapse;
	clear:both;}

#sub th {
	background: #DBD7C6;
	padding: 10px 0 8px 15px;
	border: 1px solid #C9C2A7;
	text-align:left;
	font-weight:bold;
	width:150px;}
	
#sub td {
	padding: 10px 15px 8px 15px;
	border: 1px solid #C9C2A7;
	border-left:none;
	background:#FFF;}
	
#sub .subnav{
	background:url(../images/common/subnav_bg.jpg) no-repeat top left;
	width:650px;
	padding:35px 35px 0 35px;
	margin:80px 0 0 0;}
	
#sub .subnav dl{
	margin-bottom:30px;}
	
#sub .subnav dl.leftBox{
	float:left;
	width:300px;}
	
#sub .subnav dl.rightBox{
	float:right;
	width:300px;}

#sub .subnav dt{
	margin-bottom:5px;}

/* spa
----------------------------------------------------------- */
#sub.spa #visual h1 span{
	background:url(../images/spa_visual.jpg);}	
	
.spa .read{
	background:url(../images/spa_img.jpg) no-repeat;}
	
.spa .img01{
	margin:25px 45px 0 0;}	
	
.spa .img02{
	margin:65px 0 0 0;}	
	
.spa .img03{
	margin:25px 0 25px 0;}
	
.spa .gensen{
	margin-top:-60px;
	width:350px;}	
	
#sub.spa td.day{
	width:260px;
	background:#EDEBE2;
	font-weight:bold;}	
	
.spa .untikubtm{
	width:370px;
	margin-top:30px;}
	
.spa .untiku{
	background:url(../images/spa_untikubg.jpg) no-repeat bottom center;
	padding:0 70px 40px 70px;
	line-height:1.8;}


/* meal
----------------------------------------------------------- */
#sub.meal #visual h1 span{
	background:url(../images/meal_visual.jpg);}	
		
.meal .read{
	background:url(../images/meal_img.jpg) no-repeat;}
	
.meal .subBox dl{
	padding-top:25px;}
	
.meal .subBox dt{
	width:565px;
	height:330px;}
	
.meal .subBox dt.sakura{
	background:url(../images/meal_c01.jpg) no-repeat top right;}
	
.meal .subBox dt.tutuzi{
	background:url(../images/meal_c02.jpg) no-repeat top right;}
	
.meal .subBox dt.yusuge{
	background:url(../images/meal_c03.jpg) no-repeat top right;}
	
.meal .subBox dt.hana{
	background:url(../images/meal_c04.jpg) no-repeat top right;}
	
.meal .subBox dd{
	margin-bottom:60px;}
	
.meal .subBox dd.sakura{
	background:url(../images/meal_img02.jpg) no-repeat;
	width:465px;
	height:65px;
	padding:65px 80px 0 20px;}
	
.meal .subBox dd.tutuzi{
	background:url(../images/meal_img04.jpg) no-repeat;
	width:465px;
	height:65px;
	padding:95px 80px 0 20px;}

.meal .subBox dd.yusuge{
	background:url(../images/meal_img06.jpg) no-repeat;
	width:465px;
	height:40px;
	padding:100px 80px 0 20px;}
	
.meal .subBox dd.hana{
	background:url(../images/meal_img08.jpg) no-repeat;
	width:465px;
	height:40px;
	padding:100px 80px 0 20px;
	margin-bottom:0;}
	
.meal .option{
	background:url(../images/meal_option.jpg) no-repeat;
	width:597px;
	height:103px;
	padding:60px 0 0 120px;}


/* facilities
----------------------------------------------------------- */
#sub.facilities #visual h1 span{
	background:url(../images/fa_visual.jpg);}	
		
.facilities .read{
	background:url(../images/fa_img.jpg) no-repeat;}
		
.facilityBox h3{
	width:70px;
	float:left;}
	
.facilityBox .fa01{
	float:right;
	background:url(../images/fa01.jpg) no-repeat;
	width:265px;
	height:238px;
	padding:30px 25px 0 360px;}	
	
.facilityBox .fa02{
	float:right;
	background:url(../images/fa02.jpg) no-repeat;
	width:265px;
	height:238px;
	padding:30px 25px 0 360px;}	
	
.facilityBox .fa03{
	float:right;
	background:url(../images/fa03.jpg) no-repeat;
	width:265px;
	height:238px;
	padding:30px 25px 0 360px;}	
	
.facilityBox .fa04{
	float:right;
	background:url(../images/fa04.jpg) no-repeat;
	width:265px;
	height:238px;
	padding:30px 25px 0 360px;}	
	
.facilityBox .fa05{
	float:right;
	background:url(../images/fa05.jpg) no-repeat;
	width:265px;
	height:238px;
	padding:30px 25px 0 360px;}	
	
.facilityBox .icon{
	background:url(../images/f_icon.jpg) no-repeat 0 1px;
	padding-left:25px;}
	
	
	
/* room
----------------------------------------------------------- */
#sub.room #visual h1 span{
	background:url(../images/room_visual.jpg);}	
		
.room .read{
	background:url(../images/room_img.jpg) no-repeat;}	
	
.room .img01{
	margin:25px 0 20px 0;}	
	
.room .icon{
	background:url(../images/icon_green.jpg) no-repeat 0 0;
	padding-left:25px;}
	
.room .box{
	position:relative;}
	
.room .box .roomBtn{
	position:absolute;
	bottom:0;
	right:0;}
	
.listG li{
	border-bottom:1px dotted #B1A489;
	background:url(../images/icon_green.jpg) no-repeat 0 0;
	padding-left:25px;
	padding-bottom:10px;
	margin-bottom:10px;}
	
.listB li{
	border-bottom:1px dotted #B1A489;
	background:url(../images/icon_blue.jpg) no-repeat 0 0;
	padding-left:25px;
	padding-bottom:10px;
	margin-bottom:10px;}

#sub.room .detailBox th{
	font-weight:normal;
	width:150px;}
	
#sub.room td{
	text-align:center;}
	
#sub.room td.koumoku{
	background:#EDEBE2;
	font-weight:bold;}
	
#sub.room td.day{
	width:260px;
	background:#EDEBE2;}		



/* cottage
----------------------------------------------------------- */
#sub.cottage #visual h1 span{
	background:url(../images/cottage_visual.jpg);}	
		
.cottage .read{
	background:url(../images/cottage_img.jpg) no-repeat;}	
	
.cottage .box{
	position:relative;}
	
.cottage .box .cotxt{
	position:absolute;
	top:450px;
	left:0;}
	
#sub.cottage .subBox {
	padding-bottom:25px;
	clear:both;}
	
.cottage .listY{
	margin-bottom:60px;}
	
.cottage .listY li{
	border-bottom:1px dotted #B1A489;
	background:url(../images/icon_yellow.jpg) no-repeat 0 0;
	padding-left:25px;
	padding-bottom:10px;
	margin-bottom:10px;}

.cottage .img05{
	margin:40px 0 20px 0;}
	
.cottage ul.kitchen{
	position:absolute;
	top:181px;
	right:0;
	background:url(../images/cottage_img06.jpg) no-repeat;
	width:200px;
	height:184px;
	padding:65px 0 0 10px;}

#sub.cottage td.day{
	background:#EDEBE2;
	font-weight:bold;}	
	
	
/* lake
----------------------------------------------------------- */
#sub.lake #header .tel span{
	width:233px;
	padding-top:80px;
	background:url(../images/lakeheader_tel.jpg);}
	
#sub.lake #visual h1 span{
	background:url(../images/lake_visual.jpg);}	
		
.lake .read{
	background:url(../images/lake_img.jpg) no-repeat;}	

.lake .box{
	position:relative;}
		
.laketxt{
	width:360px;
	position:absolute;
	top:375px;
	left:0;}
	
.laketxt2{
	width:450px;
	position:absolute;
	top:420px;
	left:0;}	
	
.lfacilityBox h4{
	width:70px;
	float:left;}

.lfacilityBox .lakefa01{
	float:right;
	background:url(../images/lakefa01.jpg) no-repeat;
	width:265px;
	height:238px;
	padding:30px 25px 0 360px;}
	
.lfacilityBox .lakefa02{
	float:right;
	background:url(../images/lakefa02.jpg) no-repeat;
	width:265px;
	height:238px;
	padding:30px 25px 0 360px;}	
	
#sub.lake th{
	width:200px;}	
	
#sub.lake td{
	text-align:center;}
	
#sub.lake td.koumoku{
	background:#EDEBE2;
	font-weight:bold;}
	
#sub.lake td.day{
	width:260px;
	background:#EDEBE2;}		
	

/* faq
----------------------------------------------------------- */
#sub.faq #visual h1 span{
	background:url(../images/faq_visual.jpg);}	
		
#sub .faqcateBox h3{
	margin-top:30px;
	margin-bottom:25px;}	
	
#sub .faqcateBox ul{
	width:680px;
	border:5px solid #FFF;
	padding:15px;
	padding-bottom:0;
	background:#E7F1EB;
	margin-bottom:50px;}
	
#sub .faqcateBox li{
	background:url(../images/faq_icon.jpg) no-repeat;
	padding-left:20px;
	margin-bottom:15px;
	width:280px;
	float:left;}
	
#sub .faqBox{
	clear:both;}
	
#sub .faqBox h3{
	background:url(../images/faq_ttl.jpg) no-repeat;
	width:685px;
	height:33px;
	padding:9px 0 0 35px;
	font-weight:bold;
	font-size:16px;}	
	
#sub .faqBox dl{
	background:#FFF;
	border:1px solid #EAE2D5;
	padding:20px;
	padding-bottom:0;}	
	
#sub .faqBox dt{
	background:url(../images/faq_q.jpg) no-repeat 0 0 #E7F1EB;
	font-weight:bold;
	padding:15px 20px 13px 60px;
	margin-bottom:15px;}

#sub .faqBox dd{
	background:url(../images/faq_a.jpg) no-repeat 20px 0;
	padding:0 20px 30px 120px;}
	
	
/* tour/access
----------------------------------------------------------- */
#sub.tour #visual h1 span{
	background:url(../images/tour_visual.jpg);}	
	
.tour ul.pagetub{
	padding-top:30px;}
	
.tour ul.pagetub li.alignL{
	float:left;
	width:357px;}
	
.tour ul.pagetub li.alignR{
	float:right;
	width:357px;}
		
.tour .read{
	background:url(../images/tour_img.jpg) no-repeat;
	clear:both;}	

.tour #access.read{
	background:url(../images/access_img.jpg) no-repeat;
	clear:both;}

#sub.tour #access.read{
	width:720px;
	height:553px;
	position:relative;}
			
#sub.tour #access.read p{
	top:420px;}	
		
.tour .img01{
	margin:-20px 0 0 33px;}

.tour .wrap {
	margin:5px 0 0 33px;}

.tour .wrap ul {
    display:block;
    overflow:hidden;
    margin:20px 0 30px 0;}
	
.tour .wrap li {
    display:block;
    float:left;
	margin-right:11px;}
	
.tour .wrap li.last{
	margin-right:0;}
	
.tour .wrap li img {
    cursor:pointer;}
	
.tour .wraptxt{
	clear:both;
	margin:0 0 0 33px;}	
	
.tour .season01{
	background:url(../images/tour_season01.jpg) no-repeat;
	position:relative;
	width:720px;
	height:655px;}
	
.tour .season01 p.stxt{
	font-size:12px;
	width:120px;
	margin-bottom:10px;}
	
.tour .sp01{
	position:absolute;
	top:125px;
	left:190px;}
	
.tour .sp02{
	position:absolute;
	top:265px;
	left:580px;}
	
.tour .sp03{
	position:absolute;
	top:345px;
	left:190px;}
	
.tour .sp04{
	position:absolute;
	top:485px;
	left:580px;}
	
.tour .sp05{
	position:absolute;
	top:50px;
	left:580px;}
	
.tour .sp06{
	position:absolute;
	top:99px;
	left:190px;}
	
.tour .sp07{
	position:absolute;
	top:319px;
	left:190px;}
	
.tour .sp08{
	position:absolute;
	top:460px;
	left:580px;}	

.tour .sp09{
	position:absolute;
	top:680px;
	left:580px;}

.tour .season02{
	background:url(../images/tour_season02.jpg) no-repeat;
	position:relative;
	width:720px;
	height:887px;}
	
.tour .season02 p.stxt{
	font-size:12px;
	width:120px;
	margin-bottom:10px;}
		
	
.tour .mastSpot{
	background:url(../images/tour_spotbg.jpg) repeat-y left bottom;
	padding:20px;
	margin-bottom:50px;}	

.tour .spot{
	background:#FFF;
	padding:20px;}
	
.tour .spot .alignL{
	width:240px;
	float:left;} 

.tour .spot dl.alignr{
	width:380px;
	float:right;}
	
.tour .spot dl.alignr dt{
	margin-bottom:20px;} 
	
.more{
	background:url(../images/spoticon.jpg) no-repeat left center;
	padding-left:16px;}
	
.tour .otherSpot{
	background:url(../images/tour_spotbg02.jpg) ;
	padding:20px;
	margin-bottom:20px;}
	
.tour .pickup{
	background:#FFF;
	padding:20px;}
	
.tour .pickup .alignL{
	width:160px;
	float:left;} 

.tour .pickup dl.alignr{
	width:460px;
	float:right;}
	
.tour .pickup dt{
	background:url(../images/pickup_line.jpg) no-repeat bottom left;
	padding-bottom:10px;
	margin-bottom:15px;
	font-size:16px;
	font-weight:bold;}


.tooltip{width:280px;margin:0;padding:15px;font-size:12px;background:#fff;border:5px solid #333;}
		.tooltip p{margin:0;text-align:justify;}

.map{
	margin:40px 0 0 150px;}


/* wp
----------------------------------------------------------- */
#sub.info #visual h1 span{
	background:url(../images/info_visual.jpg);}	
	
#sub.event #visual h1 span{
	background:url(../images/event_visual.jpg);}	
		
#sub .wplistBox h3{
	margin-top:30px;
	margin-bottom:25px;}
	
#sub .wplistBox dl{
	width:700px;
	padding:10px;
	background:#FFF;
	margin-bottom:50px;}
	
#sub .wplistBox dt{
	background:url(../images/wp_listicon.jpg) no-repeat 15px 4px #EEF0E3;
	margin-bottom:10px;
	font-weight:bold;
	padding:5px 0 3px 40px;}
	
#sub .wplistBox dd{
	margin-bottom:10px;
	padding:0 40px 15px 40px;}
	
#sub .wpdetailBox h3{
	margin-top:30px;
	margin-bottom:25px;
	background:url(../images/wp_ttl01.jpg) no-repeat;
	font-weight:bold;
	font-size:18px;
	color:#FFF;
	width:700px;
	height:35px;
	padding:10px 0 0 20px;}
	
#sub .wpdetailBox .wptxt{
	width:700px;
	padding:10px;
	padding-bottom:30px;
	background:#FFF;
	margin-bottom:50px;}
	
#sub .wpdetailBox .wptxt h4{
	background:url(../images/wp_listicon.jpg) no-repeat 15px 4px #EEF0E3;
	margin-bottom:10px;
	font-weight:bold;
	padding:5px 0 3px 40px;}

#sub .wpdetailBox .wpArea{
	padding:0 20px 40px 15px;
	line-height:2.0;}

#sub .wpdetailBox .wptxt ul{
	padding:0 0 0 15px;}


#sub .pagenav {
	color: #2583ad;
	margin: 1em auto;
	line-height:2em;
	text-align:center;}

#sub a.page-numbers, .pagenav .current {
	padding: 6px .6em;
	text-decoration:none;
	font-size:12px;
	background:#FFF;
	border:1px solid #C0E4D3;}

#sub a.page-numbers:hover {
	color:white;
	background: #3593AC;}

#sub .pagenav .current {
	color: white;
	background: #3593AC;
	font-weight:bold;}

#sub .pagenav .next, .pagenav .prev {
	border:1px solid #C0E4D3;
	background:#FFF;
	text-decoration:underline;
	font-size:12px;
	font-weight:bold;}