/*-------------------------------------------------------------
ドロップメニュー用
-------------------------------------------------------------*/



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

/* ▼共通の装飾 */
div.hiddenmenus ul {
   /*list-style: none;  リスト先頭の記号を消す */
   margin: 0px;    /* 本来の余白をなくす */
   padding: 0px;   /* 本来の余白をなくす */
   font-size: 90%; /* 文字を小さめにする */
   width: 20em; /* 横幅：20文字分 */
   text-align:left;
}
div.hiddenmenus li {
	list-style-image: url(../img/f_mark.png);
	border-width: 0px 1px 1px 1px; /* 左右と下に線を引く */
	border-style: solid; /* 線種：実践 */
	border-color:#ccc; /* 線の色：グレー */
	padding: 0.5em 0.7em; /* 内側の余白：上下に0.5文字分・左右に0.7文字分 */
	list-style-position: inside;
}
div.hiddenmenus li a {
   text-decoration: none; /* リンクの下線を消す */
}

/* ▼個別の装飾（背景色） */
div#subMenu01 {
   background-color:#fff; /* 白 */
   position:absolute; top: 110px; left: 300px;
   z-index:100;
}
div#subMenu02 {
   position:absolute; top: 110px; left: 150px;
   z-index:100;
}
div#subMenu03 {
   position:absolute; top: 110px; left: 225px;
   z-index:100;
}
div#subMenu04 {
   position:absolute; top: 110px; left: 300px;
   z-index:100;
}

/* ▼個別の装飾 */
div#subMenu01 { visibility: hidden; }
div#subMenu02 { visibility: hidden; }
div#subMenu03 { visibility: hidden; }
div#subMenu04 { visibility: hidden; }