/*  メニューボックス
*/
div#BoxClass4{/*メニュー全体*/
  float             : left;
  width             : 200px;
}
#BoxClass4 div{
  margin-left       : 10px;
  width             : 190px;
  background        : #0099cc url(image/menu-background.jpg) repeat-y scroll center top;
}
#BoxClass4 * div{
  width             : auto;
  background        : transparent none no-repeat scroll center center;
}


#BoxClass4 a{/*ブロックとして扱う*/
  display           : block;
}
#BoxClass4 a:link,
#BoxClass4 a:visited,
#BoxClass4 a:active{
  background        : transparent none repeat-y scroll center center;
}
#BoxClass4 a:hover{/*カーソルがのったときの挙動*/
  background        : #66ccff none repeat-y scroll center center;
}
#BoxClass4 ul{/*  メニューボックス、りすとでメニューを作ります。*/
  list-style-type   : none;/*リストの先頭に何もつけない*/
}

/*  １つ１つのメニューボックス
*      ボーダーの幅と箱の大きさをうまく調節して、１つ 55pxの高さにしてあります。
*/
#BoxClass4 .MenuTop a,
#BoxClass4 .MenuMiddle a{
  height            : 54px;
}
#BoxClass4 li.MenuTop,
#BoxClass4 li.MenuMiddle{
  border-bottom     : 1px #a0b0ff solid;
}

#BoxClass4 .MenuBottom a{
  height            : 55px;
}
#BoxClass4 li.MenuBottom{
  border            : none;
}

/*  サブメニューボックス
*      １つ 30pxの高さにしてあります。
*/
#BoxClass4 .submenu a{
  margin-left       : 25px;
  height            : 30px;
}

/*------------------------------------ 文字 */
#BoxClass4 *{
  white-space       : nowrap;           /*改行やスペースの扱いを指定する*/
  line-height       : 18px;             /*行間を指定する */
  color             : #ffffff;          /*文字の色を指定する*/
  font-family       : "ＭＳ ゴシック";/*フォントを指定する */
  font-weight       : normal;           /*文字の太さを指定する*/
  font-style        : normal;           /*斜体文字にする*/
  text-decoration   : none;             /*文字の装飾を指定する */
}


#BoxClass4 .font1{/* メニューの文字 */
  margin-left       : 20px;
  padding-top       : 10px;
  cursor            : pointer;
  font-size         : 18px;             /*文字のサイズを指定する*/
  font-family       : "ＭＳ ゴシック";  /*フォントを指定する */
  font-weight       : bold;             /*文字の太さを指定する*/
}

#BoxClass4 .font2{/* メニューの文字(英語) */
  margin-left       : 20px;
  cursor            : pointer;
  font-size         : 14px;             /*文字のサイズを指定する*/
  text-indent       : 14px;
  font-family       : "Arial";          /*フォントを指定する */
  font-style        : italic;           /*斜体文字にする*/
}

#BoxClass4 .font3{/* サブメニューの文字 */
  margin-left       : 5px;
  height            : 22px;             /*矢印が真ん中にくろるように、あとpaddingも加味して考える*/
  padding-top       : 5px;              /*marginを使うとネスケでずれる*/
  padding-left      : 16px;
  background        : transparent url(image/menu-mark.gif) no-repeat scroll left center;/*矢印(画像)*/
  cursor            : pointer;
  font-size         : 14px;             /*文字のサイズを指定する*/
}

/*  うまく配置するための小技です。
*/
div#BoxClass4dash{
  height       : auto;
  overflow     : auto;
  width        : 100%;
}