/*======================================

	2: NAV

=======================================*/

#nav {
	width: 906px;
	text-align: left;
	display: block;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#nav:after {
	display:block;
	clear:both;
	height: 0;
	visibility:hidden;
	content:".";
	font-size:0;
	line-height:0;
}

/* =Menu
-------------------------------------------------------------- */

#nav .menu-header,
div.menu {
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
}
#nav .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}
#nav .menu-header li,
div.menu li {
	float: left;
	position: relative;
	height:51px;
	overflow:visible;
	padding: 0 0 0 3px;
}
#nav a {
	color: #FFF;
	display: block;
	text-decoration: none;
	background-color: #0055ff;
	padding: 0px;
}
#nav ul ul {
	display: none;
	position: absolute;
	top: 51px;
	height:37px;
	left: 0;
	float: left;
	width: 112px;
	z-index: 99999;
}
#nav ul ul li {
	background:#fff;
	overflow:visible;
}
#nav ul ul li a{
	background:url(../images/common/bg_navi02.gif) no-repeat 0 0;
	padding:10px;
	vertical-align: middle;
}
#nav ul ul li a:hover{
	background:url(../images/common/bg_navi02_on.gif) no-repeat 0 0;
	vertical-align: middle;
}
#nav ul ul ul {
	left: 100%;
}
#nav ul ul a {
	background: #FFF;
	line-height: 1em;
}
#nav li:hover > a,
#nav ul ul :hover > a {
	background: #FFF;
	color: #FFF;
	text-decoration: underline;
}
#nav ul li:hover > ul {
	display: block;
}
#nav ul li.current_page_item > a,
#nav ul li.current-menu-ancestor > a,
#nav ul li.current-menu-item > a,
#nav ul li.current-menu-parent > a {
	color: #FFF;
}
* html #nav ul li.current_page_item a,
* html #nav ul li.current-menu-ancestor a,
* html #nav ul li.current-menu-item a,
* html #nav ul li.current-menu-parent a,
* html #nav ul li a:hover {
	color: #FFF;
}

/* HOME
-------------------------------------------------------------- */

#nav li.home a{
	background:url(../images/common/nav_home.gif) no-repeat 0 0;
	width:99px;
	height: 51px;
}
#nav li.home a:hover{
	background:url(../images/common/nav_home.gif) no-repeat 0 0;
	width:99px;
	height: 51px;
}

/* guidance
-------------------------------------------------------------- */
#nav li.page-item-1 a{
	background:url(../images/common/nav_guidance.gif) no-repeat 0 0;
	width:99px;
	height: 51px;
}
#nav li.page-item-1 a:hover{
	background:url(../images/common/nav_guidance.gif) no-repeat 0 0;
	width:99px;
	height: 51px;
}
#nav li.page-item-1  ul li a{
	background:url();
	background-color:#0055ff;
	width:150px;
	height: 37px;
	vertical-align: middle;
}
#nav li.page-item-1 ul li a:hover{
	background:url();
	background-color:#0099ff;
	width:150px;
	height: 37px;
	vertical-align: middle;
}

/* pra
-------------------------------------------------------------- */
#nav li.page-item-3 a{
	background:url(../images/common/nav_planetarium.gif) no-repeat 0 0;
	width:99px;
	height: 51px;
}
#nav li.page-item-3 a:hover{
	background:url(../images/common/nav_planetarium.gif) no-repeat 0 0;
	width:99px;
	height: 51px;
}
#nav li.page-item-3  ul li a{
	background:url();
	background-color:#0055ff;
	width:150px;
	height: 37px;
	vertical-align: middle;
}
#nav li.page-item-3 ul li a:hover{
	background:url();
	background-color:#09F;
	width:150px;
	height: 37px;
	vertical-align: middle;
}

/* event
-------------------------------------------------------------- */
#nav li.page-item-5 a{
	background:url(../images/common/nav_event.gif) no-repeat 0 0;
	width:99px;
	height: 51px;
}
#nav li.page-item-5 a:hover{
	background:url(../images/common/nav_event.gif) no-repeat 0 0;
	width:99px;
	height: 51px;
}
#nav li.page-item-5 ul li a{
	background:url();
	background-color:#0055ff;
	width:150px;
	height: 37px;
	vertical-align: middle;
}
#nav li.page-item-5 ul li a:hover{
	background:url();
	background-color:#09F;
	width:150px;
	height: 37px;
	vertical-align: middle;
}
/* exhibition.gif
-------------------------------------------------------------- */
#nav li.page-item-7 a{
	background:url(../images/common/nav_exhibition.gif) no-repeat 0 0;
	width:99px;
	height: 51px;
}
#nav li.page-item-7 a:hover{
	background:url(../images/common/nav_exhibition.gif) no-repeat 0 0;
	width:99px;
	height: 51px;
}
#nav li.page-item-7 ul li a{
	background:url();
	background-color:#0055ff;
	width:150px;
	height: 37px;
	vertical-align: middle;
}
#nav li.page-item-7 ul li a:hover{
	background:url();
	background-color:#09F;
	width:150px;
	height: 37px;
	vertical-align: middle;
}
/* outreach
-------------------------------------------------------------- */
#nav li.page-item-9 a{
	background:url(../images/common/nav_outreach.gif) no-repeat 0 0;
	width:109px;
	height: 51px;
}
#nav li.page-item-9 a:hover{
	background:url(../images/common/nav_outreach.gif) no-repeat 0 0;
	width:109px;
	height: 51px;
}
#nav li.page-item-9 ul li a{
	background:url();
	background-color:#0055ff;
	width:150px;
	height: 37px;
	vertical-align: middle;
}
#nav li.page-item-9 ul li a:hover{
	background:url();
	background-color:#09F;
	width:150px;
	height: 37px;
	vertical-align: middle;
}
/* use
-------------------------------------------------------------- */
#nav li.page-item-11 a{
	background:url(../images/common/nav_use.gif) no-repeat 0 0;
	width:109px;
	height: 51px;
}
#nav li.page-item-11 a:hover{
	background:url(../images/common/nav_use.gif) no-repeat 0 0;
	width:109px;
	height: 51px;
}
#nav li.page-item-11 ul li a{
	background:url();
	background-color:#0055ff;
	width:150px;
	height: 37px;
	vertical-align: middle;
}
#nav li.page-item-11 ul li a:hover{
	background:url();
	background-color:#09F;
	width:150px;
	height: 37px;
	vertical-align: middle;
}

/* aboutus
-------------------------------------------------------------- */
#nav li.page-item-13 a{
	background:url(../images/common/nav_aboutus.gif) no-repeat 0 0;
	width:166px;
	height: 51px;
}
#nav li.page-item-13 a:hover{
	background:url(../images/common/nav_aboutus.gif) no-repeat 0 0;
	width:166px;
	height: 51px;
}
#nav li.page-item-13 ul li a{
	background:url();
	background-color:#0055ff;
	width:150px;
	height: 37px;
	vertical-align: middle;
}
#nav li.page-item-13 ul li a:hover{
	background:url();
	background-color:#09F;
	width:150px;
	height: 37px;
	vertical-align: middle;
}