@charset "Shift_JIS";

/*======================================

	基本設定

=======================================*/
html {
  overflow-y:scroll;
 }    

A.a1 {
  text-decoration: none;
}

A.a1:visited {
  color: #0066cc;
}

A.a1:hover {
  color: #ff0000;
  position: relative;
  top: 1px;
  left: 1px;
}

IFRAME.f1 {
             margin : 0px 0px 0px 0px;
          }
#menu1 {
       width:798px;
       margin:0;
       padding:0;
}

#menu1 li {
        float:left;
        margin: 0;
        padding: 0;
        position: relative;
        list-style-type: none;
        width:133px;
        }

#menu1 .sub li {
        clear: left;
        list-style-type: none;
        text-align: center;
        background-image:url(img/bg1.png);
        display: block;
        width: 8.3em;
        line-height: 1.5em;
        border: 1px solid #000;
}

.sub {
        display: none;
        position:absolute;
        top:100%;
        left:0;
        margin: 0; 
        padding: 0;
}

.sub li a{
        text-decoration:none;
}

.sub li a:hover {
        background:ffffff;
        display: block;
}

.sub li a:visited {
        color:#0000ff;
}

#menu1 li:hover .sub {
        display: block;
        position: absolute;
}

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

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

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

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