* { margin: 0; padding: 0; border: 0; }
		
.main01,.main02,.main03,.main04,.main05,.main06,.main07,.main08,
.main01s,.main02s,.main03s,.main04s,.main05s,.main06s,.main07s,.main08s
 {
	margin: 0;
	padding: 0;
	width:auto;
	list-style: none;
	position: relative;
	float:left;
	}
		
div.main01 em,div.main02 em,div.main03 em,div.main04 em,div.main05 em,div.main06 em,div.main07 em,div.main08 em{
	background: url(../img/ph_top.jpg) no-repeat;
	width: 800px;
	height: 480px;
	position: absolute;
	top: -480px;
	left: -0px;
	text-align: left;
	text-indent: -9999px;
	z-index: 1;
	display: none;
	}

div.main02 em {background: url(../img/ph_top-about.jpg) no-repeat; left: -66px;}
div.main03 em {background: url(../img/ph_top-menu.jpg) no-repeat; left: -204px;}
div.main04 em {background: url(../img/ph_top-party.jpg) no-repeat; left: -276px;}
div.main05 em {background: url(../img/ph_top-wedding.jpg) no-repeat; left: -390px;}
div.main06 em {background: url(../img/ph_top-rental.jpg) no-repeat; left: -514px;}
div.main07 em {background: url(../img/ph_top-access.jpg) no-repeat; left: -670px;}
div.main08 em {background: url(../img/ph_top-reserve.jpg) no-repeat; left: -734px;}


div.main01s em,div.main02s em,div.main03s em,div.main04s em,div.main05s em,div.main06s em,div.main07s em,div.main08s em{
	background: url(../img/ph_top-s.jpg) no-repeat;
	width: 800px;
	height: 320px;
	position: absolute;
	top: -320px;
	left: -0px;
	text-align: center;
	text-indent: -9999px;
	z-index: 1;
	display: none;
	}

div.main02s em {background: url(../img/ph_top-about-s.jpg) no-repeat; left: -66px;}
div.main03s em {background: url(../img/ph_top-menu-s.jpg) no-repeat; left: -204px;}
div.main04s em {background: url(../img/ph_top-party-s.jpg) no-repeat; left: -276px;}
div.main05s em {background: url(../img/ph_top-wedding-s.jpg) no-repeat; left: -390px;}
div.main06s em {background: url(../img/ph_top-rental-s.jpg) no-repeat; left: -514px;}
div.main07s em {background: url(../img/ph_top-access-s.jpg) no-repeat; left: -670px;}
div.main08s em {background: url(../img/ph_top-reserve-s.jpg) no-repeat; left: -734px;}




	
#navi01{
	width: 66px;
	height: 45px;
	background: url(../img/navi_top.gif) no-repeat 0 0;
	text-indent: -9999px;
	margin: 0 auto;
	display: block;
	float:left;
	}

#navi01over{
	width: 66px;
	height: 45px;
	background: url(../img/navi_top.gif) no-repeat 0 -45px;
	text-indent: -9999px;
	margin: 0 auto;
	display: block;
	float:left;
	}


#navi02{
	width: 138px;
	height: 45px;
	background: url(../img/navi_about.gif) no-repeat 0 0;
	text-indent: -9999px;
	margin: 0 auto;
	display: block;
	float:left;
	}

#navi02over{
	width: 138px;
	height: 45px;
	background: url(../img/navi_about.gif) no-repeat 0 -45px;
	text-indent: -9999px;
	margin: 0 auto;
	display: block;
	float:left;
	}

#navi03{
	width: 72px;
	height: 45px;
	background: url(../img/navi_menu.gif) no-repeat 0 0;
	text-indent: -9999px;
	margin: 0 auto;
	display: block;
	float:left;
	}
#navi04{
	width: 114px;
	height: 45px;
	background: url(../img/navi_party.gif) no-repeat 0 0;
	text-indent: -9999px;
	margin: 0 auto;
	display: block;
	float:left;
	}
#navi05{
	width: 124px;
	height: 45px;
	background: url(../img/navi_wedding.gif) no-repeat 0 0;
	text-indent: -9999px;
	margin: 0 auto;
	display: block;
	float:left;
	}
#navi06{
	width: 156px;
	height: 45px;
	background: url(../img/navi_rental.gif) no-repeat 0 0;
	text-indent: -9999px;
	margin: 0 auto;
	display: block;
	float:left;
	}

#navi06over{
	width: 156px;
	height: 45px;
	background: url(../img/navi_rental.gif) no-repeat 0 -45px;
	text-indent: -9999px;
	margin: 0 auto;
	display: block;
	float:left;
	}

#navi07{
	width: 64px;
	height: 45px;
	background: url(../img/navi_access.gif) no-repeat 0 0;
	text-indent: -9999px;
	margin: 0 auto;
	display: block;
	float:left;
	}
#navi08{
	width: 66px;
	height: 45px;
	background: url(../img/navi_reserve.gif) no-repeat 0 0;
	text-indent: -9999px;
	margin: 0 auto;
	display: block;
	float:left;
	}

#navi01:hover{background: url(../img/navi_top.gif) no-repeat 0 -45px;}
#navi02:hover{background: url(../img/navi_about.gif) no-repeat 0 -45px;}
#navi03:hover{background: url(../img/navi_menu.gif) no-repeat 0 -45px;}
#navi04:hover{background: url(../img/navi_party.gif) no-repeat 0 -45px;}
#navi05:hover{background: url(../img/navi_wedding.gif) no-repeat 0 -45px;}
#navi06:hover{background: url(../img/navi_rental.gif) no-repeat 0 -45px;}
#navi07:hover{background: url(../img/navi_access.gif) no-repeat 0 -45px;}
#navi08:hover{background: url(../img/navi_reserve.gif) no-repeat 0 -45px;}