@charset "UTF-8";
/* CSS Document */
.menu li {
  position: relative;
  float: left;
  margin: 0;
  height: 63px;
  z-index: 9999;
}
.off {
  display: inline-block !important;
  font-size: 12px !important;
  color: #91a1c1 !important;
  font-weight: bold;
}
.menu li ul {
  display: none;
  position: absolute;
  top: 95px;
  left: 0%;
  width: 240px;
  color: #CCC;
  font-size: 12px;
  padding-top: 15px;
  padding-right: 5px;
  padding-bottom: 8px;
  padding-left: 5px;
  z-index: 99999;
}
/* hover プルダウン表示（旧 common.js の .menu li hover を CSS 化） */
.menu li:hover > ul {
  display: block;
}
.menu li ul li {
  margin: 0 !important;
  width: 100% !important;
  border: none !important;
  height: 40px !important;
  font-size: 12px !important;
  color: #CCC !important;
  padding: 0 !important;
  font-weight: bold;
}
.menu li ul li a {
  display: inline-block !important;
  width: 100% !important;
  height: 30px !important;
  font-size: 14px !important;
  color: #FFF !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  font-weight: bold;
}
.menu li ul li a:hover {
  color: #000 !important;
  background-color: #FFF !important;
  text-decoration: none !important;
}
.menu li ul li .off_down {
  display: inline-block !important;
  width: 240px !important;
  height: 20px !important;
  font-size: 12px !important;
  color: #F96 !important;
  padding-top: 6px !important;
  padding-bottom: 6px !important;
  font-weight: bold;
  text-align: center;
}
.navi_01 {
  background-color: #2D2820;
}
.navi_02 {
  background-color: #8a35b8;
}
.navi_03 {
  background-color: #8a35b8;
}
.navi_04 {
  background-color: #8a35b8;
}
.navi_05 {
  background-color: #8a35b8;
}