<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">div.menubar{
   background-color: #b0c4de; /* バーの背景色 */
   border-top: 3px double #adff2f; /* バーの上端線 */
   border-bottom: 3px double #adff2f; /* バーの下端線 */
   min-width: 1000px; /* メインメニュー全部が収まる最低横幅 */
}

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



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