div.mi {
  border: solid 2px;
  border-color: #ff6699; /* #ff6699, Y#999900, #00cc66 ! */
  width: 276px; /*width: 276px;*/ /* 256 + 10 + 10 */
     /* Firefox縺ｯ縺薙％繧堤峩縺輔↑縺�→蜉ｹ縺九↑縺�*/

}
div.mi a {
  display: block;
  width: 256px;

  padding: 10px;

  text-decoration: none;
  font-size: 0.9em;
  font-weight: bold;

  background: #ffe933 url(menu-bg.gif) center; /* Y#ffe933, #fff3f3, #f3fff3 ! */
}
div.mi a:hover {
  color: #333300; /* Y#333300, G#006600 */
  background: #ffe933 url(menu-bg-h.gif) center; /* G#f3fff3, #fff3f3, Y#ffe933, #f3fff3 ! */
}
div.mi a:active {
  color: #cc3333; /* #cc3333 */
  background-color: #ccffcc; /* #ccffcc, #ffcccc ! */
}


div.mi-g {
  border: solid 2px;
  border-color: #999999;
  width: 256px;

  padding: 10px;

  font-size: 0.9em;
  font-weight: bold;

  color: #888888;
  background-color: #f9f9f9;
}

div.mi-g small {
  font-size: 0.7em;
  font-weight: normal;
  vertical-align: 0.1em;
}

div.mi-g small.x {
  font-size: 0.6em;
  font-weight: normal;
  vertical-align: 0.1em;
}

div.mi-g smalls {
  font-size: 0.6em;
  font-weight: normal;
  vertical-align: 0.1em;
}