.px10ja { 
  font-family: Myriad, verdana, arial,"Osaka", sans-serif;
  font-size: 9pt;
}
div.login-form{
  background-color: #6633cc;
  color: #ffffff;
  width:  500px;
  height: 300px;
  text-align: center;
}
div.login-box{
  width:  250px;
  height: 70px;
  text-align: right;
}
div.menu_area{
  width:  800px;
  height: 60px;
}
div.menu{
  width:  100px;
  height: 60px;
  position: relative;
  left: 0;
  top: 0;
}
#menu1{
  position: absolute;
  left: 0;
  top: 0;
}
#menu2{
  position: absolute;
  left: 100;
  top: 0;
}
#menu3{
  position: absolute;
  left: 200;
  top: 0;
}
#menu4{
  position: absolute;
  left: 300;
  top: 0;
}
#menu5{
  position: absolute;
  left: 400;
  top: 0;
}
#menu6{
  position: absolute;
  left: 500;
  top: 0;
}
#menu7{
  position: absolute;
  left: 600;
  top: 0;
}
#menu8{
  position: absolute;
  left: 700;
  top: 0;
}
#menu9{
  position: absolute;
  left: 800;
  top: 0;
}
#menu10{
  position: absolute;
  left: 900;
  top: 0;
}
div.menu a{
  text-align: center;
  color: #ffffff;
  background-color: #6633cc;
  border: solid 1px navy;
  padding 10px;
  text-decoration: none;
  display: block;
  width:  100px;
  line-height: 25px;
  font-size: 10pt;
}
div.menu a:hover{
  background-color: #9966ff;
}
div.menu span{
  display: none;
}
div.submenu{
  visibility: hidden;
  position: absolute;
  left: 0;
}
div.submenu a{
  background-color: #330066;
}
div.office-box{
  background-color: #ccffff;
  width:  350px;
  height: 70px;
  text-align: left;
  font-family: Myriad, verdana, arial,"Osaka", sans-serif;
  font-size: 9pt;
}
div.copyright{
  color: #330099;
  text-align: center;
  font-size: 10pt;
}