@charset "UTF-8";

/* @group 01メインメニュー */

#main_menu {
	background: transparent url(../images/main_menu.gif) no-repeat;
	/*float: left;*/
	margin: 0px;
	padding: 0px;
	text-align: left;
	margin-top: 4px;
	width: 858px;
	height: 40px;
		background-color: #fff;
border-right:1px solid #999;
border-left: 1px solid #999;	
cursor: pointer;
}


#main_menu a {

	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

#main_menu li {
	background-color: transparent;
	float: left;
	left: 0px;
	list-style: none;
	margin: 0;
	margin: 0;
	padding: 0;
	padding: 0;
	position: relative;
	top: 0px;
}

div#main_menu ul {
	background-color: transparent;
	height: 40px;
	border: 0px;
	list-style: none;
	margin: 0;
	padding: 0;
}

#main_menu span {
	display: none;
}


/* @group 範囲 */

#snorkel {
width:171px;
left:0px;
height: 40px;
}
#scuba {
width:172px;
left:171px;
height: 40px;
}
#kayak {
width:172px;
left:343px;
height: 40px;
}
#healing {
width:172px;
left:515px;
height: 40px;
}
#set {
width:171px;
left:687px;
height: 40px;
}



/* @end */

/* @group hover状態 */

#snorkel a:hover {
	background: url(../images/main_menu.gif) no-repeat 0px -40px;
}

#scuba a:hover {
	background: url(../images/main_menu.gif) no-repeat -171px -40px;
}

#kayak a:hover {
	background: url(../images/main_menu.gif) no-repeat -343px -40px;
}

#healing a:hover {
	background: url(../images/main_menu.gif) no-repeat -515px -40px;
}

#set a:hover {
	background: url(../images/main_menu.gif) no-repeat -687px -40px;
}



/* @end */

/* @group 選択状態 */

#snorkel.on {
	background: url(../images/main_menu.gif) no-repeat 0px -80px;
}

#scuba.on {
	background: url(../images/main_menu.gif) no-repeat -171px -80px;
}


#kayak.on {
	background: url(../images/main_menu.gif) no-repeat -343px -80px;
}



#healing.on {
	background: url(../images/main_menu.gif) no-repeat -515px -80px;
}

#set.on {
	background: url(../images/main_menu.gif) no-repeat -687px -80px;
}




/* @end */









/* @end */

/* @group 02サブメニュー */

/* @group サブメニュー1（スノーケル） */


ul#sub_1 {
position: absolute;
left: 0px;
top: 40px;
visibility:hidden;
display: block;
background: none;
background-image: none;
border-right: 10px solid #000;
}


li #sub_1-1 a:link img,
li #sub_1-1 a:visited img,
li #sub_1-1 a:active img,

li #sub_1-2 a:link img,
li #sub_1-2 a:visited img,
li #sub_1-2 a:active img,

li #sub_1-3 a:link img,
li #sub_1-3 a:visited img,
li #sub_1-3 a:active img,

li #sub_1-4 a:link img,
li #sub_1-4 a:visited img,
li #sub_1-4 a:active img,

li #sub_1-5 a:link img,
li #sub_1-5 a:visited img,
li #sub_1-5 a:active img
{
	opacity: 0.8;
	filter: alpha(opacity=80);
	background-image: none;
}




li#sub_1-1 a:hover img,
li#sub_1-2 a:hover img,
li#sub_1-3 a:hover img,
li#sub_1-4 a:hover img,
li#sub_1-5 a:hover img
{
	opacity: 1;
	filter: alpha(opacity=100);
		background-image: none;

}




/* @end */




/* @group サブメニュー2（ダイビング） */

ul#sub_2 {
position: absolute;
left: 0px;
top: 40px;
visibility:hidden;
display: block;
background: none;
background-image: none;
}


li #sub_2-1 a:link img,
li #sub_2-1 a:visited img,
li #sub_2-1 a:active img,

li #sub_2-2 a:link img,
li #sub_2-2 a:visited img,
li #sub_2-2 a:active img,

li #sub_2-3 a:link img,
li #sub_2-3 a:visited img,
li #sub_2-3 a:active img,

li #sub_2-4 a:link img,
li #sub_2-4 a:visited img,
li #sub_2-4 a:active img,

li #sub_2-5 a:link img,
li #sub_2-5 a:visited img,
li #sub_2-5 a:active img
{
	opacity: 0.8;
	filter: alpha(opacity=80);
	background-image: none;
}




li#sub_2-1 a:hover img,
li#sub_2-2 a:hover img,
li#sub_2-3 a:hover img,
li#sub_2-4 a:hover img,
li#sub_2-5 a:hover img
{
	opacity: 1;
	filter: alpha(opacity=100);
		background-image: none;

}








/* @end */

/* @group サブメニュー3（カヤック） */

ul#sub_3 {
position: absolute;
left: 0px;
top: 40px;
visibility:hidden;
display: block;
background: none;
background-image: none;
}


li #sub_3-1 a:link img,
li #sub_3-1 a:visited img,
li #sub_3-1 a:active img,

li #sub_3-2 a:link img,
li #sub_3-2 a:visited img,
li #sub_3-2 a:active img

{
	opacity: 0.8;
	filter: alpha(opacity=80);
	background-image: none;
}




li#sub_3-1 a:hover img,
li#sub_3-2 a:hover img
{
	opacity: 1;
	filter: alpha(opacity=100);
		background-image: none;
}








/* @end */

/* @group サブメニュー4（ヒーリング） */

ul#sub_4 {
position: absolute;
left: 0px;
top: 40px;
visibility:hidden;
display: block;
background: none;
background-image: none;
}


li #sub_4-1 a:link img,
li #sub_4-1 a:visited img,
li #sub_4-1 a:active img


{
	opacity: 0.8;
	filter: alpha(opacity=80);
	background-image: none;
}




li#sub_4-1 a:hover img
{
	opacity: 1;
	filter: alpha(opacity=100);
		background-image: none;
}








/* @end */

/* @end */

/* @group 03サイドメニュー */

#side_menu {
	background: transparent url(../images/side_menu.gif) no-repeat;
	/*float: left;*/
	margin: 0px;
	padding: 0px;
	text-align: left;
	width: 178px;
	height:159px;
	cursor: pointer;

}

#side_menu a {

/*display: inline;*/
	display:block;
	float: left;
	margin: 0px;
	padding: 0;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

div#side_menu ul {
	background-color: transparent;
	border: 0px;
	list-style: none;
	margin: 0;
	padding: 0;
}

#side_menu li {
	background-color: transparent;
	/*display: inline;*/
	float: left;
	left: 0px;
	height: 32px;
	list-style: none;
	margin: 0;
	margin: 0;
	padding: 0;
	padding: 0;
	position: relative;
	top: 0px;
	width: 178px;
}









#side_menu span {
	display: none;
}

/* @group 範囲 */


#staff {
width:178px;
height: 32px;
top:0;

}

#shop {
top: 32px;
width:178px;
height: 32px;


}
#contact {
width:178px;
top:64px;
height: 32px;

}
#maeda {
width:178px;
top:96px;
height: 32px;

}
#album {
width:178px;
top:128px;
height: 32px;

}




/* @end */

/* @group hover状態 */

#staff a:hover {
	background: url(../images/side_menu.gif) no-repeat -178px 0;
}
#shop a:hover {
	background: url(../images/side_menu.gif) no-repeat -178px -32px;
}
#contact a:hover {
	background: url(../images/side_menu.gif) no-repeat -178px -64px;
}
#maeda a:hover {
	background: url(../images/side_menu.gif) no-repeat -178px -96px;
}
#album a:hover {
	background: url(../images/side_menu.gif) no-repeat -178px -128px;
}


/* @end */

/* @group 選択状態 */


#staff.on{
	background: url(../images/side_menu.gif)  -356px 0;
}
#shop.on{
	background: url(../images/side_menu.gif)  -356px -32px;
}
#contact.on {
	background: url(../images/side_menu.gif) -356px -64px;
}
#maeda.on {
	background: url(../images/side_menu.gif) -356px -96px;
}
#album.on {
	background: url(../images/side_menu.gif) -356px -128px;
}


/* @end */



















/* @end */