﻿
#nav{
	padding: 0;
	margin: 0;
	list-style: none;
	height: 37px;
	position: relative;
	z-index: 200;
	font-family: arial, verdana, sans-serif;
	width: 950px;
}
#nav li.top{
  display: block;
  float: left;
}
#nav li a{
  display: block;
  float: left;
  height: 37px;
  width: 158px;
  text-decoration: none;
  padding: 0;
  cursor: pointer;
}
#nav li a b{
  margin-left: -9999px; /* hide text */
}

#KyoudouProject #nav li a.m1{
  background-position: 0 37px;
}
#nav li a.m1{
  background:url(../images/m1.jpg);
}

#Topics #nav li a.m2{
  background-position: 0 37px;
}
#nav li a.m2{
  background:url(../images/m2.jpg);
}

#Kyouiku #nav li a.m3{
  background-position: 0 37px;
}
#nav li a.m3{
  background:url(../images/m3.jpg);
}

#Kenkyu #nav li a.m4{
  background-position: 0 37px;
}
#nav li a.m4{
  background:url(../images/m4.jpg);
}

#Gakusei #nav li a.m5{
  background-position: 0 37px;
}
#nav li a.m5{
  background:url(../images/m5.jpg);
}

#Unei #nav li a.m6{
  background-position: 0 37px;
}
#nav li a.m6{
  background:url(../images/m6.jpg);
}

#nav li:hover a, #nav a:hover{
  background-position: 0 37px; /* horizontal vertical */
}
#nav table{
  position: absolute;
  top: 0;
  left: 0;
  border-collapse: collapse;
  padding: 0;
  width: 0;
  height: 0;
  margin: -1px;
}
#nav .sub{
  position: absolute;
  left: -9999px;
  top: -9999px;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

#nav li:hover{
  position: relative;
  z-index: 200;
}
#nav a:hover{
  position: relative;
  white-space: normal;
  z-index: 200;
}
#nav :hover ul.sub{
  left: 7px;
  top: 37px;
  width: 150px;
  height: auto;
  z-index: 300;
}
#nav :hover ul.sub li{
  display: block;
  height: 31px;
  position: relative;
  float: left;
  width: 147px;
  font-weight: normal;
}
#nav :hover ul.sub li a{
  display: block;
  height: 31px;
  width: 147px;
  text-decoration: none;
  padding: 0;
  cursor: pointer;
}
#nav :hover ul.sub li a b{
  position: absolute;
  margin:10px 0px 0px 10px;;
  font-size:12px;
  font-weight:normal;
  color:#000000;
}
#nav :hover ul li a.msub{
  background:url(../images/msub.gif);
}
#nav :hover ul.sub li a:hover{
  background-position: 0 -31px;  /* horizontal vertical */
  position: relative;
}


img.opacity{       
  filter: alpha(opacity=40); 
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
  -moz-opacity: 0.40;
  opacity: 0.4; 
}

