@charset "utf-8";

/*-----------------------------------------------------
RESET
-------------------------------------------------------*/
*{

}

body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,pre,form,dl,dt,dd,blockquote,fieldset,input,address{
	margin:0;
	padding:0;
}

h1,h2,h3,h4,h5,h6,caption,address,th{
	font-style:normal;
}

ul,ol,li,dl,dt,dd{
	list-style-type:none;
	list-style-position:outside;
}

table,th,td{
	vertical-align:middle;
}


fieldset{
	border:none;
}

legend{
	display:none;
}

img{
	border:0;
	vertical-align:top;
}

hr{
	display:none;
	clear:both;
}

br{
	letter-spacing:0;
}

/* form */  
button,fieldset,form,input,label,legend,select,textarea{
	font-family:inherit;
	font-style:inherit;
	font-weight:inherit;
	font-size:100%;
	margin:0;
	padding:0;
	vertical-align:baseline;
}
select{
	padding:2px;
}

/*-----------------------------------------------------
BASE LINK COLOR
-------------------------------------------------------*/
a{
	outline:none;
}
a:link,
a:visited{
	color:#0D1747;

}
a:hover{
	color:#333333;
	text-decoration:none;
}

/* =======================================
	全体共通
======================================= */
#header_nav{ display: inline;}
#footer_nav{ display: inline;}
#header_mobile{ display: none;}
#footer_mobile{ display: none;}
.pc-none{display: none !important;}
.sp-none{display: inline !important;}
.sp-none2{display: block !important; margin:0 auto; width:960px;}

html,body{
	height: 100%;
}

#Wrap{
     width: 100%;
     position: relative;
     height:auto !important; /*IE6対策*/
     height: 100%; /*IE6対策*/
     min-height: 100%;
     font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/* ヘッダー＆フッター
============================= */

#l-header {
	width: 100%;
	background-image: url(../img/parts/header_bg.gif);
	background-repeat: repeat-x;
	text-align: center;
}

#l-footer {
	width: 100%;
	background: #242424;
	text-align: center;
}

/* パンくず
-------------------------------------------------*/
.l-pan-list{
    width: 100%;
    padding: 10px 0 14px;
    background-color: #FFF;
    border-top:1px solid #EEE;
}
.pan-box{
    width: 960px;
    height: 20px;
    margin: 0 auto;
}
.pan{
	width: 100%;
	height: 20px;
	margin: 0;
	float: left;
}
.pan li{
	float: left;
	padding: 2px 4px 2px 0;
	font-size: 12px;
	line-height: 20px;
	color: #FF5760;
}
.pan li:last-child{
	font-weight: bold;
	float: left;
	padding: 2px 4px 2px 0;
	font-size: 12px;
	line-height: 20px;
}
.pan li img{
    padding: 4px 4px 2px 3px;
}
.pan li a{
    text-decoration: underline;
    color: #666;
}
.pan li a:hover{
    text-decoration: none;
}
.pan-sns{
    width: 30%;
    height: 20px;
    float: right
}
.pan-facebook{
    float: right;
    width: 100px;
    height: 20px;
    margin: 0 0;
}
.pan-twitter{
    float: right;
    width: 80px;
    height: 20px;
    margin: 0 5px 0 10px;
}

/* ページトップ指定
-------------------------------------------------*/
#pagetop {
	position: fixed;
	bottom: 60px;
	right: 30px;
	z-index: 3200;
}
#pagetop a {
	text-align: center;
	display: block;
}
#pagetop a:hover {
	opacity:0.7;
	filter: alpha(opacity=70);
}


/* グローバルナビ
============================= */
#l-gnavi{
	width: 100%;
	height: 60px;
	background-color: #FFF;
	border-bottom: 3px solid #333;
	text-align: center;
	box-shadow: 0px 1px 2px #ccc;
	-moz-box-shadow: 0px 1px 2px #ccc;
	-webkit-box-shadow: 0px 1px 2px #ccc;
	position: relative;
	z-index: 3000;
	transition:all 0.8s ease;
}
#gnavi{
	width: 960px;
	height: 80px;
	margin:0 auto;
}
.gnavi-btn{
	width: 20%;
	height: 60px;
	line-height: 60px;
	float: left;
}
#gnavi li{
	width: 20%;
	height: 60px;
	line-height: 60px;
	float: left;
}
#gnavi li a{
	display: block;
	transition:all 0.2s ease;
	text-decoration: none;
}
#gnavi li a:hover{
	display: block;
	transition:all 0.2s ease;
}
#gnavi li.on a{
	height: 55px;
	border-bottom: 5px solid #333;
	display: block;
	/*background: #C59B10;*/
	/*transition:all 0.5s ease;*/
}

/* メインコンテンツ
============================= */

#l-contents{
	/*padding-bottom:30px;*/
}

.section{
	width: 100%;
	padding: 50px 0 50px;
	position: relative;
}
.about-sec{
	padding-top: 60px;
}
#l-gnavi .section{
	padding: 0;
}
.bg01{
	background-color:#EDFBFD;
	/*background-image: url(../img/bg01.gif);
	background-repeat: repeat;*/
}
.bg02{
	background-color:#ffffff;
	/*background-image: url(../img/bg02.gif);
	background-repeat: repeat;*/
}
.bg02a{
	background:#fcfdf0;
	/*background-image: url(../img/spot-bg01.gif);
	background-repeat: repeat-x;*/
	padding: 50px 0 0;
	position: relative;
	z-index: 30;
}
.bg02b{
	width: 100%;
	background:#E8FDFB;
	z-index: 10;
	border-bottom:1px dotted #fff;
	border-top: 1px dotted #FFFFD0;
}
.bg03{
	background-image: url(../img/hotel-bg01.gif);
	background-repeat: repeat-x;
	position: relative;
	z-index: 30;
}
.bg03b{
	width: 100%;
	height: 217px;
	margin: -70px 0 50px;
	padding: 0;
	background-color: #FFF;
	background-image: url(../img/hotel-bg01b.gif);
	background-repeat: repeat-x;
	position: relative;
	z-index: 10;
}
.bg03c{
	margin:0 0 0px;
	background:#FDF7F7;
	position: relative;
	z-index: 30;
}
.bg04{
	position: absolute;
	bottom:0;
	width: 100%;
	height: 200px;
	background-color: #FFF;
	background-image: url(../img/hotel-bg01.gif);
	background-repeat: repeat-x;
}
.bg-item{
	position: absolute;
	top:0;
	left: 50%;
	margin-left: -33px;
}
.bg-item img{
	width: 90%;
}

.section-ttl{
	width: 960px;
	height: 80px;
	line-height: 80px;
	margin: 0 auto 40px;
	text-align: left;
}
.section-txt{
	width: 960px;
	font-size: 14px;
	margin: 0 auto 10px;
	text-align:left;
	line-height: 1.5;
}
.box{
	width: 960px;
	padding: 30px 5px;
/*	background-color: #FFF;*/
	margin: 0 auto 0px;
}

#section01 .box{padding: 0px 5px;}

.spot-box{
	width: 960px;
	padding: 30px 5px 0;
/*	background-color: #FFF;*/
	margin: 0 auto 0px;
}
.inq-box{
	width: 960px;
	padding: 0 0 30px;
	background-color: #FFF;
/*
	border: 5px solid #B28500;
*/
	margin: 0 auto 80px;
	text-align: center;
}
.inq-btn{
	margin: 20px 0 0;
}
.inq-btn a:hover{
	transition:all 0.8s ease;
	opacity: 0.7;
}
.box-left{
	width: 465px;
	height: 309px;
	float: left;
}
.box-right{
	width: 465px;
	height: 309px;
	float: right;
}
.box-right-ttl{
	display: block;
	margin-bottom: 20px;
}
.box-right-ttl-sp{
	display: none;
}
.box-right-txt{
	margin-top: 20px;
	display: block;
	padding: 5px;
	font-size: 14px;
	line-height: 1.5em;
}


.box-ttl{
	padding: 40px 10px 10px;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
}
.itemo-box-ttl{
	padding: 40px 0 10px;
	text-align: center;
}
.box-txt{
	padding: 10px 10px 30px;
	text-align: center;
	font-size: 14px;
	line-height: 1.5em;
}

.item-box{
	width: 310px;
	float: left;
	margin: 5px;
	overflow: visible;
}
.item-pic{
	width: 310px;
	height:200px;
	margin-bottom: 5px;
	background-color: #eee;
}
.item-ttl{
	width: 290px;
	padding: 10px 5px 10px;
	font-size: 16px;
	font-weight: bold;
}
.item-txt{
	width: 300px;
	padding: 5px;
	font-size: 14px;
	line-height: 1.5;
}
.item-txt2{
	width: 550px;
	padding: 5px;
	font-size: 14px;
	margin-top: 20px;
}
.item-txt3{
	width: 300px;
	padding: 5px;
	font-size: 14px;
	margin-top: 10px;
}

/* 
=========================== */
.about-box-right{
	width: 450px;
	height:310px;
	padding: 0px;
	float: right;
	/*background-color: #EBE4D8;*/
}
.about-box-pic{
	display: block;
	/*background-color: #FFF;*/
	width: 385px;
	height: 320px;
/*	box-shadow: 0px 0px 2px #999;
	-moz-box-shadow: 0px 0px 2px #999;
	-webkit-box-shadow: 0px 0px 2px #999;*/
}
.about-box-left{
	width:490px;
	float: left;
	background-image: url(../img/box-bg01.gif);
	background-position: right 0 top 80px;
	background-repeat: no-repeat;
}
.about-box-left .box-right-ttl{
	display: block;
	margin-bottom: 20px;
}
.about-box-left .box-right-txt{
	width: 90%;
	display: block;
	padding: 5px;
	font-size: 14px;
	line-height: 1.5em;
}


.spot-box-left{
	width: 440px;
	height: 368px;
	float: left;
	overflow: hidden;
}

.spot-box-right{
	width: 480px;
	height: 350px;
	float: right;
}
.spot-box-right .box-right-ttl{
	display: block;
	margin-bottom: 20px;
}
.spot-box-right .box-right-txt{
	display: block;
	padding: 5px;
	font-size: 14px;
	line-height: 1.5em;
}



.spot-box-left02{
	width: 480px;
	height: 320px;
	float: left;
	overflow: hidden;
}

.spot-box-right02{
	width: 480px;
	float: right;
}
.spot-box-right02 .box-right-ttl{
	display: block;
	margin-bottom: 20px;
}
.spot-box-right02 .box-right-txt{
	float: left;
	padding: 5px;
	font-size: 14px;
	line-height: 1.5em;
}
.spot-box-left02 .box-right-ttl{
	display: block;
	margin-bottom: 20px;
}
.spot-box-left02 .box-right-txt{
	float: left;
	padding: 5px;
	font-size: 14px;
	line-height: 1.5em;
}

.box-pic3{
	width: 100%;
	margin: 20px 0 0;
}
.box-pic3 li{
	width: 149px;
	height: 99px;
	background-color: #FCFCFC;
	float: left;
	margin: 0 3px;
}
.box-pic3 li img{
	width: 100%;
}



.hotel-box{
	width: 950px;
	padding: 30px 5px;
	margin: 0 auto 0px;
}
.hotel-box .box-left{
	width: 580px;
	float: left;
	padding: 30px 0;
}
.hotel-box .box-right{
	width: 300px;
	float: right;
	padding: 30px 0;
}
.hotel-head-ttl{
	width:960px;
	margin:0 auto;
}
.hotel-head-txt{
	font-size: 14px;
	line-height: 1.4em;
	width: 92%;
	margin-bottom: 15px;
}
.hotel-head-btn-sp{
	display: none;
}
.hotel-head-btn{
	float: left;
	margin-right: 5px;
	background-color: #333;
}
.hotel-head-btn a{
	display: block;
	background-color: #333;
}
.hotel-head-btn a:hover{
	transition:all 0.8s ease;
	filter:alpha(opacity=50); 
	opacity:0.5;
	background-color: #333;
}
.hotel-head-hosoku{
	margin: 10px 0 0;
	font-size: 12px;
	color:#666;
	text-align:left;
	transition:all 2.1s ease;
	opacity: 1.0;
	display:inline-block;
}
.hotel-head-pic:hover{
	transition:all 3.2s ease;
	opacity: 0.6;
}
.tour-box-right{
	display: none;
}

.tour-box-head{
	width: 960px;
	margin: 0 auto;
}
.subttl{
	width: 960px;
	text-align: center;
	margin: 20px auto 40px;
	display: block!important;
}
.subttl-left{
	width: 980px;
	margin:0 auto 30px;
	text-align: left;
	display: block!important;
}
.hotel-subtxt01{
	font-size: 15px;
	line-height: 1.4em;
	text-align: left;
	margin: 0 auto;
}

.hotel-subtxt01b{
	float: left;
	width: 640px;
	font-size: 15px;
	line-height: 1.4em;
	text-align: left;
	margin: 0;
}
.red{
	font-size: 11px;
	color: red;
}
.hotel-sub-box{
	float: left;
	width: 630px;
	margin: 20px 0;
	padding: 0 0 10px 0;
	background-color: #ddd;
}
.hotel-sub-box li{
	padding: 2px 10px;
	font-size: 12px;
}
li.hotel-sub-box-midashi{
	font-size: 16px;
	padding: 6px 10px 4px;
	font-weight: bold;
	color: #FFF;
	display: block;
	background-color: #004098;
	margin-bottom: 5px;
}
.tour-box{
	width: 960px;
	margin: 20px auto 50px;
}
.tour-box-pic{
	float: left;
}
.tour-box-info{
	width: 410px;
	float: right;
}
.tour-info-txt{
	padding: 0 0;
	margin-bottom: 20px;
}
li.tour-info-icon{
	width: 100%;
	margin: 10px 0;
	display: block;
}


.tour-info-txt{
	padding: 10px 5px 0 ;
	font-size: 14px;
	line-height: 1.4em;
	display: block !important;
}
.tour-box-head .box-right{
	width: 295px;
	padding: 20px 0 0;
	float: right;
}



.hotel-pic{
	width: 100%;
	margin-bottom: 15px;
}
.hotel-subpic02{
	width: 380px;
	float:left;
}
.hotel-subpic{
	width: 380px;
	float:right;
}
.hotel-info{
	width: 545px;
	float: left;
}
.hotel-info02{
	width: 545px;
	float: right;
}
.hotel-info-txt{
	font-size: 13px;
	padding: 10px;
	margin: 5px 0 10px;
	line-height: 1.4em;
}
.hotel-info-txt2{
	background: #fff;
	border:solid 1px #8C6900;
	padding:12px;
	font-size:11px;
	margin-bottom:15px;
}
.hotel-info-txt2 strong{
	color:#8C6900;
	font-size:13px;
}
.hotel-info-btn{
/*	width: 525px;*/
	padding: 0 10px ;
	background-color: #eee;
	box-shadow: 0px 0px 2px #ddd;
	-moz-box-shadow: 0px 0px 2px #ddd;
	-webkit-box-shadow: 0px 0px 2px #ddd;
	position: relative;
}

.hotel-info-btn p{
	display:inline-block;
	margin:0 0 3px 0;
	}



/*--- 価格重視 ---*/

.less-box{
	margin: 0 auto;
	width:960px;
	background:#fff;
}
.less-box .less-pic-01{
	float:left;
}
.less-box .less-pic-02{
	display:block;
}
.less-box .hotel-info{
	width: 545px;
	float: left;
}
.less-box .hotel-info-txt{
	font-size: 13px;
	padding: 10px;
	margin: 5px 0 10px;
	line-height: 1.4em;
}
/*
.less-box .hotel-info-btn{
	width: 525px;
	padding:0;
	float: left;
    margin:0 10px 10px 10px;
	background:#fff;
	box-shadow:none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	position: relative;
}
*/
.hotel-plan-ttl{
	font-size: 14px;
	margin-bottom: 5px;
	line-height: 21px;
}
.hotel-plan-ttl a{
	text-decoration: underline;
	color: #006699;
}
.hotel-plan-ttl a:hover{
	text-decoration: none;
	color: #006699;
}


.other-btn{
	margin: 0 auto;
	background:#FF2626;
	width: 340px;
	text-align: center;
}
.other-btn a{
	display: block;
	padding: 15px;
	color: #fff;
}
.plan-ttl{
	font-size: 12px;
	display: inline-block;
	background-color: #1C347C;
	float: left;
	margin-right: 5px;
	color: #FFF;
	margin-bottom: 5px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}

.plan-myj{
	font-size: 12px;
	padding: 2px 5px;
	display: inline-block;
	background-color: #FFBF00;
	float: left;
	margin-right: 5px;
	color: #000;
}

.plan-kcz{
	font-size: 12px;
	padding: 2px 5px;
	display: inline-block;
	background-color: #66CCFF;
	float: left;
	margin-right: 5px;
	color: #000;
}



.tour-box .hotel-info-btn{
	width: 390px;
	padding: 10px 10px 15px;
	margin-bottom: 15px;
	background-color:#eee;
	box-shadow: 0px 0px 2px #ddd;
	-moz-box-shadow: 0px 0px 2px #ddd;
	-webkit-box-shadow: 0px 0px 2px #ddd;
	position: relative;
}
.tour-box .hotel-plan-ttl{
	font-size: 14px;
	margin-bottom: 5px;
	line-height: 1.3em;
}
.tour-box .hotel-plan-ttl a{
	text-decoration: underline!importan;
}
.tour-box .hotel-plan-ttl a:hover{
	text-decoration: none;
}
.tour-box .plan-ttl{
	font-size: 12px;
	padding: 2px 5px;
	display: inline-block;
	background-color: #1C347C;
	float: left;
	margin-right: 5px;
}
.skk_title a{
/*	display:block;
	float: left;*/
	text-decoration: underline;
	margin-right: 5px;
/*	line-height: 21px;*/
	font-size: 14px;
	color: #006699;
	}
.skk_title a:hover{
/*
	display:block;
	margin-right: 5px;
	float: left;
	line-height: 21px;
*/
	text-decoration: none;
	font-size: 14px;
	color: #006699;
	}

.hotel-info-btn .skk_title {
	display:inline-block;
	width:472px;
	}

.price{
	display:inline-block;
	margin-right: 5px;
	width:98px;
/*
	display:block;
	float: left;
*/
	line-height: 21px;
	color: red;
	font-weight: bold;
	font-size: 18px;
	font-weight: bold;
}
.price-hosoku{
/*	float: left;*/
	color: #666;
	font-size: 10px;
	line-height: 21px;
}
.price-btn-sp{
	position: absolute;
	bottom: 5px;
	right:0;
	text-align: right;
	color: #FFF;
	padding: 5px 1em 5px;
	font-size: 11px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.price-btn-sp2{
	float:right;
	text-align: right;
	color: #FFF;
	padding: 5px 1em 5px;
	font-size: 11px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.price-btn-sp2 a,
.price-btn-sp a{
	color: #FFF!important;
	padding: 3px 1em 6px;
	font-size: 11px;
	text-decoration: none!important;
	background-color: rgba(46,36,4,1);
	background-color: #2E2404\9;
	display: inline-block;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.price-btn-sp2 a:hover,
.price-btn-sp a:hover{
	transition:all 0.2s ease;
	background-color: rgba(46,36,4,0.5);
	background-color: #2E2404\9;
}
.skk_lineup a{
	text-decoration: none;
	text-align:center;
	font-size: 12px;
	margin-right: 5px;
	color: #FFF;
	display:block;
	background-color: #000;
	padding: 3px;
	width: 70%;
}

.skk_lineup a:hover{
	text-decoration: none;
	text-align:center;
	font-size: 12px;
	margin-right: 5px;
	color: #FF0;
	display:block;
	background-color: #000;
	padding: 3px;
}

/*-----------------------------------------------------
タブ
-------------------------------------------------------*/

.idTabs{
		width:960px;
		margin: 0 auto;
		/*border-bottom: 3px solid #000;*/
		background: url(../img/tab_bg.gif) repeat-x 0 bottom;
}
.idTabs li{
	float:left;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	margin-right: 5px;
}
.idTabs li a{
	width:250px;
	border: 3px solid #999;
	float:left;
	padding:20px 15px;
	background-color:#E3DCCE;
	color:#8F7C58;
	border:none;	
	border-bottom: solid 3px #E3DCCE;	
}
.idTabs li .selected{
	background-color:#FFFFFF!important;
	border: 3px solid #000000!important;
	border-bottom: solid 3px #FFFFFF!important;
	color:#000000;
}



/* ▽floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから）▽ */
		.idTabs:after{
			clear: both;
			content: url(../img/blank.gif);
			display: block;
			height: 0px;
		}

		.idTabs{display: inline-table;}
		/* Mac IE には適用させない \*/
		* html .idTabs{height: 1px;}
		.idTabs{display: block;}
		/* */
/* △floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで）△ */



/* モジュール
============================= */
.info-icon{
	font-size: 12px;
	display: inline-block;
	padding: 3px 10px;
	color: #FFF;
}
.hotel-info li.tour-info-icon{
	margin: 0 0 10px;
	display: block;
}
.icon-lux{
	background-color: #E85186;
	border: 1px solid #E85186;
}
.icon-dx{
	background-color: #59B200;
	border: 1px solid #59B200;
}
.icon-sup{
	background-color: #1E77DD;
	border: 1px solid #1E77DD;
}
.icon-loc{
	background-color: #FFF;
	color: #333;
	border: 1px solid #333;
}

/*世界遺産BOX
============================= */
.item-wrap{
	width: 980px;
	margin: 40px auto 60px;
}
.item-wrap .item-box{
	width: 306px;
	margin: 0 8px;
	float: left;
	border: 1px solid #eee;
	box-shadow: 0px 0px 2px #ddd;
	-moz-box-shadow: 0px 0px 2px #ddd;
	-webkit-box-shadow: 0px 0px 2px #ddd;
	background: #fff;
}
.item-wrap .item-box-pic{
	width: 100%;
}
.item-wrap .item-box-pic img{
	width: 100%;
	height:200px;
}
.item-wrap .item-box-info{
	width: 100%;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.item-wrap .item-box-info img{
	width: 100%;
}
.item-wrap .item-info-ttl{
	width: 100%;
	display: block;
	padding: 10px 0 15px;
	font-size:14px!important;
}

.item-wrap .hotel-info-btn{
	width: 100%;
	padding: 10px 10px 40px;
	margin-bottom: 15px;
	background-color:#FCFDF0;
	box-shadow: 0px 0px 2px #ddd;
	-moz-box-shadow: 0px 0px 2px #ddd;
	-webkit-box-shadow: 0px 0px 2px #ddd;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.item-wrap .hotel-plan-ttl{
	font-size: 14px;
	margin-bottom: 5px;
	line-height: 1.3em;
}
.item-wrap .hotel-plan-ttl a{
	text-decoration: underline;
}
.item-wrap .hotel-plan-ttl a:hover{
	text-decoration: none;
}
.item-info-txt{
	padding: 15px 5px 15px ;
	font-size: 13px;
	line-height: 1.4em;
	display: block !important;
}
.item-wrap .price-btn-sp img{
	width: 16px;
	height: 13px;
	position: relative;
	top: 2px;
}
.item-wrap li.tour-info-icon{
	width: 95%;
	margin: 10px auto;
	display: block;
}

.item-wrap .info-icon{
	font-size: 11px;
	display: inline-block;
	padding: 3px 10px;
}

/* ====================================================
	item CSS
==================================================== */

/* 文字サイズ変更用 */
.txt6{font-size: 6px;}
.txt8{font-size: 8px;}
.txt9{font-size: 9px;}
.txt10{font-size: 10px;}
.txt11{font-size: 11px;}
.txt12{font-size: 12px;}
.txt13{font-size: 13px;}
.txt14{font-size: 14px;}
.txt15{font-size: 15px;}
.txt16{font-size: 16px;}
.txt18{font-size: 18px;}
.txt20{font-size: 20px;}
.txt22{font-size: 22px;}
.txt24{font-size: 24px;}
.txt26{font-size: 26px;}
.txt28{font-size: 28px;}
.txt30{font-size: 30px;}
.txt32{font-size: 32px;}
.txt36{font-size: 36px;}
.txt48{font-size: 48px;}
.txt72{font-size: 72px;}


/* 文字カラー
-------------------------------------------------*/
.black{color:#000000;}
.red{color: #FF0000;}
.red_text{color: #f80a3c;}
.yellow{color: #FFCC00;}
.blue{color:#1badd1;}
.orange{color: #FC930B;}
.darkbrown {color:#DA0B00;}
.gtxt{ color: #360;}
.winered{ color: #5C0201;}

/* フォント効果 */
.bold {
	vertical-align: baseline;
	font-weight: bold;
	display:inline;
}
.bolder{
	vertical-align: baseline;
	font-weight: bolder;
	display:inline;
}

/* 背景カラー
-------------------------------------------------*/
.bg_orange{display: inline-block; _display: inline;	background-color:#FFEFB0; margin:1px;}
.bg_green{display: inline-block; _display: inline; background-color:#D7FFD7; margin:1px;}
.bg_blue{display: inline-block; _display: inline; background-color:#CCFFFF; margin:1px;}
.bg_white{background-color:#FFFFFF; }
.bg-n{background:none; }


/* スペーサー
-------------------------------------------------*/
.spacer10 { clear: both; height: 10px;}
.spacer20 { clear: both; height: 20px;}
.spacer30 { clear: both; height: 30px;}
.spacer40 { clear: both; height: 40px;}
.spacer50 { clear: both; height: 50px;}
.spacer60 { clear: both; height: 60px;}
.spacer70 { clear: both; height: 70px;}
.spacer80 { clear: both; height: 80px;}
.spacer90 { clear: both; height: 90px;}
.spacer100 { clear: both; height: 100px;}

.lc-5{ letter-spacing: -0.5px;}

/* marginによる幅調整
-------------------------------------------------*/
/* マージントップ */
.mt-10{margin-top: -10px;}
.mt-40{margin-top: -40px;}

.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mt80{margin-top: 80px;}
.mt90{margin-top: 90px;}
.mt100{margin-top: 100px;}
.mt110{margin-top: 110px;}
.mt120{margin-top: 120px;}
.mt130{margin-top: 130px;}
.mt140{margin-top: 140px;}
.mt150{margin-top: 150px;}
.mt160{margin-top: 160px;}
.mt170{margin-top: 170px;}
.mt180{margin-top: 180px;}
.mt190{margin-top: 190px;}
.mt200{margin-top: 200px;}

/* マージンライト */
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr25{margin-right: 25px;}
.mr30{margin-right: 30px;}
.mr40{margin-right: 40px;}
.mr50{margin-right: 50px;}
.mr60{margin-right: 60px;}
.mr70{margin-right: 70px;}
.mr80{margin-right: 80px;}
.mr90{margin-right: 90px;}
.mr100{margin-right: 100px;}
.mr110{margin-right: 110px;}
.mr120{margin-right: 120px;}
.mr130{margin-right: 130px;}
.mr140{margin-right: 140px;}
.mr150{margin-right: 150px;}
.mr160{margin-right: 160px;}
.mr170{margin-right: 170px;}
.mr180{margin-right: 180px;}
.mr190{margin-right: 190px;}
.mr200{margin-right: 200px;}


/* マージンボトム */
.mb-35{ margin-bottom: -35px;}

.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb70{margin-bottom: 70px;}
.mb80{margin-bottom: 80px;}
.mb90{margin-bottom: 90px;}
.mb100{margin-bottom: 100px;}
.mb110{margin-bottom: 110px;}
.mb120{margin-bottom: 120px;}
.mb130{margin-bottom: 130px;}
.mb140{margin-bottom: 140px;}
.mb150{margin-bottom: 150px;}
.mb160{margin-bottom: 160px;}
.mb170{margin-bottom: 170px;}
.mb180{margin-bottom: 180px;}
.mb190{margin-bottom: 190px;}
.mb200{margin-bottom: 200px;}


/* マージンレフト */
.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml25{margin-left: 25px;}
.ml30{margin-left: 30px;}
.ml40{margin-left: 40px;}
.ml50{margin-left: 50px;}
.ml60{margin-left: 60px;}
.ml70{margin-left: 70px;}
.ml80{margin-left: 80px;}
.ml90{margin-left: 90px;}
.ml100{margin-left: 100px;}
.ml110{margin-left: 110px;}
.ml120{margin-left: 120px;}
.ml130{margin-left: 130px;}
.ml140{margin-left: 140px;}
.ml150{margin-left: 150px;}
.ml160{margin-left: 160px;}
.ml170{margin-left: 170px;}
.ml180{margin-left: 180px;}
.ml190{margin-left: 190px;}
.ml200{margin-left: 200px;}


/* paddingによる幅調整
-------------------------------------------------*/
.pt1{padding-top: 1px;}
.pt5{padding-top: 5px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt25{padding-top: 25px;}
.pt30{padding-top: 30px;}
.pt40{padding-top: 40px;}
.pt50{padding-top: 50px;}
.pt60{padding-top: 60px;}
.pt70{padding-top: 70px;}
.pt80{padding-top: 80px;}
.pt90{padding-top: 90px;}
.pt100{padding-top: 100px;}
.pt110{padding-top: 110px;}
.pt120{padding-top: 120px;}
.pt130{padding-top: 130px;}
.pt140{padding-top: 140px;}
.pt150{padding-top: 150px;}
.pt160{padding-top: 160px;}
.pt170{padding-top: 170px;}
.pt180{padding-top: 180px;}
.pt190{padding-top: 190px;}
.pt200{padding-top: 200px;}

/* パディングライト */
.pr5{padding-right: 5px;}
.pr10{padding-right: 10px;}
.pr15{padding-right: 15px;}
.pr20{padding-right: 20px;}
.pr25{padding-right: 25px;}
.pr30{padding-right: 30px;}
.pr40{padding-right: 40px;}
.pr50{padding-right: 50px;}
.pr60{padding-right: 60px;}
.pr70{padding-right: 70px;}
.pr80{padding-right: 80px;}
.pr90{padding-right: 90px;}
.pr100{padding-right: 100px;}
.pr110{padding-right: 110px;}
.pr120{padding-right: 120px;}
.pr130{padding-right: 130px;}
.pr140{padding-right: 140px;}
.pr150{padding-right: 150px;}
.pr160{padding-right: 160px;}
.pr170{padding-right: 170px;}
.pr180{padding-right: 180px;}
.pr190{padding-right: 190px;}
.pr200{padding-right: 200px;}


/* パディングボトム */
.pb1{padding-bottop: 1px;}
.pb5{padding-bottop: 5px;}
.pb10{padding-bottop: 10px;}
.pb15{padding-bottop: 15px;}
.pb20{padding-bottop: 20px;}
.pb25{padding-bottop: 25px;}
.pb30{padding-bottop: 30px;}
.pb40{padding-bottop: 40px;}
.pb50{padding-bottop: 50px;}
.pb60{padding-bottop: 60px;}
.pb70{padding-bottop: 70px;}
.pb80{padding-bottop: 80px;}
.pb90{padding-bottop: 90px;}
.pb100{padding-bottop: 100px;}
.pb110{padding-bottop: 110px;}
.pb120{padding-bottop: 120px;}
.pb130{padding-bottop: 130px;}
.pb140{padding-bottop: 140px;}
.pb150{padding-bottop: 150px;}
.pb160{padding-bottop: 160px;}
.pb170{padding-bottop: 170px;}
.pb180{padding-bottop: 180px;}
.pb190{padding-bottop: 190px;}
.pb200{padding-bottop: 200px;}


/* パディングレフト */
.pl5{padding-left: 10px;}
.pl10{padding-left: 10px;}
.pl15{padding-left: 15px;}
.pl20{padding-left: 20px;}
.pl25{padding-left: 25px;}
.pl30{padding-left: 30px;}
.pl40{padding-left: 40px;}
.pl50{padding-left: 50px;}
.pl60{padding-left: 60px;}
.pl70{padding-left: 70px;}
.pl80{padding-left: 80px;}
.pl90{padding-left: 90px;}
.pl100{padding-left: 100px;}
.pl110{padding-left: 110px;}
.pl120{padding-left: 120px;}
.pl130{padding-left: 130px;}
.pl140{padding-left: 140px;}
.pl150{padding-left: 150px;}
.pl160{padding-left: 160px;}
.pl170{padding-left: 170px;}
.pl180{padding-left: 180px;}
.pl190{padding-left: 190px;}
.pl200{padding-left: 200px;}

/* 最小幅調整
-------------------------------------------------*/
.min_w30{ min-width: 30px;}
.min_w40{ min-width: 40px;}
.min_w50{ min-width: 50px;}
.min_w60{ min-width: 60px;}
.min_w80{ min-width: 70px;}
.min_w80{ min-width: 80px;}
.min_w90{ min-width: 90px;}
.min_w100{ min-width: 100px;}
.min_w110{ min-width: 110px;}
.min_w115{ min-width: 115px;}
.min_w120{ min-width: 120px;}
.min_w130{ min-width: 130px;}
.min_w140{ min-width: 140px;}
.min_w150{ min-width: 150px;}
.min_w160{ min-width: 160px;}
.min_w170{ min-width: 170px;}
.min_w180{ min-width: 180px;}
.min_w190{ min-width: 190px;}
.min_w200{ min-width: 200px;}

.max_w30{ max-width: 30px;}
.max_w40{ max-width: 40px;}
.max_w50{ max-width: 50px;}
.max_w60{ max-width: 60px;}
.max_w80{ max-width: 70px;}
.max_w80{ max-width: 80px;}
.max_w90{ max-width: 90px;}
.max_w100{ max-width: 100px;}
.max_w110{ max-width: 110px;}
.max_w115{ max-width: 115px;}
.max_w120{ max-width: 120px;}
.max_w130{ max-width: 130px;}
.max_w140{ max-width: 140px;}
.max_w150{ max-width: 150px;}
.max_w160{ max-width: 160px;}
.max_w170{ max-width: 170px;}
.max_w180{ max-width: 180px;}
.max_w190{ max-width: 190px;}
.max_w200{ max-width: 200px;}


/* width
-------------------------------------------------*/
.w290{width:290px;}



.hotel-photo{
	float:right;
}
.hotel-photo a{
	padding: 0 1px;
	display:inline-block;
	*display: inline;	/*for IE*/
    *zoom: 1;		/*for IE*/
}
.hotel-photo a img{
	width:82px
}


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

/* メインビジュアルslide
-------------------------------------------------*/
.key-visual {
	width: 960px;
	height: 360px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
}

.key-visual > ul {
	position: relative;
}

.key-visual > ul > li {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}

.key-visual > ul > li:first-child {
	display: list-item;
}