html {
  height: 100%;
}

body {
  height: 88%;
  margin: 0;
  color: #444444;
}

a:link {
  color: #444444;
  text-decoration:none
}
a:visited {
  color: #444444;
  text-decoration:none
}
a:hover {
  color: #444444;
  text-decoration:none
}
a:active { color: #444444;
  text-decoration:none
}

iframe#bosyuu-chu {
  margin: 20px 5px 5px 5px;
  border: 1px #cccccc dotted;
}

/* タイトルおよびプルダウンメニューの枠の設定 */
.header {
  font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
  padding: 0px;
  margin: 0px;
  border: 1px solid  #cccccc;
  background-color: #ffffff;
  border-bottom: 2px solid red;
}

/* タイトルの設定 */
.title {
  margin: 2px 10px 0px 15px;
  padding: 10px 5px 10px 0px; /* top, right, buttom, left */
  font-weight: bold;
  text-shadow: 2px 2px 0 rgba(0,0,0,.2);
}

/* タイトル下のプルダウンメニューの書式設定 */
/* https://allabout.co.jp/gm/gc/416557/ */
div.menubar {
   background-color: #555555; /* バーの背景色 */
   border-top: 2px solid #ff0000; /* バーの上端線 */
   min-width: 900px; /* メインメニュー全部が収まる最低横幅 */
}

div.menubar ul#menu {
   margin: 0px 0px 0px 10px; /* メニューバー外側の余白 */
   padding: 0px; /* メニューバー内側の余白 */
   height: 30px; /* メニューバーの高さ */
}
div.menubar ul#menu li {
   width: 115px; /* メニュー項目の横幅 */
   height: 30px; /* メニュー項目の高さ(「メニューバーの高さ」と一致させる) */
   float: left;
   list-style-type: none;
   position: relative;
}
div.menubar ul#menu a {
   background-color: #555555; /* メニュー項目の背景色 */
   color: white; /* メニュー項目の文字色 */
   line-height: 30px; /* メニュー項目のリンクの高さ(「メニュー項目の高さ」と一致させる) */
   text-align: center; /* メインメニューの文字列の配置(中央寄せ) */
   text-decoration: none; /* メニュー項目の装飾(下線を消す) */
   display: block;
   width: 100%;
   height: 100%;
}
div.menubar ul#menu a:hover {
   background-color: #aa2222; /* メニュー項目にマウスが載ったときの背景色 */
   color: #ffffff; /* メニュー項目にマウスが載ったときの文字色 */
}
/* メニューバー直後の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: #555555; /* サブメニュー全体の背景色 */
   border-width: 1px 1px 0px 1px; /* サブメニュー全体の枠線の太さ */
   border-style: solid; /* サブメニュー全体の枠線の線種 */
   border-color: #ee0000; /* サブメニュー全体の枠線の色 */
   margin: 0px;
   padding: 0px;
   display: none;
   position: absolute;
   font-size: small;
}
div.menubar ul#menu ul.sub li {
   width: 200px; /* サブメニュー1項目の横幅 */
   height: 30px; /* サブメニュー1項目の高さ */
   border-width: 0px 0px 1px 0px; /* サブメニュー1項目の枠線の太さ */
   border-style: solid; /* サブメニュー1項目の枠線の線種 */
   border-color: #ee0000; /* サブメニュー1項目の枠線の色 */
}
div.menubar ul#menu ul.sub li a {
   line-height: 30px; /* サブメニュー1項目の行の高さ(「サブメニュー1項目の高さ」と合わせる) */
   text-align: left;  /* サブメニュー1項目の項目名の配置(左寄せ) */
   text-indent: 5px;  /* サブメニュー1項目の項目名前方の余白 */
}
div.menubar ul#menu ul.sub li a:hover {
   background-color: #aa2222; /* サブメニュー項目にマウスが載ったときの背景色 */
   color: #ffffff; /* サブメニュー項目にマウスが載ったときの文字色 */
}