@chatset "UTF-8";


html,body{height:100%;}

#wrapper{height:100%;min-height:100%;}

body > #wrapper{height:auto;}


div.menubar {
   min-width: 250px; /* メインメニュー全部が収まる最低横幅 */
}

div.menubar ul#menu {
   margin: 0px 0px 0px 0px; /* メニューバー外側の余白 */
   padding: 0px; /* メニューバー内側の余白 */
   height: 44px;

}
div.menubar ul#menu li {
   width: 250px; /* メニュー項目の横幅 */
   height: 44px; /* メニュー項目の高さ(「メニューバーの高さ」と一致させる) */
   float: left;
   list-style-type: none;
   position: relative;
}
div.menubar ul#menu a {
   background-color: #eeeeee; /* メニュー項目の背景色 */
   color: Black; /* メニュー項目の文字色 */
   line-height: 44px; /* メニュー項目のリンクの高さ(「メニュー項目の高さ」と一致させる) */
   text-align: center; /* メインメニューの文字列の配置(中央寄せ) */
   text-decoration: none; /* メニュー項目の装飾(下線を消す) */
   display: block;
   width: 100%;
   height: 100%;
}
div.menubar ul#menu a:hover {
   background-color: #ffffff; /* メニュー項目にマウスが載ったときの背景色 */
   color: #eeeeee; /* メニュー項目にマウスが載ったときの文字色 */
}
/* メニューバー直後のClearfix */
div.menubar ul#menu { zoom:1; }
div.menubar ul#menu:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }

div.menubar ul#menu ul.sub {
   background-color: #cccccc; /* サブメニュー全体の背景色 */
   border-width: 1px 1px 0px 1px; /* サブメニュー全体の枠線の太さ */
   border-style: solid; /* サブメニュー全体の枠線の線種 */
   border-color: #eeeeee; /* サブメニュー全体の枠線の色 */
   margin: 0px;
   padding: 0px;
   display: none;
   position: absolute;
}
div.menubar ul#menu ul.sub li {
   width: 250px; /* サブメニュー1項目の横幅 */
   height: 25px; /* サブメニュー1項目の高さ */
   border-width: 0px 0px 1px 0px; /* サブメニュー1項目の枠線の太さ */
   border-style: solid; /* サブメニュー1項目の枠線の線種 */
   border-color: #aaaaaa; /* サブメニュー1項目の枠線の色 */
}
div.menubar ul#menu ul.sub li a {
   line-height: 25px; /* サブメニュー1項目の行の高さ(「サブメニュー1項目の高さ」と合わせる) */
   text-align: left;  /* サブメニュー1項目の項目名の配置(左寄せ) */
   text-indent: 5px;  /* サブメニュー1項目の項目名前方の余白 */
}
div.menubar ul#menu ul.sub li a:hover {
   background-color: #333333; /* サブメニュー項目にマウスが載ったときの背景色 */
   color: #ffffff; /* サブメニュー項目にマウスが載ったときの文字色 */
}