@charset "iso-8859-1";
/* author: Mitsuo Suzuki */
/* Creation date: 7/31/2008 */


body {margin: 0;}
h1 {font-size: 25px; color: #FFC352;}
p {line-height: 120%;}




.MainBox {border: 5px #ACBAFF solid;}

#header { /* HEADER */ padding:5pix; background-color:#0033FF;}
#footer { /* FOOTER */ padding:5pix; background-color:#f9f9f9;}

#divmid { /* DIVTOP */ padding:10pix; background-color:#33FFFF;}
#divmain { /* DIVTOP */ height: 25px;text-align: center; font-size: 20px; background: #ACBAFF; color: white; font: bold;}
#divtop { /* DIVTOP */ height: 1px; weidth:625; background: #ACBAFF;}
#divverticalr { /* DIVTOP */border: solid; border-width: 0 1 0 0; color: #6666ff;}
#divverticall { /* DIVTOP */border: solid; border-width: 0 0 0 1; color: #6666ff;}
#divverticalb { /* DIVTOP */border: solid; border-width: 0 1 0 1; color: #6666ff;}
#spanline { /* DIVTOP */border: solid; border-width: 0 0 1 0; height: 5; width: 520; color: #6666ff;}


#divb { /* DIVTOP */ height: 25px; background: #8C98D0;font-size: 20px; color: white; font: bold; }
#divc { /* DIVTOP */ height: 25px; background: #C8DBFF;font-size: 20px; color: white; font: bold; }

#divbr1 {border-width: 0 0 3 0; border-color: #979a64; width: 50; border-style: solid; background-color: #d4d88d; font:2;}

#divbr2 {border-width: 0 0 3 0; border-color: #CFD3CF ; width: 3; border-style: solid; background-color: #FDF7CB; height: 25;}

#divbr3 {border-width: 0 0 0 0; border-color: #979a64; width: 100; border-style: solid; background-color: #ACBC7D; height: 25px; font:13; text-align: center; color: #ffffff; line-height: 23px; font-family: Arial; font-weight: lighter}

/* main menu */
#menu ul {
   display:block;
   list-style-type: none;
   margin:0;
   padding:0;
}

/* sub-menu -row1 */
#menu ul ul{
   display:none;
   position:absolute;
   top:100%;
   left:0;
}

/* sub-menu -row2 */
#menu ul ul ul {
   top:0;
   left:100%;
}

/* list */
#menu li {
   float:left;
}

#menu li li {
   clear:both;
}

#menu li:hover {
   position:relative;
}

#menu li:hover > ul {
   display: block
}

/* for 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;}
