@charset "UTF-8";
/* ----------------------------------------
   トップページ専用 CSS
   
---------------------------------------- */

/*--ヘッダ系--*/
#mv h1#siteId a{
	width:170px;
	height:100px;
}
#mv 
{
	background:url(../images/top/mv.jpg) no-repeat;
	height:213px;
}
#mv h1#pageTitle{
	margin-top:100px;
}


/*--コンテンツエリアサイズ--*/
#contentArea{
	width: 655px;
}
#contentArea h1{
	margin-left:5px;
	background: url(../images/top/ttl_h1.png) no-repeat;
}
#contentArea p{
	margin:0 0 7px 5px;
}


/*--メインナビ--*/
#contentArea .b_main{
	float:left;
	width:480px;
	height:410px;
	padding-right:5px;
	margin-right:5px;
	background-image: url(../images/top/b_main.jpg);
	background-repeat:no-repeat;
	border-right:1px dotted #032752;
}

	/*-- hack --*/
#contentArea .b_main p{
	font-size:0;
	line-height:0;
	display:inline;
	color:#ffffff;
}
/* Except IE */html>/**/body #contentArea .b_main p{
	display:none;
}

#contentArea .b_main h2{
	float:left;
	width:240px;
	height:205px;
	padding:0;
	margin:0;
}
#contentArea .b_main h2 a{
	width:230px;
	height:195px;
	margin:5px;
	font-size:1px;
	text-indent:-4000px;
	display: block;
	background-repeat: no-repeat;
	overflow:hidden;
}
#contentArea .b_main h2 a:hover{
	background-image: url(../images/top/b_main_o.jpg);
}
#contentArea .b_main h2 a#b_hotel:hover{
	background-position:-5px -5px;
}
#contentArea .b_main h2 a#b_inn:hover{
	background-position:-245px -5px;
}
#contentArea .b_main h2 a#b_golf:hover{
	background-position:-5px -210px;
}
#contentArea .b_main h2 a#b_resort:hover{
	background-position:-245px -210px;
}


/*--subbutton--*/
#contentArea .b_sub{
	float:left;
	width:160px;
	height:410px;
	padding:0;
	margin:0;
	background-image: url(../images/top/b_sub.jpg);
	background-repeat:no-repeat;
}
#contentArea .b_sub p{
	display:none;
}

#contentArea .b_sub h2{
	width:160px;
	height:137px;
	padding:0;
	margin:0;
}
#contentArea .b_sub h2 a{
	width:150px;
	height:127px;
	margin:5px;
	font-size:1px;
	text-indent:-4000px;
	display: block;
	overflow:hidden;
	background-repeat: no-repeat;
}

#contentArea .b_sub h2 a:hover{
	background-image: url(../images/top/b_sub_o.jpg);
}
#contentArea .b_sub h2 a#b_maintenance:hover{
	background-position:-5px -5px;
	height:128px;
}
#contentArea .b_sub h2 a#b_welfare:hover{
	background-position:-5px -142px;
	height:128px;
}
#contentArea .b_sub h2 a#b_member:hover{
	background-position:-5px -279px;
	height:127px;
}