div #menu {
  width: 760px;
  float: left;
  margin-bottom:10px;
}

dl#menu{
  width: 760px;
  margin-left: auto;
  margin-right: auto;
  text-align:center;
  margin-left:2px;
}

  dl#menu ul{
    list-style:none;
    text-indent:-9999px;
  }

  dl#menu dt{
    width: 120px;
    height: 90px;
    float: left;
    text-indent:-9999px;
    position: relative;
    margin-bottom:10px;
    margin-left:5px;
	z-index: 0;
  }
    
    dl#menu dt a{
      width: 120px;
      display: block;
      text-decoration: none;
      height: 90px;
	  overflow: hidden;
	  z-index: 0;
    }

  
dl#menu a.news            { background: url(../Images/m-news.jpg); z-index: 0;}
dl#menu a:hover.news      { background-position: 0 -90px;  z-index: 0;}
dl#menu a.research            { background: url(../Images/m-research.jpg); z-index: 0;}
dl#menu a:hover.research      { background-position: 0 -90px;  z-index: 0;}
dl#menu a.member            { background: url(../Images/m-member.jpg); z-index: 0;}
dl#menu a:hover.member      { background-position: 0 -90px;  z-index: 0;}
dl#menu a.activity            { background: url(../Images/m-activity.jpg); z-index: 0;}
dl#menu a:hover.activity      { background-position: 0 -90px;  z-index: 0;}
dl#menu a.events            { background: url(../Images/m-events.jpg); z-index: 0;}
dl#menu a:hover.events      { background-position: 0 -90px;  z-index: 0;}
dl#menu a.access            { background: url(../Images/m-access.jpg); z-index: 0;}
dl#menu a:hover.access      { background-position: 0 -90px;  z-index: 0;}
dl#menu a.project            { background: url(../Images/m-project.jpg); z-index: 0;}
dl#menu a:hover.project      { background-position: 0 -90px;  z-index: 0;}
dl#menu a.link            { background: url(../Images/m-link.jpg); z-index: 0;}
dl#menu a:hover.link      { background-position: 0 -90px;  z-index: 0;}
dl#menu a.ob            { background: url(../Images/m-ob.jpg); z-index: 0;}
dl#menu a:hover.ob      { background-position: 0 -90px;  z-index: 0;}
dl#menu a.final            { background: url(../Images/m-final.jpg); z-index: 0;}
dl#menu a:hover.final      { background-position: 0 -90px;  z-index: 0;}
dl#menu a.kinen            { background: url(../Images/m-kinen.jpg); z-index: 0;}
dl#menu a:hover.kinen      { background-position: 0 -90px;  z-index: 0;}


#menu ul{
  z-index: 12;
}

#menu ul li{
  z-index: 12;
}

    dl#menu dt ul{
    /*
      �������Х�E�˥塼��EA�ץ�E������˥塼����������E�
    */
      text-indent:0px;
      background-color: #eeeeee;
      display: none;
      position: absolute;
      top: 90px;
      left: 0;
    }
    
      dl#menu dt ul a{
        height: auto;
        font-size: 11px;
        color: #222222;
        line-height: 18px;
        text-align: left;
        padding: 2px 10px;
        width: 159px;
      }
    
      dl#menu dt ul a.hierarchy{
        background: url(../../Images/gmArrow_fg.gif) 162px center no-repeat;
      }
    
      dl#menu dt ul li.rollOver{
      /*
        �ץ�E������˥塼���ޥ��������С�����X������E�
      */
        background-color: #74b1a3;
      }
      
      dl#menu dt ul li.rollOver a.hierarchy{
        background: url(../../Images/gmArrow_ov.gif) 162px center no-repeat;
      }
    
      dl#menu dt ul li.rollOver a.rollOverA{
        color: #ffffff;
      }
    
      dl#menu dt ul li{
        background: #eeeeee;
        position: relative;
        border-left: solid 1px #aaaaaa;
        border-top: solid 1px #ffffff;
        border-right: solid 1px #aaaaaa;
        border-bottom: solid 1px #aaaaaa;
        z-index: 10 !Important;
      }
      
        dl#menu dt ul li ul{
          display: none;
          position: absolute;
          top: 0px;
          left: 180px;
          z-index: 10 !Important;
        }