@charset "UTF-8";

*,#wrapper{font-size:12px;font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif, Georgia, "Bitstream Charter", monospace;}
ul,li{list-style-type:none;margin:0;padding:0;}
a img{ border:0;}


/* ------------ Visual style */
.block {display:block;}
.none {display:none;}
.hidden {visibility:hidden;}

.clearfix:after {display:block;clear:both;height:0;visibility:hidden;content:".";}
.clearfix { display:inline-block; }
*:first-child+html .clearfix { height:1%; } /* ie7 */
* html .clearfix { height:1%; } /* ie6 */
.clearfix { display:block; }


.splite,.sprite {display:none;}

.icon1,
.icon2,
.icon3 {padding-left:20px;padding-bottom:3px;line-height:1.5;background:url(../img/common/icon_sprite.gif) no-repeat;}
.icon1 {background-position:0 -3px;}
.icon2 {background-position:0 -23px;}
.icon3 {background-position:0 -43px;}

li.icon1,
li.icon2,
li.icon3 {padding-left:20px;padding-bottom:3px;line-height:1.5;background:url(../img/common/icon_sprite.gif) no-repeat;}
li.icon1 {background-position:0 -3px;}
li.icon2 {background-position:0 -23px;}
li.icon3 {background-position:0 -43px;}


/*******************************************************************************

********************************************************************************/

html,body {margin:0;padding:0;}

html,body#TOP {background-color:#f3f2ec!important;}

/* layout
------------------------------------------------------------------------------ */
#wrapper {margin:0;padding:0;width:100%;background-color:#f3f2ec;}

#container {margin:0 auto;width:900px;}
#contents {padding:15px 0 0;}

#main {float:left;margin-left:2px;width:688px;}
#right {float:right;margin-right:2px;width:190px;}

#container.top #main {float:right;margin-right:2px;width:675px;}
#container.top #left {float:left;margin-left:2px;width:215px;}


/* Header
------------------------------------------------------------------------------ */
#header{position:relative;width:100%;background:url(../img/t/header_bg.png) no-repeat right top;}

#b_reserved {display:block;position:absolute;top:0;right:85px;width:68px;height:19px;background:url(../img/t/btn_sprite.png) no-repeat left top;}
#b_pointcard {display:block;position:absolute;top:0;right:0;width:85px;height:19px;background:url(../img/t/btn_sprite.png) no-repeat right top;}
#b_reserved:hover {background-position:left -30px;}
#b_pointcard:hover {background-position:right -30px;}

ul#gnav {height:62px;}
ul#gnav li{
	float:left;
	margin:0;
	padding:0;
	}
#gnav a {display:block;float:left;height:62px;background:url(../img/t/gnav_sprite.png) no-repeat;}
li#g1 a {width:122px;background-position:left top;}
li#g2 a {width:105px;background-position:-122px top;}
li#g3 a {width:111px;background-position:-227px top;}
li#g4 a {width:141px;background-position:-338px top;}
li#g5 a {width:129px;background-position:-479px top;}
li#g6 a {width:126px;background-position:-608px top;}
li#g7 a {width:166px;background-position:-734px top;}

li#g1 a:hover {background-position:left -62px;}
li#g2 a:hover {background-position:-122px -62px;}
li#g3 a:hover {background-position:-227px -62px;}
li#g4 a:hover {background-position:-338px -62px;}
li#g5 a:hover {background-position:-479px -62px;}
li#g6 a:hover {background-position:-608px -62px;}
li#g7 a:hover {background-position:-734px -62px;}

li#g1.active a,li#g1.active a:hover {background-position:left   -124px;}
li#g2.active a,li#g2.active a:hover {background-position:-122px -124px;}
li#g3.active a,li#g3.active a:hover {background-position:-227px -124px;}
li#g4.active a,li#g4.active a:hover {background-position:-338px -124px;}
li#g5.active a,li#g5.active a:hover {background-position:-479px -124px;}
li#g6.active a,li#g6.active a:hover {background-position:-608px -124px;}
li#g7.active a,li#g7.active a:hover {background-position:-734px -124px;}

#pan {padding:.5em 1em;line-height:1;font-size:12px;color:#fff;background-color:#1a78db;}
#pan a {color:#fff;}

/* CSSスライダー設定==================*/

#sliderWrapper {
	position:relative;
	margin:0px auto 0px;
	padding:0;
	width:900px;
	height:410px;
	text-align:left;
}

#slider {
	width:900px;
	height:410px;
	margin:0;
	overflow:hidden;
	position:relative;
}

#slider #sliderItem {
	position: absolute;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 4600px;
	left:0px;
	top: 0px;
}


#slider #sliderItem li{
	margin:0;
	padding:0;
	list-style:none;
	width:900px;
	height:410px;
	float:left;
}

#slider #sliderItem li{
	z-index:9999;
	display:block;
}

#slider #sliderItem li img {
	width:900px;
	height:410px;
}

#sliderWrapper .leftBtn {
	position:absolute;
	width:44px;
	height:44px;
	top:183px;
	left:5px;
	z-index:999;
}

#sliderWrapper .rightBtn {
	position:absolute;
	width:44px;
	height:44px;
	top:183px;
	right:5px;
	z-index:999;
}
/* Footer
------------------------------------------------------------------------------ */
#footer {position:relative;z-index:100;padding-top:20px;background:url(../img/t/footer_bg_sprite.png) no-repeat left top;}
#footer-inner {padding:1px 0;background:url(../img/t/footer_bg_sprite.png) repeat-y -1000px top;}
#copyright {height:25px;text-align:center;line-height:2.25;font-size:12px;color:#fff;background:url(../img/t/footer_bg_sprite.png) no-repeat right bottom;}

#flogo {margin-left:10px;}

#footer-cont {position:relative;z-index:300;margin-left:20px;min-height:215px;height:auto!important;height:215px;
}

#footer #map {position:absolute;z-index:200;top:30px;right:20px;}
#m-code {position:absolute;z-index:200;top:40px;right:465px;}

#flogo_t,
#flogo_m,
#flogo_k {display:block;position:relative;z-index:300;width:159px;height:40px;background:url(../img/common/flogo_sprite.png) no-repeat;}
#flogo_t {background-position:0 0;}
#flogo_m {background-position:0 -50px;}
#flogo_k {background-position:0 -100px;}

#fnav {display:block;padding:10px 0 0 5px;width:100%;}
#fnav li {display:inline;margin:0 10px 0 5px;}

/* Contents - main
------------------------------------------------------------------------------ */

/* ----- Informations */
#informations {clear:both;margin:0 0 10px;width:675px;background:url(../img/t/top/informations_sprite.png) repeat-y -675px top;}
#info-top {width:100%;height:55px;background:url(../img/t/top/informations_sprite.png) no-repeat left top;}
#info-bottom {width:100%;height:15px;background:url(../img/t/top/informations_sprite.png) no-repeat right bottom;}

#informations ul {display:block;margin-left:22px;width:625px;height:200px;overflow-y:auto;}
#informations li {padding-bottom:5px;overflow:hidden;}
#informations em {display:block;margin:5px 0 3px 5px;padding-left:3px;width:95%;font-style:normal;border-bottom:1px dotted #333;}
#informations p {margin:3px 0 5px 8px;width:95%;}

#informations ul {height:400px;}  /* 暫定対応 */


/* ----- Plans */
#plans {clear:both;position:relative;z-index:100;margin:0 0 10px;width:675px;background:url(../img/t/top/plans_sprite.png) repeat-y -675px top;}
#plans-top {width:100%;height:55px;background:url(../img/t/top/plans_sprite.png) no-repeat left top;}
#plans-bottom {width:100%;height:8px;background:url(../img/t/top/plans_sprite.png) no-repeat right bottom;}

#b_plans_list {display:block;position:absolute;z-index:200;top:8px;right:20px;width:138px;height:26px;background:url(../img/t/top/b_plans_list_sprite.png) no-repeat 0 0;}
#b_plans_list:hover {background-position:0 -30px;}

#plans-cont {display:block;margin:0 auto;width:95%;}
#plans-cont li {float:left;margin-left:10px;padding-bottom:10px;width:200px;line-height:1.5;font-size:12px;}


/* ----- Secondary Contents Bloc */
#main-cont {width:688px;background:url(../img/common/bloc_bg_sprite.png) repeat-y -700px top;}
#main-cont-top {height:15px;background:url(../img/common/bloc_bg_sprite.png) repeat-y left top;}
#main-cont-bottom {height:10px;background:url(../img/common/bloc_bg_sprite.png) repeat-y right bottom;}
#main-cont-inner {margin:0 auto;width:94%;}

/* ----- Contact Banner */
#reservede-bloc {position:relative;z-index:100;margin:0 0 15px;width:650px;height:100px;background:url(../img/common/contact_sprite.jpg) no-repeat left top;}
#reservede-bloc li {display:block;position:absolute;z-index:200;width:133px;height:19px;}
#rsrv-blc-date {top:20px;right:20px;}
#rsrv-blc-room {top:43px;right:20px;}
#reservede-bloc a {display:block;width:132px;height:19px;background:url(../img/common/contact_sprite.jpg) no-repeat;}
/* takamatsu */
#rsrv-blc-date a       {background-position:0 -100px;}
#rsrv-blc-date a:hover {background-position:0 -120px;}
#rsrv-blc-room a       {background-position:-150px -100px;}
#rsrv-blc-room a:hover {background-position:-150px -120px;}


/* Secondary Contents - ページ別
------------------------------------------------------------------------------ */
.secondary .section {padding:5px 0 30px;}
.secondary .section-inner {
margin:0 auto;
width:98%;
}
.secondary em {display:block;margin:0 0 15px;}
.secondary p {margin:0 0 1.5em;ine-height:1.5;}


/* ----- 料金ページ */
.charge .section em {width:636px;background:url(../img/t/charge/title_sprite.png) no-repeat;}
.charge #sec1 em {height:22px;background-position:0 0;}
.charge #sec2 em {height:34px;background-position:0 -50px;}
.charge #sec3 em {height:34px;background-position:0 -100px;}
.charge #sec4 em {height:152px;background-position:0 -150px;}
.charge #sec5 em {height:27px;background-position:0 -350px;}
.charge #sec6 em {height:27px;background-position:0 -400px;}

/* ----- 施設紹介ページ */
.facilities .section em {height:40px;background:url(../img/t/facilities/title_sprite.png) no-repeat;}
.facilities #sec1 em {width:644px;background-position:0 0;}
.facilities #sec2 em {width:322px;background-position:0 -50px;}
.facilities #sec3 em {width:322px;background-position:0 -100px;}
.facilities #sec4 em {width:322px;background-position:0 -150px;}
.facilities #sec5 em {width:643px;background-position:0 -200px;}

.facilities #photo1 {margin:10px 0 0;}
.facilities #photo1 li {display:block;float:left;padding:0 10px 20px 0;width:304px;}

.facilities #sec2,
.facilities #sec3,
.facilities #sec4 {min-height:210px;height:auto!important;height:210px;}
.facilities #sec2 em, .facilities #sec2 .section-inner,
.facilities #sec3 em, .facilities #sec3 .section-inner,
.facilities #sec4 em, .facilities #sec4 .section-inner {margin-left:315px;width:321px;}
.facilities #sec2 {background:url(../img/t/facilities/img07.png) no-repeat left top;}
.facilities #sec3 {background:url(../img/t/facilities/img08.png) no-repeat left top;}
.facilities #sec4 {background:url(../img/t/facilities/img09.png) no-repeat left top;}

.facilities #sec5 ul {min-height:652px;height:auto!important;height:652px;background:url(../img/t/facilities/img12.png) no-repeat left top;}
.facilities #sec5 li {margin-left:250px;width:390px;}
#fclty5s1 {width:115px;height:22px;background:url(../img/t/facilities/subtitle_sprite.png) no-repeat 0 0;}
#fclty5s2 {width:115px;height:22px;background:url(../img/t/facilities/subtitle_sprite.png) no-repeat 0 -30px;}
#fclty5s3 {width:115px;height:22px;background:url(../img/t/facilities/subtitle_sprite.png) no-repeat 0 -60px;}
#fclty5s4 {width:115px;height:22px;background:url(../img/t/facilities/subtitle_sprite.png) no-repeat 0 -90px;}
#fclty5s5 {width:115px;height:22px;background:url(../img/t/facilities/subtitle_sprite.png) no-repeat 0 -120px;}
#fclty5s6 {width:115px;height:22px;background:url(../img/t/facilities/subtitle_sprite.png) no-repeat 0 -150px;}


/* ----- お部屋ページ */
.rooms .section em {height:33px;background:url(../img/t/rooms/title_sprite.png) no-repeat;}
.rooms #sec1 em {width:637px;background-position:0 0;}
.rooms #sec2 em {width:637px;background-position:0 -50px;}
.rooms #sec3 em {width:369px;background-position: 0 -100px;}
.rooms #sec4 em {width:637px;background-position:0 -150px;}
.rooms #sec5 em {width:637px;background-position:0 -200px;}

.rooms #sec2 li {float:left;margin-right:10px;width:303px;}
.rooms #sec2 li img {display:block;margin-bottom:8px;}

.rooms #sec3 {width:634px;background:url(../img/t/rooms/img04.png) no-repeat right 5px;}
.rooms #sec3 .section-inner {margin-left:5px;width:355px;}


/* ----- レストランページ */
.restaurants .section em {height:40px;background:url(../img/t/restaurants/title_sprite.png) no-repeat;}
.restaurants #sec1 em {width:640px;background-position:0 0;}
.restaurants #sec2 em {width:356px;background-position:0 -50px;}
.restaurants #sec4 em {width:635px;background-position:0 -100px;}
.restaurants #sec5 em {width:352px;background-position:0 -150px;}

.restaurants #sec2 {min-height:320px;height:auto!important;height:320px;background:url(../img/t/restaurants/img02.png) no-repeat right 5px;}
.restaurants #sec2 p {width:330px;}

.restaurants #sec3 li {float:left;width:50%;}
.restaurants #sec3 img {display:block;float:left;margin-right:10px;}
.restaurants #sec3 p {display:block;float:left;width:163px;}
#rst3t1,
#rst3t2 {margin:0 0 5px -5px;width:163px;height:33px;background:url(../img/t/restaurants/subtitle_sprite.png) no-repeat;}
#rst3t1 {background-position:0 0;}
#rst3t2 {background-position:0 -50px;}

.restaurants #sec5 {min-height:290px;height:auto!important;height:290px;background:url(../img/t/restaurants/img06.png) no-repeat right 5px;}
.restaurants #sec5 p {width:330px;}

.restaurants #sec6 em {margin-left:380px;width:226px;height:44px;background:url(../img/t/restaurants/subtitle_sprite.png) no-repeat 0 -100px;}
.restaurants #sec6 {background:url(../img/t/restaurants/img07.png) no-repeat 0 0;}
.restaurants #sec6 .section-inner {margin-left:380px;}


/* ----- アクセスページ */
.access .section em {width:645px;height:45px;background:url(../img/t/access/title_sprite.png) no-repeat;}
.access #sec1 em {background-position:0 0;}
.access #sec2 em {background-position:0 -50px;}
.access #sec3 em {background-position:0 -100px;}

.access #sec1 ul {padding-top:.75em;}
.access #sec1 li {padding-bottom:0.25em;}

.access #sec2 ul {float:right;width:300px;}

.access #sec3 ul {padding-bottom:10px;}
.access #sec3 li {float:left;width:330px;}
#ac-img1, #ac-img2, #ac-img3, #ac-img4, #ac-img5 {margin-right:10px;width:270px!important;height:205px;background:url(../img/t/access/photo_sprite.png) no-repeat;}
#ac-img1 {background-position:0 0;}
#ac-img2 {background-position:0 -250px;}
#ac-img3 {background-position:0 -500px;}
#ac-img4 {background-position:0 -750px;}
#ac-img5 {background-position:0 -1000px;}

#ac-spot1, #ac-spot2, #ac-spot3, #ac-spot4, #ac-spot5 {margin:5px 0;height:25px;background:url(../img/t/access/spot_sprite.png) no-repeat;}
#ac-spot1 {background-position:0 0;}
#ac-spot2 {background-position:0 -25px;}
#ac-spot3 {background-position:0 -50px;}
#ac-spot4 {background-position:0 -75px;}
#ac-spot5 {background-position:0 -100px;}

/* ----- ポイントカードページ */
.pointcard .section em {width:641px;height:32px;background:url(../img/t/pointcard/title_sprite.png) no-repeat;}
.pointcard #sec1 em {background-position:0 0;}
.pointcard #sec2 em {background-position:0 -50px;}
.pointcard #sec3 em {background-position:0 -100px;}

.pointcard #sec3 p {margin-left:15px;}

.pointcard #pc1s0 {min-height:123px;height:auto!important;height:123px;background:url(../img/t/pointcard/logo_sprite.png) no-repeat left top;}
.pointcard #pc1s0 p {margin-left:170px;}

.pointcard #pc1logo1,
.pointcard #pc1logo2,
.pointcard #pc1logo3 {
padding-left:135px;
min-height:97px;
height:auto!importanat;
/* height:97px; */
background:url(../img/t/pointcard/logo_sprite.png) no-repeat;
}
.pointcard #pc1logo1 {background-position:-10px -200px;}
.pointcard #pc1logo2 {background-position:-10px -1000px;}
.pointcard #pc1logo3 {background-position:-10px -2000px;}

.pointcard #pc1s1,
.pointcard #pc1s2,
.pointcard #pc1s3 {width:491px;background:url(../img/t/pointcard/subtitle1_sprite.png) no-repeat;}
.pointcard #pc1s1 {height:37px;background-position:0 0;}
.pointcard #pc1s2 {height:38px;background-position:0 -50px;}
.pointcard #pc1s3 {height:34px;background-position:0 -100px;}

.pointcard #pc3s1,
.pointcard #pc3s2,
.pointcard #pc3s3,
.pointcard #pc3s4,
.pointcard #pc3s5 {margin-bottom:10px;width:200px;width:100%;height:24px;background:url(../img/t/pointcard/subtitle2_sprite.png) no-repeat;}
.pointcard #pc3s1 {background-position:0 0;}
.pointcard #pc3s2 {background-position:0 -30px;}
.pointcard #pc3s3 {background-position:0 -60px;}
.pointcard #pc3s4 {background-position:0 -90px;}
.pointcard #pc3s5 {background-position:0 -120px;position:relative;z-index:100;}

.pointcard #pc3s5-txt {position:absolute;z-index:200;bottom:7px;left:150px;width:400px;line-height:1;font-size:12px;}

.pointcard #pc1-ticket1,
.pointcard #pc1-ticket2 {
margin-bottom:10px;
width:491px;
height:201px;
background:url(../img/t/pointcard/subtitle1_sprite.png) no-repeat;}
.pointcard #pc1-ticket1 {background-position:0 -150px;}
.pointcard #pc1-ticket2 {background-position:0 -400px;}

.pointcard #pc3contact li {float:left;margin-left:10px;}
.pointcard #pc3con1,
.pointcard #pc3con2,
.pointcard #pc3con3 {display:block;width:198px;height:200px;background:url(../img/t/pointcard/contact_sprite.png) no-repeat;}
.pointcard #pc3con1 {background-position:0 0;}
.pointcard #pc3con2 {background-position:0 -200px;}
.pointcard #pc3con3 {background-position:0 -400px;}

.pointcard ol li {list-style-type:decimal;}
.pointcard ul li {list-style-type:none;}

/* 特典付プラン
------------------------------------------------------------------------------ */

#special{
	width:650px;
	background:url(../img/t/special/ttl.jpg) no-repeat top center;
	padding-top:45px;
	}

#special #sec01,
#special #sec02,
#special #sec03{
	width:640px;
	background:url(../img/t/special/bg.jpg) repeat-y top center;
	clear:both;
	margin-bottom:20px;
	}

#special #sec01 .top{
	width:640px;
	background:url(../img/t/special/img01.jpg) no-repeat top center;
	padding-top:145px;
	}
	
#special #sec02 .top{
	width:640px;
	background:url(../img/t/special/img02.jpg) no-repeat top center;
	padding-top:145px;
	}
	
#special #sec03 .top{
	width:640px;
	background:url(../img/t/special/img03.jpg) no-repeat top center;
	padding-top:145px;
	}
	
#special .top p{
	width:580px;
	font-size:14px;
	font-weight:bold;
	color:#CC0000;
	margin-top:5px;
	padding-left:25px;
	line-height:1.4;
	}

#special ul{
	width:565px;
	margin:10px 0 0 10px;
	background:url(../img/t/special/icon.jpg) no-repeat left center;
	border-bottom:dotted #666 1px;
	padding-bottom: 25px;
	padding-left: 25px;
	height: 35px;
	}
	
* html #special ul{
		background:url(../img/t/special/icon.jpg) no-repeat 17px left;
	}

#special ul li{
	float:left;
	margin:0;
	padding:0;
	}

#special li{
	width:325px;
	float:left;
	font-size:15px;
	line-height:1.2;
	margin-top:12px !important;
	}

#special li a:hover img{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	}
	
#special li.price{
	width:150px;
	font-size:12px;
	line-height:1.2;
	margin-top:13px !important;
	float: left;
	}

#special li.btn{
	width:90px;
	margin-top:0 !important;
	float: right;
	padding-right: 20px;
	}
	
#special .btm{
	width:640px;
	height:20px;
	background:url(../img/t/special/bg02.jpg) no-repeat top center;
	padding:0 !important;
	}


/* Contents - left,right
------------------------------------------------------------------------------ */

/* ----- Search */
.search {display:block;position:relative;z-index:100;margin:0 0 10px;width:189px;height:197px;background:url(../img/common/b_search_sprite.png) no-repeat;}
.search_date, .search_room {display:block;position:absolute;left:25px;z-index:200;width:135px;height:32px;}
.search_date {top:40px;}
.search_room {top:80px;}
.search a {display:block;width:135px;height:32px;background:url(../img/common/b_search_sprite.png) no-repeat;}

#search_t {background-position:0 0;}
#search_t .search_room a       {background-position:0 -200px;}
#search_t .search_room a:hover {background-position:0 -232px;}
#search_t .search_date a       {background-position:-135px -200px;}
#search_t .search_date a:hover {background-position:-135px -232px;}

#search_m {background-position:-189px 0;}
#search_m .search_room a       {background-position:-270px -200px;}
#search_m .search_room a:hover {background-position:-270px -232px;}
#search_m .search_date a       {background-position:-405px -200px;}
#search_m .search_date a:hover {background-position:-405px -232px;}

#search_k {background-position:-378px 0;}
#search_k .search_room a       {background-position:-540px -200px;}
#search_k .search_room a:hover {background-position:-540px -232px;}
#search_k .search_date a       {background-position:-675px -200px;}
#search_k .search_date a:hover {background-position:-675px -232px;}


/* ----- Secondary Sidebar */
#secondary-side-banner {margin:0 0 20px;}
#secondary-side-banner li {padding-bottom:5px;}

#secondary-side-recommend-plans {margin:0 0 20px;width:190px;background:url(../img/t/recommend_plans_sprite.png) repeat-y -190px 0;}
#ss-rp-top    {height:55px;background:url(../img/t/recommend_plans_sprite.png) no-repeat 0 0;}
#ss-rp-bottom {height:10px;background:url(../img/t/recommend_plans_sprite.png) no-repeat right bottom;}
#ss-rp {display:block;margin:0 auto;width:180px;}
#ss-rp li {margin-bottom:10px;text-align:center;}


/*
------------------------------------------------------------
hidden 
------------------------------------------------------------ */
/* サイドバー　オススメプラン */
#secondary-side-recommend-plans {display:none;}

/* サイドバー　バナー */
/* #secondary-side-banner {display:none;} */