#menu-hakonavi ul { /*リスト全体*/
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;

}

#menu-hakonavi li { /*リストの1段目*/
  float: left;
  white-space: nowrap;
  padding: 0;
  margin: 0;
}

#menu-hakonavi ul ul { /*2段目以降*/
  display: none;
  position: absolute;
  z-index: 10;
  filter: alpha(opacity=80);
  -moz-opacity:0.8;
  opacity:0.8;
}

#menu-hakonavi li li { /*2段目以降のリスト項目*/
  clear: left;
  position:relative;
  width: 145px;
}

#menu-hakonavi ul ul ul { /*3段目以降*/
  top: 0;
  left: 100%;
}

#menu-hakonavi ul li:hover > ul {
  display: block;
}