@charset "utf-8";

/* wrapper */

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

div#header_wrap {
	width: 100%;
	height: 220px;
	}

div#header {
	width: 1180px;
	height: 200px;
	margin: 0px auto;
	}
	
div#logo {
	width: 370px;
	height: 200px;
	float: left;
	margin:0;
	}
	div#logo a:hover{
	opacity: .8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	-khtml-opacity: .8;
	-moz-opacity: .8;
}

#btn {
	height: 60px;
	width: 280px;
	position: relative;
	left: 260px;
	top: 630px;
	}
	#btn a {
	height: 1px;
	padding-top:59px;
	overflow:hidden;
	display: block;
	width: 280px;
	}

	
.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#menu_wrap {
	width: 1180px;
	height: 220px;
	margin: 0px auto 0px auto;
	text-align: center;
	z-index: 20;
	}	

div#main-menu {
	float: right;
	width: 569px;
	height: 220px;
	margin-top: -20px;
	margin-right: 30px;
	padding:0;
	}





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

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:62px;
	height:220px;
    background-image: url(../img/welcome_off.png);
	text-indent: -9999px;
}
#main-menu1 a:hover{
	background-image: url(../img/welcome_on.png);
}


#main-menu2,#main-menu2 a{
	float:left;
	display: block;
	width:62px;
	height:220px;
    background-image: url(../img/bass_off.png);
	text-indent: -9999px;
}

#main-menu2 a:hover{
	background-image: url(../img/bass_on.png);
}

#main-menu3,#main-menu3 a{
	float:left;
	display: block;
	width:62px;
	height:220px;
    background-image: url(../img/wakasagi_off.png);
	text-indent: -9999px;
}
#main-menu3 a:hover{
	background-image: url(../img/wakasagi_on.png);
}

#main-menu4,#main-menu4 a{
	float:left;
	display: block;
	width:62px;
	height:220px;
    background-image: url(../img/stay_off.png);
	text-indent: -9999px;
}
#main-menu4 a:hover{
	background-image: url(../img/stay_on.png);
}

#main-menu5,#main-menu5 a{
	float:left;
	display: block;
	width:62px;
	height:220px;
    background-image: url(../img/cuisine_off.png);
	text-indent: -9999px;
}
#main-menu5 a:hover{
	background-image: url(../img/cuisine_on.png);
}

#main-menu6,#main-menu6 a{
	float:left;
	display: block;
	width:62px;
	height:220px;
    background-image: url(../img/restaurant_off.png);
	text-indent: -9999px;
}

#main-menu6 a:hover{
	background-image: url(../img/restaurant_on.png);
}

#main-menu7,#main-menu7 a{
	float:left;
	display: block;
	width:62px;
	height:220px;
    background-image: url(../img/reservation_off.png);
	text-indent: -9999px;

}
#main-menu7 a:hover{
	background-image: url(../img/reservation_on.png);
}

#main-menu8,#main-menu8 a{
	float:left;
	display: block;
	width:62px;
	height:220px;
    background-image: url(../img/access_off.png);
	text-indent: -9999px;

}
#main-menu8 a:hover{
	background-image: url(../img/access_on.png);
}

#main-menu9,#main-menu9 a{
	float:left;
	display: block;
	width:62px;
	height:220px;
    background-image: url(../img/plan.png);
	text-indent: -9999px;
}

#main-menu9 a:hover{
	opacity: .4;
	filter: alpha(opacity=40);
	-ms-filter: "alpha(opacity=40)";
	-khtml-opacity: .4;
	-moz-opacity: .4;
}

clear{
clear:both;}


.cont {
	margin: 0px;
	padding: 0px;
	position: absolute;
	z-index: 99999999;
	top: 200px;
	left: 50px;
	height: 10px;
	width: 100px;
}