@charset "shift_jis";
/* CSS Document */

body{
	margin:0px;
	background-image:url(../img/main/bg.jpg);
	background-repeat:repeat;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ"," Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

img{	
	max-width: 100%; 
	height: auto;
	border:none;
}
a:link {
	border:none;
	color:#E8CACE;
}
ul{
	list-style:none;
	padding-left:25px;
}
li{
	margin:0px;
	}


#hed{
	height:300px;
	margin-left:auto;
	margin-right:auto;
}
#top{
	margin-right:auto;
	margin-left:auto;
	width:1200px;
}
#navi{
	background-image:url(../img/navi/navi_bg.jpg);
	background-repeat:repeat-x;
	height:120px;
	margin-left:auto;
	margin-right:auto;
}
#butum{
	margin-left:auto;
	margin-right:auto;
	width:1200px;
	position:relative;
	}
#gnav{
	position:absolute;
	left:125px;
	height:80px;
	overflow: hidden;
	width:950px;
	
}

ul#menu {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 950px;
  height: 80px;
}

/* display:none;で要素を消す。また、position:absolute;を指定する。 */
ul#menu li span {
  display: none;
  position: absolute;
}

/* text-indentでテキストをウィンドウ外に飛ばし、見えなくする。
また、a要素をblockレベルに変換。
position:absolute;も指定。outlineの指定の意味は分からない。 */
ul#menu li a {
  display: block;
  text-indent: -900%;
  position: absolute;
}

/* マウスオーバー時に、各li要素の左下の背景画像（文字にラインが入っているもの）
が表示されるようにする。 */
ul#menu li a:hover {
  background-position: left bottom;
}

/* マウスオーバー時に、span要素をブロック要素に変換する。 */
ul#menu li a:hover span {
  display: block;
}

/* homeというclass属性が与えられたa要素にwidthとheightを指定する。
既にul#menu li aに対してdisplay:block;を指定しているので、leftとtopに座標を指定する。
その上で、手書きっぽい"Home"という画像を背景画像として読み込む。 */
ul#menu li a.club {
	width: 135px;
	height: 80px;
	left:0px;
	top: 0px;
	background-image: url(../img/navi/club.jpg);
	background-repeat: no-repeat;
}

/* マウスオーバー時に手書きっぽい"Go to Home"と書かれた画像が読み込まれる
（ul#menu li a:hover spanを参考）。更に、leftとtopに座標を指定する。
ネガティブマージンを使いるのは、"Home"という背景画像の上部に
この"Go to Home"という画像を表示するため。 */
ul#menu li a.club span {
	width:135px;
	height:80px;
	left:0px;
	top:80px;
	background-image: url(../img/navi/club.jpg);
	background-repeat: no-repeat;
}

/* 上記の1つ目のメニュー（Home）以外のメニューにも同様のルールを適用する。 */
ul#menu li a.room{
	width:135px;
	height: 80px;
	left:135px;
	top: 0px;
	background-image: url(../img/navi/room.jpg);
	background-repeat: no-repeat;
}
ul#menu li a.room span {
  width: 135px;
  height: 80px;
  background: url(../img/navi/room.jpg) no-repeat;
  left:0px;
  top:80px;
}
ul#menu li a.spa {
	width:135px;
	height: 80px;
	left: 270px;
	top: 0px;
	background-image: url(../img/navi/spa.jpg);
	background-repeat: no-repeat;
}
ul#menu li a.spa span {
  width: 135px;
  height: 80px;
  background: url(../img/navi/spa.jpg) no-repeat;
  left: 0px;
  top: 80px;
}
ul#menu li a.ryouri{
	width:135px;
	height: 80px;
	left: 405px;
	top: 0px;
	background-image: url(../img/navi/dish.jpg);
	background-repeat: no-repeat;
}
ul#menu li a.ryouri span {
  width: 135px;
  height: 80px;
  background: url(../img/navi/dish.jpg) no-repeat;
  left: 0px;
  top: 80px;
}
ul#menu li a.sisetu{
	width:135px;
	height: 80px;
	left: 540px;
	top: 0px;
	background-image: url(../img/navi/public.jpg);
	background-repeat: no-repeat;
}
ul#menu li a.sisetu span {
  width: 135px;
  height: 80px;
  background: url(../img/navi/public.jpg) no-repeat;
  left: 0px;
  top: 80px;
}
ul#menu li a.koutu {
	width:135px;
	height: 80px;
	left: 675px;
	top: 0px;
	background-image: url(../img/navi/access.jpg);
	background-repeat: no-repeat;
}
ul#menu li a.koutu span {
  width: 135px;
  height: 80px;
  background: url(../img/navi/access.jpg) no-repeat;
  left: 0px;
  top: 80px;
}
ul#menu li a.yoyaku{
	width:135px;
	height: 80px;
	left: 810px;
	top: 0px;
	background-image: url(../img/navi/recervation.jpg);
	background-repeat: no-repeat;
}
ul#menu li a.yoyaku span {
  width: 135px;
  height: 80px;
  background: url(../img/navi/recervation.jpg) no-repeat;
  left: 0px;
  top: 80px;
}

#sub{
	position:absolute;
	top:82px;
	left:125px;
	width:950px;
	height:25px;
}
#subnav {
	/*height:25px;*/
	width:950px;
	text-align:left;
}
#subnav a{
	letter-spacing:1px;
	color:#E8CACE;
	font-size:14px;
	text-decoration: none;
	background-image:url(../img/navi/list.png);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:1.5em;
	margin-right:1em;
}
#subnav a:hover{
	letter-spacing:1px;
	font-size:14px;
	text-decoration:underline;/*line-height:5px;*/
}	
#con1{
	height:1350px;
	position:relative;
	margin-right:auto;
	margin-left:auto;
	width:1200px;
}
#con01{
	position:absolute;
	left:125px;
	width:950px;
	
}
#con001{
	position:absolute;
	top:50px;
	left:400px;
	}
#bokusui{
	position:absolute;
	top:200px;
	left:125px;
	height:415px;
	width:950px;
}
#bokusuicoment{
	position:absolute;
	left:125px;
	top:700px;
	width:640px;
}
#bokusuicoment p{
	font-size:12px;
	color:#CBB7A9;
}
#bokusuisyousai{
	position:absolute;
	left:125px;
	top:880px;
	width:950px;
}
table#syousai {
	height:200px;
	margin-bottom:50px;
	width:950px;
	border-top:1px dotted #666;
	border-collapse:collapse;
}
table#syousai th{
	font-weight:normal;
	width:200px;
	background-image: url(../img/huro/table_th_bg.jpg);
	background-repeat: repeat;
}
table#syousai td{
	font-weight:normal;
	background-image:url(../img/huro/table_td_bg.jpg);
	background-repeat:repeat;
}
table#syousai th, table#syousai td{
	padding:0.6em 1.2em;
	border-bottom:1px dotted #666;
}

#syousai p{
	font-size:12px;
	color:#CCC;
}
	
#yoyaku{
	position:absolute;
	left:925px;
	top:750px;
	width:150px;
}
#con2{	
	margin-right:auto;
	margin-left:auto;
	width:1200px;
}

#con02{
	position:relative;
	margin-right:auto;
	margin-left:auto;
	width:950px;
	height:1500px;
}
#con3{/*ぜんけいいおり文字*/
	position:absolute;
	left:275px;
	top:50px;
	width:400px;
	}
	
#con4{/*ぜんけいいおり*/
	position:absolute;
	left:0px;
	top:200px;
	width:950px;
	}
#zkicome{/*ぜんけいいおりコメント*/
	position:absolute;
	left:0px;
	top:650px;
	width:640px;	
}
#zkicome p{
	font-size:12px;
	color:#CBB7A9;
}
#zkiyoyaku{
	position:absolute;
	left:800px;
	top:670px;
}
#tokubetusyousai{
	position:absolute;
	top:800px;
	width:950px;
}
table#tokubetu {
	height:200px;
	margin-bottom:50px;
	width:950px;
	border-top:1px dotted #666;
	border-collapse:collapse;
}
table#tokubetu th{
	font-weight:normal;
	width:200px;
	background-image: url(../img/huro/table_th_bg.jpg);
	background-repeat: repeat;
}
table#tokubetu td{
	font-weight:normal;
	background-image:url(../img/huro/table_td_bg.jpg);
	background-repeat:repeat;
}
table#tokubetu th, table#tokubetu td{
	padding:0.6em 1.2em;
	border-bottom:1px dotted #666;
}

#tokubetu p{
	font-size:12px;
	color:#CCC;
}
#bana{
	width:1200px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	height:300px;
}
#bana1{
	position:absolute;
	left:225px;
	top:100px;
	width:750px;
}	

#foot{
	position:static;
	height:300px;
	background-image:url(../img/main/foot_bg.jpg);
	background-repeat:repeat-x;
}
#foot1{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:950px;
	height:300px;
}
#foot_navi{
	position:absolute;
	top:5px;
	left:20px;
	width:930px;
}
#foot_navi a{
	font-size:12px;
	color:#CBB7A9;
	text-decoration:none;
	padding-right:20px;
}

#rogo{
	position:absolute;
	left:0px;
	top:45px;
	width:200px;
}
#tel{
	position:absolute;
	left:0px;
	top:140px;
	width:230px;
}
#ad{
	position:absolute;
	left:220px;
	top:50px;
	width:200px;
}
#ad p{
	font-size:12px;
	color:#E8CACE;
}
#copy{
	position:absolute;
	left:280px;
	width:420px;
	top:310px;
}
#copy a{
	font-size:12px;
	color:#E8CACE;
}