@charset "utf-8";

@import "YUI/reset.css";
@import "YUI/fonts.css";

@import "frame.css";
@import "base.css";
@import "hiltonFooter.css";
@import "jquery-ui.custom.css";
@import "page.css";


/* .root#index
============================================================ */
/* gallerty
------------------------------------------------------------ */
#nisekobgTop {
	position:absolute;
	height:100%;
	width:100%;
	min-width:1150px;
	top:0;
	left:0;
	overflow:hidden;
	z-index:1;
	_height:1000px;}

#nisekobgTop img {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;}

/* 
------------------------------------------------------------ */
.root#index #article .cont { zoom:1;}
.root#index #article .cont:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}

.root#index #article .cont h2 {
	border-bottom:2px solid #c3c3c3;}

/* newsBlock
------------------------------------------------------------ */
.root#index #article .cont #newsBlock {
	float:left;
	width:460px;}

.root#index #article .cont #newsBlock ul {
	font-size:93%;
	margin:0 0 1em;}

.root#index #article .cont #newsBlock ul li {
	padding:7px 0;
	list-style:none;
	border-bottom:1px dotted #cfcfcf;}

.root#index #article .cont #newsBlock ul li b {
	display:block;
	padding:0 0 0 11px;
	font-weight:normal;}

.root#index #article .cont #newsBlock ul li a,
.root#index #article .cont #newsBlock ul li em {
	display:block;
	padding:0 0 0 11px;
	background:url(../img/main/img_01.gif) 0 6px no-repeat;}

.root#index #article .cont #newsBlock div.button {
	text-align:right;}

/* guideBlock
------------------------------------------------------------ */
.root#index #article .cont #guideBlock {
	float:right;
	width:180px;}

.root#index #article .cont #guideBlock ul {
	font-size:93%;
	margin:0 0 1em;}

.root#index #article .cont #guideBlock ul li {
	list-style:none;
	padding:7px 10px 7px 19px;
	background:url(../img/main/img_pdf_01.gif) 5px 11px no-repeat;
	border-bottom:1px dotted #cfcfcf;}

.root#index #article .cont #guideBlock ul li.arrow {
	background:url(../img/main/img_01.gif) 5px 13px no-repeat!important;
}

.root#index #article .cont #guideBlock p {
	color:#3c3c3c;
	font-size:77%;}

/* recommendBlock
------------------------------------------------------------ */
.root#index #article #recommendBlock {
	margin:35px 0 0;}

.root#index #article #recommendBlock ul {
	border:1px solid #d2d2d2;
	background:url(../../img/recommendBlock_bg_01.gif) 0 0 repeat-y;
	zoom:1;}

.root#index #article #recommendBlock ul:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}

.root#index #article #recommendBlock ul li {
	float:left;
	width:215px;
	padding:5px;
	list-style:none;}

.root#index #article #recommendBlock ul li a {
	outline: none;}

.root#index #article #recommendBlock ul li b {
	display:block;
	padding:4px 7px 0;
	color:#4b74a2;
	font-size:77%;
	font-weight:normal;}

.root#index #article #recommendBlock ul li em {
	display:block;
	padding:4px 7px;
	color:#3c3c3c;
	font-size:93%;
	font-weight:bold;
	background:url(../img/main/img_12.gif) right center no-repeat;}

.root#index #article #recommendBlock ul li a:link,
.root#index #article #recommendBlock ul li a:visited,
.root#index #article #recommendBlock ul li a:hover,
.root#index #article #recommendBlock ul li a:active {
	text-decoration:none;}
.root#index #article #recommendBlock ul li a:hover em,
.root#index #article #recommendBlock ul li a:active em {
	text-decoration:underline;}

/* .plan
============================================================ */

/* planNav
------------------------------------------------------------ */
#article ul.planNav {
	margin:36px 0 0;
	background:url(../../rooms/img/tab_bg_01.gif) 0 0 repeat-x;
	zoom:1;}

#article ul.planNav:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}

#article ul.planNav li {
	list-style:none;
	float:left;}


/* .news
============================================================ */
.news #article h1 {
	padding:0 0 35px;
	border-bottom:1px solid #d2d2d2;}

.news #article ul.news {
	width:660px;
	margin:5px 0 0 10px;
	font-size:93%;}

.news #article ul.news li {
	padding:7px 0;
	line-height:normal;
	line-height:1.5;
	border-bottom:1px dotted #c8c8c8;}

.news #article ul.news li b {
	display:block;
	color:#3c3c3c;
	padding:0 0 0 21px;
	font-weight:normal;}

.news #article ul.news li a {
	display:block;
	padding:0 0 0 21px;
	background:url(../img/main/img_01.gif) 10px 7px no-repeat;}

/* numNav */
.news #article .numNav { zoom:1}
.news #article .numNav:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}

.news #article .numNav {
	position:relative;
	width:100%;
	padding:20px 0;}

.news #article .numNav ul {
	position:absolute;
	left:50%;}

.news #article .numNav ul li {
	position:relative;
	left:-50%;
	float:left;
	border-right:1px solid #c6c8ca;}

.news #article .numNav ul  li.lastChild {
	border:none;}

.news #article .numNav ul  li a {
	display:block;
	padding:0 11px;
	line-height:1;}

.news #article .numNav ul  li a:hover {
	background-color:#835d00;
	color:#fff;}
	

/* .rooms
============================================================ */


/* .rooms#index / .rooms#type
------------------------------------------------------------ */
.rooms#index #article h2,
.rooms#type #article h2 {
	margin-bottom:15px;
	border-bottom:1px solid #d2d2d2;}

.rooms#index #article,
.rooms#.rooms#index #article #article {
	font-size:93%;}

#article ul.roomsNav {
	position:relative;
	background:url(../../rooms/img/tab_bg_01.gif) 0 0 repeat-x;
	zoom:1;}

#article ul.roomsNav:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}

#article ul.roomsNav li {
	float:left;
	list-style:none;}

#article ul.roomsNav li.plans {
	position:absolute;
	right:0;
	top:0;}


/* 各ページ
------------------------------------------------------------ */
#article .listBlock {
	margin:20px 0 0;
	zoom:1;}
#article .listBlock:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}

#article .listBlock .column {
	float:left;
	width:200px;
	margin:0 30px 0 0;}

#article .listBlock .column.lastColumn {
	margin:0;}

#article .listBlock .column h3 {
	padding:6px 0;
	border-bottom:2px solid #dcdcdc;
	font-size:108%;
	font-weight:bold;}

#article .listBlock .column ul li {
	list-style:none;
	padding:2px 0 2px 13px;
	background:url(../img/main/img_03.gif) 5px 10px no-repeat;
	font-size:93%;}

#article .listBlock .column ul li em {
	font-style:normal;
	font-size:93%;
	color:#666;}

#article .listBlock .column ul li em.note {
	display:block;
	padding:0 0 0 10px;
	line-height:1.1;
	background:url(../img/main/img_06.gif) 0 2px no-repeat;}



/* .banquets
============================================================ */
.banquets #article .contentsBlock .row {
	zoom:1;}

.banquets #article .contentsBlock .row:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}

.banquets #article .contentsBlock .row .box {
	float:left;
	width:315px;}

.banquets #article .contentsBlock .row .box.right {
	margin:0 0 0 30px;}

/* .faq
============================================================ */
.faq #article h1 {
	padding-bottom:0;}

.faq #article .block {
	width:100%;}

.faq #article .block h2 {
	margin:24px 0 0;
	padding:8px 0 10px;
	background:url(../img/main/h3_bg_01.gif) 0 bottom repeat-x;
	color:#3c3c3c;
	font-size:108%;
	font-weight:bold;}

/* question */
.faq #article .block ul.question {
	width:660px;
	padding:0 10px;
	border-bottom:1px solid #e9e9e9;
	color:#4b74a2;
	font-size:93%;}

.faq #article .block ul.question li {
	position:relative;
	width:606px;
	padding:6px 10px 6px 44px;
	border-bottom:1px dotted #e3e3e3;
	list-style:none;}

.faq #article .block ul.question li.lastChild {
	border:none;}

.faq #article .block ul.question li b {
	position:absolute;
	top:9px;
	left:0;
	width:35px;
	text-align:right;
	display:block;
	font-weight:bold;
	line-height:1;}


/* answer */
.faq #article .block ul.answer li {
	position:relative;
	padding:10px 10px 30px 60px;
	font-size:90%;}
	
.faq #article .block ul.answer li.q {
	padding-top:20px;
	padding-bottom:8px;
	border-bottom:1px solid #d2d2d2;
	color:#4b74a2;}


.faq #article .block ul.answer li b {
	position:absolute;
	top:10px;
	left:0;
	display:block;
	width:40px;
	color:#4b74a2;
	text-align:center;
	font-weight:bold;}

.faq #article .block ul.answer li.q b {
	top:auto;
	bottom:-5px;
	height:40px;
	background:url(../../faq/img/img_01.gif) 0 0 no-repeat;
	line-height:40px;
	color:#fff;}

.faq #article .block ul.answer li .pageTop {
	font-size:93% !important;
	padding-bottom:0;}

/* .activity 
============================================================ */
/*.activity#index抜いてる*/

.activity #article .box {
	width:660px;
	padding:20px 10px 30px;
	border-bottom:1px dotted #c8c8c8;
	zoom:1;}

.activity #article .box:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}

.activity #article .box .left {
	float:left;
	width:310px;}

.activity #article .box .left .img {
	margin:15px 0 0;
	padding:3px;
	border:1px solid #d2d2d2;}

.activity #article .box .right {
	float:right;
	width:320px;
	color:#3c3c3c;}

.activity #article .box .right p {
	margin:0 0 1em;
	font-size:93%;}

.activity #article .box .right ul {
	margin:0 0 1em;
	font-size:77%;}

.activity #article .box .right ul li {
	list-style:none;
	padding:0 0 0 10px;
	background:url(../img/main/img_06.gif) 0 5px no-repeat;}

.activity #article .box .right table {
	width:320px;
	margin:0 0 1em;
	border-collapse:collapse;
	font-size:93%;}

.activity #article .box .right table td {
	text-align:center;
	padding:7px 5px 5px;
	border-bottom:1px solid #d2d2d2;}



.activity #article .box00 {
	width:660px;
	padding:20px 10px 20px;
	border-bottom:1px dotted #c8c8c8;
	zoom:1;}

.activity #article .box00 h3 {
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 14px;
}

.activity #article .box00 table {
	width:640px;
	margin:0 0 0.5em;
	border-collapse:collapse;
	font-size:93%;}

.activity #article .box00 table th {
	width: 150px;
	text-align:center;
	padding:7px 5px 5px;
	font-weight: bold;
	border-bottom:1px solid #d2d2d2;
	background-color: #aaa;
	color: #fff;
}

.activity #article .box00 table td {
	text-align:center;
	padding:7px 5px 5px;
	border-bottom:1px solid #d2d2d2;}

.activity #article .box00 .note {
	font-size:10px;
	}

.activit #article .box00 p {
	margin-top: 5px;
	}

.activity #article .box00 p a.link {
	padding:0 0 0 12px;
	background:url(../img/main/img_01.gif) 0 5px no-repeat;}
		
/*.activity#index*/
.activity#index #article h2.mainTitle {
	position: relative;
	width:680px;
	height:40px;
	background:url(../../activity/img/winter/main_title_01.gif) no-repeat;}

.activity#index #article h2.mainTitle img {
	position: absolute;
	left:464px;}

.activity#index #article .container { margin:20px 0 0;}

.activity#index #article .container ul { float:right;}

.activity#index #article .container ul li { float:left;}

.activity#index #article .container h3 { 
	clear:both;
	padding-top:20px;}

/*.activity#winter*/
.activity#winter #article h2.mainTitle {
	position: relative;
	width:680px;
	height:40px;
	display:block;
	background:url(../../activity/img/winter/main_title_01.gif) no-repeat;}

.activity#winter #article h2.mainTitle img {
	position: absolute;
	left:464px;}

/* #funParadise
------------------------------------------------------------ */
/*.activity#index抜いてる*/
.activity #article #funParadise {
	position:relative;
	width:618px;
	padding:30px;
	border:1px solid #e3e3e3;
	zoom:1;}

.activity #article #funParadise:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}

.activity #article #funParadise h2 {
	padding:0 0 13px;}

.activity #article #funParadise .img {
	position:absolute;
	top:96px;
	right:18px;
	width:282px;
	height:213px;}

.activity #article #funParadise .fig {
	margin:21px 0 0;}

/* .gallery
============================================================ */

/* .galleryBlock
------------------------------------------------------------ */
#article .galleryBlock {
	width:660px;
	margin:0 0 0 10px;}

#article .galleryBlock .hgroup {
	position:relative;
	border:none;
	width:660px;
	margin:0 0 20px 0;}
	
#article .galleryBlock .hgroup h2 {
	position:relative;
	margin:24px 0 0;
	padding:8px 0 10px;
	background:url(../img/main/h3_bg_01.gif) 0 bottom repeat-x;
	color:#3c3c3c;
	font-size:108%;
	font-weight:bold;
	z-index:1;}

#article .galleryBlock .hgroup .allButton {
	position:absolute;
	bottom:11px;
	right:0;
	z-index:10;
	padding:0 0 0 12px;
	background:url(../img/main/img_10.gif) 0 2px no-repeat;
	font-size:77%;}

#article .galleryBlock .row {
	padding:0 0 1em;
	zoom:1;}

#article .galleryBlock .row:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}
	
#article .galleryBlock .row .box {
	float:left;
	width:210px;
	margin:0 15px 10px 0;}

#article .galleryBlock .row .box.lastBox { margin-right:0;}


#article .galleryBlock .row .box a:link,
#article .galleryBlock .row .box a:visited,
#article .galleryBlock .row .box a:hover,
#article .galleryBlock .row .box a:active {
	color:#5a87b0;
	text-decoration:none;}
#article .galleryBlock .row .box a:hover b,
#article .galleryBlock .row .box a:active b {
	text-decoration:underline;}

#article .galleryBlock .row .box b {
	display:block;
	padding:3px 0 3px 17px;
	background:url(../img/main/img_01.gif) 5px 10px no-repeat;
	font-weight:normal;
	font-size:93%;}


/* .access
============================================================ */
.access #article .map #map_canvas {
	width:670px;
	height:430px;}

.access #article .map #map_canvas b {
    color: #0A2F8F;
    display: block;
    font-size: 77%;}
	
.access #article .map p {
	text-align:right;}


/* .mobile
============================================================ */
.mobile #article .block {
	zoom:1;}

.mobile #article .block:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}

/* .img
------------------------------------------------------------ */
.mobile #article .block .img {
	float:right;
	width:240px;}

/* .txt
------------------------------------------------------------ */
.mobile #article .block .txt {
	float:left;
	width:390px;}

.mobile #article .block .txt p {
	margin:0 0 2em 10px;
	color:#444;
	font-size:93%;}

.mobile #article .block .txt p.leadtxt {
	margin-left:0;}

.mobile #article .block .txt p a.link {
	padding:0 0 0 12px;
	background:url(../img/main/img_01.gif) 0 5px no-repeat;}

.mobile #article .block .txt h3 {
	margin:10px 0 5px;
	padding:6px 9px;
	color:#4b74a2;
	font-size:93%;
	font-weight:bold;
	background:url(../img/main/h4_bg_01.gif) 0 0 repeat;}


/* .webcamera
============================================================ */
.webcamera .cameraMap {
	position:relative;
	width:660px;
	height:440px;
	margin:0 0 40px;
	padding:0;}

.webcamera .cameraMap ul#name {
	width:660px;
	height:440px;
	list-style:none!important;
	z-index:100;}

.webcamera .cameraMap ul#name li {
	position:absolute;
	list-style:none!important;
	background:none;
	width:30px;
	height:30px;
	padding:0;

	margin:0;}

.webcamera .cameraMap ul#name li.hotel1 {
	top:261px;
	right:220px;}
.webcamera .cameraMap ul#name li.hotel2 {
	top:240px;
	right:391px;}
.webcamera .cameraMap ul#name li.hotel3 {
	top:179px;
	right:382px;}

.webcamera .cameraMap ul#area {
	z-index:1;}

.webcamera .cameraMap ul#area li {
	position:absolute;
	background:none;}

.webcamera .cameraMap ul#area li.hotel1 {
	bottom:0px;
	right:0px;}
.webcamera .cameraMap ul#area li.hotel2 {
	top:216px;
	right:349px;}
.webcamera .cameraMap ul#area li.hotel3 {
	top:158px;
	right:359px;}

.webcamera .cameraBox {
	position:relative;
	padding:0 0 0 200px;
	margin:0 0 20px;
	min-height:135px;
	height:auto!important;
	height:135px;}

.webcamera .cameraBox p.image {
	position:absolute;
	top:-6px;
	left:-5px;}

.webcamera .cameraBox h2 {
	position:relative;}

.webcamera .cameraBox .link {
	position:absolute;
	top:10px;
	right:0;
	width:90px;
	height:24px;
	padding:0!important;
	background:none!important;}

.webcamera .note {
	margin:0 0 30px;
	padding:0;
	font-size:85%!important;}



.webcamera #article #movieBlock h2 {
	margin:0 0 20px;}

.webcamera #article #movieBlock ul:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;}

.webcamera #article #movieBlock ul li {
	float:left;
	padding:0 0 5px;
	border-top:1px solid #d2d2d2;
	border-bottom:1px solid #d2d2d2;
	border-left:1px solid #d2d2d2;
	text-align:right;}

.webcamera #article #movieBlock ul li span {
	padding:0 5px 0 10px;
	font-size:93%;
	background:url(../img/main/img_01.gif) 0 center no-repeat!important;} 

.webcamera #article #movieBlock ul li.lastChild {
	border-right:1px solid #d2d2d2;}

.webcamera #article #movieBlock .movieMore {
	text-align:right;}




/* form用設定
============================================================ */
.contact #article h2 {
	margin:0 0 20px;}

/* formトップ
------------------------------------------------------------ */
.contact #article #formIndex h3 {
	margin:0 0 0;
	padding:0 0 0 33px;
	background:url(../img/main/img_01.gif) 15px center no-repeat;
	line-height:28px;
	font-size:93%;}

.contact #article #formIndex {
	width:660px;
	margin: 0 0 0 10px;}

.contact #article #formIndex p {
	padding:0 0 0.5em 33px;
	margin:0 0 0.5em;
	border-bottom:1px dotted #ccc;}


/* 各form
------------------------------------------------------------ */
.contact #article .lead {
	margin:0 0 0 10px;
	width:660px;}
	
.contact#form #article .lead p {
	margin:0 0 1em;
	font-size:93%;}

.contact#form #article .lead ul {
	color:#835d00;
	font-size:93%;
	font-weight:normal;}

.contact#form #article .lead ul li {
	list-style:none;
	margin:0 0 1em;}

.contact#form #article b {
	color:#835d00;
	font-weight:normal;}

.contact#form #article .formButton {
	position:relative;
	width:660px;
	height:60px;
	margin:0 0 0 10px;}

.contact#form #article .formButton .right {
	position:absolute;
	top:10px;
	left:243px;}

.contact#form #article .formButton .left {
	position:absolute;
	top:10px;
	left:0;}

.contact#form #article ul.error {
	font-size:93%;
	color:#c00;
	margin:0 0 1em 25px;}

.contact#form #article ul.error li {
	list-style:circle;}

/* form
------------------------------------------------------------ */
.contact#form #article form table {
	margin:0 0 0 10px;
	width:660px;
	color:#636467;
	font-size:93%;
	border-top:1px solid #cecece;}

.contact#form #article table th {
	width:200px;
	padding:8px 10px;
	text-align:left;
	border-bottom:1px dotted #e7e7e7;
	vertical-align:top;
	font-weight:normal;}

.contact#form #article table td {
	padding:8px 10px;
	border-bottom:1px dotted #e7e7e7;
	text-align:left;
	vertical-align:top;
	font-weight:normal;}

.contact#form #article table td b {
	font-size:93%;}

.contact#form #article table td input {
	vertical-align:middle;}

.contact#form #article table td input[type="radio"],
.contact#form #article table td input[type="checkbox"] {
	margin-right:5px;}


.contact#form #article table td select {
	margin-right:3px;}