@charset "UTF-8";
/* CSS Main Navigation */
#menu {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 950px;
	height: 88px;
	}
#menu a {
 	display: block;
	float: left;
	text-indent: -900%;
	outline: none;
	}
#menu a:hover {
	background-position: left bottom;
	}
#menu li {
	display: inline;
	}
#menu .home {
	width: 89px;
	height: 44px;
    background-image: url(../i/menu/images/menu_01.jpg);
	background-repeat: no-repeat;
	}
#menu .join {
	width: 110px;
	height: 44px;
	background-image: url(../i/menu/images/menu_02.jpg);
	background-repeat: no-repeat;
	}
#menu .about {
	width: 130px;
	height: 44px;
	background-image: url(../i/menu/images/menu_03.jpg);
	background-repeat: no-repeat;
	}
#menu .staff {
	width: 90px;
	height: 44px;
    background-image: url(../i/menu/images/menu_04.jpg);
	background-repeat: no-repeat;
	}
#menu .parents {
	width: 118px;
	height: 44px;
	background-image: url(../i/menu/images/menu_05.jpg);
	background-repeat: no-repeat;
	}
#menu .noticeboard {
	width: 157px;
	height: 44px;
	background-image: url(../i/menu/images/menu_06.jpg);
	background-repeat: no-repeat;
	}
#menu .diary {
	width: 95px;
	height: 44px;
    background-image: url(../i/menu/images/menu_07.jpg);
	background-repeat: no-repeat;
	}
#menu .contact {
	width: 142px;
	height: 44px;
	background-image: url(../i/menu/images/menu_08.jpg);
	background-repeat: no-repeat;
	}
#menu .home-selected {
  	width: 89px;
	height: 44px;
    background-image: url(../i/menu/images/selected_01.jpg);
	background-repeat: no-repeat;
	}
#menu .join-selected {
	width: 110px;
	height: 44px;
	background-image: url(../i/menu/images/selected_02.jpg);
	background-repeat: no-repeat;
	}
#menu .about-selected {
	width: 130px;
	height: 44px;
	background-image: url(../i/menu/images/selected_03.jpg);
	background-repeat: no-repeat;
	}
	#menu .staff-selected {
	width: 90px;
	height: 44px;
    background-image: url(../i/menu/images/selected_04.jpg);
	background-repeat: no-repeat;
	}
#menu .parents-selected {
	width: 118px;
	height: 44px;
	background-image: url(../i/menu/images/selected_05.jpg);
	background-repeat: no-repeat;
	}
#menu .noticeboard-selected {
	width: 157px;
	height: 44px;
	background-image: url(../i/menu/images/selected_06.jpg);
	background-repeat: no-repeat;
	}
#menu .diary-selected {
	width: 95px;
	height: 44px;
    background-image: url(../i/menu/images/selected_07.jpg);
	background-repeat: no-repeat;
	}
#menu .contact-selected {
	width: 142px;
	height: 44px;
	background-image: url(../i/menu/images/selected_08.jpg);
	background-repeat: no-repeat;
	}