#dropdown {
  margin: 0 0 0 7;
  padding: 0px;
  list-style-type: none;
  text-align: center;
  font-size: 11pt;
  font-family: メイリオ, Meiryo, ヒラギノ角ゴ ProN W6, Hiragino Kaku Gothic ProN;
  width: 100%;
}
#dropdown li {float: left;
width: 130px;
position: relative;
}
#dropdown li a {
  text-decoration: none;
  color: #FFFFFF;
  background-color: #009933;
  display: block;
  padding: 5px;
}
#dropdown li:hover a {
  background-color: #55CC3D;
}
#dropdown li.current{
  background-color: #E73D0C;
  padding: 5px;
  color: #FFFFFF;
  width: 120px;
}

#drop-down li:hover ul {
  display: block;
}
#dropdown li ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  display: none;
  position: absolute;
}
#dropdown li:hover ul {display: block;}
#dropdown li ul a {
  display: block;
  text-decoration: none;
  color: #FFFFFF;
  background-color: #B7BCC3;
   text-align: center;
}
#dropdown li ul li:hover a {
  background-color: #009933;
}
#dropdown:after {
  content: "";
  clear: both;
  display: block;
}