@charset "UTF-8";
/*
-----------------------------------------------
	Base Style
	Version: 21 MAR 2013
----------------------------------------------- */
html { background: #fff;}
@font-face {
  font-family: "YuGothic M";
  src: local(Yu Gothic Medium);
}
body {
	background:#fff;
	color: #333;
	font-size: 62.5%;
	font-family: helvetica, arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN","メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height	: 1.5;
	min-width: 1080px;
	overflow: hidden;
}
/* IE6 base font */
* html body {
	font-family	: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}
a:link		{ color: #292446; text-decoration: underline; border: none;}
a:visited	{ color: #292446; text-decoration: underline;}
a:hover		{ color: #292446; text-decoration: none;}
a:active	{ color: #292446; text-decoration: underline;}
strong		{ font-weight: bold;}
em		{ font-style: italic;}

/*
--------------------------------------------------
	Container
-------------------------------------------------- */
.container{ position:relative;}
.container-inner	{}
.container-inner-inner	{}

/*
--------------------------------------------------
	Common Header
-------------------------------------------------- */
.common_header {
	width : 100%;
	margin : 0 auto;
	position : relative;
	background: #fff url(../img/common/bg_common_header.png) repeat-x 0 0;
}
.common_header .inner {
	width : 1080px;
	height : 110px;
	margin : 0 auto;
	background : ;
	position : relative;
}
.common_header .inner .logo {
	overflow : hidden;
	height:0;
	background:url(../img/common/logo_ichinoyu.png) no-repeat 0 0;
	padding : 110px 0 0 0;
	display : block;
	width:150px;
	margin:0;
	position:absolute;
	top:0;
	left:0;
}
.common_header .inner .header_tel{
	position:absolute;
	top:40px;
	right:0;
	text-align:right;
	}
.common_header .inner .tel{ font-size:1.6em;}	
.common_header .inner .tel strong{font-size:1.65em; font-weight:normal; margin-left:10px;}
.common_header .inner .opentime { font-size:1.4em;}
.common_header .inner .opentime span{ background:#a74646; color:#fff; padding: 5px; margin-left:20px;}	

.common_header .inner p.header_copy{
	position:absolute;
	top:50%;
	left:160px;
	font-size: 1.4em;
	margin:-1.5em 0 0; 
}

a.logo:link,
a.logo:hover,
a.logo:visited,
a.logo:active { color: #252021; text-decoration: none;}

/*
--------------------------------------------------
	Hotels Header
-------------------------------------------------- */
.hotels_header{ background:#fff;}
.hotels_header .inner{ width:1080px; margin: 0 auto; height:85px; position:relative;}
.hotels_header h2{ font-size:2.8em; padding-top:10px;}
.hotels_header h2 a{ text-decoration:none; color:#333;}
.hotels_header p.hotels_add{ font-size:1.4em;}

.hotels_header .snav{ position:absolute; top:10px; right:0;}
.hotels_header .snav li{ width:130px; font-size:1.2em;}
.hotels_header .snav li a{
	display:block;
	text-align:center;
	height:30px;
	line-height:30px;
	border: 1px solid #303131;
	box-sizing:border-box;
	text-decoration:none;
	margin-bottom:2px;
}
.hotels_header .snav li.btn_snav a { background-color:#fff; color:#333;}
.hotels_header .snav li.btn_snav a:hover { background-color: #303131; color:#fff;}

.hotels_header table.value{
	position:absolute;
	top:10px;
	right:150px;
	width:180px;
	border:1px solid #b5b3aa;
	border-collapse:collapse;
	background:#eeeeee;
	height:60px;
	}
.hotels_header table.value th{ font-size:1.3em;}
.hotels_header table.value th span{ background:url(../img/common/icon_value.png) no-repeat 0 0; padding-left:20px;}
.hotels_header table.value td{ font-size: 2.8em;}	


/* Language nav */
.langnav {
	position	: absolute;
	right		: 0;
	bottom		: 5px;
	overflow	: hidden;
}
.langnav div {
	padding-right	: 8px;
	padding-left	: 10px;
	background	: url(../img/common/arrow.png) no-repeat left center;
	font-size	: 110%;
	line-height	: 1.32;
	display		: inline;
}
.langnav a	 { color: #524127; text-decoration: underline;}
.langnav a:hover { color: #524127; text-decoration: none;}


/* cnav */
.lnav { font-size:0.9em;}
.lnav ul	  { position: absolute; right: 0; top: 5px;}
.lnav ul li	  { margin-left:15px; width:130px; float: left;}
.lnav ul li a	  { text-decoration: none; display:block; text-align:center; height:30px; line-height:30px; color:#f5efe9; background:#313231;}


/* Font resize */
#fontresize {
	margin		: 0 0 10px 0;
	padding		: 10px 0;
	background	: #e9e6d5;
	border		: 2px solid #766c23;
	overflow	: hidden;
}
#fontresize-hd {
	width		: 120px;
	height		: 0;
	padding		: 20px 0 0 0;
	background	: url(../img/common/fontresize_hd.gif) no-repeat 0 0;
	float		: left;
	overflow	: hidden;
}
#fontresize ol {
	width		: 90px;
	float		: left;
	overflow	: hidden;
}
#fontresize ol li { padding-left: 5px; float: left;}
#fontresize ol li span {
	width		: 20px;
	height		: 0;
	padding-top	: 20px;
	display		: block;
	overflow	: hidden;
	cursor		: pointer;
}
#fontresize-small	{ background-image: url(../img/common/fontresize_btn_small.gif);}
#fontresize-medium	{ background-image: url(../img/common/fontresize_btn_medium.gif);}
#fontresize-large	{ background-image: url(../img/common/fontresize_btn_large.gif);}
#fontresize-small.fontresize-selected	{ background-position: 0 20px;}
#fontresize-medium.fontresize-selected	{ background-position: 0 20px;}
#fontresize-large.fontresize-selected	{ background-position: 0 20px;}
.active span	{ background-position: 0 20px;}


/*
-----------------------------------------------
	Common Nav
----------------------------------------------- */
.common_nav {
	width : 100%;
	height : 60px;
	margin : 0;
	padding : 0;
	overflow : hidden;
	background:#303131;
}
.common_nav_inner{ width:1080px; margin: 0 auto;}
.common_nav ul { margin : 0; padding : 0;}
.common_nav ul li {
	height		: 60px;
	margin		: 0;
	padding		: 0;
	float		: left;
	font-size:1.6em;
}
.common_nav ul li a {
	width : 180px;
	overflow : hidden;
	display : block;
	text-align: center;
	color:#fff;
	line-height:60px;
	text-decoration:none;
	background:#303131;
	transition: .8s;
	border-bottom: 1px dotted #555;
}
.common_nav ul li:last-child a{ border-bottom:none;}
.common_nav ul li a:hover{ color: #ffffff; background:#525252;}

.common_nav ul li ul.child{
    display: none;
    position: absolute;
    padding: 0;
	z-index:9999;
	font-size:0.55em;
	width: 300px;
	text-align:left;
	border-top: 1px solid #ccc;
}
.common_nav ul.child li{ height:70px; text-align:left; }
.common_nav ul.child li a{
	height:70px !important;
	line-height:70px !important;
    display: block;
	width: 300px;
	padding: 0 10px;
	box-sizing:border-box;
    color: #fff;
	text-align:left;
}
.common_nav ul.child li a img.thumb{ margin-right:10px; vertical-align:middle;}



/* Nav default */
.nav .nav02 a { background-position:    0px 0px;}
.nav .nav03 a { background-position: -110px 0px;}
.nav .nav04 a { background-position: -220px 0px;}
.nav .nav05 a { background-position: -330px 0px;}
.nav .nav06 a { background-position: -440px 0px;}
.nav .nav07 a { background-position: -550px 0px;}

/* Nav hover */
.nav .nav02 a:hover { background-position:    0px -90px;}
.nav .nav03 a:hover { background-position: -110px -90px;}
.nav .nav04 a:hover { background-position: -220px -90px;}
.nav .nav05 a:hover { background-position: -330px -90px;}
.nav .nav06 a:hover { background-position: -440px -90px;}
.nav .nav07 a:hover { background-position: -550px -90px;}

/*
-----------------------------------------------
	Hotels Nav
----------------------------------------------- */
.nav{
	width : 100%;
	height : 60px;
	margin : 20px 0 70px;
	padding : 0;
	overflow : hidden;
}
.nav-inner{ width:1080px; margin: 0 auto;}
.nav ul { margin : 0; padding : 0;}
.nav ul li {
	height : 60px;
	width : 134px;
	margin: 0 10px;
	padding : 0;
	float		: left;
	font-size:1.6em;
	border-bottom: 3px solid #ddd;
	box-sizing:border-box;
	transition: .8s;
}
.nav ul li a {
	text-decoration:none;
	overflow : hidden;
	display : block;
	text-align: center;
	color:#333;
	line-height:55px;

}
.nav ul li:hover{ border-bottom: 3px solid #292446; color:#292446;}
.nav ul li.nav01{ display:none;}

#page-room .nav ul li.nav02 { border-bottom: 3px solid #292446; color:#292446;}
#page-onsen .nav ul li.nav03 { border-bottom: 3px solid #292446; color:#292446;}
#page-facilities .nav ul li.nav04 { border-bottom: 3px solid #292446; color:#292446;}
#page-access .nav ul li.nav05 { border-bottom: 3px solid #292446; color:#292446;}
#page-members .nav ul li.nav06 { border-bottom: 3px solid #292446; color:#292446;}
#page-activity .nav ul li.nav07 { border-bottom: 3px solid #292446; color:#292446;}
#page-movie .nav ul li.nav08 { border-bottom: 3px solid #292446; color:#292446;}


/*	メイン画像
----------------------------------------------- */
.visual{ overflow:hidden; height:320px;}
#page-home .visual,
#page-detail .visual{ overflow:hidden; height:480px;}

#page-home .main-photo,
#page-detail .main-photo{ width:1600px; min-width:1080px; position:relative; left:50%; margin-left:-800px;}
#page-home .main-photo-inner,
#page-detail .main-photo-inner{ position:relative;}
.slide_home > li { width: auto; position: static; left: 0; margin-left: 0;}
.slide_home > li > img { width: 1600px;}

#page-home .wide .main-photo,
#page-detail .wide .main-photo{ width: 100%; position: relative; left: 0; margin-left: 0;}
#page-home .wide .slide_home > li > img,
#page-detail .wide .slide_home > li > img{ width:100%;}

/* page */
.slide_page li{ width: auto; position: static; left: 0; margin-left: 0;}
.slide_page > li > img { width: 1600px;}
.wide .slide_page > li > img{ width:100%;}


/*
--------------------------------------------------
	bxslider Style
-------------------------------------------------- */
.bx-wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}
.bx-wrapper .bx-pager {
	text-align: center;
	position: absolute;
	top: 450px;
	width: 100%;
	z-index:100;
}
.bx-wrapper .bx-pager .bx-pager-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	z-index: 100;
}
.bx-pager a {
	background: #eee;
	text-indent: -9999px;
	display: block;
	width: 12px;
	height: 12px;
	margin: 0 5px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	overflow:hidden;
	-webkit-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2) inset;
	-moz-box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2) inset;
	box-shadow: 1px 1px 3px 1px rgba(0,0,0,0.2) inset;
}
.bx-pager a:hover,
.bx-pager a.active {
	background: #3c376f;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -15px;
	outline: 0;
	width: 30px;
	height: 45px;
	text-indent: -9999px;
	z-index: 100;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* pagerサムネイル */
.thumb{ text-align:center;}
.thumb a{ border: 3px solid #dddddd; display: inline-block; width:80px; height:40px; margin-right:1px; margin-left:1px;}
.thumb a img {  
	opacity: 0.5;  
	filter: alpha(opacity=50); 
}  
.thumb a.active img {  
	opacity: 1;  
	filter: alpha(opacity=100);  
} 
.thumb a.active{ border-color: #3e3768;} 

/* pagerサムネイル */
/*.home_main_banner{ float:left; padding-left:120px; margin-right:50px;}
.thumb{ width:700px; margin: 0 auto; float:left;}
.thumb a{ border: 3px solid #b6b6b6; display:block; width:124px; height:44px; float:left; margin-left:10px;}
.thumb a img {  
	opacity: 0.8;  
	filter: alpha(opacity=50); 
}  
.thumb a.active img {  
	opacity: 1;  
	filter: alpha(opacity=100);  
} 
.thumb a.active{ border-color: #df8230;} */

/*
--------------------------------------------------
	Bread crumbs
-------------------------------------------------- */
.breadcrumbs	   { width: 100%; margin: 10px auto 30px; overflow: hidden;}
.breadcrumbs ul	   { color: #555555; font-size: 1.4em; line-height: 1.32;}
.breadcrumbs ul li { display: inline;}

/*
--------------------------------------------------
	Page structure
-------------------------------------------------- */
.content { width: 100%; margin: 0 auto; padding:0; overflow: hidden;}
.content-inner	{}

/*.c-m h2 { background: url(../img/common/hd_wide.png) no-repeat 0 0;}
.c-smx h2,
.c-xms h2,
.c-sxm h2,
.c-mxs h2 {
	background	: url(../img/common/hd_3.gif) no-repeat 0 0;
}*/

/* Contents 3cols left-left/right */
.c-smx          {}
.c-smx .subcol  { width: 220px; float: left;  overflow: hidden;}
.c-smx .wrapper { width: 720px; float: right; overflow: hidden; margin-left: 20px;}
.c-smx .maincol { width: 480px; float: left;  overflow: hidden; display: inline;}
.c-smx .xcol    { width: 220px; float: right; overflow: hidden; margin-left: 20px; display: inline;}

/* Contents 3cols right-left/right */
.c-xms          {}
.c-xms .subcol  { width: 220px; float: right; overflow: hidden; margin-right: 0;}
.c-xms .wrapper { width: 720px; float: left;  overflow: hidden; margin-right: 20px}
.c-xms .maincol { width: 480px; float: right; overflow: hidden; margin-left: 20px;}
.c-xms .xcol    { width: 220px; float: left;  overflow: hidden; display: inline;}

/* Contents 3cols left-left */
.c-sxm          {}
.c-sxm .subcol  { width: 220px; float: left;  overflow: hidden;}
.c-sxm .wrapper { width: 720px; float: right; overflow: hidden; margin-left: 20px;}
.c-sxm .maincol { width: 480px; float: right; overflow: hidden; margin-left: 20px;}
.c-sxm .xcol    { width: 220px; float: left;  overflow: hidden; display: inline;}

/* Contents 3cols right-right */
.c-mxs          {}
.c-mxs .subcol  { width: 220px; float: right; overflow: hidden; margin-right: 0;}
.c-mxs .wrapper { width: 720px; float: left;  overflow: hidden; margin-right: 20px; margin-left:0;}
.c-mxs .maincol { width: 480px; float: left;  overflow: hidden; margin-right: 20px;}
.c-mxs .xcol    { width: 220px; float: right; overflow: hidden; display: inline;}

/* Contents 2cols left */
.c-sm           {}
.c-sm .subcol   { width: 220px; float: left;  overflow: hidden; margin-left:  0;}
.c-sm .wrapper  { width: 720px; float: right; overflow: hidden; margin-left: 20px;}
.c-sm .maincol  { width: 720px;  overflow: hidden;}
.c-sm .xcol     { display: none; overflow: hidden;} 

/* Contents 2cols right */
.c-ms           {}
.c-ms .subcol   { width: 220px; float: right; overflow: hidden; margin-right: 0;}
.c-ms .wrapper  { width: 720px; float: left;  overflow: hidden; margin-right: 20px;}
.c-ms .maincol  { width: 720px;  overflow: hidden;}
.c-ms .xcol     { display: none; overflow: hidden;}

/* Contents 1col */
.c-m            {}
.c-m .subcol    { display: none;}
.c-m .wrapper   { width:100%;  overflow: hidden; margin: 0 auto;}
.c-m .maincol   { width:1080px;  overflow: hidden; margin: 0 auto;}
.c-m .xcol      { display: none; overflow: hidden;}



/* Photos */
.photos		{}
.photos-left	{ margin-right: 20px; float: left;}
.photos-right	{ margin-left: 20px; float: right;}
.photos-center	{ width: 100%; text-align: center; margin-bottom: 5px;}

.photos-conformity	  { margin: 0 auto;}
.photos-conformity-left	  { margin: 0;}
.photos-conformity-right  { margin: 0;}
.photos-conformity-center { margin: 0 auto;}

.photos-conformity div,
.photos-conformity-left div,
.photos-conformity-right div,
.photos-conformity-center div { margin: 0 1px 0 0; padding: 0; float: left;}

.photos-conformity div:last-child,
.photos-conformity-left div:last-child,
.photos-conformity-right div:last-child,
.photos-conformity-center div:last-child { margin: 0;}

.photos img,
.photos-left img,
.photos-right img,
.photos-center img,
.photos-conformity img,
.photos-conformity-left img,
.photos-conformity-right img,
.photos-conformity-center img { vertical-align: bottom; padding: 0;}

.photos .caps,
.photos-left .caps,
.photos-right .caps,
.photos-center .caps,
.photos-conformity .caps,
.photos-conformity-left .caps,
.photos-conformity-right .caps,
.photos-conformity-center .caps { font-size: 100%; line-height: 1.32; padding-top: 2px; display: block;}

/* List */
.column-inner ul { margin: 0; padding: 0;}
.column-inner ol { margin: 0 0 0 2em; padding: 0;}

.column-inner ul li { margin: 0; padding: 0; list-style: none;}
.column-inner ol li { margin: 0; padding: 0; list-style: decimal;}

/* Detail */
.plandetail	  { overflow: hidden;}
.plandetail-left  { overflow: hidden;}
.plandetail-right { overflow: hidden;}
.plandetail-center{ overflow: hidden; clear: both;}

.plandetail-conformity	     { padding-top: 10px; overflow: hidden; clear: both;}
.plandetail-conformity-left  { padding-top: 10px; overflow: hidden; clear: both;}
.plandetail-conformity-right { padding-top: 10px; overflow: hidden; clear: both;}
.plandetail-conformity-center{ padding-top: 10px; overflow: hidden; clear: both;}

/* Arrow */
a.arrow		 { padding-left: 16px; background: url(../img/common/arrow.gif) no-repeat 0 1px;}
a.arrow-external { padding-left: 16px; background: url(../img/common/arrow_external.gif) no-repeat 0 1px;}


/* Box end */
.clear { clear: both; overflow: hidden;}

/*
--------------------------------------------------
	page_scroll
-------------------------------------------------- */
.container .move{
    position: fixed;
    right: 50%;
	bottom: 0;
	z-index:80;
	padding-bottom:0;
	margin-right:-680px;
}
.container .move img{ vertical-align:bottom;}
.container .move a{ display:block; width:80px; height:80px; text-indent:-9999px; overflow:hidden; background:url(../img/common/scroll.png) no-repeat 0 0; margin: 0 auto;}
.container .move a:hover{}


/*
--------------------------------------------------
	Common Style
-------------------------------------------------- */
/* 見出し */
h2{ padding: 0; margin: 0;}
h2.hd{ padding:0; margin-top:30px; text-align:center; font-family :"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}
.content h2 { 
	color : #333333;
	font-size : 3.4em;
	letter-spacing: 1px;
	margin-bottom:50px;
}
.yu-min{ font-family :"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;}

.column{ width:1080px; margin: 0 auto 10px; padding:0 0 10px;}
.column:after{ content:""; display: block; clear: both;}
.column-inner { margin: 0 0 10px; padding: 0 0 10px; zoom: 1; line-height:1.6; font-size:1.6em;}
.column-inner:after { content:""; display: block; clear: both;}
.column-inner h3 { margin-bottom: 10px; line-height: 1.8; font-size:1.7em;}
.column-inner h3.shd{ background:url(../img/common/icon_shd.png) no-repeat 0 center; padding-left:38px; font-size:1.6em; color:#292446;}
.column-inner h3.shd02{ border-left: 6px double #292446; padding-left:12px; font-size: 1.3em; margin-bottom: 25px;}

.column-inner h4 { line-height: 1.572;}

.column-inner p  { margin: 0 0 10px; padding: 0;}
.column-inner span { margin: 0 0 15px; padding: 0; line-height: 1.572;}

.column-inner table {
	margin		: 10px 0;
	background	: #fff;
	line-height	: 1.42;
	border : solid #ada2b9;
	border-width	: 1px 0 0 0;
	border-collapse	: separate;
	border-spacing	: 0;
}
.column-inner table th,
.column-inner table td {
	padding : 10px 10px;
	border : solid #ada2b9;
	border-width : 0 0 1px 0;
}
.column-inner table th {
	background	: #fff;
}


/* リスト */
ul.list{}
ul.list li{ margin-bottom: 5px; list-style:disc; margin-left:20px;}

dl.list02{}
dl.list02 dt{ font-weight:bold; margin-bottom:5px;}
dl.list02 dd{ margin-left:15px; margin-bottom:10px; line-height:1.5;}

/* その他 */
p.note{ clear:both;}
p.read_txt{ font-size:1.4em; margin-bottom: 15px; line-height:1.6;}
hr.separate{ clear:both; border:none; padding:10px 0;}
.mr0{ margin-right:0 !important;}
.left{ float:left; margin-right:20px;}
.right{ float:right; margin-left:20px;}

/* btn */
.btn_over a{ display:block; overflow:hidden; text-align: center; text-decoration: none;}
.btn_over::before,
.btn_over::after { position: absolute; z-index: -1; display: block; content: '';}
.btn_over a,
.btn_over::before,
.btn_over::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .5s;
	transition: all .5s;
}

/*
--------------------------------------------------
	Home
-------------------------------------------------- */
.home_hotels_info{ margin-bottom: 20px; margin-top:50px;}
.home_hotels_info h2.hd_group{ text-align:center; background:url(../img/common/bg_hd_group.png) no-repeat center 0; padding-top:20px; font-size:2.4em; margin-bottom:40px;}
.home_hotels_info h3{ color:#292446; font-size:1.65em; margin-bottom:10px; line-height:150%;}

/* more_info */
.more_info a{ display:block; overflow:hidden; text-align: center; text-decoration: none;}
.more_info::before,
.more_info::after { position: absolute; z-index: -1; display: block; content: '';}
.more_info a,
.more_info::before,
.more_info::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.more_info{ width:580px;}
.more_info a {
	width: 180px;
	height: 45px;
	float:right;
	background-color:#292446;
	color:#fff !important;
	text-decoration:none;
	font-size:16px;
	line-height: 45px;
}
.more_info a:hover { background-color: #3d3472;}

/* 総合TOPアピール */
.point_appeal{ margin-bottom:100px;}
.point_appeal_box{ width:240px; height:170px; float:left; margin: 0 15px; position:relative;}
.point_appeal_box .ph_appeal{ position:absolute; top:0; left:0;}
.point_appeal_box .txt_appeal{ position:absolute; bottom:0; left:0;  width:240px; background: rgba(0,0,0,0.6);-webkit-transition: all .5s; transition: all .5s;}
.point_appeal_box .txt_appeal a{ text-decoration:none;}
.point_appeal_box .txt_appeal h4 a{ display:block; padding:8px 10px 0 10px; color:#fff; font-size:1.2em;}
.point_appeal_box .txt_appeal p a{ display:block; padding:0 10px 8px 10px; color:#fff; font-size:1.2em;}

.point_appeal_box .txt_appeal:hover{ background: rgba(0,0,0,0.9);}

/* Recommend */
#recommends h2{ margin-bottom:30px; text-align:center;}
#recommends h2 span{ display: block; font-size:0.75em;}
#recommends { width:1080px; margin: 0 auto; padding: 0 0 100px;}
#recommends .column{ width: 300px; margin:0 30px 10px; float:left; } 
#recommends .column-inner { margin: 0; padding:0; overflow: hidden;}
#recommends .column-inner h3 {  margin-bottom: 10px; font-weight:normal; margin-top:10px; font-size:1.0em; line-height: 1.6;}
#recommends .column-inner p  { margin-bottom: 5px; line-height: 1.42; font-size: 1.2em;}
#recommends hr		     { height: 0px; border: 1px dotted #DDD;}
#recommends .mealtime{ margin-bottom: 5px; padding: 3px 5px;  color: #FFF;  font-size: 80%; background-color: #ad6451; display: inline-block;}
#recommends .mealtime:after{ clear: both;}

.more_plan{ clear:both;}
.more_plan a {
	width: 300px;
	height: 45px;
	margin: 0 auto;
	background-color:#292446;
	color:#fff !important;
	text-decoration:none;
	font-size:16px;
	line-height: 45px;
}
.more_plan a:hover { background-color: #3d3472;}

.box_reserved{ border: 3px double #7b759b; background:url(../img/common/bg_box_reserved.png) repeat 0 0; margin-top:30px; padding: 15px 0; text-align:center; font-size:2.0em;}
.box_reserved strong{ font-size:1.5em; font-weight: normal;}
.box_reserved span{ font-family:helvetica, arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN","メイリオ", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:0.7em;}

/* News */
#news h2{ margin-bottom:30px; text-align:center;}
#news { width:1080px; margin: 0 auto; margin-bottom:100px;}
#news:after{ content:""; clear:both; display:block;}

#news .column{ width:510px; float:left; clear:none; margin: 0 30px 0 0;}
#news .column-inner	{ margin-bottom:10px; padding-bottom:10px; overflow: hidden; display: table;}
#news .column-inner	.plandetail{ display:table-cell; vertical-align:middle;}
#news .column-inner .plandetail h3{ font-size:1.0em; color:#292446; font-weight:normal;}
#news hr{ height: 0px; border: 1px dotted #DDD;}
#news div.column:nth-child(even){ clear: both;} /* 偶数番目でclear */

#news .column-inner	.photos-left img{ width:110px;}


/* more_btn */
.more a{ display:block; overflow:hidden; text-align: center; text-decoration: none;}
.more::before,
.more::after { position: absolute; z-index: -1; display: block; content: '';}
.more a,
.more::before,
.more::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .5s;
	transition: all .5s;
}
.more{ clear:both;}
.more a {
	width: 300px;
	height: 45px;
	margin: 0 auto;
	background-color:#292446;
	color:#fff !important;
	text-decoration:none;
	font-size:16px;
	line-height: 45px;
}
.more a:hover { background-color: #3d3472;}

.user_banner,
.common_banner{ width:1080px; margin: 0 auto 30px;}
.user_banner{ margin-top:50px;}
.user_banner ul:after,
.common_banner ul:after{ content:""; clear:both; display:block;}

.user_banner ul li{ width:250px; float:left; margin: 0 10px;}
.common_banner ul li{ width:340px; float:left; margin: 0 10px;}

.sns_col{ margin-bottom:50px;}

.sns_col .sns_left{ float:left; margin-bottom:0; padding-bottom:0; width:500px;}
.sns_col .sns_right{ float:right; width:540px; margin-bottom:0; padding-bottom:0;}
.sns_col .bn_twitter{ float:left; margin-right:20px;}
.sns_col .bn_enquete{ clear:both; margin-top:15px; margin-bottom:10px; vertical-align:bottom;}

/*
--------------------------------------------------
	TOP並列並び  2列
-------------------------------------------------- */
#top_2column		{ margin: 0 0 15px;}
#top_2column:after	{ content:""; display: block; clear: both;}
#top_2column .left	{ width: 580px; margin: 0 10px 0; padding: 10px 0 0; float: left;}
#top_2column .right	{ width: 580px; margin: 0 10px 0; padding: 10px 0 0; float: left;}

/* 見出し */
#top_2column #news h2	{ 
	height		: 50px;
	margin-bottom : 10px; 
	padding: 0 0 0 10px; background: url(../img/home/hd_news_2col.png) no-repeat 0 bottom;
	color		: #333333;
	font-size	: 155%;
	font-weight	: bold;
	line-height	: 50px;
	}
#top_2column #recommends h2{ 
	height		: 50px;
	margin-bottom : 10px; 
	padding: 0 0 0 10px; background: url(../img/home/hd_recommends_2col.png) no-repeat 0 bottom;
	color		: #333333;
	font-size	: 155%;
	font-weight	: bold;
	line-height	: 50px;
	}
 

#top_2column #restaurant h2{ 
	height		: 50px;
	margin-bottom : 10px; 
	padding: 0 0 0 10px; background: url(../img/home/hd_restaurant_2col.png) no-repeat 0 bottom;
	color		: #333333;
	font-size	: 155%;
	font-weight	: bold;
	line-height	: 50px;
	}
	
	
 
/*
--------------------------------------------------
	TOP並列並び  3列
-------------------------------------------------- */
#top_3column		{ margin: 0 0 15px;}
#top_3column:after	{ content:""; display: block; clear: both;}
#top_3column .left	{ width: 380px; margin: 0 10px 0; padding: 10px 0 0; float: left;}
#top_3column .right	{ width: 380px; margin: 0 10px 0; padding: 10px 0 0; float: left;}

/* 見出し */
#top_3column #news h2	{ 
	height		: 50px;
	margin-bottom : 10px; 
	padding: 0 0 0 10px; background: url(../img/home/hd_news_3col.png) no-repeat 0 bottom;
	color		: #333333;
	font-size	: 155%;
	font-weight	: bold;
	line-height	: 50px;
	}
#top_3column #recommends h2{ 
	height		: 50px;
	margin-bottom : 10px; 
	padding: 0 0 0 10px; background: url(../img/home/hd_recommends_3col.png) no-repeat 0 bottom;
	color		: #333333;
	font-size	: 155%;
	font-weight	: bold;
	line-height	: 50px;
	}
 

#top_3column #restaurant h2{ 
	height		: 50px;
	margin-bottom : 10px; 
	padding: 0 0 0 10px; background: url(../img/home/hd_restaurant_3col.png) no-repeat 0 bottom;
	color		: #333333;
	font-size	: 155%;
	font-weight	: bold;
	line-height	: 50px;
	}
	
/*
--------------------------------------------------
	page
-------------------------------------------------- */
.column table.info,
.column table.info th,
.column table.info td{ border:none; background:none; text-align:left;}
.column table.info th{ border-top: 1px solid #292446; width:20%; color:#292446; font-size:1.4em; font-weight:bold;}
.column table.info td{ border-top: 1px solid #ccc; width:80%; font-size:1.4em; line-height:1.8;}
.column table.info tr:last-child th{ border-bottom: 1px solid #292446;}
.column table.info tr:last-child td{ border-bottom: 1px solid #ccc;}
.column table.info{ margin: 10px 0;}

.column .center{ text-align:center; margin-bottom:0;}

.page_link{ text-align:center; margin-bottom:70px;}
.page_link:after{ content:""; clear:both; display:block;}
.page_link li{ width:170px; margin: 0 3px 20px; overflow:hidden; display:inline-block;text-align:center; background:#fff; font-size:1.4em; border-bottom: 1px solid #292446;}
.page_link li img{ vertical-align:bottom; margin-bottom:10px; width:170px;}
.page_link li span{ display:block;}
.page_link li a{ text-decoration:none; display:block; padding-bottom:10px;}

.link_2col{}
.link_2col li{ width:480px; margin: 0 10px 20px; overflow:hidden; display:inline-block;text-align:center; background:#fff; font-size:1.4em; border-bottom: 1px solid #292446;}
.link_2col li img{ width:480px; height:140px;}

.column-inner p.btn_more{ background:#292446; width:400px; overflow:hidden; margin-top:15px;}
.column-inner p.btn_more a{ display: block; color:#fff; text-align:center; text-decoration:none; height:50px; line-height:50px; transition: 0.5s;}
.column-inner p.btn_more a:hover{ background:#4a4374;}


/*------------------------------------------------------------
	 お知らせ詳細
------------------------------------------------------------*/
#page-detail{}
#page-detail .plandetail{ font-size:1.4em;}
#page-detail .column-inner h3 { font-size: 1.3em; color:#292446;}
#page-detail p.statement_link{ font-size:1.0em; }
#page-detail p.statement_link a{ background:url(../img/common/arr_more.png) no-repeat 0 center; padding-left:15px; color:#af303a;} 

/*------------------------------------------------------------
	 ポータル：ご紹介
------------------------------------------------------------*/
#page-about{}
#page-about .center{font-size: 1.2em; margin-bottom: 30px;}
#page-about h3.shd_about{ background:#292446; color:#fff; font-size:1.0em; padding: 10px 0 10px 10px; margin-bottom:20px;}
#page-about .about_hotels_box{ float:left; overflow:hidden;}
#page-about .about_hotels_box.w270{ width:270px;}
#page-about .about_hotels{ width:250px; float:left; margin: 0 10px;}
#page-about .about_hotels h4{ font-size:1.0em; font-weight:bold; color:#292446;}

/*------------------------------------------------------------
	 ポータル：友の会
------------------------------------------------------------*/
#page-member{}
#page-member .column-inner .point_use{ border:2px solid #ddd; padding: 15px; margin:15px 0;}
#page-member .column-inner .point_use h4{ font-size:1.0em; margin-bottom:10px;}

#page-member .column-inner .member_top{ border: 2px solid #292446; padding:20px 0; text-align:center;}
#page-member .column-inner .member_top h3{ margin-bottom:0;}
#page-member .column-inner .member_top h3 span{ font-size: 0.7em; display:block; margin-bottom:0;}
#page-member .column-inner .member_top h4{ margin-bottom:0; margin-top:15px; font-size:1.0em; font-weight:bold;}
#page-member .column-inner .member_top p.btn_more{ margin: 5px auto;}
#page-member .column-inner .member_top .copy{ border-top:1px solid #292446; border-bottom:1px solid #292446; width:740px; margin: 15px auto; padding:10px 0;}

/*------------------------------------------------------------
	 ポータル：お料理
------------------------------------------------------------*/
#page-meal{}
#page-meal .meal_menu{ margin: 15px 0;}
#page-meal .meal_menu li{ margin-bottom:3px;}
#page-meal h4{ color:#292446; font-size: 1.25em;}
#page-meal h4.shd span{ display:block; font-size:0.80em; color:#333;}
#page-meal p.info{ margin:10px 0;}

/*------------------------------------------------------------
	 ポータル：湯めぐり
------------------------------------------------------------*/
#page-yumeguri{}
#page-yumeguri .yumeguri_box{ width:320px; margin: 0 20px; float:left;}
#page-yumeguri .yumeguri_box h4{ margin-bottom:10px; font-size:1.25em;}
#page-yumeguri .yumeguri_date{ margin-top:10px;}
#page-yumeguri .yumeguri_date dt{ background:#292446; color:#fff; text-align:center; width:5em; padding:5px 0; margin-bottom:5px;}
#page-yumeguri .yumeguri_date dd{ margin-bottom:15px;}

#page-yumeguri .manners{ border-bottom: 1px dotted #ccc; margin:15px 0;}
#page-yumeguri .manners dt{ clear:both; float:left; width:100px; font-weight:bold; border-top: 1px dotted #ccc; padding: 15px 0;}
#page-yumeguri .manners dd{ margin-left:101px;border-top: 1px dotted #ccc; padding: 15px 0;}

#page-yumeguri .higaeri{ border-bottom: 1px dotted #ccc; margin:15px 0; overflow: hidden;}
#page-yumeguri .higaeri dt{ clear:both; float:left; width:200px; font-weight:bold; border-top: 1px dotted #ccc; padding: 15px 0;}
#page-yumeguri .higaeri dd{ margin-left:201px;border-top: 1px dotted #ccc; padding: 15px 0;}


/*------------------------------------------------------------
	 ポータル：規約
------------------------------------------------------------*/
#page-utility{}
#page-utility .column-inner{ margin-bottom:20px; padding-bottom:20px;}
#page-utility .column-inner h4{ margin-bottom:10px; margin-top:30px; font-size:1.2em; color:#292446; border-left: 6px double #292446; padding-left:8px;}
#page-utility .column-inner h5{ margin:15px 0 5px; font-weight:bold;}
#page-utility .column-inner ol{ margin: 10px 0 10px 1.2em;}
#page-utility .column-inner ol li{ margin-bottom:5px;}
#page-utility .column-inner ul{ margin: 10px 0;}
#page-utility .column-inner ul li{ margin-bottom:5px;}
#page-utility table.tb_terms{ border: 1px solid #292446; border-collapse:collapse;}
#page-utility table.tb_terms th,
#page-utility table.tb_terms td{ border: 1px solid #292446; border-collapse:collapse; padding:15px 10px;}
#page-utility table.tb_terms th{ background:#e4ddeb;}


/*------------------------------------------------------------
	 ポータル：観光
------------------------------------------------------------*/
#page-sightseeing{}
#page-sightseeing .column-inner{ margin-bottom:20px; padding-bottom:20px;}
#page-sightseeing .guide_box:nth-child(odd){ background:#fff; clear:both; float:left;}
#page-sightseeing .guide_box:nth-child(even){ background:#fff; float:right;}
#page-sightseeing .guide_box{ width:500px; margin-bottom:40px;}
#page-sightseeing .guide_box_title{ border-bottom: 1px solid #292446; margin-bottom:15px; position:relative;}
#page-sightseeing .guide_box_title .location{ position:absolute; right:0; top:50%; margin-top:-7px; font-size:0.875em; color:#555;}
#page-sightseeing .guide_box_title h3{ font-size:1.25em; margin-bottom:0; line-height:1.5; border-left:3px solid #292446; padding: 10px 0 10px 8px;}
#page-sightseeing .guide_box_title h3 span{ position:absolute; left: auto; top:50%; margin-top:-20px; background:#A74646; padding: 10px 10px; font-size:0.65em; margin-left: 10px; color:#fff;}
#page-sightseeing .guide_box_title h3 a{ text-decoration:none;}
#page-sightseeing .guide_box_title h3 a:hover{ text-decoration:underline;}
#page-sightseeing .guide_box_detail .photo{ float:left; margin-right:15px;}
#page-sightseeing .guide_box_info{ clear:both;}
#page-sightseeing .guide_box_info h4{ background:#d6cce1; font-size:1.0em; width:5em; text-align:center; padding: 5px 0; margin-bottom:5px;}
#page-sightseeing .guide_box_info table th{ font-weight:bold; width:25%;}


/*------------------------------------------------------------
	 ポータル：ウェブマガジン
------------------------------------------------------------*/
#page-book{}
#page-book .column-inner{}
#page-book .column-inner h3{ margin-bottom:0;}
#page-book .column-inner h4{ font-size:1.4em; margin-bottom:10px;}
#page-book .column-inner h5{  background:#292446; padding:5px 0 5px 10px; font-size:1.1em; margin-bottom:10px; color:#fff;}
#page-book .book_index{ margin-top:20px; padding-top:10px; border-top: 1px dotted #aaa;}
#page-book .book_index li{ margin-bottom:5px;}
#page-book .book_index li:before{ content:"■"; vertical-align:baseline; padding-right:5px;}

#page-book .book_list{ margin-top:20px;}
#page-book .book_list li{ width:110px; padding: 5px; border:1px solid #ddd; box-sizing:border-box; margin: 0 5px 15px; float:left; text-align:center;}
#page-book .book_list img{ display: block; margin-bottom:5px;}


/*------------------------------------------------------------
	 ポータル：プレス
------------------------------------------------------------*/
#page-press{}
#page-press .column{margin-bottom:0;}
#page-press .column-inner{ border-bottom: 1px dotted #aaa; margin-bottom:0;}
#page-press .column-inner h3 { margin-bottom:0; font-size:1.0em;}
#page-press .column-inner h3.shd_press{ border-left: 6px double #292446; padding-left:12px; font-size: 1.4em; margin-bottom:10px; margin-top:10px;}
#page-press .column-inner h3.shd02{ font-size: 1.7em;}
#page-press .column-inner h3.mt40{ margin-top:40px;}

/*------------------------------------------------------------
	 ポータル：採用
------------------------------------------------------------*/
#page-recruit{}
#page-recruit .column-inner h3.shd_recruit{ border-left: 6px double #292446; padding-left:12px; font-size: 1.4em; margin-bottom: 25px;}
#page-recruit dl.recruit_info dt,
#page-recruit dl.recruit_info dd{ margin:0; padding:0;}
#page-recruit dl.recruit_info {
  background-color : #E4DDEB;/* dt背景色 */
  border-width : 0 1px 1px 1px;
  border-style : solid;
  border-color : #aaa;
  width : 100%;
  box-sizing: border-box;
}
#page-recruit dl.recruit_info dt {
  float : left;
  clear : both;
  width : 200px;
  border-width : 1px 0 0 0;
  border-style : solid;
  border-color : #aaa;
  font-weight : bold;
  padding : 15px 10px;
  box-sizing: border-box;
}
 
#page-recruit dl.recruit_info dd {
  margin-left : 200px;
  background-color : #fff;
  border-width : 1px 0 0 1px; 
  border-style : solid;
  border-color : #aaa;
  padding : 15px 10px;
  box-sizing: border-box;
}
#page-recruit dl.recruit_info dt span{ font-weight:normal; font-size:0.825em;}


/*------------------------------------------------------------
	 ポータル：会社概要
------------------------------------------------------------*/
#page-corporate{}
#page-corporate .column-inner{ margin-bottom:15px; padding-bottom:15px;}
#page-corporate .column-inner h3.shd_recruit{ border-left: 6px double #292446; padding-left:12px; font-size: 1.4em; margin-bottom: 25px;}
#page-corporate .column-inner h5.shd_idea{ font-weight:bold; font-size:1.2em; margin: 15px 0 10px;}
#page-corporate .column-inner .motto{ background:#292446; border-radius:20px; height:40px; line-height:40px; margin:30px 0; color:#fff; text-align:center; font-size:20px;}

#page-corporate dl.company_info{ margin: 10px 0;}
#page-corporate dl.company_info dt,
#page-corporate dl.company_info dd{ margin:0; padding:0;}
#page-corporate dl.company_info {
  background-color : #E4DDEB;/* dt背景色 */
  border-width : 0 1px 1px 1px;
  border-style : solid;
  border-color : #aaa;
  width : 100%;
  box-sizing: border-box;
}
#page-corporate dl.company_info dt {
  float : left;
  clear : both;
  width : 200px;
  border-width : 1px 0 0 0;
  border-style : solid;
  border-color : #aaa;
  font-weight : bold;
  padding : 15px 10px;
  box-sizing: border-box;
}
 
#page-corporate dl.company_info dd {
  margin-left : 200px;
  background-color : #fff;
  border-width : 1px 0 0 1px; 
  border-style : solid;
  border-color : #aaa;
  padding : 15px 10px;
  box-sizing: border-box;
}
#page-corporate dl.company_info dt span{ font-weight:normal; font-size:0.825em;}

#page-corporate dl.company_history{margin:10px 0;}
#page-corporate dl.company_history dt,
#page-corporate dl.company_history dd{ margin:0; padding:0;}
#page-corporate dl.company_history {
  border-width : 0 0 1px 0;
  border-style : dotted;
  border-color : #aaa;
  width : 100%;
  box-sizing: border-box;
}
#page-corporate dl.company_history dt {
  float : left;
  clear : both;
  width : 200px;
  border-width : 1px 0 0 0;
  border-style : dotted;
  border-color : #aaa;
  font-weight : bold;
  padding : 15px 10px;
  box-sizing: border-box;
}
 
#page-corporate dl.company_history dd {
  margin-left : 201px;
  background-color : #fff;
  border-width : 1px 0 0 0; 
  border-style : dotted;
  border-color : #aaa;
  padding : 15px 10px;
  box-sizing: border-box;
}
#page-corporate dl.company_history dt span{ font-weight:normal; font-size:0.825em;}

#page-corporate dl.company_plan{ background: #E4DDEB; margin: 15px 0;}
#page-corporate dl.company_plan dt{
  float : left;
  clear : both;
  width : 200px;
  text-align:center;
  padding : 15px 0;
  border-width : 1px 0 0 0;
  border-style : solid;
  border-color : #fff;
}
#page-corporate dl.company_plan dd {
  margin-left : 200px;
  background-color : #fff;
  border-width : 1px 0 0 0; 
  border-style : solid;
  border-color : #fff;
  padding : 15px 10px;
  box-sizing: border-box;
}

#page-corporate .hoyo{ margin:15px 0;}
#page-corporate .hoyo_box{ width:220px; float:left; position:relative; margin-right:50px;}
#page-corporate .hoyo_box h4{ background:#E4DDEB; font-size:1.0em; color:#292446; border:1px solid #292446; padding: 5px 10px; margin-bottom:10px;} 
#page-corporate .hoyo_box:after{ content:"〉"; font-weight:bold; position:absolute; top:50px; right:-35px;}
#page-corporate .hoyo_box:last-child:after{ content:none;}

#page-corporate .column-inner p.btn_more{ background:#292446; width:400px; overflow:hidden; margin:0 auto 15px;}
#page-corporate .column-inner p.btn_more a{ display: block; color:#fff; text-align:center; text-decoration:none; height:50px; line-height:50px; transition: 0.5s;}
#page-corporate .column-inner p.btn_more a:hover{ background:#4a4374;}


/*------------------------------------------------------------
	 ポータル：ギャラリー
------------------------------------------------------------*/
#page-photogallery{}
#page-photogallery .column-inner{}
#page-photogallery .photos-conformity-left{}
#page-photogallery .photos-conformity-left div{ margin: 0 8px 12px; padding: 0; float: left;}


/*------------------------------------------------------------
	 ポータル：日帰り
------------------------------------------------------------*/
#page-daytrip{}
#page-daytrip .column-inner{ margin-bottom:15px; padding-bottom:15px;}
#page-daytrip .column-inner p.btn_more{ background:#292446; width:400px; overflow:hidden; margin-top:15px;}
#page-daytrip .column-inner p.btn_more a{ display: block; color:#fff; text-align:center; text-decoration:none; height:50px; line-height:50px; transition: 0.5s;}
#page-daytrip .column-inner p.btn_more a:hover{ background:#4a4374;}


/*------------------------------------------------------------
	 ポータル：ショップ
------------------------------------------------------------*/
#page-shopping{}
#page-shopping .column-inner{ margin-bottom:15px; padding-bottom:15px;}
#page-shopping .coupon{ margin:15px 0;}
#page-shopping .coupon_box{ width:220px; float:left; position:relative; margin-right:50px;}
#page-shopping .coupon_box h4{ background:#292446; font-size:1.0em; color:#fff; padding: 5px 10px; margin-bottom:10px;} 
#page-shopping .coupon_box:after{ content:"〉"; font-weight:bold; position:absolute; top:80px; right:-35px;}
#page-shopping .coupon_box:last-child:after{ content:none;}

#page-shopping .column-inner .att{ border: 1px dotted #aaa; font-size:0.9em; padding: 10px; overflow:hidden; margin: 10px 0;}
#page-shopping .column-inner .selection{ margin:15px 0;}
#page-shopping .column-inner .selection h3{ font-size:1.3em;}
#page-shopping .column-inner .selection h3 span{ background: #A74646; color:#fff; font-size:0.65em; padding: 5px 10px; margin-right:10px;}



/*
--------------------------------------------------
	Entries
-------------------------------------------------- */
#entries { margin:0; padding:0; /*background: url(../img/home/tab_bg_footer.png) no-repeat 0 bottom;*/ width: 1200px;}
#entries div.column{ margin:0; padding:0; width: 1200px;}

/* Tabs Contents */
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen {
	/* Use class for showing/hiding tab content,
	so that visibility can be better controlled in different media types... */
	.ui-tabs-hide { display: none;}
}
/* Hide useless elements in print layouts... */
@media print {
	.ui-tabs-nav { display: none;}
}

ul.ui-tabs-nav {
	width		: 100%;
	height		: 53px;
	padding		: -53px 0 0 20px;
        background: url(../img/home/tab_bg.png) repeat-x 0 0; 
	overflow	: hidden;
}
ul.ui-tabs-nav li { float: left;}
ul.ui-tabs-nav li a {
	width		: 220px;
	height		: 0;
	margin		: 0 5px 0 0;
	padding-top	: 53px;
	display		: block;
	float		: left;
	overflow	: hidden;
	outline		: none;
}

/* Tab Style */
ul.ui-tabs-nav li#entries-tab-recommend a	{ background: url(../img/home/tab_recommend.png) no-repeat 0 -53px;}
ul.ui-tabs-nav li#entries-tab-recommend a:hover { background-position: 0 -53px;}
ul.ui-tabs-nav li#entries-tab-recommend.ui-tabs-selected a { background-position: 0 0;}

ul.ui-tabs-nav li#entries-tab-restaurant a	{ background: url(../img/home/tab_restaurant.png) no-repeat 0 -53px;}
ul.ui-tabs-nav li#entries-tab-restaurant a:hover { background-position: 0 -53px;}
ul.ui-tabs-nav li#entries-tab-restaurant.ui-tabs-selected a { background-position: 0 0;}

ul.ui-tabs-nav li#entries-tab-news a	   { background: url(../img/home/tab_news.png) no-repeat 0 -53px;}
ul.ui-tabs-nav li#entries-tab-news a:hover { background-position: 0 -53px;}
ul.ui-tabs-nav li#entries-tab-news.ui-tabs-selected a { background-position: 0 0px;}


/*
--------------------------------------------------
	Sitemap
-------------------------------------------------- */
#sitemap {}
#sitemap .column-inner		   { padding: 15px 0 10px; border: none;}
#sitemap .column-inner ul	   { margin-left: 20px;}
#sitemap .column-inner ul li	   { list-style:none; padding-left: 12px; background: url(../img/common/arrow.png) no-repeat 0 5px;}
#sitemap .column-inner ul li span  { color: #aaa;}
#sitemap .column-inner ul li ul    { font-size: 100%; margin: 0 0 10px 15px;}
#sitemap .column-inner ul li ul li { list-style:none; margin-bottom: 3px;}


/*
--------------------------------------------------
	Side bar
-------------------------------------------------- */
/*	Online service
-------------------------------------------------- */
/*.onlineservice { width: 220px; margin: 10px 0 15px; padding: 0 0 10px; font-size: 90%; background:url(../img/common/bg_search_bottom.png) no-repeat 0 bottom; color: #654d25; line-height:1.75;}
.onlineservice-inner	{ width: 220px; margin: 0;}
.onlineservice-inner-inner{ background: url(../img/common/bg_search_main.png) repeat-y 0 0; margin: 0; padding:0 0 5px;}

.onlineservice h3#hd_search	{ overflow: hidden; height:0; background:url(../img/common/hd_search.png) no-repeat 0 0; padding: 55px 0 15px 15px;} 
.onlineservice h3#hd_search_rest{ overflow: hidden; height:0; background: url(../img/common/hd_search_rest.png) no-repeat 0 0; padding: 55px;}
.onlineservice h4#shd_search	{ height: 25px; background: url(../img/common/shd_search.gif) no-repeat 9px 0; text-indent: -9999px;}

.booking-search{ margin: 0; padding: 5px 20px 10px;}
.booking-search-inner{}
.booking-search .btns	{ overflow:hidden; height: 0; background:url(../img/common/btn_search03.png) no-repeat 0 0; margin: 10px auto 0; width: 180px; padding-top: 35px; border: none; text-align: center;}
.booking-search .button { width: 100%;}
.booking-search input,
.booking-search select	{ margin: 0 0 3px; font-size: 90%;}
.booking-search select.selectbox { margin-left: 5px; font-size: 90%;}

.booking-search .sept{ float: right;}

.booking-buttons ul,
.booking-links ul { width: 180px; margin: 0 auto 10px; clear: both;}

.booking-buttons ul li {}
.booking-buttons ul li a { width: 180px; height: 30px; margin: 0 0 2px; overflow: hidden; display: block; text-indent: -9999px;}

.booking-links{}
.booking-links ul li{ margin:0 auto 3px; padding:0; line-height:1.3;}
.booking-links ul li a{  margin:0; padding:0; padding-left: 12px; background: url(../img/common/arrow02.png) no-repeat 0 5px; color: #6e5c3f;}

#booking_btn_plan a	 { background: url(../img/common/btn_search01.png) no-repeat 0 0;}
#booking_btn_available a { background: url(../img/common/btn_search02.png) no-repeat 0 0;}

#booking_btn_plan a:hover	{ background-position: 0 -30px;}
#booking_btn_available a:hover	{ background-position: 0 -30px;}
*/

/* 横長ver */
/*
.onlineserviceY { width:100%; height:120px; font-size:0.90em; padding: 0 0 15px; background: url(../img/common/searchY_bg.png) repeat-x 0 0; color: #fff; line-height:1.6; position:relative; font-size:0.80em;}
.onlineserviceY .onlineserviceY-inner { width: 960px; margin: 0 auto; padding:0;}

.onlineserviceY h3#hd_search  { float:left; height: 0; overflow:hidden; background: url(../img/common/hd_searchY.png) no-repeat 0 0; padding-top:120px; width:170px; margin-right:20px;}
.onlineserviceY h3#hd_search_rest { height: 0; overflow:hidden; background: url(../img/common/hd_searchY_rest.png) no-repeat 0 0; padding-top:30px;}

.booking-searchY { font-size:1.0em; width:770px; padding-top:10px; float:left; overflow:hidden;}
.booking-searchY em{ font-size:0.85em; font-style:normal;}
.booking-searchY .btns { margin: 5px auto; text-align: center;}
.booking-searchY .button { width:120px; background:url(../img/common/btn_searchY.png) no-repeat 0 0; height:50px; border:none;}
.booking-searchY input,
.booking-searchY select { margin-bottom:5px;}
.booking-searchY select.selectbox {}

.booking-searchY .ninzu{ margin-left:10px;}

.booking-linksY {width:770px; float:left; padding-top:10px; background: url(../img/common/line_booking_links.png) repeat-x 0 0;}
.booking-linksY ul li{ margin: 0 15px 0 0; padding:0; line-height:1.3; float:left;}
.booking-linksY ul li a{  margin:0; padding:0; padding-left: 12px; background: url(../img/common/arrow.png) no-repeat 0 5px; color:#fff; text-decoration:none;}
*/


/*	Bestrate
-------------------------------------------------- */
.bn_bestrate { width: 100%; background:#292446; text-align:center; padding: 8px 0; color:#fff; font-size: 1.6em;}


/*	Bestrate
-------------------------------------------------- */
.bestrate	{ width: 220px; margin: 0 auto 10px; overflow: hidden; text-align: center;}
.bestrate p	{ text-align: center; padding-bottom: 10px;}
.bestrate ul	{ text-align: center;}
.bestrate ul li { padding-bottom: 5px;}
.bestrate img	{ vertical-align: bottom;}
.bestrate span	{ padding-top: 2px; font-size: 85%; line-height: 1.32; text-align: left; display: block;}


/*	Banner
-------------------------------------------------- */
.banner		{ width: 220px; margin: 0 auto 10px; overflow: hidden; text-align: center;}
.banner p	{ text-align: center; padding-bottom: 10px;}
.banner ul	{ text-align: center;}
.banner ul li	{ padding-bottom: 5px;}
.banner img	{ vertical-align: bottom;}
.banner span	{ padding-top: 2px; font-size: 85%; line-height: 1.32; text-align: left; display: block;}


/*	Mobile
-------------------------------------------------- */
#mobile		 { width: 220px; margin: 0 auto 10px; overflow: hidden;}
#mobile-inner	 { padding: 10px 5px 0; border: 1px solid #766c23; background: #e9e6d5;}
#mobile p	 { margin: 0 10px 10px; color: #333; font-size: 85%; line-height: 1.32;}
#mobile p#qrcode { text-align: center;}
#mobile p#qrcode img { border: 1px solid #77623c;}


/*
--------------------------------------------------
	Form
-------------------------------------------------- */
form			 {}
select			 { font-size: 13px; cursor: pointer;}
input[type="text"]	 { height: 16px; padding: 2px; color: #333; font-size: 13px; font-family: Arial,Helvetica,sans-serif; border: 1px solid #aaa;}
input[type="text"]:focus { border: 1px solid #cc6600;}
input[type="button"]	 { cursor: pointer;}
input[type="submit"]	 { cursor: pointer;}
textarea		 { width: 98%; padding: 2px; color: #333; font-size: 13px; border: 1px solid #aaa; overflow: auto;}
textarea:focus		 { border: 1px solid #cc6600;}
.inquiry-form .caps	 { margin: 10px 3px 0 3px; color: #FF0000; font-size: 0.8em; display: block;}


/*
--------------------------------------------------
	Footer
-------------------------------------------------- */
.footer{ width: 100%; margin: 0; padding: 0; color:#333; clear: both; border-top: 1px solid #292446;}
.footer:after{ content:""; clear:both; display:block;}

/* fnav */
.fnav		{ width: 100%; overflow: hidden; background:#292446;}
.fnav-inner	{ width: 1080px; margin: 0 auto; padding:0; font-size:1.5em; height:55px;}

ul.fnav_common{float:left; width:320px; color: #fff;}
ul.fnav_common li{ float:left; line-height:55px;}
ul.fnav_common li a{ color: #fff; text-decoration:none;}

ul.fnav_hotels	{ padding:0;}
ul.fnav_hotels li { float:left; line-height:55px; margin-right:15px;}
ul.fnav_hotels li a { color: #fff; background:url(../img/common/arr_fnav.png) no-repeat 0 center; padding: 0 0 0 10px; text-decoration:none;}
ul.fnav_hotels li a:hover,
ul.fnav_common li a:hover{ text-decoration:underline;}

.fnav_c001{
	display:inline-block;
	height:55px;
	width:110px;
	background-color:#473e79;
	position:relative;
	text-align:center;
}
.fnav_c001:after{
	position:absolute;
  content:"";
  width:0;
  height:0;
  border:28px solid transparent;
  border-left:28px solid #473e79;
  left:110px;
  top:0;
}
.fnav_c002{ margin-left:40px;}

/* group_footer */
.group_footer { width:1080px; margin: 0 auto; padding:0 0 30px;}
.group_footer a{ text-decoration:none; color:#333;}
.group_footer a:hover{ text-decoration:underline;}
.group_footer:after{ content:""; clear:both; display:block;}
.group_footer_inner { padding: 15px 0 40px; font-size:1.8em; text-align:center;}
.group_footer .group_fnav{ clear:both; float:left; width:540px; font-size:1.2em; }
.group_footer .group_fnav ul{ float:left; width:180px;}
.group_footer .group_fnav ul li{ padding-left:40px; margin-bottom:5px;}
.group_footer .group_hotels{ float:right; width:400px; margin-right:60px; font-size:1.2em;}
.group_footer .group_hotels h4{ background:#d6cce1; margin-bottom:10px; padding:5px 0; text-align:center; font-size:1.1em;}
.group_footer .group_hotels ul{ float:left; width:180px;}
.group_footer .group_hotels ul li{  margin-bottom:5px; padding-left:15px;}


/* Copyright */
.copyright { clear:both; width:100%; background: #232323; font-size:1.2em;}
.copyright p { width: 1080px; text-align:center; margin: 0 auto; padding: 15px 0; color:#fff;}


/*
--------------------------------------------------
	Image Surfing Style
-------------------------------------------------- */

/* Small-160px */
.imagesurfingsmall {
	width		: 164px;
	height		: auto;
	text-align	: center;
	overflow	: hidden;
}
.imagesurfingsmall ul { width: 160px; margin: 0 auto;}
.imagesurfingsmall ul li { width: 40px; padding: 1px 0 0 0; margin: 0; float: left; list-style: none;}
.imagesurfingsmall ul li a {
	width		: 40px;
	height		: 30px;
	border		: none;
	border-bottom	: 4px solid #DECBA6;
	display		: block;
	float		: left;
	outline		: none;
	overflow	: hidden;
}
.imagesurfingsmall img {
	width		: auto;
	height		: 120px;
	text-align	: center;
	vertical-align	: bottom;
}
.imagesurfingsmall ul li img {
	width		: 39px;
	height		: 29px;
	margin		: 0;
	padding		: 0;
	background	: #FFF;
	border-right	: 1px solid #FFF;
}
.imagesurfingsmall ul li a.imagesurfing-selected {
	border-bottom	: 4px solid #c14150;
}
.imagesurfingsmall p.imagesurfing-caption {
	margin		: 0 !important;
	padding		: 3px 0;
	font-size	: 10px;
	line-height	: 1.2;
}


/* Normal-220px */
.imagesurfingnormal {
	width		: 224px;
	height		: auto;
	text-align	: center;
	overflow	: hidden;
}
.imagesurfingnormal ul { width: 220px; margin: 0 auto;}
.imagesurfingnormal ul li { width: 55px; padding: 1px 0 0 0; margin: 0; float: left; list-style: none;}
.imagesurfingnormal ul li a {
	width		: 55px;
	height		: 42px;
	border		: none;
	border-bottom	: 4px solid #DECBA6;
	display		: block;
	float		: left;
	outline		: none;
	overflow	: hidden;
}

.imagesurfingnormal img {
	width		: auto;
	height		: 165px;
	text-align	: center;
	vertical-align	: bottom;
}
.imagesurfingnormal ul li img {
	width		: 54px;
	height		: 41px;
	margin		: 0;
	padding		: 0;
	background	: #FFF;
	border-right	: 1px solid #eee;
}
.imagesurfingnormal ul li a.imagesurfing-selected {
	border-bottom	: 4px solid #c14150;
}
.imagesurfingnormal p.imagesurfing-caption {
	margin		: 0 !important;
	padding		: 3px 0;
	font-size	: 10px;
	line-height	: 1.2;
}


/* Large-280px */
.imagesurfinglarge {
	width		: 284px;
	height		: auto;
	text-align	: center;
	overflow	: hidden;
}
.imagesurfinglarge ul { width: 280px; margin: 0 auto;}
.imagesurfinglarge ul li { width: 70px; padding: 1px 0 0 0; margin: 0; float: left; list-style: none;}
.imagesurfinglarge ul li a {
	width		: 70px;
	height		: 53px;
	border		: none;
	border-bottom	: 4px solid #DECBA6;
	display		: block;
	float		: left;
	outline		: none;
	overflow	: hidden;
}
.imagesurfinglarge img {
	width		: auto;
	height		: 210px;
	text-align	: center;
	vertical-align	: bottom;
}
.imagesurfinglarge ul li img {
	width		: 69px;
	height		: 52px;
	margin		: 0;
	padding		: 0;
	background	: #FFF;
	border-right	: 1px solid #FFF;
}
.imagesurfinglarge ul li a.imagesurfing-selected {
	border-bottom	: 4px solid #c14150;
}
.imagesurfinglarge p.imagesurfing-caption {
	margin		: 0 !important;
	padding		: 3px 0;
	font-size	: 10px;
	line-height	: 1.2;
}


/*
--------------------------------------------------
	Hacks...
	We hope that we don't have to use this!
-------------------------------------------------- */
/* Print hack for Firefox */
@media print {
	html>/**/body .subcol,
	html>/**/body .wrapper,
	html>/**/body .column,
	html>/**/body .entry,
	html>/**/body .detail { overflow: visible !important;}
}

/* Margin fix for IE6 */
div.photos { _margin-bottom: -10px;}
p.photos { _margin-bottom: 0;}
@media print {
	.entry { _padding-bottom: 15px;}
	.detail { _padding-bottom: 15px;}
	div.photos { _margin-bottom: 0;}
	.entry p { _margin-bottom: 0; _padding-bottom: 10px;}
	.information { _margin-bottom: 10px;}
}