@charset "Shift_JIS";

/*
* 
* 	3-navigation.css　：サイトナビ
*	
*	1サイトナビゲーション
*	2言語選択ナビ
*	
*/

/* =1サイトナビゲーション
------------------------------*/
#navMain{
	position: absolute;
	left: 0;
	top: 80px;
	}
#navMain li,
#language li{
	display: block;
	float: left;
	}
#navMain,
#navMain li{
	height: 60px;
	}
#navMain li a{
	display: block;
	width: 100%;
	overflow: hidden;
	height: 0 !important;
	height /**/: 60px;
	padding-top: 60px;
	background-image: url(../images/base/bg_snav.png);
	background-repeat: no-repeat;
	}
#nav1,#nav2,#nav3{ width: 138px; }
#nav4,#nav5,#nav6,#nav7{ width: 139px; }

/* 背景の位置指定 */
#nav1 a{ background-position: 0 0; }
#nav2 a{ background-position: -138px 0; }
#nav3 a{ background-position: -276px 0;	}
#nav4 a{ background-position: -414px 0;	}
#nav5 a{ background-position: -553px 0;	}
#nav6 a{ background-position: -692px 0;	}
#nav7 a{ background-position: -831px 0; }

/* マウスオーバー時 */
#nav1 a:hover{ background-position: 0 -60px; }
#nav2 a:hover,
#information ul#navMain li#nav2 a{ background-position: -138px -60px; }
#nav3 a:hover,
#exhibits ul#navMain li#nav3 a{ background-position: -276px -60px; }
#nav4 a:hover,
#participation ul#navMain li#nav4 a{ background-position: -414px -60px; }
#nav5 a:hover,
#coelacanth ul#navMain li#nav5 a{ background-position: -553px -60px; }
#nav6 a:hover,
#education ul#navMain li#nav6 a{ background-position: -692px -60px; }
#nav7 a:hover,
#message ul#navMain li#nav7 a{ background-position: -831px -60px; }

/* =2言語選択ナビ
------------------------------*/
#language,
#language li{
	height: 17px;
	}
#language li a{
	display: block;
	width: 100%;
	overflow: hidden;
	height: 0 !important;
	height /**/: 17px;
	padding-top: 17px;
	background-image: url(../images/base/bg_lanav.png);
	background-repeat: no-repeat;
	}
#laNav1{ width: 80px; }
#laNav2{ width: 72px; }
#laNav3{ width: 68px; }

/* 背景の位置指定 */
#laNav1 a{ background-position: 0 0; }
#laNav2 a{ background-position: -88px 0; }
#laNav3 a{ background-position: -168px 0; }

/* マウスオーバー時 */
#laNav1 a:hover{ background-position: 0 -17px; }
#laNav2 a:hover{ background-position: -88px -17px; }
#laNav3 a:hover{ background-position: -168px -17px; }