@charset "UTF-8";

/* from http://www.coolwebwindow.com/csstips/csstechnic/000254.php */

/* ========================================  menu グランドメニュー */
#menu {
  clear: both;
  margin-left:auto;
  margin-right:auto;
  width: 980px;
  height:24px;
  background-color:#74E800;
/*  background-image:url(images/cssdropdown_btn3.jpg); */
}

/* メインメニュー */
#menu ul {
   font-size:15px;
/*   font-weight:bold; */
   display:block;
   list-style-type: none;
   margin:0;
   padding:0;height:1em;
   margin-left:3px;
   font-color:red;
}

#menu ul:hover {}

/* background-image:url(images/cssdropdown_btn4.jpg); */
/* } */

/* サブメニュー1段目 */
#menu ul ul{
   display:none;
   position:absolute;
   top:100%;
   left:0;
}

/* サブメニュー2段目以降 */
#menu ul ul ul {
   top:0;
   left:100%;
}

/* リスト */
#menu li {
  float:left;

}

#menu li li {
   clear:both;
   margin-left:-3px;
   border:1px solid #F5FFFA;
/*   border:1px solid #f4f9f2;*/
}

#menu li:hover {
   position:relative;
}

#menu li:hover > ul {
   display: block
}

/* IE6用 */
* html #menu li {
   behavior: expression(
      this.onmouseover=new Function("this.className='column1'"),
      this.onmouseout=new Function("this.className=''"),
      this.style.behavior = 'none'
   );
}

* html #menu li li {
   behavior: expression(
      this.onmouseover=new Function("this.className='column2'"),
      this.onmouseout=new Function("this.className=''"),
      this.style.behavior = 'none'
   );
}

* html #menu li li li {
   behavior: expression(
      this.onmouseover=new Function("this.className='column3'"),
      this.onmouseout=new Function("this.className=''"),
      this.style.behavior = 'none'
   );
}

#menu .column1 {position:relative;}
#menu .column1 ul {display:block;}
#menu .column1 * ul {display:none;}

#menu .column2 {position:relative;}
#menu .column2 ul {display:block;}
#menu .column2 * ul {display:none;}

#menu .column3 {position:relative;}
#menu .column3 ul {display:block;}
#menu .column3 * ul {display:none;}

/* デザイン */
#menu li {
   width:162px;
   line-height:1.6em;
   text-align: center;
   background-color:#74E800;
/*   background:#ddd; */
/*   background-image:url(images/cssdropdown_btn3.jpg); */
}

#menu li li {
   text-align: left;
   background-color:#fff;
}

#menu li a{
   width:162px;
   text-decoration:none;
   color:#696969; 
   padding:0 10px;
}

#menu li:hover {
     background:#90EE90;
     color:#333;
}

#menu .column1, #menu .column2, #menu .column3 {
     color:#333;
/*   background:#7BBA10; */
}stylesheet