#dd {
    margin:0px;
    padding: 0px;
}

#dd li {
  margin: 0 0 0 0;
  padding: 0px;
  list-style-type: none;
  float: left;
  background: #fff;
  text-align: center;
}

#dd li a.menu_top {
  display: block;
  color: #c0c;
  width: 120px;
  text-decoration: none;
  line-height:28px;
}

#dd li a.menu_top:hover {
  color: #fff;
  background: #c0c;
}

#dd li a.menu_diary {
  display: block;
  color: #f60;
  width: 120px;
  text-decoration: none;
  line-height:28px;
}

#dd li a.menu_diary:hover {
  color: #fff;
  background: #f60;
}

#dd li a.menu_route {
  display: block;
  color: #06f;
  width: 120px;
  text-decoration: none;
  line-height:28px;
}

#dd li a.menu_route:hover {
  color: #fff;
  background: #06f;
}

#dd li a.menu_life {
  display: block;
  color: #f09;
  width: 120px;
  text-decoration: none;
  line-height:28px;
}

#dd li a.menu_life:hover {
  color: #fff;
  background: #f09;
}

#dd li a.menu_bbs {
  display: block;
  color: #0c6;
  width: 120px;
  text-decoration: none;
  line-height:28px;
}

#dd li a.menu_bbs:hover {
  color: #fff;
  background: #0c6;
}

#dd li a.menu_other {
  display: block;
  color: #f03;
  width: 120px;
  text-decoration: none;
  line-height:28px;
}

#dd li a.menu_other:hover {
  color: #fff;
  background: #f03;
}

.submenu_route {
  background: #caf9fd;
  border-top:1px solid #C3C3C3;
  visibility: hidden;
  position: absolute;
  z-index: 3;
  width: 120px;
  line-height:20px;
}

.submenu_route span {
  display: block;
  text-align: center;
  text-decoration: none;
  color: #8c8e8c;
}

.submenu_route a {
  display: block;
  text-align: center;
  text-decoration: none;
  color: #8c8e8c;
}

.submenu_route a:hover {
  background: #06f;
  color: #fff;
}

.submenu_life {
  background: #ffd9d9;
  border-top:1px solid #C3C3C3;
  visibility: hidden;
  position: absolute;
  z-index: 3;
  width: 120px;
  line-height:20px;
}

.submenu_life a {
  display: block;
  text-align: center;
  text-decoration: none;
  color: #8c8e8c;
}

.submenu_life span {
  display: block;
  text-align: center;
  text-decoration: none;
  color: #8c8e8c;
}

.submenu_life a:hover {
  background: #f09;
  color: #fff;
}

.submenu_other {
  background: #fff;
  border-top:1px solid #C3C3C3;
  visibility: hidden;
  position: absolute;
  z-index: 3;
  width: 120px;
  line-height:20px;
}

.submenu_other a {
  display: block;
  text-align: center;
  text-decoration: none;
  color: #8c8e8c;
  background: #ffd9d9;
}

.submenu_other span {
  display: block;
  text-align: center;
  text-decoration: none;
  color: #8c8e8c;
  background: #ffd9d9;
}

.submenu_other a:hover {
  background: #f03;
  color: #fff;
}