@charset "UTF-8";

/* FONT SET */

.xxl{
	font-size:xx-large;
	line-height:1.4em;
}

.xl{
	font-size:x-large;
	line-height:1.4em;
}

.l{
	font-size:large;
	line-height:1.4em;
}

.m{
	font-size:medium;
	line-height:1.4em;
}

.s{
	font-size:small;
	line-height:1.4em;
}

.xs{
	font-size:x-small;
	line-height:1.4em;
}

.xxs{
	font-size:xx-small;
	line-height:1.4em;
}

.f14{
	font-size:14px;
	line-height:1.4em;
}

.f12{
	font-size:12px;
	line-height:1.4em;
}

.f10{
	font-size:10px;
	line-height:1.4em;
}

.f9{
	font-size:9px;
	line-height:1.4em;
	font-family:Verdana,Arial,Monaco,sans-serif;
}

/* COLOR */

a:link{
	color:#35b0ef;
	text-decoration:none;
}
a:visited{
	color:#609ebd;
	text-decoration:none;
}
a:hover{
	color:#35b0ef;
	text-decoration:underline;
}
a:active{
	color:#9ab742;
	text-decoration:none;
}






/* INTERFACE */

body{
	margin:0px;
	padding:0px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	-webkit-text-size-adjust:100%;
	background-color:#275d12;
	background-image:url("../img/interface/body_bg.jpg");
	background-repeat:no-repeat;
	background-position:top center;
	background-attachment:fixed;
}

@media screen and (max-width:1280px) {
	body{
		background-image:none;
	}
}


#layout_area{
	max-width:1280px;
	min-width:960px;
	min-height:1000px;
	margin:0px auto;
	background-color:#faf0de;
	background-image:url("../img/interface/contents_bg.jpg");
	background-repeat:repeat-y;
	background-position:center top;
}

#footer_bg{
	max-width:1280px;
	min-width:960px;
	margin:0px auto;
	background-image:url("../img/interface/footer_bg.jpg");
	background-repeat:no-repeat;
	background-position:center bottom;
}

#sub_key_bg{
	max-width:1280px;
	min-width:960px;
	margin:0px auto;
	background-image:url("../img/interface/footer_bg.jpg");
	background-repeat:no-repeat;
	background-position:center 180px;
}



#contents_area{
	width:960px;
	margin:0px auto;
}

#side_area_bg{
	max-width:1280px;
	min-width:960px;
	min-height:1000px;
	background-image:url("../img/interface/side_area_bg.png");
	background-repeat:repeat-y;
	background-position:center top;
}

#side_area{
	width:200px;
	text-align:center;
	float:left;
}

#side_area h1{
	margin:20px auto 25px auto;
	font-size:12px;
	line-height:1em;
}

#side_area nav ul{
	margin:0px 0px 30px 0px;
	padding:0px;
	list-style-type:none;
	font-size:12px;
	line-height:1em;
	text-align:center;
}
#side_area nav li{
	margin:0px;
	padding:0px;
}
#side_area nav li span{
	display:block;
	width:200px;
	height:50px;
	text-indent:-9999px;
	overflow:hidden;
	background-image:url("../img/interface/nav.png");
	background-repeat:no-repeat;
}

#side_area nav li a{
	display:block;
	width:200px;
	height:50px;
	text-indent:-9999px;
	overflow:hidden;
	background-image:url("../img/interface/nav.png");
	background-repeat:no-repeat;
}


#side_area nav li a#nav_home:link{
	background-position:0px 0px;
}
#side_area nav li a#nav_home:visited{
	background-position:0px 0px;
}
#side_area nav li a#nav_home:hover{
	background-position:-200px 0px;
}
#side_area nav li a#nav_home:active{
	background-position:0px 0px;
}
#side_area nav li span#nav_home{
	background-position:-200px 0px;
}


#side_area nav li a#nav_aboutus:link{
	background-position:0px -50px;
}
#side_area nav li a#nav_aboutus:visited{
	background-position:0px -50px;
}
#side_area nav li a#nav_aboutus:hover{
	background-position:-200px -50px;
}
#side_area nav li a#nav_aboutus:active{
	background-position:0px -50px;
}
#side_area nav li span#nav_aboutus{
	background-position:-200px -50px;
}


#side_area nav li a#nav_event:link{
	background-position:0px -100px;
}
#side_area nav li a#nav_event:visited{
	background-position:0px -100px;
}
#side_area nav li a#nav_event:hover{
	background-position:-200px -100px;
}
#side_area nav li a#nav_event:active{
	background-position:0px -100px;
}
#side_area nav li span#nav_event{
	background-position:-200px -100px;
}


#side_area nav li a#nav_planstay:link{
	background-position:0px -150px;
}
#side_area nav li a#nav_planstay:visited{
	background-position:0px -150px;
}
#side_area nav li a#nav_planstay:hover{
	background-position:-200px -150px;
}
#side_area nav li a#nav_planstay:active{
	background-position:0px -150px;
}
#side_area nav li span#nav_planstay{
	background-position:-200px -150px;
}


#side_area nav li a#nav_planorganizations:link{
	background-position:0px -200px;
}
#side_area nav li a#nav_planorganizations:visited{
	background-position:0px -200px;
}
#side_area nav li a#nav_planorganizations:hover{
	background-position:-200px -200px;
}
#side_area nav li a#nav_planorganizations:active{
	background-position:0px -200px;
}
#side_area nav li span#nav_planorganizations{
	background-position:-200px -200px;
}


#side_area nav li a#nav_onsen:link{
	background-position:0px -250px;
}
#side_area nav li a#nav_onsen:visited{
	background-position:0px -250px;
}
#side_area nav li a#nav_onsen:hover{
	background-position:-200px -250px;
}
#side_area nav li a#nav_onsen:active{
	background-position:0px -250px;
}
#side_area nav li span#nav_onsen{
	background-position:-200px -250px;
}


#side_area nav li a#nav_dining:link{
	background-position:0px -300px;
}
#side_area nav li a#nav_dining:visited{
	background-position:0px -300px;
}
#side_area nav li a#nav_dining:hover{
	background-position:-200px -300px;
}
#side_area nav li a#nav_dining:active{
	background-position:0px -300px;
}
#side_area nav li span#nav_dining{
	background-position:-200px -300px;
}


#side_area nav li a#nav_room:link{
	background-position:0px -350px;
}
#side_area nav li a#nav_room:visited{
	background-position:0px -350px;
}
#side_area nav li a#nav_room:hover{
	background-position:-200px -350px;
}
#side_area nav li a#nav_room:active{
	background-position:0px -350px;
}
#side_area nav li span#nav_room{
	background-position:-200px -350px;
}


#side_area nav li a#nav_public:link{
	background-position:0px -400px;
}
#side_area nav li a#nav_public:visited{
	background-position:0px -400px;
}
#side_area nav li a#nav_public:hover{
	background-position:-200px -400px;
}
#side_area nav li a#nav_public:active{
	background-position:0px -400px;
}
#side_area nav li span#nav_public{
	background-position:-200px -400px;
}


#side_area nav li a#nav_access:link{
	background-position:0px -450px;
}
#side_area nav li a#nav_access:visited{
	background-position:0px -450px;
}
#side_area nav li a#nav_access:hover{
	background-position:-200px -450px;
}
#side_area nav li a#nav_access:active{
	background-position:0px -450px;
}
#side_area nav li span#nav_access{
	background-position:-200px -450px;
}


#side_area nav li a#nav_contact:link{
	background-position:0px -500px;
}
#side_area nav li a#nav_contact:visited{
	background-position:0px -500px;
}
#side_area nav li a#nav_contact:hover{
	background-position:-200px -500px;
}
#side_area nav li a#nav_contact:active{
	background-position:0px -500px;
}
#side_area nav li span#nav_contact{
	background-position:-200px -500px;
}


a.reservation_btn{
	display:block;
	width:78px;
	height:78px;
	margin:0px auto;
	background-image:url("../img/interface/reservation_btn.png");
	background-repeat:no-repeat;
	overflow:hidden;
	text-indent:-9999px;
}
a.reservation_btn:link{
	background-position:0px 0px;
}
a.reservation_btn:visited{
	background-position:0px 0px;
}
a.reservation_btn:hover{
	background-position:0px -78px;
}
a.reservation_btn:active{
	background-position:0px 0px;
}


#main_area{
	width:720px;
	min-height:1000px;
	float:right;
	padding:0px 0px 80px 0px;
	position:relative;
}


#side_sns{
	margin:200px 0px 0px 0px;
	padding:0px;
	list-style-type:none;
}
#side_sns li{
	padding:0px 0px 25px 0px;
}



#footer{
	clear:both;
	margin:0px 0px 0px 0px;
	width:960px;
	height:254px;
	position:relative;
}


#footer #footer_info{
	display:block;
	width:160px;
	position:absolute;
	top:0px;
	left:20px;
}

#footer_info img{
	margin:0px 0px 20px 0px;
}

#footer address{
	display:block;
	width:160px;
	margin:0px 0px 12px 0px;
	font-style:normal;
	font-size:12px;
	line-height:1.2em;
}

#footer p{
	font-size:10px;
}
#footer p span#tel{
	font-size:16px;
	font-family:Verdana,Arial,sans-serif;
}

#footer .reservation_btn{
	position:absolute;
	top:-40px;
	right:0px;
}

#footer nav{
	position:absolute;
	top:80px;
	right:0px;
	font-size:12px;
}

#footer nav a:link{
	color:#000000;
	text-decoration:none;
}
#footer nav a:visited{
	color:#000000;
	text-decoration:none;
}
#footer nav a:hover{
	color:#ffffff;
	text-decoration:none;
}
#footer nav a:active{
	color:#000000;
	text-decoration:none;
}


#footer_copyright{
	display:block;
	position:absolute;
	top:160px;
	right:0px;
	font-size:9px;
	font-family:Verdana,Arial,sans-serif;
}



#sub_key_title{
	margin:0px;
	padding:0px;
	font-size:14px;
	position:absolute;
	top:163px;
	right:0px;
}


#sub_article{
	width:720px;
	overflow:hidden;
}

#sub_article h2{
	font-size:18px;
	margin:0px 0px 14px 0px;
	color:#6c5555;
}


#sub_article p{
	font-size:14px;
}

.sub_table_simple{
	border-collapse:collapse;
}
.sub_table_simple th{
	padding:0px 4px 4px 0px;
	font-size:14px;
	text-align:right;
	color:#275d12;
	white-space:nowrap;
}
.sub_table_simple td{
	padding:0px 4px 4px 4px;
	font-size:14px;
	text-align:left;
}



/* HOME */


#home_key_pic{
	max-width:1280px;
	min-width:960px;
	background-image:url("../img/home_key.jpg");
	background-repeat:no-repeat;
	background-position:center top;
}
#home_key_mask{
	max-width:1280px;
	min-width:960px;
	min-height:1000px;
	background-image:url("../img/home_key_mask.png");
	background-repeat:no-repeat;
	background-position:center top;
}

#home_key_area{
	width:720px;
	height:955px;
	margin:0px 0px 30px 0px;
	position:relative;
}

#home_key_area h1{
	margin:0px;
	padding:0px;
	font-size:16px;
	position:absolute;
	top:200px;
	left:0px;
}

#home_key_caption{
	position:absolute;
	top:550px;
	left:61px;
}

#header_contact{
	position:absolute;
	top:0px;
	right:0px;
}

#home_key_area #home_key_copy{
	position:absolute;
	bottom:47px;
	right:0px;
}

#home_key_area #home_key_image{
	position:absolute;
	bottom:0px;
	left:-20px;
}

#home_info_area{
	text-align:center;
}

#home_info_area h2{
	color:#ad1e2b;
	font-size:16px;
}

#home_event_area{
	margin:0px 0px 80px 0px;
}

#home_event_area h1{
	margin:0px 0px 20px 0px;
	padding:0px;
	font-size:16px;
}


#home_event_area section{
	width:680px;
	margin:0px 0px 20px 0px;
	padding:20px;
	background-color:#ffffff;
	border-radius:5px;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.1);
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
	overflow:hidden;
}

.home_event_thumbs{
	float:right;
	margin:0px 0px 0px 30px;
}

#home_event_area h2{
	margin:0px 0px 2px 0px;
	font-size:20px;
	color:#ff9900;
}
#home_event_area time{
	margin:0px 0px 12px 0px;
	display:block;
	font-size:10px;
	color:#cc9900;
}
#home_event_area p{
	margin:0px 0px 1em 0px;
	font-size:14px;
}
#home_event_area small{
	display:block;
	margin:0px 0px 0px 0px;
	font-size:10px;
}


#home_plan_area section{
	float:left;
	width:190px;
	height:260px;
	margin:0px 30px 24px 0px;
	padding:15px;
	background-image:url("../img/home_plan_bg.png");
	background-repeat:no-repeat;
	background-position:center top;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.1);
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
	overflow:hidden;
}
#home_plan_area .home_plan_right{
	float:left;
	width:190px;
	height:260px;
	margin:0px 0px 24px 0px;
	padding:15px;
	background-image:url("../img/home_plan_bg.png");
	background-repeat:no-repeat;
	background-position:center top;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.1);
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
	overflow:hidden;
}

#home_plan_area h2{
	margin:8px 0px 0px 0px;
	padding:0px;
	font-size:16px;
	line-height:1.5em;
	color:#333333;
	font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',serif;
}

#home_plan_area h2 span{
	display:block;
	width:190px;
	margin:0px 0px 8px 0px;
	font-weight:bold;
	color:#245e0b;
	border-bottom:1px solid #90bd7f;
}




/* ONSEN */

#onsen_key_pic{
	max-width:1280px;
	min-width:960px;
	margin:0px 0px 0px 0px;
	background-image:url("../onsen/img/key.jpg");
	background-repeat:no-repeat;
	background-position:center top;
	position:relative;
}


#onsen_key_area{
	width:720px;
	height:460px;
	position:relative;
}



#onsen_male{
	width:340px;
	margin:40px 0px 0px 0px;
	float:left;
}


#onsen_female{
	width:340px;
	margin:40px 0px 0px 0px;
	float:right;
}


#onsen_male h1{
	margin:0px 0px 40px 0px;
	font-size:14px;
	text-align:center;
}


#onsen_female h1{
	margin:0px 0px 40px 0px;
	font-size:14px;
	text-align:center;
}


.onsen_pic_area img{
	margin:0px 0px 3px 0px;
}

.onsen_pic_area p{
	font-size:12px;
}






/* DINING */

#dining_key_pic{
	max-width:1280px;
	min-width:960px;
	margin:0px 0px 0px 0px;
	background-image:url("../dining/img/key.jpg");
	background-repeat:no-repeat;
	background-position:center top;
	position:relative;
}


#dining_key_area{
	width:720px;
	height:460px;
	position:relative;
}


/* ROOM */

#room_key_pic{
	max-width:1280px;
	min-width:960px;
	margin:0px 0px 0px 0px;
	background-image:url("../room/img/key.jpg");
	background-repeat:no-repeat;
	background-position:center top;
	position:relative;
}


#room_key_area{
	width:720px;
	height:460px;
	position:relative;
}

.room_table{
	border-bottom:1px solid #dddddd;
	border-right:1px solid #dddddd;
	border-collapse:collapse;
	margin:0px 0px 60px 0px;
}


.room_table th{
	width:100px;
	font-size:14px;
	text-align:left;
	padding:5px 0px 5px 10px;
	border-top:1px solid #dddddd;
	border-left:1px solid #dddddd;
	background-image:url("../img/interface/footer_bg.jpg");
}

.room_table td{
	width:130px;
	font-size:14px;
	text-align:left;
	padding:5px 0px 5px 10px;
	border-top:1px solid #dddddd;
	border-left:1px solid #dddddd;
	background-color:#ffffff;
}



/* ACCESS */

#access_key_pic{
	max-width:1280px;
	min-width:960px;
	margin:0px 0px 0px 0px;
	background-image:url("../access/img/key.jpg");
	background-repeat:no-repeat;
	background-position:center top;
	position:relative;
}


#access_key_area{
	width:720px;
	height:460px;
	position:relative;
}


.access_table{
	border-bottom:1px solid #dddddd;
	border-right:1px solid #dddddd;
	border-collapse:collapse;
	margin:0px 0px 5px 0px;
}

.access_table th{
	font-size:14px;
	text-align:left;
	padding:10px 0px 10px 10px;
	border-top:1px solid #dddddd;
	border-left:1px solid #dddddd;
	background-image:url("../img/interface/footer_bg.jpg");
}

.access_table .access_th_time{
	font-size:14px;
	text-align:center;
	padding:5px;
	border-top:1px solid #dddddd;
	border-left:1px solid #dddddd;
	background-image:url("../img/interface/footer_bg.jpg");
}

.access_table .time_data_footer_01{
	font-size:12px;
	text-align:right;
	padding:10px;
	line-height:1.8em;
	border-top:1px solid #dddddd;
	border-left:1px solid #dddddd;
	background-color:#eeeeee;
}

.access_table .time_data_footer_02{
	font-size:12px;
	text-align:center;
	padding:10px;
	line-height:1.8em;
	border-left:1px solid #dddddd;
	background-color:#eeeeee;
}


.access_table .td_left{
	width:300px;
	font-size:14px;
	text-align:center;
	padding:5px 0px 5px 10px;
	border-top:1px solid #dddddd;
	border-left:1px solid #dddddd;
	background-color:#ffffff;
}

.access_table .td_right{
	width:300px;
	font-size:14px;
	text-align:center;
	padding:5px 10px 5px 0px;
	border-top:1px solid #dddddd;
	border-left:1px solid #dddddd;
	background-color:#ffffff;
}

.access_table .td_time{
	width:50px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding:20px 0px 0px 0px;
	border-top:1px solid #dddddd;
	border-left:1px solid #dddddd;
	background-color:#ffffff;
}

.access_table .time_data_left{
	float:right;
	margin:0px 20px 0px 10px;
}

.access_table .time_data_right{
	float:left;
	margin:0px 10px 0px 20px;
}

.access_table .time_info01{
	font-size:10px;
}




/* CONTACT */

#contact_key_pic{
	max-width:1280px;
	min-width:960px;
	margin:0px 0px 0px 0px;
	background-image:url("../contact/img/key.jpg");
	background-repeat:no-repeat;
	background-position:center top;
	position:relative;
}


#contact_key_area{
	width:720px;
	height:460px;
	position:relative;
}


.contact_input_label{
	font-size:14px;
	line-height:1.3em;
}


.contact_input{
	margin:0px 0px 20px 0px;
	font-size:16px;
	background-color:#f4f4f4;
	background-image: -webkit-gradient(linear, center top, center bottom, from(#f4f4f4), to(white));
	background-image: -webkit-linear-gradient(top, #f4f4f4, white);
	background-image: -moz-linear-gradient(top, #f4f4f4, white);
	background-image: -o-linear-gradient(top, #f4f4f4, white);
	background-image: -ms-linear-gradient(top, #f4f4f4, white);
	background-image: linear-gradient(to bottom, #f4f4f4, white);
	border-radius:2px;
	border:1px solid #bbbbbb;
	display:block;
	padding:4px;
	color:#333333;
}


.input_size_l{
	width:450px;
}

.input_size_m{
	width:215px;
}

.input_size_s{
	width:170px;
	font-size:14px;
}


.contact_textarea{
	width:600px;
	margin:0px;
	padding:0px;
	font-size:16px;
	background-color:#f4f4f4;
	background-image: -webkit-gradient(linear, center top, center bottom, from(#f4f4f4), to(white));
	background-image: -webkit-linear-gradient(top, #f4f4f4, white);
	background-image: -moz-linear-gradient(top, #f4f4f4, white);
	background-image: -o-linear-gradient(top, #f4f4f4, white);
	background-image: -ms-linear-gradient(top, #f4f4f4, white);
	background-image: linear-gradient(to bottom, #f4f4f4, white);
	border-radius:2px;
	border:1px solid #bbbbbb;
	display:block;
	padding:4px;
	color:#333333;
}


.contact_btn{
	margin:40px 30px 0px 0px;
}



/* CONFIRM */

.table_submit{
	width:100%;
	margin:50px 0px;
	border-collapse:collapse;
	font-size:14px;
}

.table_submit th{
	padding:15px;
	background-color:#f9f9f9;
	vertical-align:top;
	text-align:left;
	font-weight:normal;
	white-space:nowrap;
	border-bottom:1px solid #dddddd;
	background-image:url("../img/interface/footer_bg.jpg");
}
.table_submit td{
	padding:15px;
	background-color:#ffffff;
	vertical-align:top;
	text-align:left;
	font-weight:normal;
	border-bottom:1px solid #dddddd;
}

#confirm_btn a img{
	display:block;
	margin:40px auto 30px;
}


#confirm_prev{
	text-align:left;
}


#confirm_prev a{
	font-size:14px;
}

#confirm_prev a:link{
	color:#35b0ef;
	text-decoration:underline;
}

#confirm_prev a:visited{
	color:#609ebd;
	text-decoration:underline;
}

#confirm_prev a:hover{
	color:#35b0ef;
	text-decoration:underline;
}

#confirm_prev a:active{
	color:#9ab742;
	text-decoration:underline;
}



/* THANKS */

#thanks_prev_btn a img{
	display:block;
	margin:100px auto 30px;
}