body {
  /* background-image: url(brogo.jpg); */
    font-family: "HG創英角ﾎﾟｯﾌﾟ体";
}


div#menubar {
   /* background-color: green;  バーの色：緑 */
   width: 100%;  /* 横幅：いっぱい */
}
div#menubar img {
   vertical-align: top; /* 画像下に隙間ができるのを抑制 */
   border: 0px; /* 枠線をなくす */
}

/* ▼共通の装飾 */
div.hiddenmenus ul {
   list-style: none; /* リスト先頭の記号を消す */
   margin: 0px;    /* 本来の余白をなくす */
   padding: 0px;   /* 本来の余白をなくす */
   font-size: 90%; /* 文字を小さめにする */
   width: 10em; /* 横幅：10文字分 */
}
div.hiddenmenus li {
   border-width: 0px 1px 1px 1px; /* 左右と下に線を引く */
   border-style: solid; /* 線種：実践 */
   border-color: green; /* 線の色：緑 */
   padding: 0.1em 0.3em; /* 内側の余白：上下に0.1文字分・左右に0.3文字分 */
}

/* ▼個別の装飾（背景色） */
div#subMenu02 ul {
   background-color: #feffcc; /* 淡い黄色 */
}
div#subMenu03 ul {
   background-color: #ffcccc; /* 淡い赤色 */
}
div#subMenu04 ul {
   background-color: #d8ffcc; /* 淡い緑 */
}
div#subMenu05 ul {
   background-color: #dfffff; /* 淡い青 */
}
div#subMenu06 ul {
   background-color: #ffffff; /* 白 */
}


div#subMenu02 {
   position:absolute; top: 41px; left: 94px;
}
div#subMenu03 {
   position:absolute; top: 41px; left: 180px;
}
div#subMenu04 {
   position:absolute; top: 41px; left: 265px;
}
div#subMenu05 {
   position:absolute; top: 41px; left: 435px;
}
div#subMenu06 {
   position:absolute; top: 41px; left: 520px;
}
/* ▼個別の装飾 */
div#subMenu01 { visibility: hidden; }
div#subMenu02 { visibility: hidden; }
div#subMenu03 { visibility: hidden; }
div#subMenu04 { visibility: hidden; }
div#subMenu05 { visibility: hidden; }
div#subMenu06 { visibility: hidden; }