@charset "shift_jis";


/*----------------------------------------------------
	body
----------------------------------------------------*/
body {
	color: #333;
	background: #fff url(../images/bg.jpg) center top repeat;
}

#contents {
	background: url(../images/bg_header.jpg) center top repeat-x;
}


/*----------------------------------------------------
	title
----------------------------------------------------*/
#title {
	position: relative;
	margin: 0 auto;
	width: 1000px;
	height: 490px;
	background: url(../images/title.jpg);
}

h1 { display: none;}
#nv_timesale { position: absolute; left: 40px; top: 406px;}
#nv_hotellist { position: absolute; left: 786px; top: 0px;}


/*----------------------------------------------------
	marriott
----------------------------------------------------*/
#marriott {
	position: relative;
	margin: 0 auto;
	width: 1000px;
	height: 510px;
	background: url(../images/marriott.jpg);
}
#marriottCopy {
	position: absolute;
	left: 65px;
	top: 345px;
	width: 315px;
}
#nv_marriottplan { position: absolute; left: 109px; top: 425px;}
#marriottSlide {
	position: absolute;
	left: 425px;
	top: 77px;
}
#marriottSlide img { position: absolute; left: 0; top: 0;}
#marriott li { position: absolute;}
#marriott li#slidebtn1 { left: 630px; top: 442px;}
#marriott li#slidebtn2 { left: 650px; top: 442px;}
#marriott li#slidebtn3 { left: 670px; top: 442px;}
#marriott li#slidebtn4 { left: 690px; top: 442px;}
#marriott li#slidebtn5 { left: 710px; top: 442px;}


/*----------------------------------------------------
	point
----------------------------------------------------*/
#point {
	position: relative;
	margin: 23px auto 0 auto;
	width: 988px;
	height: 510px;
	background: url(../images/point.jpg);
}
#point h2,#point h3 { display: none;}
#point p {
	position: absolute;
	left: 50%;
	padding-top: 426px;
	height: 82px;
	width: 221px;
	text-align: center;
}
#point p#point1 {
	margin-left: -462px;
	background: url(../images/bg_point1.jpg)
}
#point p#point2 {
	margin-left: -226px;
	background: url(../images/bg_point2.jpg)
}
#point p#point3 {
	margin-left: 10px;
	padding-top: 418px;
	height: 89px;
	background: url(../images/bg_point3.jpg)
}
#point p#point4 {
	margin-left: 246px;
	padding-top: 418px;
	height: 89px;
	background: url(../images/bg_point4.jpg)
}


/*----------------------------------------------------
	map
----------------------------------------------------*/
#map {
	position: relative;
	margin: 0 auto;
	width: 988px;
	height: 480px;
	background: url(../images/map.jpg) no-repeat;
}
#map h2 { display: none;}
#map li { position: absolute;}
#map li#plot_1 { left: 811px; top: 163px;}
#map li#plot_2 { left: 673px; top: 116px;}
#map li#plot_3 { left: 671px; top: 170px;}
#map li#plot_4 { left: 639px; top: 220px;}
#map li#plot_5 { left: 568px; top: 194px;}
#map li#plot_6 { left: 538px; top: 231px;}
#map li#plot_7 { left: 577px; top: 249px;}
#map li#plot_8 { left: 351px; top: 265px;}
#map li#plot_9 { left: 132px; top: 287px;}


/*----------------------------------------------------
	cassette
----------------------------------------------------*/
#cassette {
	margin: 40px auto 20px auto;
	padding: 20px 0 20px 28px;
	width: 962px;
}
#cassette div {
	position: relative;
	float: left;
	margin-right: 20px;
	margin-bottom: 40px;
	width: 451px;
	height: 357px;
	background: url(../images/bg_cassette.jpg);
}
#cassette div.areatop {
	margin-top: 40px;
}

#cassette div h3,
#cassette div h4,
#cassette div h5,
#cassette div p { position: absolute;}
#cassette div .area { left: 10px; top: -67px;}
#cassette div .name { left: 17px; top: 17px;}
#cassette div .nv_list { left: 340px; top: -27px; background: url(../images/nv_list_ov.jpg);}
#cassette div .catch { left: 17px; top: 57px;}
#cassette div .photo { left: 29px; top: 109px;}
#cassette div .caption { left: 28px; top: 259px; color: #850015; font-size: 88%; line-height: 1.3;}
#cassette div .price { left: 240px; top: 109px;}
#cassette div .bodycopy { left: 239px; top: 171px; width: 200px;}
#cassette div .nv_detail { left: 240px; top: 240px; background: url(../images/nv_detail_ov.jpg);}
#cassette div .special { left: 48px; top: 305px; width: 388px; line-height: 1.4;}
#cassette div .special3 { left: 48px; top: 300px; width: 388px; line-height: 1.4;}

#cassette div p a {
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
}
#cassette div .nv_list a { width: 100px; height: 28px; background-image: url(../images/nv_list.jpg);}
#cassette div .nv_detail a { left: 239px; top: 240px; width: 185px; height: 43px; background-image: url(../images/nv_detail.jpg);}


/*----------------------------------------------------
	footer
----------------------------------------------------*/
#footer {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 24px;
	background: #A50909 url(../images/prkikaku.gif) center center no-repeat;
}
#footer #pagetop {
	position: absolute;
	top: -28px;
	left: 50%;
	margin-left: 400px;
	background: url(../images/nv_pagetop_ov.gif) no-repeat;
}
#footer #pagetop a {
	display: block;
	width: 150px;
	height: 28px;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	background: url(../images/nv_pagetop.gif) no-repeat;
}



/*----------------------------------------------------
	common
----------------------------------------------------*/
.txtS {
	font-size: 85%;
	line-height: 2;
}