@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;
}
#header {
}
#contents {
padding:15px 0 0;
}
#footer {
}

#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/m/header_bg.png) no-repeat right top;
}

#b_reserved {display:block;position:absolute;top:0;right:0;width:68px;height:19px;background:url(../img/m/btn_sprite.png) no-repeat left top;}
#b_reserved:hover {background-position:left -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/m/gnav_sprite.png) no-repeat;}
li#g1 a {width:123px;background-position:left top;}
li#g2 a {width:143px;background-position:-123px top;}
li#g3 a {width:161px;background-position:-266px top;}
li#g4 a {width:157px;background-position:-427px top;}
li#g5 a {width:159px;background-position:-584px top;}
li#g6 a {width:157px;background-position:-743px top;}

li#g1 a:hover {background-position:left -62px;}
li#g2 a:hover {background-position:-123px -62px;}
li#g3 a:hover {background-position:-266px -62px;}
li#g4 a:hover {background-position:-427px -62px;}
li#g5 a:hover {background-position:-584px -62px;}
li#g6 a:hover {background-position:-743px -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:-123px -124px;}
li#g3.active a,li#g3.active a:hover {background-position:-266px -124px;}
li#g4.active a,li#g4.active a:hover {background-position:-427px -124px;}
li#g5.active a,li#g5.active a:hover {background-position:-584px -124px;}
li#g6.active a,li#g6.active a:hover {background-position:-743px -124px;}

#pan {
padding:.5em 1em;
line-height:1;
font-size:12px;
color:#fff;
background-color:#c80000;
}
#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/m/footer_bg_sprite.png) no-repeat left top;
}
#footer-inner {
padding:1px 0;
background:url(../img/m/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/m/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/m/top/informations_sprite.png) repeat-y -675px top;}
#info-top {width:100%;height:55px;background:url(../img/m/top/informations_sprite.png) no-repeat left top;}
#info-bottom {width:100%;height:15px;background:url(../img/m/top/informations_sprite.png) no-repeat right bottom;}

#informations ul {display:block;margin-left:22px;width:625px;height:350px;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:350px;}  /* 暫定対応 */


/* ----- Plans */
#plans {clear:both;position:relative;z-index:100;margin:0 0 10px;width:675px;background:url(../img/m/top/plans_sprite.png) repeat-y -675px top;}
#plans-top {width:100%;height:55px;background:url(../img/m/top/plans_sprite.png) no-repeat left top;}
#plans-bottom {width:100%;height:8px;background:url(../img/m/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/m/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;}
/* matsuyama */
#rsrv-blc-date a       {background-position:0 -150px;}
#rsrv-blc-date a:hover {background-position:0 -170px;}
#rsrv-blc-room a       {background-position:-150px -150px;}
#rsrv-blc-room a:hover {background-position:-150px -170px;}


/* 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;}


/* ----- お部屋ページ */
.rooms .section em {height:29px;background:url(../img/m/rooms/ttl_sprite.jpg) no-repeat;}
.rooms #sec1 em {width:637px;height:24px;background-position:0 0;}
.rooms #sec2 em {width:657px;background-position:0 -40px;}
.rooms #sec5 em {width:657px;background-position:0 -80px;}
.rooms em span {display:none;}

.rooms #sec2 ul {overflow:hidden;}
.rooms #sec2 li.data {float:right;margin-right:30px;width:280px;}
.rooms #sec2 li.photo {width:292px;}
.rooms em#s2ttl1 {display:block;width:292px;background-position:0 -120px;}

.rooms #sec4 li {float:left;margin:0 15px 10px 0;width:297px;}

.rooms #sec5 li.data {float:right;width:380px;}
.rooms #sec5 li.photo {width:224px;}


/* ----- レストランページ */
.restaurants .section em {height:39px;background:url(../img/m/restaurants/ttl_sprite.jpg) no-repeat;}
.restaurants #sec1 em {width:645px;background-position:0 0;}
.restaurants #sec2 em {width:622px;background-position:0 -50px;}
.restaurants #sec4 em {width:622px;background-position:0 -100px;}
.restaurants #sec5 em {width:225px;height:29px;background-position:0 -210px;}
.restaurants em span {display:none;}

.restaurants #sec2 {position:relative;z-index:1000;min-height:320px;height:auto!important;height:320px;}
.restaurants #sec2 p {width:330px;}
.restaurants #s2pht {position:absolute;z-index:2000;top:5px;right:10px;width:288px;height:308px;}

.restaurants #sec3 div.section-inner {overflow:hidden;}
.restaurants #sec3 ul {float:left;margin:0 20px 0 0;width:290px;}
.restaurants #sec3 li.data {float:right;width:170px;}
.restaurants #sec3 li.photo {width:105px;}
.restaurants #sec3 em {width:167px;height:21px;}
.restaurants em#s3ttl1 {background-position:0 -150px;}
.restaurants em#s3ttl2 {background-position:0 -180px;}

.restaurants #sec5 div.section-inner {margin-top:-137px;margin-left:380px;width:230px;}


/* ----- お風呂ページ */
.bath .section em {background:url(../img/m/bath/ttl_sprite.jpg) no-repeat;}
.bath #sec1 em {width:645px;height:23px;background-position:0 0;}
.bath #sec2 em {width:369px;height:43px;background-position:0 -50px;}
.bath em span {display:none;}

.bath #sec2 {
position:relative;
z-index:1000;
min-height:330px;height:auto!important;height:330px;
}
.bath #s2pht {
position:absolute;
z-index:1000;
top:0;
right:20px;
width:207px;
height:330px;
}
.bath #sec2 p {width:390px;}

.bath #sec3 div.section-inner {overflow:hidden;}
.bath #s3pht {float:left;display:block;margin-right:20px;width:320px;height:286px;}
.bath #sec3 ul {float:right;width:290px;}
.bath #sec3 em {display:block;width:270px;height:27px;}
.bath em#s3ttl1 {background-position:0 -100px;}
.bath em#s3ttl2 {background-position:0 -130px;}
.bath #sec3 li {margin-bottom:20px;}
.bath #sec3 table {table-layout:fixed;}
.bath #sec3 th {width:4em;vertical-align:top;}


/* ----- 施設紹介ページ */
.facilities .section em {background:url(../img/m/facilities/ttl_sprite.jpg) no-repeat;}
.facilities #sec1 em {width:645px;height:24px;background-position:0 0;}
.facilities #sec2 em {width:370px;height:19px;background-position:0 -40px;}
.facilities #sec3 em {width:620px;height:28px;background-position:0 -80px;}
.facilities em span {display:none;}

.facilities #sec2 ul {overflow:hidden;}
.facilities #sec2 li {float:left;display:block;margin:0 12px 20px 0;width:303px;}
.facilities #sec2 img {display:block;margin-bottom:3px;}

.facilities #sec3 ul {float:right;width:380px;}
.facilities #sec3 li em {width:125px;height:19px;}
.facilities em#s3ttl1 {background-position:0 -120px;}
.facilities em#s3ttl2 {background-position:0 -150px;}
.facilities em#s3ttl3 {background-position:0 -180px;}
.facilities em#s3ttl4 {background-position:0 -210px;}
.facilities em#s3ttl5 {background-position:0 -240px;}
.facilities em#s3ttl6 {background-position:0 -270px;}



/* ----- アクセスページ */
.access .section em {background:url(../img/m/access/ttl_sprite.jpg) no-repeat;}
.access #sec1 em {width:650px;height:24px;background-position:0 0;}
.access #sec2 em {width:325px;height:20px;background-position:0 -30px;}
.access #sec3 em {width:638px;height:28px;background-position:0 -60px;}
.access em span {display:none;}

.access #sec2 div.section-inner {
overflow:hidden;
}
.access #sec2 p {
float:right;
width:275px;
}

.access #sec3 ul {overflow:hidden;padding:0 0 20px;}
.access #sec3 li.data {float:right;padding-top:8px;width:380px;}
.access #sec3 li.photo {width:229px;}
.access #sec3 li em {width:125px;height:20px;}
.access em#s3ttl1 {background-position:0 -100px;}
.access em#s3ttl2 {background-position:0 -130px;}
.access em#s3ttl3 {background-position:0 -160px;}
.access em#s3ttl4 {background-position:0 -190px;}



/* ----- ポイントカードページ */
.pointcard .section em {width:641px;height:32px;background:url(../img/m/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/m/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/m/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/m/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/m/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/m/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/m/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 20px;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;}

/* No.1松山のサイドバーの予約BOXのIDを高知にしているのでCSS側で暫定対応
#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;}
*/
#search_k {background-position:-189px 0;}
#search_k .search_room a       {background-position:-270px -200px;}
#search_k .search_room a:hover {background-position:-270px -232px;}
#search_k .search_date a       {background-position:-405px -200px;}
#search_k .search_date a:hover {background-position:-405px -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/m/recommend_plans_sprite.png) repeat-y -190px 0;}
#ss-rp-top    {height:55px;background:url(../img/m/recommend_plans_sprite.png) no-repeat 0 0;}
#ss-rp-bottom {height:10px;background:url(../img/m/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;} */