@charset "utf-8";
/* CSS Document */

*{ margin:0;	padding:0;}
img{ border:none; margin:0; padding:0;}

body{
	font-family:'ヒラギノ丸ゴ Pro W3', 'Hiragino Maru Gothic Pro, Me', 'osaka', 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif ;
	background-color:#FFF;
	background-image:url(../img/common/bg_body.png);
	background-repeat:repeat;
	color:#000;
	min-width:1080px;}

.t a img {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
			border:none;}
						
.t a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	border:none;}




.al-center{ text-align:center;}
.al-left{ text-align:left;}
.al-right{ text-align:right;}
.clear{ clear:both;}

/* --------------------------------------------------------------- */
/* common */
/* --------------------------------------------------------------- */

.header{
	background-color:#D4F6D3;
	min-width:1080px;
	border-bottom:2px solid #FF0;}

.header_h1{
	font-weight:normal;
	font-size:15px;
	letter-spacing:2px;
	color:#FF0;
	text-align:center;
	padding:3px 0;
	background-color:#006633;}

.wrap1080{
	width:1080px;
	margin:0 auto;}

.header_logo{
	width:640px;
	float:left;}

.header_logo img{
	padding:13px 0 0 0;}

.header_info{
	width:400px;
	float:right;}

.header_p2{
	font-size:12px;
	color:#333;
	text-align:right;
	letter-spacing:1px;
	padding:8px 0;}

.header_tel{
	text-align:right;
	padding:6px 0 0 0;}

.header_tab{
	text-align:right;
	height:26px;
	margin-top:1px;}

	
.header_menu{
	height:60px;
	background-image:url(../img/common/bg_headermenu.png);
	background-repeat:repeat-x;}

.header_menuul{
	list-style:none;}

.header_menuul li{
	float:left;}

#contents{
	min-width:1080px;
	margin:20px 0;}

.pagetop{
	text-align:right;
	padding:15px 0;}

.footer_top{
	background-image:url(../img/common/bg_footertop.png);
	background-repeat:repeat-x;
	background-position:top center;
	min-width:1080px;}

.footer_link{
	padding:15px 0;
	font-size:12px;
	letter-spacing:1px;
	text-align:center;
	line-height:22px;
	color:#666;}

.footer_link a:link , .footer_link a:visited , .footer_link a:active{
	font-size:12px;
	text-decoration:underline;
	color:#444;}

.footer_link a:hover{
	font-size:12px;
	text-decoration:none;
	color:#005700;}

.footer_bg{
	background-image:url(../img/common/bg_footer.png);
	background-repeat:repeat-x;
	background-position:top left;
	min-width:1080px;
	padding:30px 0 0 0;}

.footer_logo{
	width:353px;
	float:left;
	text-align:center;}

.footer_info{
	width:650px;
	float:right;
	border-left:1px solid #FFF;
	padding:5px 0 15px 40px;}

.copyright{
	font-size:15px;
	color:#000040;
	padding:0 0 10px 0;}

.link a:link , .link a:visited , .link a:active{
	color:#FFC;
	font-size:12px;
	text-decoration:underline;}

.link a:hover{
	color:#FF0;
	font-size:12px;
	
	text-decoration:none;}

.link2 a:link , .link2 a:visited , .link2 a:active{
	color:#000040;
	font-size:12px;
	text-decoration:underline;}

.link2 a:hover{
	color:#fff;
	font-size:12px;
	
	text-decoration:none;}

.footer_p1{
	font-size:18px;
	font-weight:bold;
	color:#000040;
	letter-spacing:2px;}

.footer_p2{
	font-size:16px;
	letter-spacing:1px;
	color:#000040;}


/* --------------------------------------------------------------- */
/* top */
/* --------------------------------------------------------------- */

.header_movie{
	height:400px;
	text-align:center;
	background-color:#080F1F;
	min-width:1080px;}

.top_left{
	width:760px;
	float:left;}

.top_right{
	width:300px;
	float:right;}

.title{
	background-image:url(../img/common/bg_title.png);
	background-position:left top;
	background-repeat:no-repeat;
	font-size:19px;
	letter-spacing:3px;
	color:#630;
	padding:2px 0 6px 45px;
	border-bottom:1px dashed #999;
	margin:15px 0;}

.subtitle{
	background-image:url(../img/common/bg_subtitle.png);
	background-position:left top;
	background-repeat:repeat-y;
	font-size:16px;
	letter-spacing:2px;
	color:#333;
	padding:8px 0 8px 15px;
	margin:15px;}

.top_room{
	text-align:center;}

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


.top_room2l{
	margin:0 19px;
	width:230px;
	float:left;}

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

.top_room2r{
	width:490px;
	float:right;
	background-image:url(../img/top/bg_toproom.png);
	background-position:top left;
	background-repeat:no-repeat;}

.top_room_p{
	font-size:13px;
	letter-spacing:2px;
	color:#333;
	padding:10px 0 13px 60px;
	line-height:23px;}

.side_title{
	background-image:url(../img/top/bg_sidetitle.png);
	background-position:left bottom;
	background-repeat:no-repeat;
	font-size:22px;
	padding:8px 0 8px 15px;
	line-height:23px;
	letter-spacing:2px;}

.side_title span{
	font-size:17px;
	color:#630;}

.side_sis{
	padding:15px 0;
	text-align:center;
	background-image:url(../img/top/bg_side.png);
	background-repeat:repeat;}

.bg_sidesis1{
	background-image:url(../img/top/bg_btnlink1.png);
	background-position:center;
	background-repeat:no-repeat;
	font-size:14px;
	text-align:center;
	letter-spacing:2px;
	line-height:23px;}

.bg_sidesis2{
	background-image:url(../img/top/bg_btnlink2.png);
	background-position:center;
	background-repeat:no-repeat;
	font-size:14px;
	text-align:center;
	letter-spacing:2px;
	line-height:23px;}

.side_border{
	border:1px solid #030;
	background-color:#690;}

.co_border{
	border:1px solid #030;
	background-color:#FFFFD2;}

.top_plan1{
	background-image:url(../img/top/bg_plan1.png);
	background-position:top;
	background-repeat:no-repeat;
	width:340px;
	float:left;
	margin-left:20px;
	min-height:472px;}

.top_plan2{
	background-image:url(../img/top/bg_plan2.png);
	background-position:top;
	background-repeat:no-repeat;
	width:340px;
	float:right;
	margin-right:20px;
	min-height:472px;}

.top_plan_p{
	font-size:14px;
	padding:300px 15px 5px 15px;
	line-height:21px;}

.top_line{
	text-align:center;
	padding:15px 0;}

.side_info{
	font-size:14px;
	text-align:left;
	letter-spacing:1px;
	line-height:23px;
	padding:5px 15px 0 15px;}

.side_info span{
	font-size:16px;
	border-bottom:1px solid #660;}

.top_topics{
	margin:0 0 0 10px;}


/* --------------------------------------------------------------- */
/* policy */
/* --------------------------------------------------------------- */

.policy_p1{
	font-size:14px;
	letter-spacing:1px;
	line-height:23px;
	padding:0 50px;}

.wrap880{
	width:1040px;
	margin:0 auto;}

.wrap880t{
	width:960px;
	margin:0 auto;}

.policy_p2{
	font-size:14px;
	letter-spacing:1px;
	line-height:28px;
	padding:0 30px;}

/* --------------------------------------------------------------- */
/* link */
/* --------------------------------------------------------------- */

.link_point {
	width:340px;
	float:left;
	font-size:14px;
	line-height:32px;
	background-image:url(../img/link/link_point.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding:0 0 5px 20px;
	letter-spacing:1px;}

.link_text{
	width:720px;
	float:right;
	font-size:14px;
	line-height:32px;
	padding-bottom:5px;
	letter-spacing:1px;}

.link a:link , .link a:visited , .link a:active{
	color:#360;}

.link a:hover{
	color:#630;}

/* --------------------------------------------------------------- */
/* fq*/
/* --------------------------------------------------------------- */

.faq_left{
	width:520px;
	float:left;}

.faq_right{
	width:520px;
	float:right;}

.faq_p1{
	font-size:14px;
	color:#060;
	letter-spacing:1px;
	background-image:url(../img/faq/q.png);
	background-position:left top;
	background-repeat:no-repeat;
	padding:2px 0 3px 30px;}

.faq_p2{
	font-size:14px;
	color:#630;
	letter-spacing:1px;
	background-image:url(../img/faq/a.png);
	background-position:left top;
	background-repeat:no-repeat;
	padding:2px 0 3px 30px;
	margin:10px 0 25px 20px;}

/* --------------------------------------------------------------- */
/* access*/
/* --------------------------------------------------------------- */

.access_map{
	width:1060px;
	margin:0 auto;}

.access_left{
	width:520px;
	float:left;
	margin-left:10px;
	padding:15px 0 0 0;
	text-align:center;}

.access_right{
	width:420px;
	float:right;
	margin-right:100px;
	text-align:center;
	font-size:16px;
	padding:15px 0 0 0;}

.access_ul{
	margin:0 0 50px 50px;}

.access_ul li{
	font-size:14px;
	letter-spacing:1px;
	color:#333;
	line-height:28px;
	letter-spacing:1px;
	margin-bottom:5px;}


.photo_list {
	float:left;
	width: 166px;	
	text-align: left;		
	margin:5px 4px;				
	}			


.photo_b{
	width:875px;
	margin:0 auto;}

.highslide-caption{
	text-align:center;
	font-size:12px;}

.cliff{
	background-image:url(../img/rental/bg_rental.png);
	background-position:top;
	background-repeat:no-repeat;
	min-width:858px;
	min-height:282px;}

.cliff_p{
	font-size:16px;
	letter-spacing:2px;
	line-height:28px;
	padding:150px 0 0 520px;}


.info_tb{
	font-size:14px;
	letter-spacing:1px;}

.wrap1060{
	width:1060px;
	margin:0 auto;} 

.info_left{
	width:520px;
	float:left;}

.info_right{
	width:520px;
	float:right;}

.info_tb td{
	padding:5px 10px;}

.info_td1{
	background-color:#C3CEA4;}

.info_td2{
	background-color:#DEEDD5;}

.info_td22{
	background-color:#DEEDD5;
	font-size:24px;}

.info_td3{
	background-color:#D5E2C4;}

.info_td4{
	background-color:#fff;}

.fsbig{
	font-size:16px;}

.rsv_left{
	width:540px;
	float:left;}

.rsv_right{
	width:500px;
	float:right;}

.rsv_p1{
	font-size:14px;
	padding:0 0 10px 30px;}


.linkbtn a:link , .linkbtn a:visited , .linkbtn a:active {
	width:350px;
	padding:15px 0;
	text-align:center;
	background-color:#696;
	font-size:14px;
	color:#fff;
	border:1px solid #666;
	text-decoration:none;
	display:block;
	margin:10px auto;
	letter-spacing:2px;}


.linkbtn a:hover{
	width:350px;
	padding:15px 0;
	text-align:center;
	background-color:#096;
	font-size:14px;
	color:#fff;
	border:1px solid #666;
	text-decoration:none;
	display:block;
	margin:10px auto;
	letter-spacing:2px;}

.rsv_left2{
	width:520px;
	float:left;}

.rsv_right2{
	width:520px;
	float:right;}

.facil_l{
	width:520px;
	float:left;
	text-align:center;}

.facil_r{
	width:520px;
	float:right;
	text-align:center;}

.room_l{
	width:440px;
	float:left;}

.room_r{
	width:440px;
	float:right;}

.room_box{
	width:430px;
	margin:0 auto;
	background-color:#FFF;
	border:1px solid #063;
	padding:15px;}

.room_p2{
	font-size:24px;
	text-align:center;}

.room_p2 span{
	font-size:14px;
	letter-spacing:1px;}

.res_tb{
	width:780px;
	margin:0 auto;
	text-align:center;}


.aka{
	color:#F00;}


.plan_p1{
	font-size:20px;
	font-weight:bold;
	text-align:center;
	letter-spacing:2px;
	line-height:40px;
	color:#F00;
	padding:15px 0;}

.plan_tokutenbox{
	width:840px;
	padding:15px;
	border:1px solid #063;
	background-color:#FFF;
	background-image:url(../img/plan/bg.png);
	background-position:right;
	background-repeat:repeat-y;
	margin:0 auto;}
	
.plan_tokutenp1{
	font-size:16px;
	letter-spacing:2px;
	color:#FFF;
	background-color:#390;
	padding:10px 0;
	text-align:center;}

.plan_tokutenp2{
	font-size:14px;
	letter-spacing:1px;
	line-height:23px;
	padding:10px 10px 0 10px;}

.plan_tokutenp2 span{
	color:#F00;
	font-weight:bold;}

.plan_subtitle{
	font-size:18px;
	font-weight:bold;
	letter-spacing:2px;
	padding:15px;
	text-align:center;}

.plan_subtitle span{
	color:#F00;}



/* ▼(A)表示領域全体 */
div.tabbox { margin: 0 auto; padding: 0px; width: 980px; }

/* ▼(B)タブ部分 */
p.tabs { margin: 0px; padding: 0px; }

p.tabs span{
	font-size:18px;}

p.tabs a {
   /* ▼(B-2)リンクをタブのように見せる */
   display:block;
   width:173px;
   height:50px;
   margin:0 1px 0 0;
   padding:15px 10px;
   font-size:14px;
   text-align:center;
   float:left;}

.tabactive{
	background-color:#83C45B;
	color:#ffffff;
	font-weight:bold;
	height:50px;
	font-size:14px;
	display: block; width: 173px; float: left;
   margin: 0px 1px 0px 0px; padding: 15px 10px;
   text-align: center;
   border:solid 1px #83C45B;}   
  
.tabactive span{
	font-size:18px;}

/* ▼(B-3)各タブの配色 */

.tabs a:link{
	background-color:#CDE7BE;
	text-decoration:none;
	color:#4A735C;
	font-size:14px;
	font-weight:bold;
	border:solid 1px #83C45B;}

.tabs a:visited{
	background-color:#CDE7BE;
	text-decoration:none;
	font-size:14px;
	color:#4A735C;
	border:solid 1px #83C45B;}

.tabs a:hover{
	background-color:#83C45B;
	text-decoration:none;
	font-size:14px;
	color:#ffffff;
	border:solid 1px #83C45B;}

.tabs a:active{
	background-color:#CDE7BE;
	text-decoration:none;
	font-size:14px;
	color:#4A735C;
	border:solid 1px #83C45B;}



/* ▼(C)タブ中身のボックス */
div.tab {
   /* ▼(C-2)ボックス共通の装飾 */
   overflow: auto; clear: left;
}
/* ▼(C-3)各ボックスの配色 */

.tabin{
	border: 1px solid #83C45B;
	background-color:#FFF;
	width:977px;}

.plan_bigtitle{
	
	background-image:url(../img/plan/bg_t.png);
	background-repeat:no-repeat;
	background-position:top;
	text-align:center;
	font-size:42px;
	letter-spacing:2px;
	line-height:130px;
	padding-left:15px;}