@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: 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;
	border-top: 4px solid #3c3737;
	color: #3c3737;
	text-align: center;
}
.page {
	margin: 0px auto;
	text-align: left;
	width: 960px;
}

/* ヘッダー */
#hdrarea {
	height: 90px;
}
#top {
	padding: 7px 0px 0px 0px;
	text-align: left;
	width: 50%;
}
.hdrmarea {
	height: 90px;
	overflow: hidden;
	width: 50%;
}
.hdrmenu {
	background-image: url(../imgs2/menu/header.gif);
	background-repeat: no-repeat;
	display: block;
	float: right;
	height: 51px;
	margin: 0px 1px;
	text-align: left;
	text-indent: -9999px;
	width: 113px;
}
.olmenu {
	height: 33px;
	margin: 0px 10px 0px 120px;
	width: 350px;
}
.olmenu li {
	float: left;
	/*padding: 6px 0px;*/
}
.olmenu li a {
	background-image: url(../imgs2/menu/header.gif);
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
	width: 106px;
}
#olcn {	background-position: 0px 0px; height: 22px;	}
#olen {	background-position: -106px 0px; height: 22px;	}
#tsurugagroup {	background-position: -212px 0px; height: 33px; width: 138px;	}
.hdrplans {
	height: 41px;
	margin: 0px 0px 0px 120px;
	width: 350px;
}
.hdrplans a {
	background-image: url(../imgs2/menu/hdrplans.gif);
	background-repeat: no-repeat;
	display: block;
	float: right;
	height: 41px;
	margin: 10px 0px 0px 10px;
	text-indent: -9999px;
	width: 152px;
}
#rsrv {	background-position: 0px 0px;	}
#rsrv:hover, #rsrv.np {	background-position: 0px -41px;	}
#daytrip {	background-position: -152px 0px;	}
#daytrip:hover, #daytrip.np {	background-position: -152px -41px;	}


/* メインメニュー */
.mainbkg {
	background: transparent url(../imgs2/index/mainbkg.jpg) center top repeat-x;
	height: 388px;
}
#globalnavi {
	height: 60px;
	margin: 0px 18px 0px 22px;
	padding: 0px;
	width: 920px;
}
.idxgnaviarea {
	height: 60px;
	margin-bottom: -60px;
	overflow: hidden;
	position: relative;
	top: -388px;
}
.gnaviarea {
	background: transparent url(../imgs2/mainbkg.jpg) right top repeat-x;
	height: 410px;
	width: 100%;
}
.ttlbkg {
	background: transparent url(../imgs2/ttlbkg.jpg) center top repeat-x;
	width: 100%;
}
#globalnavi li {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 115px;
}
#globalnavi li a {
	background-image: url(../imgs2/menu/globalnavi.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	display: block;
	height: 58px;
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
	width: 113px;
}
#home {	background-position: 0px 0px;	}
#home:hover, #home.np {	background-position: 0px -60px;	}
#reserve {	background-position: -113px 0px;	}
#reserve:hover, #reserve.np {	background-position: -113px -60px;	}
#concept {	background-position: -226px 0px;	}
#concept:hover, #concept.np {	background-position: -226px -60px;	}
#room {	background-position: -339px 0px;	}
#room:hover, #room.np {	background-position: -339px -60px;	}
#cuisine {	background-position: -452px 0px;	}
#cuisine:hover, #cuisine.np {	background-position: -452px -60px;	}
#spa {	background-position: -565px 0px;	}
#spa:hover, #spa.np {	background-position: -565px -60px;	}
#facilities {	background-position: -678px 0px;	}
#facilities:hover, #facilities.np {	background-position: -678px -60px;	}
#access {	background-position: -791px 0px;	}
#access:hover, #access.np {	background-position: -791px -60px;	}


/* カテゴリートップ用メインイメージ */
.ctopbkg {
	background-position: center top;
	background-repeat: no-repeat;
	height: 100%;
}
.ctopimgttl {
	margin: 0px 22px 0px 18px;
	padding: 310px 0px 0px 0px;
	width: 920px;
}

/* ページ右側コンテンツ */
.mainarea {
	/* 左にメニュー有り */
	padding: 0px 0px 20px 0px;
	width: 708px;
}
.fullmainarea {
	/* 左にメニュー無し */
	margin: 0px 0px 0px 22px;
	padding: 0px 0px 20px 0px;
	width: 937px;
}

/* カテゴリートップ用 */
.ctopfimgttl {
	padding: 0px 0px 10px 0px;
	width: 100%;
}
.ctopintro {
	font-size: 12px;
	line-height: 21px;
	padding: 0px 0px 20px 0px;
	width: 100%;
}
.ctopsttl {
	text-indent: -9999px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}
.ctopimgsttl {
	background-repeat: no-repeat;
	display: block;
	width: 100%;
}
/* カテゴリー用ページボタン */
.ctoplbtnarea1, .ctoplbtnarea2 {
	background-color: transparent;
	padding: 12px 0px;
	width: 348px;
}
.ctoplbtnarea1:hover {	background: transparent url(../imgs2/btn/ctoplbtnarea1.jpg) center bottom no-repeat;	}
.ctoplbtnarea2:hover {	background: transparent url(../imgs2/btn/ctoplbtnarea2.jpg) center bottom no-repeat;	}
.ctoplbtn {
	display: block;
	margin: 0px 23px;
	width: 302px;
}
.col2 {
	padding: 0px 0px 10px 0px;
	width: 49.5%;
}
.col3 {
	padding: 0px 0px 10px 0px;
	width: 33%;
}
.ctopmbtn {
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
}
.viewplans1 {
	background: transparent url(../imgs2/btn/viewplans1.gif) center top no-repeat;
	display: block;
	height: 22px;
	text-indent: -9999px;
	width: 100%;
}


/* 各カテゴリー内ページ右側コンテンツエリア */
.pagecontents {
	background: transparent url(../imgs2/pagemcbkg.gif) left 460px repeat-x;
	padding-top: 14px;
}

/* 各カテゴリー内ページ右側コンテンツ用写真1エリア */
#mainphoto {
	background-position: left top;
	background-repeat: no-repeat;
	height: 367px;
	width: 708px;
}
.ph1thumbs {
	margin: 0px 0px 0px 508px;
	padding: 305px 0px 0px 0px;
	/*width: 183px;*/
	width: 198px;
}
.ph1thumbs li {
	float: left;
	width: 66px;
}
.ph1thumbs li a {
	background-repeat: no-repeat;
	display: block;
	height: 50px;
	text-indent: -9999px;
	width: 50px;
}
.th1lft {	background-position: left top;	}
.th1lft:hover {	background-position: left bottom;	}
.th1ctr {	background-position: center top;	}
.th1ctr:hover {	background-position: center bottom;	}
.th1rgt {	background-position: right top;	}
.th1rgt:hover {	background-position: right bottom;	}


/* 各カテゴリー内ページ右側コンテンツ用 */
.pagecenter {	width: 490px;	}
.pageright {	padding: 60px 0px 0px 0px;	width: 217px;	}
.pagettl {	padding: 16px 0px 16px;	width: 100%;	}
.pagesttl {
	font-size: 18px;
	line-height: 24px;
	padding: 0px 0px 14px 0px;
	width: 100%;
}
.pageintro {
	font-size: 12px;
	line-height: 23px;
	padding: 0px 0px 24px 0px;
	width: 100%;
}
.pagedesc {
	font-size: 12px;
	line-height: 19px;
	padding: 0px 0px 10px 0px;
	width: 100%;
}

/* pagecenter用 */
/* スペック */
.specttl {
	background: #ddd7c2 url(../imgs2/specttlbkg.gif) right bottom no-repeat;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	text-indent: 4px;
	width: 95%;
}
.speclist {
	border-bottom: 1px solid #595757;
	list-style-type: none;
	margin: 0px 0px 8px 0px;
	padding: 8px 0px;
	width: 95%;
}
.speclist li {
	font-size: 12px;
	line-height: 19px;
	margin: 0px;
	padding: 0px;
	text-indent: 4px;
}


/* 施設,食事,温泉 */
.featurearea {
	border-bottom: 1px solid #3c3737;
	margin: 24px 0px 0px 0px;
	padding: 0px 0px 16px 0px;
	width: 94.5%;
}
.featurettl {
	background-color: #ddd7c2;
	background-position: right center;
	background-repeat: no-repeat;
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
	padding: 2px 0px;
	text-indent: 4px;
	width: 100%;
}
.featureph {
	padding: 8px 0px;
	text-align: center;
	width: 35%;
}
.featureinfo {
	padding: 8px 0px;
	width: 64.5%;
}
.featureinfo .pagedesc {
	margin: 0% 0% 0% 2%;
	width: 97.5%;
}


/* pageright用 */
.pagerightph {
	padding: 0px 0px 10px 0px;
}
/* パノラマ付施設のみ */
.viewpano {
	background-color: transparent;
	background-image: url(../imgs2/btn/panorama.gif);
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	height: 31px;
	margin: -60px 0px 29px 54px;
	text-indent: -9999px;
	width: 162px;
}
.viewpano:hover {
	background-position: left bottom;
}


/* バーメニュー,コロホル,ラーメン */
.barmenu, .koroholmenu, .ramenmenu, .jpcoursemenu {
	display: block;
	width: 100%;
}
.barmenu dt, .barmenu dd, .koroholmenu dt, .koroholmenu dd, .ramenmenu dt, .ramenmenu dd, .jpcoursemenu dt, .jpcoursemenu dd {
	background-color: transparent;
	color: #3c3737;
	display: block;
	float: left;
	font-size: 12px;
	line-height: 18px;
	padding: 2px 0px;
}
.barmenu dt, .ramenmenu dt {		background: transparent url(../imgs2/dot3.gif) left center repeat-x; width: 85%;	}
.barmenu dt span, .ramenmenu dt span {	background-color: #ffffff; color: #3c3737; padding: 0px 3px 0px 0px;	}
.barmenu dd, .ramenmenu dd {		text-align: right; width: 15%;	}
.koroholmenu dt, .koroholmenu dd {	border-top: 1px solid #3c3737; width: 49.5%;	}
.ramenmenu dt {				width: 83%;	}
.ramenmenu dd {				text-align: left; width: 16.5%;	}
/* 食事：和食 */
.jpcoursemenu dt {			width: 15%;	}
.jpcoursemenu dd {			text-align: left; width: 84.5%;	}



/* ページ最下部予約ボタン */
.pagebtmrsrvarea {
	border-top: 1px solid #3c3737;
	margin: 14px 0px 0px 0px;
	padding: 24px 0px 0px 0px;
	text-align: center;
	width: 100%;
}
.pagebtmrsrv {
	background: transparent url(../imgs2/btn/rsrv.gif) center top no-repeat;
	color: #ffffff;
	display: block;
	font-size: 16px;
	font-weight: bold;
	line-height: 32px;
	margin: 0px auto;
	height: 48px;
	text-align: center;
	text-decoration: none;
	width: 358px;
}
.pagebtmrsrv:hover {
	text-decoration: underline;
}


/* カテゴリートップ用ページ左側メニュー */
.sidemenuarea {
	padding: 0px 0px 20px 0px;
	width: 230px;
}
.ctoprttl {
	font-size: 23px;
	line-height: 39px;
	width: 100%;
}
/* 各カテゴリーページ内左側エリア */
.catmenu {
	/* メニュー移動用に… */
	padding: 0px;
}
.catmenuarea {
	padding: 72px 0px 20px 0px;
	width: 251px;
}
.catimgttl {
	height: 58px;
	width: 100%;
}
/* 各カテゴリーページ内左側メニュー */
.catmenuttl {
	/* メニュータイトル */
	padding: 0px 0px 8px 0px;
	text-indent: 6px;
	width: 100%;
}
.catmenus, .catrelmenu {
	/* メニュー */
	list-style-type: none;
	padding: 10px 0px 10px 0px;
	width: 100%;
}
.catmenus li {
	padding: 0px 0px 2px 0px;
}
.catmenus li a {
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
}
.catrelmenu li {
	padding: 0px 0px 6px 0px;
}
.catrelmenu li a {
	background-color: transparent;
	background-image: url(../imgs2/btn/arrow4.gif);
	background-position: 6px 4px;
	background-repeat: no-repeat;
	color: #3c3737;
	display: block;
	font-size: 12px;
	line-height: 16px;
	text-decoration: none;
	text-indent: 22px;
}
.catrelmenu li a:hover {
	background-image: url(../imgs2/btn/arrow3.gif);
	text-decoration: underline;
}


/*
	パンクズ
	pankuzu=トップ・カテゴリートップ、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 10px;
	width: 688px;
}
.pankuzu li, .ctoppankuzu li {
	display: block;
	float: left;
	font-size: 12px;
	line-height: 18px;
	width: auto;
}
.pankuzu li a {
	background-color: transparent;
	background-image: url(../imgs2/btn/arrow4.gif);
	background-position: right 5px;
	background-repeat: no-repeat;
	color: #3c3737;
	display: block;
	margin: 0px 10px 0px 0px;
	padding: 0px 18px 0px 0px;
	text-decoration: none;
	width: auto;
}
.pankuzu li a:hover, .pankuzu li a.np {
	background-color: transparent;
	color: #3c3737;
}
.pankuzu li a.np {
	background-image: none;
}

.pankuzu li a:hover {
	text-decoration: underline;
}


/* カテゴリートップ用背景 */
.ctrbkg {	background: #ffffff url(../imgs2/ctrbkg2.jpg) center 60px no-repeat;	width: 100%;	}
.ctrbkg2 {	background: #ffffff url(../imgs2/ctrbkg3.gif) center 60px no-repeat;	width: 100%;	}


/* スペシャルリンク */
#splinkarea {
	background: #e0ddce url(../imgs2/splinkbkg.gif) center top repeat-y;
	border-top: 1px solid #3c3737;
	padding: 8px 0px;
}
.splinks {
	float: left;
	width: 877px;
}
.splinks li {
	float: left;
	width: auto;
}
.splinks li a {
	background-color: transparent;
	background-image: url(../imgs2/btn/arrow4.gif);
	background-position: left center;
	background-repeat: no-repeat;
	color: #3c3737;
	display: block;
	font-size: 14px;
	line-height: 16px;
	margin: 0px 0px 0px 25px;
	padding: 3px 0px 0px 0px;
	text-decoration: none;
	text-indent: 16px;
	width: auto;
}
.splinks li a:hover {
	background-color: transparent;
	color: #8d8d8f;
	text-decoration: underline;
}
.pagetop {
	background: transparent url(../imgs2/btn/pagetop.gif) left center no-repeat;
	display: block;
	float: left;
	height: 22px;
	text-indent: -9999px;
	width: 57px;
}

/* フッター */
#footer {
	background-color: #3c3737;
	color: #ffffff;
	width: 100%;
}
.ftraddress {
	padding: 18px 0px;
	width: 450px;
}
.ftraddress img {
	margin-left: 7px;
}
.ftrlinkarea {
	padding: 18px 0px;
	width: 510px;
}
.ftrlinks {
	width: 33.3%;
}
.ftrlinks li a {
	background-color: transparent;
	background-image: url(../imgs2/btn/arrow2.gif);
	background-position: left center;
	background-repeat: no-repeat;
	color: #ffffff;
	display: block;
	font-size: 12px;
	line-height: 21px;
	text-decoration: none;
	text-indent: 16px;
}
.ftrlinks li a:hover {
	background-image: url(../imgs2/btn/arrow3.gif);
	text-decoration: underline;
}



/* フラッシュ（トップのみ） */
#flasharea {
	background: transparent url(../imgs2/index/mainbkg.jpg) center top repeat-x;
	height: 388px;
	text-align: center;
	width: 100%;
}



/* トップページ用 */
.idxctrbkg {
	background: transparent url(../imgs2/ctrbkg.jpg) left top no-repeat;
}
.idxcols {
	margin: 0px 13px 0px 0px;
	padding: 15px 0px 34px 0px;
	width: 308px;
}
.idxsttl {
	width: 100%;
}


/* トップページ最新情報 */
.idxnewsarea {
	border-bottom: 1px solid #cfcece;
	margin: 0px 0px 0px 26px;
	text-align: left;
	width: 618px;
}
.idxnewsttl, .idxnews {
	width: 100%;
}
.idxnews dt, .idxnews dd {
	border-top: 1px solid #cfcece;
	float: left;
	font-size: 12px;
	line-height: 18px;
	padding: 6px 0px;
}
.idxnews .nobdr {
	border: none;
}
.idxnews dt {
	background: transparent url(../imgs2/btn/arrow1.gif) 91% center no-repeat;
	text-align: center;
	width: 18%;
}
.idxnews dd {
	width: 81.5%;
}


.idxbnrarea {
	border-top: 1px dotted #a7adaa;
	width: 100%;
}
.idxlftbanner {
	display: block;
	margin-top: 7px;
	width: 100%;
}

/* トップページおすすめプラン */
.idxplans {
	background: #ffffff url(../imgs2/index/planbkg.gif) left bottom no-repeat;
	width: 308px;
}
.idxplan {
	margin: 0px 0px 0px 8px;
	width: 292px;
}
.idxplan dt, .idxplan dd {
	border-top: 1px dotted #9fbee4;
	float: left;
}
.idxplan .nobdr {
	border: none;
}
.idxplan dt {
	padding: 8px 0px;
	width: 107px;
}
#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: 8px 0px;
	width: 185px;
}
.idxplan dd a {
	background: transparent url(../imgs2/btn/viewdetail1.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: #768863;	}
#pickupplan2 dd .idxplanread {	background-color: transparent;	color: #487373;	}
#pickupplan3 dd .idxplanread {	background-color: transparent;	color: #4f8d8b;	}
.idxplan strong {
	font-size: 14px;
}

.idxrsrvs {
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	padding: 10px 0px;
	width: 280px;
}
.idxrsrvs a {
	background: transparent url(../imgs2/btn/arrow4.gif) 10px center no-repeat;
	color: #4f5b54;
	display: block;
	float: left;
	text-align: left;
	text-decoration: none;
	text-indent: 25px;
	width: 49.5%;
}
.idxrsrvs a:hover {
	text-decoration: underline;
}