@charset "shift_jis";

@import url("common.css");


/*----------------------------------------------------

menu page

------------------------------------------------------*/


/*----------------------------------------------------
pagetop
------------------------------------------------------*/
div#pagetop {
	background: url(../img/menu/bg.gif) no-repeat left top;
}



/*----------------------------------------------------
h1
------------------------------------------------------*/
h1 {
	width: 100px;
	height: 100px;
	text-indent: -99999px;
	overflow: hidden;
}


/*----------------------------------------------------
h2
------------------------------------------------------*/
h2 {
	width: 100px;
	height: 100px;
	text-indent: -99999px;
	overflow: hidden;
}



/*----------------------------------------------------
topmenu
------------------------------------------------------*/
ul#topmenu {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

ul#topmenu li {
	position: absolute;
	margin: 0;
	padding: 0;
	list-style: none;
}

ul#topmenu li.prof {
	left: 469px;
	top: 358px;
	width: 171px;
	height: 97px;
}

ul#topmenu li.prof a {
	display: block;
	margin: 0;
	padding: 0;
	width: 171px;
	height: 97px;
	background: url(../img/menu/menu_prof.gif) no-repeat left top;
	text-indent: -99999px;
	overflow: hidden;
}

ul#topmenu li.prof a:hover {
	background-position: left -97px;
}

ul#topmenu li.photo {
	left: 679px;
	top: 187px;
	width: 183px;
	height: 130px;
}

ul#topmenu li.photo a {
	display: block;
	margin: 0;
	padding: 0;
	width: 183px;
	height: 130px;
	background: url(../img/menu/menu_photo.gif) no-repeat left top;
	text-indent: -99999px;
	overflow: hidden;
}

ul#topmenu li.photo a:hover {
	background-position: left -130px;
}

ul#topmenu li.info {
	left: 0px;
	top: 485px;
	width: 260px;
	height: 100px;
}

ul#topmenu li.info a {
	display: block;
	margin: 0;
	padding: 0;
	width: 260px;
	height: 100px;
	background: url(../img/menu/menu_info.gif) no-repeat left top;
	text-indent: -99999px;
	overflow: hidden;
}

ul#topmenu li.info a:hover {
	background-position: left -100px;
}

ul#topmenu li.result {
	left: 602px;
	top: 585px;
	width: 281px;
	height: 103px;
}

ul#topmenu li.result a {
	display: block;
	margin: 0;
	padding: 0;
	width: 281px;
	height: 103px;
	background: url(../img/menu/menu_result.gif) no-repeat left top;
	text-indent: -99999px;
	overflow: hidden;
}

ul#topmenu li.result a:hover {
	background-position: left -103px;
}

ul#topmenu li.swing {
	left: 113px;
	top: 187px;
	width: 191px;
	height: 130px;
}

ul#topmenu li.swing a {
	display: block;
	margin: 0;
	padding: 0;
	width: 191px;
	height: 130px;
	background: url(../img/menu/menu_swing.gif) no-repeat left top;
	text-indent: -99999px;
	overflow: hidden;
}

ul#topmenu li.swing a:hover {
	background-position: left -130px;
}

ul#topmenu li.blog {
	left: 217px;
	top: 300px;
	width: 149px;
	height: 92px;
}

ul#topmenu li.blog a {
	display: block;
	margin: 0;
	padding: 0;
	width: 149px;
	height: 92px;
	background: url(../img/menu/menu_blog.gif) no-repeat left top;
	text-indent: -99999px;
	overflow: hidden;
}

ul#topmenu li.blog a:hover {
	background-position: left -92px;
}