@charset "UTF-8";

body,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ol,ul,li,td,th,address,areas {
	font-size: 0px;
	line-height: 0px;
	margin: 0px;
	padding: 0px;
	/*width: 100%;
	width: auto;*/
	width: auto;
}
img {
	border: none;
}
ol, ul {
	list-style-type: none;
}
.fgo {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "平成ゴシック", "MS UI Gothic", "ＭＳ Ｐゴシック", "Lucida Grande", sans-serif;
}
.fmin {
	font-family: "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "平成明朝", "細明朝", "ＭＳ Ｐ明朝", serif;
}
.f60p {	font-size: 60%;	}
.f80p {	font-size: 80%;	}
.f90p {	font-size: 90%;	}
.f120p {	font-size: 120%;	}
.f130p {	font-size: 130%;	}
.f140p {	font-size: 140%;	}
.flt-l {	float: left;	}
.flt-r {	float: right;	}
.clrb {	clear: both;	}
.ta-l {	text-align: left;	}
.ta-c {	text-align: center;	}
.ta-r {	text-align: right;	}
.ime-a {	ime-mode: active;	}
.ime-d {	ime-mode: disabled;	}
.nobdr	{	border: none;	}
.nobkg {	background: none;	}
body {
	background: #ffffff url(../imgs3/bkg.gif) left top repeat-x;
	color: #4f5b54;
	text-align: center;
}
.page {
	margin: 0px auto;
	text-align: left;
	width: 960px;
}

/* ヘッダー */
#hdrarea {
	/*padding: 2px 0px 0px 0px;*/
	height: 81px;
}
*:first-child+html #hdrarea {
	height: 82px;
}
#top {
	padding: 14px 0px 0px 0px;
	text-align: left;
	width: 50%;
}
.hdrmarea {
	width: 50%;
}
.hdrmenu {
	background-image: url(../imgs3/menu/header.gif);
	background-repeat: no-repeat;
	display: block;
	float: right;
	height: 51px;
	margin: 0px 1px;
	text-align: left;
	text-indent: -9999px;
	width: 113px;
}
#rsrv {	background-position: 0px top;	}
#daytrip {	background-position: -113px top;	}
.olmenu {
	float: right;
	height: 51px;
	margin: 0px 10px 0px 0px;
	width: 97px;
}
.olmenu li {
	padding: 6px 0px;
}
.olmenu li a {
	background-image: url(../imgs3/menu/otherlangs.gif);
	background-repeat: no-repeat;
	display: block;
	height: 13px;
	text-indent: -9999px;
	width: 97px;
}
#olen {	background-position: left top;	}
#olcn {	background-position: left bottom;	}

/* メインメニュー */
#globalnavi {
	height: 68px;
	margin: 0px;
	padding: 0px;
	width: 960px;
}
#globalnavi li {
	float: left;
	margin: 0px;
	padding: 11px 0px 0px 0px;
	width: auto;
}
#globalnavi li a {
	background-image: url(../imgs3/menu/globalnavi.gif);
	background-repeat: no-repeat;
	display: block;
	height: 58px;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
}
#concept {	background-position: 0px 0px;	width: 94px;	}
#concept:hover {	background-position: 0px -58px;	}
#concept.np {	background-position: 0px -116px;	}
#entrance {	background-position: -94px 0px;	width: 160px;	}
#entrance:hover {	background-position: -94px -58px;	}
#entrance.np {	background-position: -94px -116px;	}
#facilities {	background-position: -254px 0px;	width: 104px;	}
#facilities:hover {	background-position: -254px -58px;	}
#facilities.np {	background-position: -254px -116px;	}
#rooms {	background-position: -358px 0px;	width: 105px;	}
#rooms:hover {	background-position: -358px -58px;	}
#rooms.np {	background-position: -358px -116px;	}
#spa {	background-position: -463px 0px;	width: 104px;	}
#spa:hover {	background-position: -463px -58px;	}
#spa.np {	background-position: -463px -116px;	}
#cuisine {	background-position: -567px 0px;	width: 105px;	}
#cuisine:hover {	background-position: -567px -58px;	}
#cuisine.np {	background-position: -567px -116px;	}
#access {	background-position: -672px 0px;	width: 120px;	}
#access:hover {	background-position: -672px -58px;	}
#access.np {	background-position: -672px -116px;	}
#patissierlab {	background-position: -792px 0px;	width: 168px;	}
#patissierlab:hover {	background-position: -792px -58px;	}
#patissierlab.np {	background-position: -792px -116px;	}

/* フラッシュ（トップのみ） */
#flasharea {
	background: transparent url(../imgs3/bkgbtm.gif) left bottom repeat-x;
	padding: 0px 0px 8px 0px;
	text-align: center;
	width: 100%;
}

/*
	パンクズ
	pankuzu=トップ、ctoppankuzu=カテゴリートップ、pagepankuzu=下層
*/
.pankuzuarea, .pagepankuzuarea {
	padding: 10px 0px;
}
.ctoppankuzuarea {
	padding: 10px 0px 20px 0px;
}
.pankuzuarea .pankuzu {
	margin: 0px 25px;
	width: 910px;
}
.ctoppankuzuarea .pankuzu {
	margin: 0px 46px;
	width: 868px;
}
.pagepankuzuarea .pankuzu {
	margin: 0px 15px;
	width: 930px;
}
.pankuzu li, .ctoppankuzu li {
	display: block;
	float: left;
	font-size: 12px;
	line-height: 18px;
	width: auto;
}
.pankuzu li a {
	background-image: url(../imgs3/btn/garrow1.gif);
	background-position: right center;
	background-repeat: no-repeat;
	color: #000000;
	display: block;
	margin: 0px 10px 0px 0px;
	padding: 0px 16px 0px 0px;
	text-decoration: none;
	width: auto;
}
.pankuzu li a:hover, .pankuzu li a.np {
	background-color: transparent;
	color: #a49f97;
}
.pankuzu li a.np {
	background-image: none;/*url(../imgs3/btn/garrow2.gif);*/
}

.pankuzu li a:hover {
	text-decoration: underline;
}
/*.pankuzu li a span {
	background-image: url(../imgs3/btn/garrow.gif);
	background-position: left center;
	background-repeat: no-repeat;
	display: block;
	height: 13px;
	margin: 0px 1px;
	text-indent: -9999px;
	width: 13px;
}
.pankuzu li a:hover span, .pankuzu li a.np span {
	background-position: right center;
}*/
/* パンクズ右の、メイン写真の注釈 */
.mainphnotice {
	background-color: transparent;
	color: #4f5b54;
	font-size: 12px;
	line-height: 18px;
	margin: 0% 1%;
	text-align: right;
	width: 98%;
	z-index: 1;
}


/* トップページ用 */
.idxcols {
	margin: 0px 24px 0px 0px;
	padding: 0px 0px 10px 0px;
	width: 297px;
}
.idxsttl {
	background: transparent url(../imgs3/btn/more1.gif) right center no-repeat;
	width: 100%;
}

.idxnews {
	overflow: auto;
	text-align: left;
	width: 100%;
}
.idxnews dt, .idxnews dd {
	border-top: 1px dotted #a7adaa;
	display: block;
	float: left;
	font-size: 12px;
	line-height: 18px;
	margin: 0px;
	padding: 6px 0px;
}
.idxnews dt {
	background-color: transparent;
	color: #5592c5;
	width: 26%;
}
.idxnews dd {
	max-width: 73%;
	width: auto;
}

.idxbnrarea {
	border-top: 1px dotted #a7adaa;
	width: 100%;
}
.idxlftbanner {
	display: block;
	margin-top: 7px;
	width: 100%;
}

.idxplan dt, .idxplan dd {
	border-top: 1px dotted #9fbee4;
	float: left;
}
.idxplan dt {
	height: 96px;
	overflow: hidden;
	width: 122px;
}
.idxplan dt img {
	margin: 6px 0px 0px 6px;
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.idxplan dt span {
	background-image: url(../imgs3/index/pickup.png);
	background-repeat: no-repeat;
	display: block;
	height: 43px;
	position: relative;
	overflow: hidden;
	text-indent: -9999px;
	top: -90px;
	width: 43px;
	z-index: 2;
}
#pickupplan1 dt span {	background-position: left top;	}
#pickupplan2 dt span {	background-position: center top;	}
#pickupplan3 dt span {	background-position: right top;	}
.idxplan dd {
	font-size: 12px;
	line-height: 18px;
	padding: 6px 0px;
	width: 174px;
}
.idxplan dd a {
	background: transparent url(../imgs3/index/plan/detail.gif) right bottom no-repeat;
	color: #4f5b54;
	display: block;
	padding: 0px 0px 13px 0px;
	text-decoration: none;
	width: 100%;
}
.idxplanread {
	display: block;
	width: 100%;
}
#pickupplan1 dd .idxplanread {	background-color: transparent;	color: #f39700;	}
#pickupplan2 dd .idxplanread {	background-color: transparent;	color: #5592c5;	}
#pickupplan3 dd .idxplanread {	background-color: transparent;	color: #b6cb54;	}
.idxplan strong {
	font-size: 14px;
}

.idxrsrvs {
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	padding: 10px 0px;
	width: 267px;
}
.idxrsrvs a {
	background-color: transparent;
	color: #4f5b54;
	display: block;
	float: left;
	text-align: center;
	text-decoration: none;
	width: 49.5%;
}
.idxrsrvs a:hover {
	text-decoration: underline;
}


#splinkarea {
	background: transparent url(../imgs3/bkgbtm.gif) left top repeat-x;
	border-bottom: 1px solid #9fbee4;
	padding: 8px 0px;
}
.splinks {
	float: left;
	width: 857px;/*width: 882px;*/
}
.splinks li {
	float: left;
	width: auto;
}
.splinks li a {
	background: transparent url(../imgs3/btn/garrow1.gif) left center no-repeat;
	color: #4f5b54;
	display: block;
	font-size: 12px;
	line-height: 16px;
	margin: 0px 0px 0px 25px;
	padding: 3px 16px 0px 0px;
	text-decoration: none;
	text-indent: 16px;
	width: auto;
}
.splinks li a:hover {
	text-decoration: underline;
}
.pagetop {
	background: transparent url(../imgs3/btn/pagetop.gif) left center no-repeat;
	display: block;
	float: left;
	height: 22px;
	text-indent: -9999px;
	width: 103px;/*width: 78px;*/
}


/* フッター */
.ftraddress {
	padding: 18px 0px;
	/*text-align: center;*/
	width: 372px;
}
.ftraddress img {
	margin-left: 25px;
}
.ftrlinkarea {
	padding: 18px 0px;
	width: 560px;
}
.ftrlinks {
	width: 140px;
}
.ftrlinks li a {
	background: transparent url(../imgs3/btn/garrow1.gif) left center no-repeat;
	color: #4f5b54;
	display: block;
	font-size: 12px;
	line-height: 21px;
	text-decoration: none;
	text-indent: 16px;
}
.ftrlinks li a:hover {
	text-decoration: underline;
}


/* カテゴリートップ */
.ctopbkg {
	background-position: center top;
	background-repeat: no-repeat;
	width: 100%;
}
#roomtop {	background-image: url(../imgs3/rooms/index/main.jpg);	}
.cmain {
	margin: 0px 0px 0px 46px;
	padding: 25px 0px 0px 0px;
	width: 914px;
}
.cmainttlimg {
	padding: 0px 0px 10px 0px;
}
.cmainread {
	font-size: 21px;
	line-height: 33px;
	padding: 0px 0px 10px 0px;
}
.cmaindesc {
	font-size: 14px;
	line-height: 29px;
	padding: 0px 0px 10px 0px;
}
.ctopitemleft {
	width: 468px;
}
.ctopitemarea {
	border-top: 4px solid #9fbee4;
	padding: 20px 0px;
	width: 400px;
}
.ctopitemarealast {
	border-bottom: 4px solid #9fbee4;
}
.ctopitemdesc {
	font-size: 12px;
	line-height: 18px;
	padding: 4px 0px;
	width: 260px;
}
.ctopitemdetail {
	background: transparent url(../imgs3/btn/detail1.gif) right center no-repeat;
	display: block;
	height: 44px;
	text-indent: -9999px;
	width: 139px;
}


/* 各ページ最上部の写真 */
.pmainphotoarea {
	background-position: left top;
	background-repeat: no-repeat;
	height: 312px;
	width: 960px;
}
.presidentialmain {	background-image: url(../imgs3/rooms/presidential/main.jpg);	}
	.suitemain {	background-image: url(../imgs3/rooms/suite/main.jpg);	}
	.sbsemisuitemain	{	background-image: url(../imgs3/rooms/sbsemisuite/main.jpg);	}
	.deluxemain	{	background-image: url(../imgs3/rooms/deluxe/main.jpg);	}
	
	.amamumain	{background-image: url(../imgs3/cuisine/amamu/main.jpg);}
	.amanoutamain	{background-image: url(../imgs3/cuisine/amanouta/main.jpg);}
	
.mainphotonavi {
	background-image: url(../imgs3/btn/photo.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	height: 21px;
	text-align: right;
}
.mainphoto3 {	margin: 0px 0px 0px 822px; padding: 280px 0px 0px 0px; width: 130px;	}
.mainphoto4 {	margin: 0px 0px 0px 795px; padding: 280px 0px 0px 0px; width: 154px;	}
.mainphotonavi li {
	float: right;
	width: 24px;
}
.mainphotonavi li a {
	background-image: url(../imgs3/btn/photos.gif);
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	text-align: left;
	text-indent: -9999px;
	width: 21px;
}
.mainphotonavi li a:hover, .mainphotonavi li a.np {
	background-position: left bottom;
}


/* 各ページ右メインコンテンツエリア */
.mainarea {	width: 695px;	}

.mainttl {
	font-size: 27px;
	line-height: 32px;
	width: 557px;
}
.mainttl a {
	background-color: transparent;
	color: #4f5b54;
	text-decoration: none;
}
.mainttl span {
	font-size: 19px;
	line-height: 24px;
}

.viewfloors {
	background-color: transparent;
	background-image: url(../imgs3/btn/garrow1.gif);
	background-position: left center;
	background-repeat: no-repeat;
	color: #4f5b54;
	display: block;
	font-size: 12px;
	height: 13px;
	line-height: 13px;
	margin: 42px 0px 0px 0px;
	text-decoration: none;
	text-indent: 16px;
	width: 125px;
}
.viewfloors:hover {
	background-image: url(../imgs3/btn/barrow2.gif);
	text-decoration: underline;
}

.leftinfo {
	padding: 0px 0px 10px 0px;
	width: 377px;
}
.infoarea {	width: 349px;	}	/* 客室ページ */
.ename {
	padding: 8px 0px;
	width: 100%;
}
.checkinout {
	border-color: #d3d6d4;	/*#4f5b54*/
	border-style: solid;
	border-width: 1px 0px;
	font-size: 12px;
	line-height: 18px;
	padding: 2px 0px;
	width: 100%;
}
.sttl {
	background-color: #9fbee4;
	color: #ffffff;
	font-size: 14px;
	line-height: 20px;
	padding: 2px 0px;
	text-indent: 6px;
	width: 100%;
}
.desc {
	font-size: 12px;
	line-height: 20px;
	padding: 4px 0px 20px 0px;
	width: 100%;
}
.viewdetails {
	background-color: transparent;
	background-image: url(../imgs3/btn/detail2.gif);
	background-position: left center;
	background-repeat: no-repeat;
	color: #4f5b54;
	cursor: pointer;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: 31px;
	line-height: 31px;
	text-decoration: none;
	text-indent: 28px;
	width: 49.5%;
}
.viewdetails:hover {
	background-color: transparent;
	color: #ffffff;
	text-decoration: none;
}
.rightphotos {
	padding: 10px 0px;
	width: 318px;
}
.photoarea {
	padding: 0px 0px 6px 0px;
	width: 308px;
}

/* 予約ボタン */
.rsrvarea {
	border-top: 1px dotted #d3d6d4;
	padding: 20px 0px;
	text-align: center;
	width: 100%;
}
.rsrvbtn {
	background: transparent url(../imgs3/btn/rsrv.gif) center top no-repeat;
	color: #ffffff;
	display: block;
	font-size: 16px;
	font-weight: bold;
	height: 54px;
	line-height: 42px;
	text-decoration: none;
	width: 100%;
}
.rsrvareasp {
	padding: 10px 0px;
	text-align: center;
	width: 100%;
}

/* 各ページ左メニュー */
.sidemenuarea {
	width: 265px;
}
.sdmttl {
	border-top: 3px solid #9fbee4;
	padding: 10px 0px 30px 0px;
	text-align: center;
	width: 215px;
}
.sidemenu {
	padding: 0px 0px 10px 0px;
	width: 215px;
}
.sidemenu li {
	margin: 0px 0px 0px 11px;
	width: 194px;
}
.sidemenu li a {
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
	width: 100%;
}
/* 左メニュー関連リンク */
.siderelmenu {
	border-top: 3px solid #9fbee4;
}
.siderelmenu li {
	padding: 10px 0px 3px 0px;
}
.siderelmenu li a {
	background-color: transparent;
	background-image: url(../imgs3/btn/garrow1.gif);
	background-position: left center;
	background-repeat: no-repeat;
	color: #4f5b54;
	display: block;
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;
	text-decoration: none;
	text-indent: 16px;
	width: 100%;
}
.siderelmenu li a:hover {
	background-image: url(../imgs3/btn/barrow2.gif);
	text-decoration: underline;
}
/* 客室ページ用左メニュー */
.roomsdm li a {	background-image: url(../imgs3/rooms/sidemenu.jpg); height: 137px;	}
#presidentialsdm {	background-position: 0px 0px;	}
#presidentialsdm:hover, #presidentialsdm.np {	background-position: 0px -152px;	}
#suitesdm {	background-position: -194px 0px;	}
#suitesdm:hover, #suitesdm.np {	background-position: -194px -152px;	}
#sbsemisuitesdm {	background-position: -388px 0px; height: 152px;	}
#sbsemisuitesdm:hover, #sbsemisuitesdm.np {	background-position: -388px -152px;	}
#sbdeluxesdm {	background-position: -582px 0px;	}
#sbdeluxesdm:hover, #sbdeluxesdm.np {	background-position: -582px -152px;	}
#deluxesdm {	background-position: -776px 0px; height: 124px;	}
#deluxesdm:hover, #deluxesdm.np {	background-position: -776px -152px;	}
#standardsdm {	background-position: -970px 0px; height: 124px;	}
#standardsdm:hover, #standardsdm.np {	background-position: -970px -152px;	}
#wanchansdm {	background-position: -1164px 0px; height: 124px;	}
#wanchansdm:hover, #wanchansdm.np {	background-position: -1164px -152px;	}




#cuisinetop {	background-image: url(../imgs3/cuisine/index/main.jpg);	}
#spatop {	background-image: url(../imgs3/spa/index/main.jpg);	}
#daytriptop{	background-image: url(../imgs3/daytrip/main.jpg);	}

.amamumain	{background-image: url(../imgs3/cuisine/amamu/main.jpg);}
.amanoutamain	{background-image: url(../imgs3/cuisine/amanouta/main.jpg);}

.shikotsubiyumain	{background-image: url(../imgs3/spa/shikotsubiyu/main.jpg);}
.treatmentmain	{background-image: url(../imgs3/spa/treatment/main.jpg);}
.gymmain	{background-image: url(../imgs3/spa/gym/main.jpg);}
.aquabluemain	{background-image: url(../imgs3/spa/aquablue/main.jpg);}
.daytripmain	{background-image: url(../imgs3/daytrip/main.jpg);}
.labmain	{background-image: url(../imgs3/lab/main.jpg);}


div.plan-link-box {
	border: 5px solid #CAD9F0;
	background: #ffffff;
	margin: 0px 0px 15px 25px;
	width: 640px;
}

div.plan-link-inside {
	margin: 5px;
}

div.plan-link-left {
	float: left;
	width: 230px;
}
div.plan-link-right {
	float: left;
}

