@charset "utf-8";

/* --------------------------------------------------------------- */
/* reset */
/* --------------------------------------------------------------- */

*{
	margin:0;
	padding:0;}

body, html, main {
    /* important */
    height: 100%;
	background-color:#000;}

html{
	font-size:100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;}
	
ul{ list-style:none;}

img{
	border:0;
	vertical-align:bottom;
	-ms-interpolation-mode:bicubic;
	transition: 0.5s;}
 
a { outline:none;}

a:link, a:visited, a:active{
	color:#996;
	text-decoration: none;}
	
a:hover{
	color:#CC9 ;
	text-decoration: underline;
	outline: 0;	}

.anchor{ padding: 20px 0; margin: -20px 0; }
    
.clear{ clear:both;}
	
.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;}
			
.tt a:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
	border:none;}

.tt a{
	-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;}

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

body {
	background-color:#000;
	min-width:1130px;
	color:#fff;
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 14px;
	line-height: 1.6em;}

	
/* header -------------------------------------------------------- */

#header {
	width: 100%;
	height: 104px;
	background-image:url(../img/common/bg_menu2.png);
	z-index: 99;
	display: inherit;
	min-width:1080px;
	bottom: 0px;
	padding:0;}

#header.fix {
	width: 100%;
	height: 104px;
	background: url(../img/common/bg_menu2.png) repeat-x center bottom;
	min-width:1080px;
	padding: 0;
	position: fixed;
	z-index: 99;
	top: 0px;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
  }
  
@-webkit-keyframes fadeInDown {
  from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }

  to { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInDown {
  from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }

  to { opacity: 1; -webkit-transform: none; transform: none; }
}

nav {
	margin:0 auto; 
	width: 1080px;}
		
	nav ul{
		float:right; 
		margin:0;}
				
	nav li {
		float:left;
		margin:25px 0 0 3px;}
		
h1.logo{
	width:170px;
	float:left;
	margin:18px 0 0 0;}
		

/* footer -------------------------------------------------------- */

footer{
	background-image:url(../img/common/bg_footer.png);
	background-repeat:repeat;
	padding:15px 0 5px 0;}
	
.footer{
	padding:10px 0;}

.footer_l{
	width:300px;
	float:left;
	text-align:center;
	border-right:1px solid #999;
	margin-right:20px;
	padding-bottom:20px;
	padding-top:12px;}

.footer_r{
	padding-left:20px;}
	
.footer_p1{
	font-size:12px;
	line-height:26px;}
	
	.footer_p1 a:link , .footer_p1 a:visited , .footer_p1 a:active{
		font-size:12px;
		color:#FFC;}
		
	.footer_p1 a:hover{
		font-size:12px;
		color:#CC9;}
		
	.footer_p2{
		color:#FC0;
		font-size:18px;
		font-weight:bold;}

footer p strong{
	font-weight:normal;
	font-size:20px;}


#pagetop {
	position: fixed;
	bottom: 140px;
	right: 0px;}
	
	#pagetop a {
		text-decoration: none;
		background-color:#000;
		opacity:0.6;
		color: #FFFFFF;
		padding: 10px;
		text-align: center;
		display: block;
		-moz-border-radius: 5px 0px 0px 5px;
		-webkit-border-radius: 5px 0px 0px 5px;
		border-radius: 5px 0px 0px 5px;
		font-size: 12px;
		height: auto;
		width: 65px;
		line-height: 1.4em;	}


/* ページ共通 -------------------------------------------------------- */

#contents{}

.cd-fixed-bg {
    min-height: 100%;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;}
  
.box{
	width:1080px;
	text-align:center;
	margin:0 auto;
	padding:130px 0 0 0;}

.t img:hover{
	opacity: 0.6;
	transition: 0.3s;}
	
.wrap700{
	width:700px;
	margin:0 auto;}

.wrap930{
	width:930px;
	margin:0 auto;}
	
.wrap1080{
	width:1080px;
	margin:0 auto;
	padding:30px 0;
	text-align:left;}

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

.mgl50{ margin-left:50px;}

.mgr5{ margin-right:5px;}
.mgr10{ margin-right:10px;}

.mgt10{ margin-top:10px;}
.mgt20{ margin-top:20px;}
.mgt30{ margin-top:30px;}

.mgb10{ margin-bottom:10px;}
.mgb15{ margin-bottom:15px;}
.mgb20{ margin-bottom:20px;}
.mgb30{ margin-bottom:30px;}

	
/* table ----------------------------------------------------------------*/

.min_tb{
	 border-collapse: collapse;
	 border:1px solid #0B0335;}
	 
	 .min_tb td{
		 padding:5px;
		 border:1px solid #473A6D;}

.min_td1{
	background-color:#36502D;
	color:#FFF;
	text-align:center;
	font-weight:bold;
	font-size:16px;}

.min_td2{
	background-color:#799357;
	color:#fff;
	text-align:center;}

.min_td3{
	background-color:#8577AD;
	color:#0B1435;
	letter-spacing:2px;
	text-align:center;
	letter-spacing:2px;}

.min_td4{
	background-color:#EFE0F5;
	font-size:16px;
	color:#000;
	text-align:center;}
	
.min_td5{
	background-image:url(../img/access/bg.png);
	font-size:16px;
	color:#000;
	text-align:center;
	padding:10px 5px !important;}
	

/* --------------------------------------------------------------- */
/* font */
/* --------------------------------------------------------------- */

.title_in{
	text-align:center;
	font-weight:bold;
	font-size:28px;
	letter-spacing:2px;
	color:#EFE9D1;
	line-height:35px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;}
	
	.title_in span{
		font-size:20px;
		font-weight:bold;
		color:#E1D29D;}

.title_tel{
	text-align:center;
	font-weight:bold;
	font-size:38px;
	letter-spacing:2px;
	color:#E1D29D;
	line-height:50px;
	padding-bottom: 10px;
	margin-bottom: 10px;}
	
	.title_tel span{
		font-size:22px;
		font-weight:bold;
		color:#EFE9D1;}
	
.contents_p_small{
	font-size:13px;
	letter-spacing:1px;
	line-height:33px;
	padding:15px 0 0 0;
	color: #CCC;}
	
.f18{ font-size:18px;}
.f20{ font-size:20px;}

.l-purple{ color:#FF9;}
.yamabuki{ color:#FC0;}


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

#index .cd-fixed-bg {
    min-height: 100%;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;}
	
	#index .cd-fixed-bg.cd-bg-1 {
		background-image:url(../img/top/bg0.jpg);
		background-position:top;}
		
	#index .cd-fixed-bg.cd-bg-2 {
		background-image: url(../img/top/bg1.jpg);
		background-position:bottom;}
		
	#index .cd-fixed-bg.cd-bg-3 {
		background-image: url(../img/top/bg2.jpg);}
		
	#index .cd-fixed-bg.cd-bg-4 {
		background-image: url(../img/top/bg3.jpg);
		background-position:bottom;}
		
.top_logo{
	width:491px;
	height:186px;
	margin:277px auto -463px auto;}

.top_contents1{
	text-align:center;
	padding:50px 0;
	background-image:url(../img/common/bg_contents.png);}

.top_contents2{
	text-align:center;
	padding:50px 0;
	background-image:url(../img/top/bg_contents.png);}
	
.top_contents1_p{
	font-size:18px;
	letter-spacing:1px;
	color:#fff;
	line-height:33px;
	padding:15px 0 0 0;}

.top_contents1_space{
	height:750px;}
	
.top_contents2_space{
	height:550px;}


.mini {
	padding:0;
	display:block;
	width:257px;
	margin:10px 5px;
	float:left;
	text-align:center;}

.mini h4 {
	width:247px;
	word-wrap:break-word;
	padding:10px 5px 5px 5px;
	font-size:16px;
	font-weight:normal;
	line-height:24px;}
	
.mini a{
	margin:0;
	padding:0;
	color:#FFF;
	text-decoration:none;
	font-weight:normal;}
	
.mini a:hover {
	color:#FFF;
	font-weight:normal;
	text-decoration:underline;}

.mini img {
	margin:0;
	padding:0;
	border-style:none;}


/* ごあいさつ -------------------------------------------- */

#greeting{
	width:1110px;
	height:480px;
	background:url(../img/top/bg_greeting.png) no-repeat right bottom;
	margin:0 auto;}

.top_l{
	width:610px;
	float:left;}
	
#tit_greeting{
	margin:50px 0px 20px 50px;}

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

/* 宿泊プラン -------------------------------------------- */

#plan_wrap{
	width:1130px;
	margin:0 auto;}
	
#planList{
	width:1080px;
	margin:0 auto;}

#plan_search{
	width:1080px;
	margin:0 auto;}
	

.plan_fb{
	width:320px;
	float:left;}

.bnr_plan{
	width:725px;
	float:right;
    margin-bottom: 2em;}


.news_area{
	width:725px;
    height: 300px;
	float:right;
    text-align: center;
    padding: 2em 0;
    background-image: url(../img/top/bg_contents.png);
    border-radius: 0.3em;}

.news_area h2{
    width: 96%;
    margin: 0 auto 16px auto;
    padding-bottom: 2px;
    color: #364a2f;
    font-size: 1.6rem;
    font-weight: 500;
    text-align: center;
    border-bottom: 1px #364a2f solid;}
    .news_area h2:after{
        display: block;
        width: 100%;
        min-width: 310px;
        height: 12px;
        margin: 0 auto;
        content: '';
        border-bottom: 1px #364a2f solid;}

.news_area .kanri {
	text-align: right;
	margin: 0.5em 1em 0 0;
	padding: 0px;}
    .news_area .kanri a {
        font-family:YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	    font-size: 12px;
	    color: #ededed;
	    text-decoration: none;
        transition: 0.3s;}
    .news_area .kanri a:hover {
	    color: #b4c3a5!important;
        transition: 0.3s;}

.news_area .news_mainarea{
    padding: 0 0.3em 0 1em;
    margin: 0 1em 0 0;
    height: 240px;
    text-align: left;
    overflow: auto;
    font-weight: 500;}
    .news_area .news_mainarea::-webkit-scrollbar {
        width: 10px;
        height: 10px;}
    .news_area .news_mainarea::-webkit-scrollbar-thumb {
        background: rgba(81,122,68,0.7);
        border-radius: 10px;}
    .news_area .news_mainarea::-webkit-scrollbar-track {
        background: rgba(81,122,68,0.3);
        border-radius: 10px;}

.news_area .news_mainarea article {
    padding-top: 1em;
    border-bottom: 2px dotted #9fb797;}
    .news_area .news_mainarea article:first-child {
        padding-top: 0;}

.up_ymd {
    display: inline-block;
    padding: 6px 2px 6px 10px;
    color: #4a703e;
    font-size: 15px;
    background: #f9f5ed;
    border-radius: 0.2em;
    letter-spacing: 0.1em;}

.title {
    padding: 0.4em 0 0.1em;
    font-size: 20px;
    line-height: 1.7;}
    .title a:link {
        color: #2f4e25!important;
        transition: 0.3s;}
    .title a:hover {
        color: #b57d19!important;
        transition: 0.3s;}

.comment {
    color: #555;
    padding-bottom: 0.7em;
    font-size: 16px;
    line-height: 1.4;}

.php_copy a{
    margin: 6px 0!important;}


.top_plan_l{
	width: 320px;
	float: left;
	text-align: center;}

.search_box{
	background-color:#200738;
	padding:15px 15px 20px 15px;
	margin-bottom:15px;}
	
.searchTB{
	border:none;
	border-collapse:separate;
	border-spacing:3px;
	padding:0;}
	
	.searchTB th{
		font-weight:normal;
		padding:5px 0;
		border-bottom:#503260 dashed 1px;}
	
	.searchTB td{
		text-align:left;
		padding:5px 0;
		border-bottom:#503260 dashed 1px;}
	
#plan_search .submit{
	font-size:18px;
	border-radius:5px;
	border:#FC6 solid 1px;
	/*background-color:#FC0;*/
	/*background:-moz-linear-gradient(top, #FFF, #FC0); /* Firefox */
	background:-webkit-linear-gradient(top, #FFF, #FC0); /* safari Chrome */
	/*background:-ms-linear-gradient(top, #FFF, #FC0); /* IE */
	background:linear-gradient(to bottom, #FFF, #FC0);
	padding:8px 25px;
	margin-top:15px;
	cursor: pointer;}
	
	#plan_search .submit:hover{
		background-color:#FFC;
		border-color:#FFF;
		box-shadow:0 0 50px 2px #FFFFFF;}
	
.top_plan_r{
	width: 760px;
	float: right;
	text-align:center;}
	
	.top_plan_r iframe{
		margin-top:10px;}
	

/* コンテンツ紹介 -------------------------------------------- */

#contents_info img{
	border:#000 solid 1px;
	margin:0 41px 0 36px;}
	
	#contents_info img.last{
		margin:0 0px 0 36px;}
		
	#contents_info img:hover{
		border-color:#639;}
	

/* SNS --------------------------------------------------- */

#sns{
	width:1080px;
	margin:0 auto;}

#insta{
	width:820px;
	margin:0px auto 10px auto;
	padding:10px;
	text-align:center;}

.feeed{
	width:800px;
	flex-wrap: wrap;
	text-align:center;}

.feeed img{
	width:150px;
	height:150px;
	margin:5px;}
	
#weather{
	width:260px;
	margin:65px auto 10px auto;}
	
	#weather img{
		width:220px;
		height:310px;
		margin:0px auto;}


/* --------------------------------------------------------------- */
/* dish */
/* --------------------------------------------------------------- */

#dish .cd-fixed-bg.cd-bg-1 {
	background-image: url(../img/dish/bg1.jpg);
	background-position:bottom;}
  
#dish .cd-fixed-bg.cd-bg-2 {
	background-image: url(../img/dish/bg2.jpg);
	background-position:top;}
	

/* お料理 --------------------------------------------------- */

.dish_slide{
	width:890px;
	margin:0 auto;}
	
	.dish_slide .left{
		width:440px;}
		
	.dish_slide .right{
		width:440px;}
		
	.dish_slide h3{
		text-align:center;
		font-weight:bold;
		font-size:20px;
		letter-spacing:2px;
		color:#E1D29D;
		margin:15px 0;}
		
.dish_p1{
	font-size:15px;
	letter-spacing:1px;
	line-height:1.8;
	color:#FFF;
	margin-bottom:30px;}

#breakfast{
	margin-bottom:100px;}


.sight_slide{
	width:500px;
	margin:0 auto;}

.sight_slide img{
	width:100%;}

.sight_l{
	width:500px;
	float:left;}

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

.sight_p1{
	font-size:16px;
	color:#FFF;
	text-align:left;
	padding:10px 0;}
















/* 自家野菜 ---------------------------------------------------- */

#homemade_veggie{
	width:1110px;
	height:256px;
	background:url(../img/dish/bg_homemade_veggie.png) no-repeat right;
	margin:0px auto;}
	
	#homemade_veggie .left{
		width:500px;
		float:left;}
	
	#homemade_veggie img{
		margin:30px 0px;}
		
	#homemade_veggie .right{
		width:610px;
		float:right;}


/* 信州の恵み --------------------------------------------------- */

#in_season{
	width:1110px;
	height:450px;
	background:url(../img/dish/bg_in_season.png) no-repeat left;
	margin:50px auto 0 auto;}
	
	#in_season .left{
		width:610px;
		float:left;}
	
	#in_season .right{
		width:500px;
		float:right;}
		
	#in_season img{
		margin:50px 0px 30px 0px;}
		

/* --------------------------------------------------------------- */
/* hotspa */
/* --------------------------------------------------------------- */

#hotspa #contents{
	background:url(../img/hotspa/bg_hs.png) no-repeat center 800px;}
  
#hotspa .cd-fixed-bg.cd-bg-1 {
	background-image:url(../img/hotspa/bg1.jpg);}
  
#hotspa .cd-fixed-bg.cd-bg-2 {
	background-image:url(../img/hotspa/bg2.jpg);}


/* お風呂 -------------------------------------------- */

.spa_p1{
	font-size:15px;
	letter-spacing:1px;
	color:#FFF;
	padding-top: 30px;
}

.spaTB{
	width:750px;
	border-collapse:collapse;
	border-top:1px solid #473A6D;
	border-left:1px solid #473A6D;
	margin:10px auto;
	font-size:16px;
	line-height:2;}
	
	.spaTB th{
		font-weight:normal;
		padding:10px 5px;
		border-right:1px solid #473A6D;
		border-bottom:1px solid #473A6D;}
		
	.spaTB td{
		text-align:left;
		padding:10px 5px 10px 20px !important;
		border-right:1px solid #473A6D;
		border-bottom:1px solid #473A6D;}
	

/* 鹿教湯の由来 -------------------------------------------- */

#history{
	width:1110px;
	height:400px;
	background:url(../img/hotspa/bg_history.png) no-repeat right bottom;
	margin:0 auto;}

	#history .left{
		width:542px;}
	
	#history .right{
		width:568px;}
		
#history2{
	width:1110px;
	height:400px;
	background:url(../img/hotspa/bg_history2.png) no-repeat right top;
	margin:-50px auto 0 auto !important;}
	
	#history2 .left{
		width:610px;}
	
	#history2 .right{
		width:480px;
		margin-top:-50px;}
		

/* 泉質・効能 -------------------------------------------- */

.spa_wrap{
	width:900px;
	margin:0 auto;
	padding:30px 0;
	text-align:left;}


/* --------------------------------------------------------------- */
/* facilities */
/* --------------------------------------------------------------- */

#facilities .cd-fixed-bg.cd-bg-1 {
	background-image: url(../img/facilities/bg1.jpg);
	background-position:bottom;}
	
.faci_slide{
	width:890px;
	margin:0 auto;}
	
	.faci_slide .left{
		width:440px;}
		
	.faci_slide .right{
		width:440px;}
		
	.faci_slide h3{
		text-align:center;
		font-weight:bold;
		font-size:20px;
		letter-spacing:2px;
		color:#E1D29D;
		margin:15px 0;}
		
#gaiyo_wrap{
	width:900px;
	margin:0 auto;
	padding:30px 0;
	text-align:left;}
		
.res_tb td{
	padding:5px 10px;}

.res_td1{
	background-image:url(../img/common/bg_footer.png);
	background-repeat:repeat;
	color:#ffffff;
	font-size:20px;
	letter-spacing:1px;
	padding:10px 5px 5px 10px !important;}
	
.res_td2 p{
	margin-bottom:10px;
	margin-top: 10px;}
	
.sub_title{
	text-align:left;
	font-size:18px;
	letter-spacing:2px;
	color:#FFC;
	border-left:5px double #ffc;
	padding:3px 10px;
	margin:10px 0;}

.res_p2{
	color:#fff;
	text-align:left;
	letter-spacing:1px;
	line-height:2;
	margin:20px 0 0px 30px;}

	
/* --------------------------------------------------------------- */
/* reserve */
/* --------------------------------------------------------------- */

#reserve .cd-fixed-bg.cd-bg-0 {
	background-image:url(../img/reserve/bg0.jpg);}

#reserve .cd-fixed-bg.cd-bg-1 {
	background-image:url(../img/reserve/bg1.jpg);}
	
#reserve .cd-fixed-bg.cd-bg-2 {
	background-image:url(../img/reserve/bg2.jpg);
	background-position:bottom;}
	
/* 料金・ご案内 -------------------------------------------- */

.reserve_title{
	background-image:url(../img/top/bg_plan.png);
	background-repeat:repeat;
	font-weight:bold;
	font-size:26px;
	letter-spacing:2px;
	color:#CCC;
	line-height:35px;
	border-left:#CCC solid 8px;
	padding:5px 5px 5px 10px;
	margin: 10px;}

.reserve_box{
	width:520px;
	margin:10px;
	float:left;
	text-align: center;}

.reserve_box2{
	width:520px;
	margin:10px;
	float:left;
	text-align: center;}

.reserve_box p{
	font-size:20px;
	color:#E1D29D;
	text-align: left;
	font-weight: bold;
	letter-spacing: 1px;
	margin-bottom:10px;}
	
	.reserve_box p span{
		font-size:14px;}


/* お問い合わせ -------------------------------------------- */

.inquiryTB{
	width:100%;
	border:none;
	border-collapse:collapse;}
	
	.inquiryTB th{
		font-size:16px;
		font-weight:normal;
		text-align:left;
		padding:15px 5px 15px 15px;
		border-bottom:#666 dotted 1px;}
		
	.inquiryTB th span{
		color:#FC0;
		font-size:12px;}
		
	.inquiryTB td{
		padding:15px 10px 15px 5px;
		font-size:13px;}
		
#Inquiry_form{
	width:850px;
	background-color:rgba(255,255,255,.1);
	border-radius:10px;
	padding:30px 0px 50px 20px;
	margin: 30px auto;}
	
::-webkit-input-placeholder{ color:#aaa;} /* Chrome, Opera */
::-moz-placeholder 		{ color:#aaa;} /* Firefox 19+ */
:-moz-placeholder			{ color:#aaa;} /* Firefox 18- */
:-ms-input-placeholder		{ color:#aaa;} /* IE 10+ */
		
#Inquiry_form input,
#Inquiry_form textarea{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	border:1px solid #ccc;
	min-height:30px;
	display:block;
	padding:10px;
	outline:none;
	-webkit-border-radius:5px;
	/*-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;*/
	border-radius:5px;}
	
#Inquiry_form input{
	width:400px;
	font-size:18px;}

#Inquiry_form textarea{
	width:600px;
	font-size:16px;}
	
#Inquiry_form input[type="submit"]{
	font-size:24px;
	letter-spacing:2px;
	border:#FC6 solid 1px;
	/*background-color:#FC0;*/
	/*background:-moz-linear-gradient(top, #FFF, #FC0); /* Firefox */
	background:-webkit-linear-gradient(top, #FFF, #FC0); /* safari Chrome */
	/*background:-ms-linear-gradient(top, #FFF, #FC0); /* IE */
	background:linear-gradient(to bottom, #FFF, #FC0);
	padding:15px 10px;
	cursor: pointer;}
	
	#Inquiry_form input[type="submit"]:hover{
		background-color:#FFC;
		border-color:#FFF;
		box-shadow:0 0 50px 2px #FFFFFF;}
	

/* アクセス -------------------------------------------- */

.access_p{
	font-size:16px;
	letter-spacing:1px;
	line-height:23px;
	color:#fff;}
	
	.access_p span{
		font-weight:bold;
		font-size:18px;
		letter-spacing:5px;}

.access_l{
	width:450px;
	float:left;}

.access_r{
	width:450px;
	float:right;}

.access_p1{
	text-align:left;
	font-size:14px;
	color:#CCC;
	padding:0 0 2px 10px;}
	
	.access_p1 span{
		color:#FC9;}

.access_box{
	width:450px;
	margin:10px;
	padding-top: 30px;
	text-align: left;}


/* --------------------------------------------------------------- */
/* sightseeing */
/* --------------------------------------------------------------- */

#sightseeing .cd-fixed-bg.cd-bg-1 {
	background-image:url(../img/sightseeing/bg1.jpg);
	background-position:bottom;}
	
#sightseeing .cd-fixed-bg.cd-bg-2 {
	background-image:url(../img/sightseeing/bg2.jpg);
	background-position:bottom;}
.sight_box{
	width:340px;
	margin:10px;
	float:left;
	text-align: center;}

.sight_box h2{
	color:#E1D29D;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	padding:10px;
	margin-top:10px;}
	
.sight_box h2 small{
	font-size:16px;
	font-weight:normal;}
	
.sight_box p{
	width:290px;
	color:#FFF;
	font-size:14px;
	text-align:left;
	padding:10px 0;
	margin:0 auto;}
	
.ssTB{
	width:330px;
	color:#BABABA;
	font-size:12px;
	border-collapse:collapse;
	border-top:#323232 solid 1px;}
	
	.ssTB th{
		width:55px;
		vertical-align:top;
		padding:10px 2px;
		border-bottom:#323232 solid 1px;}
		
	.ssTB td{
		text-align:left;
		padding:10px 2px 10px 8px;
		border-bottom:#323232 solid 1px;}
		
#ss_map{
	width:700px;
	text-align:center;
	margin:10px;
	float:left;}
	
	#ss_map iframe{
		border:1px solid #aaa;
		border-radius:10px;}
		
.sight_box2{
	width:450px;
	margin:10px;
	float:left;
	padding-top: 10px;}

.sight_tb{
	width:800px;
	font-size:16px;}

.sight_tb td{}

.sight_td1{
	background-image:url(../img/top/bg_plan.png);
	background-repeat:repeat;
	padding:5px 10px;}
	
.sight_td2{
	padding:10px 0 20px 20px;}
	

/* --------------------------------------------------------------- */
/* bxslider */
/* --------------------------------------------------------------- */

.bxslider{}

.bx-pager{ width:100%; padding:0; text-align:center;}
.bx-pager img{width:12%; margin:5px;}

.bx-pager2{ width:100%; padding:0; text-align:center;}
.bx-pager2 img{
	width:9%;
	margin-top: 5px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;}
	
.bx-wrapper .bx-caption{
	text-align:center;
	color:#E1D29D;
	font-size:20px;
	font-weight:bold;
	letter-spacing:2px;
	margin:15px 0 20px 0;}

.bx-wrapper .bx-caption small{
	color:#FFF;
	font-size:15px;
	font-weight:normal;
	letter-spacing:normal;}




.tb1{
	background-image:url(../img/access/bg.png);}

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

.td1{
	font-size:14px;
	color:#fff;
	text-align:center;
	letter-spacing:2px;
	background-color:#799357;}


.td2{
	font-size:14px;
	color:#341B1B;
	text-align:left;
	letter-spacing:2px;}

.bg_hotspa{
	background-image:url(../img/hotspa/bg_hs.png);
	background-position:top;
	background-repeat:no-repeat;}


.dish_left{
	width:200px;
	float:left;}

.dish_left img{
	width:100%;}

.dish_right{
	width:600px;
	float:right;}


.wrap1020{
	width:1020px;
	margin:0 auto;}


.link_l{
	width:500px;
	float:left;
	text-align:left;}

.link_r{
	width:500px;
	float:right;
	text-align:left;}

.linkul{
	list-style:disc;
	color:#CC9;
	margin:0 0 0 20px;}

.linkul li{
	padding:8px 0;
	font-size:16px;
	letter-spacing:1px;}

.linkul a:link , .linkul a:visited , .linkul a:active{
	color:#fff;
	text-decoration:none;}

.linkul a:hover{
	color:#FFC;
	text-decoration:none;}

.linkul2 a:link , .linkul2 a:visited , .linkul2 a:active{
	color:#fff;
	text-decoration:none;}

.linkul2 a:hover{
	color:#FFC;
	text-decoration:none;}

#access .cd-fixed-bg.cd-bg-1 {
	background-image:url(../img/access/bg1.jpg);
	background-position:bottom;}


.pchu{
	font-size:16px;
	line-height:33px;
	color:#FFF;}


.pchu2{
	font-size:16px;
	line-height:25px;
	color:#FFF;
	text-align:left;}