@charset "shift_jis";


/*----------------------------------------------------
	common
----------------------------------------------------*/
body {
	background: #fff;
}


/*----------------------------------------------------
	layout
----------------------------------------------------*/
#wrapper {
	position: relative;
	width: 100%;
	height: 1935px;
	background: url(../images/bg.jpg) center top repeat;
}

#contents {
	margin: 0 auto;
	width: 1000px;
	height: 1935px;
	position: relative;
}

#contents h1 {
	margin: 0 auto;
	width: 870px;
	height: 371px;
	background-image: url(../images/title.png);
	overflow: hidden;
	white-space: nowrap;
	text-indent: 200%;
}

#contents div,
#contents p,
#contents img {
	position: absolute;
}

#contents p,
#contents a {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 200%;
}

iframe#nv_like { position: absolute; left: 467px; top: 373px;}

#lead {
	left: 287px; top: 408px;
	width: 426px; height: 183px;
	background-image: url(../images/lead.png);
	overflow: hidden;
	white-space: nowrap;
	text-indent: 200%;
}

#img { left: 39px; top: 376px; width: 225px; height: 197px; background-image: url(../images/img.png);}
#chara { left: 42px; top: 576px; width: 445px; height: 285px; background-image: url(../images/chara.png);}

#nv_fb { left: 771px; top: 398px;}
#nv_fb a { width: 163px; height: 171px; background-image: url(../images/nv_fb.png);}
#nv_fb a:hover { background-position: 0 -171px;}

#plan { left: 513px; top: 616px; width: 439px; height: 270px; background-image: url(../images/plan_base.png);}
#nv_plan1 { left: 29px; top: 108px;}
#nv_plan1 a { width: 309px; height: 44px; background-image: url(../images/nv_plan1.png);}
#nv_plan2 { left: 29px; top: 211px;}
#nv_plan2 a { width: 309px; height: 44px; background-image: url(../images/nv_plan2.png);}
#plan a:hover { background-position: 0 -44px;}

#contents  h2 {
	position: absolute;
	left: 30px; top: 907px;
	width: 940px; height: 60px;
	background-image: url(../images/h2.png);
	overflow: hidden;
	white-space: nowrap;
	text-indent: 200%;
}

#contents h3 a {
	display: block;
	width: 100%;
	height: 231px;	
	overflow: hidden;
	white-space: nowrap;
	text-indent: 200%;
}
#contents h3 a:hover { background: url(../images/hotelover.png) no-repeat;}

#contents .dn {
	display: none;
}

#hotel1 { left: 26px; top: 985px; width: 233px; height: 453px; background-image: url(../images/hotel1.png);}
#hotel2 { left: 263px; top: 985px; width: 234px; height: 453px; background-image: url(../images/hotel2.png);}
#hotel3 { left: 500px; top: 985px; width: 234px; height: 453px; background-image: url(../images/hotel3.png);}
#hotel4 { left: 737px; top: 985px; width: 234px; height: 453px; background-image: url(../images/hotel4.png);}
#hotel5 { left: 26px; top: 1455px; width: 233px; height: 453px; background-image: url(../images/hotel5.png);}
#hotel6 { left: 263px; top: 1455px; width: 234px; height: 341px; background-image: url(../images/hotel6.png);}
#hotel7 { left: 500px; top: 1455px; width: 234px; height: 341px; background-image: url(../images/hotel7.png);}
#hotel8 { left: 737px; top: 1455px; width: 234px; height: 453px; background-image: url(../images/hotel8.png);}

.link1 { left: 171px; top: 284px;}
.link2 { left: 171px; top: 395px;}
.link1 a,
.link2 a { width: 59px; height: 59px; background-image: url(../images/nv_detail1.png);}
.link3 { left: 171px; top: 284px;}
.link4 { left: 171px; top: 380px;}
.link3 a,
.link4 a { width: 59px; height: 59px; background-image: url(../images/nv_detail2.png);}
.link1 a:hover,
.link2 a:hover,
.link3 a:hover,
.link4 a:hover { background-position: 0 -59px;}

#pr { left: 305px; top: 1813px; width: 394px; height: 108px; background-image: url(../images/pr.png);}