@charset "euc-jp";
/* CSS Document */

body {
	background:#FFFFFF url(images/bg.jpg) top center repeat-x;
	}


/*
 header
----------------------------------------------------------- */
.logo {
	margin:0;
	background: url("images/laplaya2.jpg") no-repeat;}
.logo a {
	display: block;
	padding: 0;
	text-decoration: none;
	width:635px;
	height:160px;}
	
h1,.h3{
	font-size: 12px;
	text-align: left;
	text-indent: -9999px;
}
	
.h2 {
	visibility:hidden;}
	
	
.catch {
	width:635px;
	height:138px;
	background: url("images/laplaya2-catch.jpg") no-repeat;	

}

#whereabouts {
	width:635px;
	height:138px;
	background: url("images/laplaya2-whereabouts.jpg") no-repeat;
}
		

/*
 menu
----------------------------------------------------------- */
#head-right {
	float:right;}

#menu {
	width:165px;
	margin:0;
	float:right;}
#menu ul {
	margin:0;
	padding:0;
	list-style-type : none;}
#menu li {
	padding:0;
	margin:0;
	float:left;}

.menu0 {
	width:165px;
	height:68px;
	margin:0;
	padding:0;
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	outline: none;
	background:url(images/menu0.jpg) no-repeat;}
		
.news,.news a, .news a:hover {
	width:165px;
	height:46px;
	margin:0;
	padding:0;
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	outline: none;}
.news a {
	background:url(images/menu1.jpg) no-repeat;}
.news,.news a:hover {
	background:url(images/menu1_f2.jpg) no-repeat;}

.room,.room a,.room a:hover{
	width:165px;
	height:46px;
	margin:0;
	padding:0;
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	outline: none;}
.room a {
	background:url(images/menu2.jpg) no-repeat;}
.room,.room a:hover {
	background:url(images/menu2_f2.jpg) no-repeat;}

.food,.food a,.food a:hover{
	width:165px;
	height:46px;
	margin:0;
	padding:0;
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	outline: none;}
.food a {
	background:url(images/menu3.jpg) no-repeat;}
.food,.food a:hover {
	background:url(images/menu3_f2.jpg) no-repeat;}
	
.service,.service a,.service a:hover{
	width:165px;
	height:46px;
	margin:0;
	padding:0;
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	outline: none;}
.service a {
	background:url(images/menu4.jpg) no-repeat;}
.service,.service a:hover {
	background:url(images/menu4_f2.jpg) no-repeat;}
	
.price,.price a,.price a:hover{
	width:165px;
	height:46px;
	margin:0;
	padding:0;
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	outline: none;}
.price a {
	background:url(images/menu5.jpg) no-repeat;}
.price,.price a:hover {
	background:url(images/menu5_f2.jpg) no-repeat;}
	
.member,.member a,.member a:hover{
	width:165px;
	height:46px;
	margin:0;
	padding:0;
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	outline: none;}
.member a {
	background:url(images/menu6.jpg) no-repeat;}
.member,.member a:hover {
	background:url(images/menu6_f2.jpg) no-repeat;}
	
.access,.access a,.access a:hover {
	width:165px;
	height:46px;
	margin:0;
	padding:0;
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	outline: none;}
.access a {
	background:url(images/menu7.jpg) no-repeat;}
.access,.access a:hover {
	background:url(images/menu7_f2.jpg) no-repeat;}
	
.mail a,.mail a:hover {
	width:165px;
	height:46px;
	margin:0;
	padding:0;
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	outline: none;}
.mail a {
	background:url(images/menu8.jpg) no-repeat;}
.mail a:hover {
	background:url(images/menu8_f2.jpg) no-repeat;}	

.menu9 {
	width:165px;
	height:18px;
	margin:0;
	padding:0;
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	outline: none;
	background:url(images/menu9.jpg) no-repeat;}



/*
 menu
----------------------------------------------------------- */
#menu-line {
	background:url(images/menu-bg.jpg) repeat-x;
	height:61px;
	margin:0;}