header nav {
text-align: center;
background: #006e4f; /* #3636e2; */ /* #8888ee; */ /* メニューバー全体の色 */
   z-index:99999999;

}

header nav ul {
margin: 1em 0em;
padding: 1em 0em;
list-style-type: none;
}

header nav div.menubar ul#menu {
   width:100%;
   margin:0 auto;
   text-align:center;
   margin: 0px 0px 0px 0px;  /* メニューバー外側の余白 */
/*   margin: 0px 0px 0px 15px;  *//* メニューバー外側の余白 */
   padding: 0px; /* メニューバー内側の余白 */
   height: 40px; /* メニューバーの高さ */
   z-index:99999999;
  font-size:100%;
  font-weight:normal;
  font-family:sans-serif;
}
header nav div.menubar ul#menu a {
/*   background-color: #0000ff; */ /* 個々のメニュー項目の背景色 */
   background-color: #006e4f; /* 個々のメニュー項目の背景色 */
   color: white; /* メニュー項目の文字色 */
   line-height: 30px; /* メニュー項目のリンクの高さ(「メニュー項目の高さ」と一致させる) */
   text-align: center; /* メインメニューの文字列の配置(中央寄せ) */
   text-decoration: none; /* メニュー項目の装飾(下線を消す) */
   display: block;
   width: 100%;
   height: 100%;
   overflow: hidden; /* 横バーははみ出た部分を消す(マウスオーバー時は表示) ==H.Sato== */
}

header nav div.menubar ul#menu li {
  display:inline-block;
   width: 95px; /* メニュー項目の横幅 */
   height: 30px; /* メニュー項目の高さ(「メニューバーの高さ」と一致させる) */
/*   float: left; */
   list-style-type: none;
  text-align:center;
  padding-top:0.5em;
  position: relative;
  color:#ffffff;
   z-index:99999999;

}

header nav div.menubar ul#menu a:hover {
   background-color: #ffdddd; /* メニュー項目にマウスが載ったときの背景色 */
   color: #cc0000; /* メニュー項目にマウスが載ったときの文字色 */
  cursor:default;
   width: auto; /* ==H.Sato追加項目== */
   overflow: show; /* マウスオーバー時ははみ出しも表示 ==H.Sato== */
}

/* メニューバー直後のClearfix */
header nav div.menubar ul#menu { zoom:1; }
header nav div.menubar ul#menu:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }



header nav div.menubar ul#menu ul.sub {
   background-color: #3636e2; /* サブメニュー全体の背景色 */
   border-width: 0px 0px 0px 3px; /* サブメニュー全体の枠線の太さ */
   border-style: solid; /* サブメニュー全体の枠線の線種 */
   border-color: #800000; /* サブメニュー全体の枠線の色 */
   margin: 0px;
   padding: 0px;
   display: none;
   position: absolute;
   z-index:99999999;
}

header nav div.menubar ul#menu ul.sub li {
   width: 170px; /* サブメニュー1項目の横幅 */
/*   height: 30px; *//* サブメニュー1項目の高さ */
   height: auto;  /* サブメニュー項目ははみ出しも表示 ==H.Sato== */
   border-width: 0px 0px 1px 5px; /* サブメニュー1項目の枠線の太さ */
   border-style: solid; /* サブメニュー1項目の枠線の線種 */
   border-color: #800000; /* サブメニュー1項目の枠線の色 */
  background-color:#006e4f; /* #3636e2 !important; */ /* サブメニューの背景色 */
}

header nav div.menubar ul#menu ul.sub li a {
   line-height: 30px; /* サブメニュー1項目の行の高さ(「サブメニュー1項目の高さ」と合わせる) */
   text-align: left;  /* サブメニュー1項目の項目名の配置(左寄せ) */
   text-indent: 5px;  /* サブメニュー1項目の項目名前方の余白 */
  cursor:pointer;
   overflow: visible; /* サブメニュー項目ははみ出しも表示 ==H.Sato== */
   height: auto;  /* サブメニュー項目ははみ出しも表示 ==H.Sato== */
}


/* 2017.5.6 横長メニュー開閉を css に変更 */
header nav div.menubar ul#menu li:hover ul.sub {
  display: block !important;
}

header nav div.menubar ul#menu ul.sub li a:hover {
   background-color: #ffff80; /* サブメニュー項目にマウスが載ったときの背景色 */
   color: #005500; /* サブメニュー項目にマウスが載ったときの文字色 */

 /* 2017.5.7 ここにカッコ閉じるが抜けているため、以降無効。
 ただし、headerのfloat:leftやpaddingが有効になるとメニュー
 固定が利かなくなるなどの不具合が発生する */


header navdiv.menubar hr.separator{
  border:1px solid #fff;
}



header {
display: block;
float: left;
width:100%;
/* margin:0 auto; */
/* padding:1em; */
padding-top:1em;
}

article {
width: 96%;
padding: 3em 2%;
}