@charset "utf-8";

html, body{
	height: 100%;
}

body{
	background-color: #ffffff;
	background: url('img/bg.jpg') repeat-y 50% 0;
}


/* ----------------------------------------------------------------------------------------------------
  ヘッダ
---------------------------------------------------------------------------------------------------- */

div#header{
	width: 750px;
	margin: 0 auto 10px auto;
}

div#header h1{
	width: 750px;
	height: 522px;
	margin: 0 auto 10px auto;
	background: url('img/toptitlephoto.jpg') no-repeat 0 0;
	text-indent: -3000px;
}



/* ----------------------------------------------------------------------------------------------------
  フッタ
---------------------------------------------------------------------------------------------------- */

div#footer{
	width: 730px;
	margin: 0 auto;
	padding: 10px;
	border-top: 2px solid #19254a;
}

div#footer address{
	font-size: 12px;
	line-height: 1.5em;
	font-style: normal;
	color: #303030;
	text-align: right;
}



/* ----------------------------------------------------------------------------------------------------
  ラッピング
---------------------------------------------------------------------------------------------------- */

div#wrapping{
	width: 750px;
	margin: 0 auto;
}



/* ----------------------------------------------------------------------------------------------------
  サイドバー (このプロジェクトでは無し)
---------------------------------------------------------------------------------------------------- */

div#sidebar{
}



/* ----------------------------------------------------------------------------------------------------
  ナビゲーション
---------------------------------------------------------------------------------------------------- */


ul#gnavi{
}

ul#gnavi li{
	float: left;
	width: 250px;
	height: 40px;
}
ul#gnavi li a{
	display: block;
	width: 250px;
	height: 40px;
	text-indent: -3000px;
	overflow: hidden;
}

ul#gnavi li#gnTop a{
	background: url('img/gnavi_top.jpg') no-repeat 0 0;
}
ul#gnavi li#gnTop a:hover{
	background-position: 0 -40px;
}
ul#gnavi li#gnTop a.current{
	background-position: 0 -80px;
}

ul#gnavi li#gnResort a{
	background: url('img/gnavi_resort.jpg') no-repeat 0 0;
}
ul#gnavi li#gnResort a:hover{
	background-position: 0 -40px;
}
ul#gnavi li#gnResort a.current{
	background-position: 0 -80px;
}

ul#gnavi li#gnAccess a{
	background: url('img/gnavi_access.jpg') no-repeat 0 0;
}
ul#gnavi li#gnAccess a:hover{
	background-position: 0 -40px;
}
ul#gnavi li#gnAccess a.current{
	background-position: 0 -80px;
}



/* ----------------------------------------------------------------------------------------------------
  コンテンツ
---------------------------------------------------------------------------------------------------- */


div#content{
	margin: 20px 0;
}

div#content div.padding10{
	padding: 0 10px;
}



/* ***** index.html ***** */

/* _____ 各ブロック _____ */
div.goodblock{
	margin-bottom: 50px;
}

/* _____ ブロック内のテキスト _____ */
div.goodblock div.goodtext{
	width: 420px;
	margin-left: 60px;
	padding-top: 10px;
	font-size: 16px;
	line-height: 1.5em;
}
div.goodblock div.goodtext p{
	text-indent: 0;
}

/* _____ ブロック内の写真 (右寄せ) _____ */
div.goodblock img.photoright{
	float: right;
}

/* _____ 各種タイトル _____ */
h2#subt_1{
	background: url('img/index_subt_1.jpg') no-repeat 0 0;
	height: 61px;
	margin-bottom: 10px;
	text-indent: -3000px;
}
h2#subt_2{
	background: url('img/index_subt_2.jpg') no-repeat 0 0;
	height: 61px;
	margin-bottom: 10px;
	text-indent: -3000px;
}
h2#subt_3{
	background: url('img/index_subt_3.jpg') no-repeat 0 0;
	height: 61px;
	margin-bottom: 10px;
	text-indent: -3000px;
}
h2#subt_4{
	background: url('img/index_subt_4.jpg') no-repeat 0 0;
	height: 61px;
	margin-bottom: 10px;
	text-indent: -3000px;
}
h2#subt_5{
	background: url('img/index_subt_5.jpg') no-repeat 0 0;
	height: 61px;
	margin-bottom: 10px;
	text-indent: -3000px;
}
h2#subt_6{
	background: url('img/index_subt_6.jpg') no-repeat 0 0;
	height: 61px;
	margin-bottom: 10px;
	text-indent: -3000px;
}
h2#subt_7{
	background: url('img/index_subt_7.jpg') no-repeat 0 0;
	height: 61px;
	margin-bottom: 10px;
	text-indent: -3000px;
}



/* ***** resort.html ***** */

div#topbanner{
	width: 750px;
	height: 153px;
	margin-bottom: 30px;
	background: url('img/room_topbanner.jpg') no-repeat 0 0;
}
div#topbanner p{
	text-indent: -6000px;
}

h2#subt_rooms{
	background: url('img/resort_subt_1.jpg') no-repeat 0 0;
	height: 61px;
	margin-bottom: 10px;
	text-indent: -3000px;
}
h2#subt_price{
	background: url('img/resort_subt_price.jpg') no-repeat 0 0;
	height: 80px;
	margin-bottom: 10px;
	text-indent: -3000px;
}

ul#rooms{
	color: #ff47a1;
	margin-bottom: 100px;
}
ul#rooms li{
	float: left;
	margin-bottom: 20px;
}
ul#rooms li div.photocenter{
	text-align: center;
}
ul#rooms li strong{
	padding: 0 10px;
	font-size: 20px;
	line-height: 30px;
}

ul#rooms li#room1{
	width: 365px;
}
ul#rooms li#room2{
	width: 365px;
}
ul#rooms li#room3{
	width: 365px;
}
ul#rooms li#room4{
	width: 365px;
}
ul#rooms li#room5{
	width: 230px;
}
ul#rooms li#room6{
	width: 160px;
}
ul#rooms li#room7{
	width: 160px;
}
ul#rooms li#room8{
	width: 180px;
}
ul#rooms li#room9{
	width: 260px;
}
ul#rooms li#room10{
	width: 470px;
}


div#pricebanner{
	width: 750px;
	height: 91px;
	margin-bottom: 30px;
	background: url('img/pricebanner.jpg') no-repeat 0 0;
}
div#pricebanner p{
	text-indent: -6000px;
}

/* _____ 料金表 _____ */
table#prices{
	border-collapse: separate;
}
table#prices tr th{
	height: 30px;
	vertical-align: middle;
	border: 1px solid #192649;
	background-color: #192649;
	color: #ffffff;
	
}

table#prices tr td{
	width: 175px;
	height: 60px;
	text-align: center;
	font-size: 30px;
	color: #ff47a1;
	font-weight: bold;
	border: 1px solid #192649;
}
table#prices tr td#tablenote{
	color: #606060;
	font-size: 12px;
	line-height: 22px;
	border: 0;
	height: 22px;
	text-align: left;
}


/* ***** access.html ***** */

h2#subt_access{
	background: url('img/access_subt_top.jpg') no-repeat 0 0;
	height: 61px;
	margin-bottom: 10px;
	text-indent: -3000px;
}

div#accessmap{
	text-align: center;
}
div#access_route{
	margin-bottom: 100px;
}

ul#access_route1{
	float: left;
	width: 365px;
}
ul#access_route2{
	float: right;
	width: 365px;
}
ul#access_route1 li{
	width: 365px;
	padding-bottom: 50px;
	background: url('img/access_next.jpg') no-repeat 50% 100%;
}
ul#access_route1 li#route06{
	width: 365px;
	padding-bottom: 50px;
	background: url('img/access_next2.jpg') no-repeat 50% 100%;
}
ul#access_route2 li{
	width: 365px;
	padding-bottom: 50px;
	background: url('img/access_next.jpg') no-repeat 50% 100%;
}
ul#access_route2 li#route11{
	background: url('');
}

div#telbanner{
	width: 750px;
	height: 159px;
	margin-bottom: 30px;
	background: url('img/telbanner.jpg') no-repeat 0 0;
}
div#telbanner p{
	text-indent: -6000px;
}



/* _____ ガイド _____ */

h2#subt_guide{
	background: url('img/access_subt_guide.jpg') no-repeat 0 0;
	height: 70px;
	margin-bottom: 10px;
	text-indent: -3000px;
}
div#guide_pr{
	margin-bottom: 50px;
}
div#guide_pr p{
	margin: 0;
	text-indent: 0;
	text-align: center;
	color: #19254a;
	font-weight: bold;
	font-size: 20px;
	line-height: 1.5em;
}

ul#guides{
	width: 720px;
	margin: 0 auto 0 auto;
}

ul#guides li{
	float: left;
	width: 230px;
	margin: 0 5px 50px 5px;
}
ul#guides li div.guidetext{
	height: 580px;
	padding: 5px;
	font-size: 12px;
	line-height: 1.75em;
	background-color: #19254a;
	color: #ffffff;
}

ul#guides li#guide04 div.guidetext{
	height: 390px;
	margin-bottom: 0;
}
ul#guides li#guide05 div.guidetext{
	height: 390px;
	margin-bottom: 0;
}
ul#guides li#guide06 div.guidetext{
	height: 390px;
	margin-bottom: 0;
}


ul#guides li h3{
	width: 230px;
	height: 49px;
	text-indent: -3000px;
}

ul#guides li#guide01 h3{
	background: url('img/guidepart_01.jpg') no-repeat 0 0;
}
ul#guides li#guide02 h3{
	background: url('img/guidepart_02.jpg') no-repeat 0 0;
}
ul#guides li#guide03 h3{
	background: url('img/guidepart_03.jpg') no-repeat 0 0;
}
ul#guides li#guide04 h3{
	background: url('img/guidepart_04.jpg') no-repeat 0 0;
}
ul#guides li#guide05 h3{
	background: url('img/guidepart_05.jpg') no-repeat 0 0;
}
ul#guides li#guide06 h3{
	background: url('img/guidepart_06.jpg') no-repeat 0 0;
}

div#mailto{
	width: 750px;
	height: 70px;
	padding-top: 30px;
	background: url('img/mailto.jpg') no-repeat 0 0;
}
div#mailto a{
	display: block;
	width: 750px;
	height: 70px;
	text-indent: -3000px;
	overflow: hidden;
}

div#pagetoplinkarea{
	text-align: right;
	margin: 80px 0 0 0;
	padding: 10px;
}
a#agetoplink img{
	border: 0;
}