div #menu {
  width: 174px;
  float: left;
}

dl#menu{
  width: 174px;
  text-align:center;
}

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

  dl#menu dt{
    width: 174px;
    text-indent:-9999px;
    position: relative;
  }
    
    dl#menu dt a{
      width: 174px;
      display: block;
      text-decoration: none;
	  overflow: hidden;
    }
  
  
dl#menu a.news            { background: url(../Images/m2-news.gif); z-index: 0; height:29px;}
dl#menu a:hover.news      { background-position: -174px 0;  z-index: 0;}
dl#menu a.research            { background: url(../Images/m2-research.gif); z-index: 0; height:25px;}
dl#menu a:hover.research      { background-position: -174px 0;  z-index: 0;}
dl#menu a.member            { background: url(../Images/m2-member.gif); z-index: 0; height:25px;}
dl#menu a:hover.member      { background-position: -174px 0;  z-index: 0;}
dl#menu a.activity            { background: url(../Images/m2-activity.gif); z-index: 0; height:25px;}
dl#menu a:hover.activity      { background-position: -174px 0;  z-index: 0;}
dl#menu a.events            { background: url(../Images/m2-events.gif); z-index: 0; height:25px;}
dl#menu a:hover.events      { background-position: -174px 0;  z-index: 0;}
dl#menu a.access            { background: url(../Images/m2-access.gif); z-index: 0; height:25px;}
dl#menu a:hover.access      { background-position: -174px 0;  z-index: 0;}
dl#menu a.project            { background: url(../Images/m2-project.gif); z-index: 0; height:25px;}
dl#menu a:hover.project      { background-position: -174px 0;  z-index: 0;}
dl#menu a.cluster            { background: url(../Images/m2-cluster.gif); z-index: 0; height:25px;}
dl#menu a:hover.cluster      { background-position: -174px 0;  z-index: 0;}
dl#menu a.link            { background: url(../Images/m2-link.gif); z-index: 0; height:25px;}
dl#menu a:hover.link      { background-position: -174px 0;  z-index: 0;}
dl#menu a.photo            { background: url(../Images/m2-photo.gif); z-index: 0; height:25px;}
dl#menu a:hover.photo      { background-position: -174px 0;  z-index: 0;}
dl#menu a.ob            { background: url(../Images/m2-ob.gif); z-index: 0; height:25px;}
dl#menu a:hover.ob      { background-position: -174px 0;  z-index: 0;}
dl#menu .bg            { background: url(../Images/m2-bg.gif); z-index: 0; height:120px; text-indent:0px; }

    dl#menu dt ul{
    /*
      �������Х�E�˥塼��EA�ץ�E������˥塼����������E�
    */
      text-indent:0px;
      background-color: #eeeeee;
      display: none;
      position: absolute;
      top: 0px;
      left: 174px;
      z-index: 10;
    }
    
      dl#menu dt ul a{
        height: auto;
        font-size: 11px;
        color: #222222;
        line-height: 18px;
        text-align: left;
        padding: 2px 10px;
        width: 159px;
        z-index: 10;
      }
    
      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;
      }
      
        dl#menu dt ul li ul{
          display: none;
          position: absolute;
          top: 0px;
          left: 180px;
          z-index: 10;
        }