@charset "utf-8";

/* wrapper */

div#wrap {
	margin: 10px auto 0px;
	width: 1320px;
	height: auto;
	}

div#header {
	width: 1200px;
	height: 220px;
	margin: 0px auto;
	}
	
#btn {
	height: 60px;
	width: 280px;
	position: relative;
	left: 260px;
	top: 630px;
	}
	#btn a {
	height: 1px;
	padding-top:59px;
	overflow:hidden;
	display: block;
	width: 280px;
	}

div#logo {
	width: 670px;
	height: 170px;
	float:right;
	margin:0;
	}
	
.pagetop {
	height: 20px;
	width: 140px;
	position: absolute;
	right: 55px;
	top: 838px;
	}
.pagetop a {
	height: 1px;
	padding-top:19px;
	overflow:hidden;
	display: block;
	}

div#footer_wrap {
	width: 100%;
	height: 230px;
	clear: both;
	position: fixed;
	bottom: 0px;
	background-image: url(../img/footer.png);
	background-position: center bottom;
	background-repeat: repeat-x;
	}
	


img{border:none;
}

p {
	line-height: 20px;
	font-size: 12px;
	clear: both;
	}
	.pink {
	color: #FF9999;
	}
	.red {
	color: #993300;
    }
	.gray {
	color: #333333;
	}
	.yellow {
	color: #FFCC00;
	}
	.white {
	color: #FFFFFF;
	}
	
/* Navigation
----------------------------------------------------------------------------*/

/* Main navi *****/

		
div#footer_wrap {
	width: 100%;
	height: 230px;
	clear: both;
	position: fixed;
	bottom: 0px;
	background-image: url(../img/footer.png);
	background-position: center bottom;
	background-repeat: repeat-x;
	}


div#menu_wrap {
	width: 1200px;
	height: 170px;
	margin: 0px auto 0px auto;
	text-align: center;
	z-index: 20;
	}	

div#main-menu {
	float:left;
	width: 495px;
	height: 170px;
	margin:-16px 0px 0px 50px;
	}


div#logo {
	width: 610px;
	height: 170px;
	float:right;
	margin:0;
	}


div#footer {
	margin: 0px auto;
	width: 1200px;
	height: 60px;
	margin: 0px auto 0px auto;
	text-align:center;
	background-position: center bottom;
	background-repeat: no-repeat;
	}



/* navi *****/


#main-menu1,#main-menu1 a{
	float:left;
	display: block;
	width:55px;
	height:170px;
    background-image: url(../img/welcome.png);
	text-indent: -9999px;
	margin:0px;
}
#main-menu1 a:hover{background-position:0 -170px}


#main-menu2,#main-menu2 a{
	float:left;
	display: block;
	width:55px;
	height:170px;
    background-image: url(../img/facilities.png);
	text-indent: -9999px;
}
#main-menu2 a:hover{background-position:0 -170px}

#main-menu3,#main-menu3 a{
	float:left;
	display: block;
	width:55px;
	height:170px;
    background-image: url(../img/cuisine.png);
	text-indent: -9999px;
}
#main-menu3 a:hover{background-position:0 -170px}

#main-menu4,#main-menu4 a{
	float:left;
	display: block;
	width:55px;
	height:170px;
    background-image: url(../img/spa.png);
	text-indent: -9999px;
}
#main-menu4 a:hover{background-position:0 -170px}

#main-menu5,#main-menu5 a{
	float:left;
	display: block;
	width:55px;
	height:170px;
    background-image: url(../img/plan.png);
	text-indent: -9999px;
}
#main-menu5 a:hover{background-position:0 -170px}

#main-menu6,#main-menu6 a{
	float:left;
	display: block;
	width:55px;
	height:170px;
    background-image: url(../img/sightseeing.png);
	text-indent: -9999px;
}
#main-menu6 a:hover{background-position:0 -170px}

#main-menu7,#main-menu7 a{
	float:left;
	display: block;
	width:55px;
	height:170px;
    background-image: url(../img/access.png);
	text-indent: -9999px;
}
#main-menu7 a:hover{background-position:0 -170px}

#main-menu8,#main-menu8 a{
	float:left;
	display: block;
	width:55px;
	height:170px;
    background-image: url(../img/contact.png);
	text-indent: -9999px;
}
#main-menu8 a:hover{background-position:0 -170px}

#main-menu9,#main-menu9 a{
	float:left;
	display: block;
	width:55px;
	height:170px;
    background-image: url(../img/chartered.png);
	text-indent: -9999px;
}
#main-menu9 a:hover{background-position:0 -170px}


clear{
clear:both;}


#footer_wrap #footer .white a {
	color: #FFF;
}