<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
nav.global-nav-upper-E002-red,
nav.global-nav-side-E002-red,
nav.global-nav-upper-E002-orange,
nav.global-nav-side-E002-orange,
nav.global-nav-upper-E002-yellow,
nav.global-nav-side-E002-yellow,
nav.global-nav-upper-E002-yellowgreen,
nav.global-nav-side-E002-yellowgreen,
nav.global-nav-upper-E002-green,
nav.global-nav-side-E002-green,
nav.global-nav-upper-E002-aqua,
nav.global-nav-side-E002-aqua,
nav.global-nav-upper-E002-blue,
nav.global-nav-side-E002-blue,
nav.global-nav-upper-E002-brown,
nav.global-nav-side-E002-brown,
nav.global-nav-upper-E002-pink,
nav.global-nav-side-E002-pink,
nav.global-nav-upper-E002-purple,
nav.global-nav-side-E002-purple,
nav.global-nav-upper-E002-black,
nav.global-nav-side-E002-black,
nav.global-nav-upper-E002-colorful,
nav.global-nav-side-E002-colorful {
  margin: 0 0 20px;
  padding: 0;
}
nav.global-nav-upper-E002-red ul,
nav.global-nav-side-E002-red ul,
nav.global-nav-upper-E002-orange ul,
nav.global-nav-side-E002-orange ul,
nav.global-nav-upper-E002-yellow ul,
nav.global-nav-side-E002-yellow ul,
nav.global-nav-upper-E002-yellowgreen ul,
nav.global-nav-side-E002-yellowgreen ul,
nav.global-nav-upper-E002-green ul,
nav.global-nav-side-E002-green ul,
nav.global-nav-upper-E002-aqua ul,
nav.global-nav-side-E002-aqua ul,
nav.global-nav-upper-E002-blue ul,
nav.global-nav-side-E002-blue ul,
nav.global-nav-upper-E002-brown ul,
nav.global-nav-side-E002-brown ul,
nav.global-nav-upper-E002-pink ul,
nav.global-nav-side-E002-pink ul,
nav.global-nav-upper-E002-purple ul,
nav.global-nav-side-E002-purple ul,
nav.global-nav-upper-E002-black ul,
nav.global-nav-side-E002-black ul,
nav.global-nav-upper-E002-colorful ul,
nav.global-nav-side-E002-colorful ul {
  list-style: none;
}
nav.global-nav-upper-E002-red ul li,
nav.global-nav-side-E002-red ul li,
nav.global-nav-upper-E002-orange ul li,
nav.global-nav-side-E002-orange ul li,
nav.global-nav-upper-E002-yellow ul li,
nav.global-nav-side-E002-yellow ul li,
nav.global-nav-upper-E002-yellowgreen ul li,
nav.global-nav-side-E002-yellowgreen ul li,
nav.global-nav-upper-E002-green ul li,
nav.global-nav-side-E002-green ul li,
nav.global-nav-upper-E002-aqua ul li,
nav.global-nav-side-E002-aqua ul li,
nav.global-nav-upper-E002-blue ul li,
nav.global-nav-side-E002-blue ul li,
nav.global-nav-upper-E002-brown ul li,
nav.global-nav-side-E002-brown ul li,
nav.global-nav-upper-E002-pink ul li,
nav.global-nav-side-E002-pink ul li,
nav.global-nav-upper-E002-purple ul li,
nav.global-nav-side-E002-purple ul li,
nav.global-nav-upper-E002-black ul li,
nav.global-nav-side-E002-black ul li,
nav.global-nav-upper-E002-colorful ul li,
nav.global-nav-side-E002-colorful ul li {
  padding: 0;
}
nav.global-nav-upper-E002-red ul li a,
nav.global-nav-side-E002-red ul li a,
nav.global-nav-upper-E002-orange ul li a,
nav.global-nav-side-E002-orange ul li a,
nav.global-nav-upper-E002-yellow ul li a,
nav.global-nav-side-E002-yellow ul li a,
nav.global-nav-upper-E002-yellowgreen ul li a,
nav.global-nav-side-E002-yellowgreen ul li a,
nav.global-nav-upper-E002-green ul li a,
nav.global-nav-side-E002-green ul li a,
nav.global-nav-upper-E002-aqua ul li a,
nav.global-nav-side-E002-aqua ul li a,
nav.global-nav-upper-E002-blue ul li a,
nav.global-nav-side-E002-blue ul li a,
nav.global-nav-upper-E002-brown ul li a,
nav.global-nav-side-E002-brown ul li a,
nav.global-nav-upper-E002-pink ul li a,
nav.global-nav-side-E002-pink ul li a,
nav.global-nav-upper-E002-purple ul li a,
nav.global-nav-side-E002-purple ul li a,
nav.global-nav-upper-E002-black ul li a,
nav.global-nav-side-E002-black ul li a,
nav.global-nav-upper-E002-colorful ul li a,
nav.global-nav-side-E002-colorful ul li a {
  display: block;
  text-decoration: none;
}
nav.global-nav-upper-E002-red ul li ul,
nav.global-nav-side-E002-red ul li ul,
nav.global-nav-upper-E002-orange ul li ul,
nav.global-nav-side-E002-orange ul li ul,
nav.global-nav-upper-E002-yellow ul li ul,
nav.global-nav-side-E002-yellow ul li ul,
nav.global-nav-upper-E002-yellowgreen ul li ul,
nav.global-nav-side-E002-yellowgreen ul li ul,
nav.global-nav-upper-E002-green ul li ul,
nav.global-nav-side-E002-green ul li ul,
nav.global-nav-upper-E002-aqua ul li ul,
nav.global-nav-side-E002-aqua ul li ul,
nav.global-nav-upper-E002-blue ul li ul,
nav.global-nav-side-E002-blue ul li ul,
nav.global-nav-upper-E002-brown ul li ul,
nav.global-nav-side-E002-brown ul li ul,
nav.global-nav-upper-E002-pink ul li ul,
nav.global-nav-side-E002-pink ul li ul,
nav.global-nav-upper-E002-purple ul li ul,
nav.global-nav-side-E002-purple ul li ul,
nav.global-nav-upper-E002-black ul li ul,
nav.global-nav-side-E002-black ul li ul,
nav.global-nav-upper-E002-colorful ul li ul,
nav.global-nav-side-E002-colorful ul li ul {
  margin: 0;
  list-style: none;
}
nav.global-nav-upper-E002-red &gt; ul,
nav.global-nav-side-E002-red &gt; ul,
nav.global-nav-upper-E002-orange &gt; ul,
nav.global-nav-side-E002-orange &gt; ul,
nav.global-nav-upper-E002-yellow &gt; ul,
nav.global-nav-side-E002-yellow &gt; ul,
nav.global-nav-upper-E002-yellowgreen &gt; ul,
nav.global-nav-side-E002-yellowgreen &gt; ul,
nav.global-nav-upper-E002-green &gt; ul,
nav.global-nav-side-E002-green &gt; ul,
nav.global-nav-upper-E002-aqua &gt; ul,
nav.global-nav-side-E002-aqua &gt; ul,
nav.global-nav-upper-E002-blue &gt; ul,
nav.global-nav-side-E002-blue &gt; ul,
nav.global-nav-upper-E002-brown &gt; ul,
nav.global-nav-side-E002-brown &gt; ul,
nav.global-nav-upper-E002-pink &gt; ul,
nav.global-nav-side-E002-pink &gt; ul,
nav.global-nav-upper-E002-purple &gt; ul,
nav.global-nav-side-E002-purple &gt; ul,
nav.global-nav-upper-E002-black &gt; ul,
nav.global-nav-side-E002-black &gt; ul,
nav.global-nav-upper-E002-colorful &gt; ul,
nav.global-nav-side-E002-colorful &gt; ul {
  margin: 0;
}
nav.global-nav-upper-E002-red &gt; ul &gt; li,
nav.global-nav-side-E002-red &gt; ul &gt; li,
nav.global-nav-upper-E002-orange &gt; ul &gt; li,
nav.global-nav-side-E002-orange &gt; ul &gt; li,
nav.global-nav-upper-E002-yellow &gt; ul &gt; li,
nav.global-nav-side-E002-yellow &gt; ul &gt; li,
nav.global-nav-upper-E002-yellowgreen &gt; ul &gt; li,
nav.global-nav-side-E002-yellowgreen &gt; ul &gt; li,
nav.global-nav-upper-E002-green &gt; ul &gt; li,
nav.global-nav-side-E002-green &gt; ul &gt; li,
nav.global-nav-upper-E002-aqua &gt; ul &gt; li,
nav.global-nav-side-E002-aqua &gt; ul &gt; li,
nav.global-nav-upper-E002-blue &gt; ul &gt; li,
nav.global-nav-side-E002-blue &gt; ul &gt; li,
nav.global-nav-upper-E002-brown &gt; ul &gt; li,
nav.global-nav-side-E002-brown &gt; ul &gt; li,
nav.global-nav-upper-E002-pink &gt; ul &gt; li,
nav.global-nav-side-E002-pink &gt; ul &gt; li,
nav.global-nav-upper-E002-purple &gt; ul &gt; li,
nav.global-nav-side-E002-purple &gt; ul &gt; li,
nav.global-nav-upper-E002-black &gt; ul &gt; li,
nav.global-nav-side-E002-black &gt; ul &gt; li,
nav.global-nav-upper-E002-colorful &gt; ul &gt; li,
nav.global-nav-side-E002-colorful &gt; ul &gt; li {
  position: relative;
}
nav.global-nav-upper-E002-red &gt; ul &gt; li &gt; a:hover,
nav.global-nav-side-E002-red &gt; ul &gt; li &gt; a:hover,
nav.global-nav-upper-E002-orange &gt; ul &gt; li &gt; a:hover,
nav.global-nav-side-E002-orange &gt; ul &gt; li &gt; a:hover,
nav.global-nav-upper-E002-yellow &gt; ul &gt; li &gt; a:hover,
nav.global-nav-side-E002-yellow &gt; ul &gt; li &gt; a:hover,
nav.global-nav-upper-E002-yellowgreen &gt; ul &gt; li &gt; a:hover,
nav.global-nav-side-E002-yellowgreen &gt; ul &gt; li &gt; a:hover,
nav.global-nav-upper-E002-green &gt; ul &gt; li &gt; a:hover,
nav.global-nav-side-E002-green &gt; ul &gt; li &gt; a:hover,
nav.global-nav-upper-E002-aqua &gt; ul &gt; li &gt; a:hover,
nav.global-nav-side-E002-aqua &gt; ul &gt; li &gt; a:hover,
nav.global-nav-upper-E002-blue &gt; ul &gt; li &gt; a:hover,
nav.global-nav-side-E002-blue &gt; ul &gt; li &gt; a:hover,
nav.global-nav-upper-E002-brown &gt; ul &gt; li &gt; a:hover,
nav.global-nav-side-E002-brown &gt; ul &gt; li &gt; a:hover,
nav.global-nav-upper-E002-pink &gt; ul &gt; li &gt; a:hover,
nav.global-nav-side-E002-pink &gt; ul &gt; li &gt; a:hover,
nav.global-nav-upper-E002-purple &gt; ul &gt; li &gt; a:hover,
nav.global-nav-side-E002-purple &gt; ul &gt; li &gt; a:hover,
nav.global-nav-upper-E002-black &gt; ul &gt; li &gt; a:hover,
nav.global-nav-side-E002-black &gt; ul &gt; li &gt; a:hover,
nav.global-nav-upper-E002-colorful &gt; ul &gt; li &gt; a:hover,
nav.global-nav-side-E002-colorful &gt; ul &gt; li &gt; a:hover {
  text-decoration: none;
}
@media (min-width: 768px) and (max-width: 979px) {
  nav.global-nav-upper-E002-red ul li ul li a,
  nav.global-nav-side-E002-red ul li ul li a,
  nav.global-nav-upper-E002-orange ul li ul li a,
  nav.global-nav-side-E002-orange ul li ul li a,
  nav.global-nav-upper-E002-yellow ul li ul li a,
  nav.global-nav-side-E002-yellow ul li ul li a,
  nav.global-nav-upper-E002-yellowgreen ul li ul li a,
  nav.global-nav-side-E002-yellowgreen ul li ul li a,
  nav.global-nav-upper-E002-green ul li ul li a,
  nav.global-nav-side-E002-green ul li ul li a,
  nav.global-nav-upper-E002-aqua ul li ul li a,
  nav.global-nav-side-E002-aqua ul li ul li a,
  nav.global-nav-upper-E002-blue ul li ul li a,
  nav.global-nav-side-E002-blue ul li ul li a,
  nav.global-nav-upper-E002-brown ul li ul li a,
  nav.global-nav-side-E002-brown ul li ul li a,
  nav.global-nav-upper-E002-pink ul li ul li a,
  nav.global-nav-side-E002-pink ul li ul li a,
  nav.global-nav-upper-E002-purple ul li ul li a,
  nav.global-nav-side-E002-purple ul li ul li a,
  nav.global-nav-upper-E002-black ul li ul li a,
  nav.global-nav-side-E002-black ul li ul li a,
  nav.global-nav-upper-E002-colorful ul li ul li a,
  nav.global-nav-side-E002-colorful ul li ul li a,
  nav.global-nav-upper-E002-red ul li ul li.active a,
  nav.global-nav-side-E002-red ul li ul li.active a,
  nav.global-nav-upper-E002-orange ul li ul li.active a,
  nav.global-nav-side-E002-orange ul li ul li.active a,
  nav.global-nav-upper-E002-yellow ul li ul li.active a,
  nav.global-nav-side-E002-yellow ul li ul li.active a,
  nav.global-nav-upper-E002-yellowgreen ul li ul li.active a,
  nav.global-nav-side-E002-yellowgreen ul li ul li.active a,
  nav.global-nav-upper-E002-green ul li ul li.active a,
  nav.global-nav-side-E002-green ul li ul li.active a,
  nav.global-nav-upper-E002-aqua ul li ul li.active a,
  nav.global-nav-side-E002-aqua ul li ul li.active a,
  nav.global-nav-upper-E002-blue ul li ul li.active a,
  nav.global-nav-side-E002-blue ul li ul li.active a,
  nav.global-nav-upper-E002-brown ul li ul li.active a,
  nav.global-nav-side-E002-brown ul li ul li.active a,
  nav.global-nav-upper-E002-pink ul li ul li.active a,
  nav.global-nav-side-E002-pink ul li ul li.active a,
  nav.global-nav-upper-E002-purple ul li ul li.active a,
  nav.global-nav-side-E002-purple ul li ul li.active a,
  nav.global-nav-upper-E002-black ul li ul li.active a,
  nav.global-nav-side-E002-black ul li ul li.active a,
  nav.global-nav-upper-E002-colorful ul li ul li.active a,
  nav.global-nav-side-E002-colorful ul li ul li.active a {
    font-size: 11px !important;
  }
}
nav.global-nav-upper-E002-red ul li:hover ul li,
nav.global-nav-upper-E002-orange ul li:hover ul li,
nav.global-nav-upper-E002-yellow ul li:hover ul li,
nav.global-nav-upper-E002-yellowgreen ul li:hover ul li,
nav.global-nav-upper-E002-green ul li:hover ul li,
nav.global-nav-upper-E002-aqua ul li:hover ul li,
nav.global-nav-upper-E002-blue ul li:hover ul li,
nav.global-nav-upper-E002-brown ul li:hover ul li,
nav.global-nav-upper-E002-pink ul li:hover ul li,
nav.global-nav-upper-E002-purple ul li:hover ul li,
nav.global-nav-upper-E002-black ul li:hover ul li,
nav.global-nav-upper-E002-colorful ul li:hover ul li {
  height: 100% !important;
}
nav.global-nav-upper-E002-red &gt; ul,
nav.global-nav-upper-E002-orange &gt; ul,
nav.global-nav-upper-E002-yellow &gt; ul,
nav.global-nav-upper-E002-yellowgreen &gt; ul,
nav.global-nav-upper-E002-green &gt; ul,
nav.global-nav-upper-E002-aqua &gt; ul,
nav.global-nav-upper-E002-blue &gt; ul,
nav.global-nav-upper-E002-brown &gt; ul,
nav.global-nav-upper-E002-pink &gt; ul,
nav.global-nav-upper-E002-purple &gt; ul,
nav.global-nav-upper-E002-black &gt; ul,
nav.global-nav-upper-E002-colorful &gt; ul {
  font-size: 14px;
}
nav.global-nav-upper-E002-red &gt; ul &gt; li &gt; a,
nav.global-nav-upper-E002-orange &gt; ul &gt; li &gt; a,
nav.global-nav-upper-E002-yellow &gt; ul &gt; li &gt; a,
nav.global-nav-upper-E002-yellowgreen &gt; ul &gt; li &gt; a,
nav.global-nav-upper-E002-green &gt; ul &gt; li &gt; a,
nav.global-nav-upper-E002-aqua &gt; ul &gt; li &gt; a,
nav.global-nav-upper-E002-blue &gt; ul &gt; li &gt; a,
nav.global-nav-upper-E002-brown &gt; ul &gt; li &gt; a,
nav.global-nav-upper-E002-pink &gt; ul &gt; li &gt; a,
nav.global-nav-upper-E002-purple &gt; ul &gt; li &gt; a,
nav.global-nav-upper-E002-black &gt; ul &gt; li &gt; a,
nav.global-nav-upper-E002-colorful &gt; ul &gt; li &gt; a {
  text-align: center;
  padding: 19px 0 19px 0;
}
nav.global-nav-upper-E002-red &gt; ul &gt; li &gt; ul &gt; li &gt; a,
nav.global-nav-upper-E002-orange &gt; ul &gt; li &gt; ul &gt; li &gt; a,
nav.global-nav-upper-E002-yellow &gt; ul &gt; li &gt; ul &gt; li &gt; a,
nav.global-nav-upper-E002-yellowgreen &gt; ul &gt; li &gt; ul &gt; li &gt; a,
nav.global-nav-upper-E002-green &gt; ul &gt; li &gt; ul &gt; li &gt; a,
nav.global-nav-upper-E002-aqua &gt; ul &gt; li &gt; ul &gt; li &gt; a,
nav.global-nav-upper-E002-blue &gt; ul &gt; li &gt; ul &gt; li &gt; a,
nav.global-nav-upper-E002-brown &gt; ul &gt; li &gt; ul &gt; li &gt; a,
nav.global-nav-upper-E002-pink &gt; ul &gt; li &gt; ul &gt; li &gt; a,
nav.global-nav-upper-E002-purple &gt; ul &gt; li &gt; ul &gt; li &gt; a,
nav.global-nav-upper-E002-black &gt; ul &gt; li &gt; ul &gt; li &gt; a,
nav.global-nav-upper-E002-colorful &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  padding: 12px 3px 11px 19%;
  font-size: 13px;
}
nav.global-nav-side-E002-red,
nav.global-nav-side-E002-orange,
nav.global-nav-side-E002-yellow,
nav.global-nav-side-E002-yellowgreen,
nav.global-nav-side-E002-green,
nav.global-nav-side-E002-aqua,
nav.global-nav-side-E002-blue,
nav.global-nav-side-E002-brown,
nav.global-nav-side-E002-pink,
nav.global-nav-side-E002-purple,
nav.global-nav-side-E002-black,
nav.global-nav-side-E002-colorful {
  margin: 0 0 40px;
}
nav.global-nav-side-E002-red &gt; ul,
nav.global-nav-side-E002-orange &gt; ul,
nav.global-nav-side-E002-yellow &gt; ul,
nav.global-nav-side-E002-yellowgreen &gt; ul,
nav.global-nav-side-E002-green &gt; ul,
nav.global-nav-side-E002-aqua &gt; ul,
nav.global-nav-side-E002-blue &gt; ul,
nav.global-nav-side-E002-brown &gt; ul,
nav.global-nav-side-E002-pink &gt; ul,
nav.global-nav-side-E002-purple &gt; ul,
nav.global-nav-side-E002-black &gt; ul,
nav.global-nav-side-E002-colorful &gt; ul {
  font-size: 14px;
}
nav.global-nav-side-E002-red &gt; ul &gt; li &gt; a,
nav.global-nav-side-E002-orange &gt; ul &gt; li &gt; a,
nav.global-nav-side-E002-yellow &gt; ul &gt; li &gt; a,
nav.global-nav-side-E002-yellowgreen &gt; ul &gt; li &gt; a,
nav.global-nav-side-E002-green &gt; ul &gt; li &gt; a,
nav.global-nav-side-E002-aqua &gt; ul &gt; li &gt; a,
nav.global-nav-side-E002-blue &gt; ul &gt; li &gt; a,
nav.global-nav-side-E002-brown &gt; ul &gt; li &gt; a,
nav.global-nav-side-E002-pink &gt; ul &gt; li &gt; a,
nav.global-nav-side-E002-purple &gt; ul &gt; li &gt; a,
nav.global-nav-side-E002-black &gt; ul &gt; li &gt; a,
nav.global-nav-side-E002-colorful &gt; ul &gt; li &gt; a {
  padding: 12px 0 12px 35px;
}
nav.global-nav-side-E002-red &gt; ul &gt; li &gt; ul &gt; li &gt; a,
nav.global-nav-side-E002-orange &gt; ul &gt; li &gt; ul &gt; li &gt; a,
nav.global-nav-side-E002-yellow &gt; ul &gt; li &gt; ul &gt; li &gt; a,
nav.global-nav-side-E002-yellowgreen &gt; ul &gt; li &gt; ul &gt; li &gt; a,
nav.global-nav-side-E002-green &gt; ul &gt; li &gt; ul &gt; li &gt; a,
nav.global-nav-side-E002-aqua &gt; ul &gt; li &gt; ul &gt; li &gt; a,
nav.global-nav-side-E002-blue &gt; ul &gt; li &gt; ul &gt; li &gt; a,
nav.global-nav-side-E002-brown &gt; ul &gt; li &gt; ul &gt; li &gt; a,
nav.global-nav-side-E002-pink &gt; ul &gt; li &gt; ul &gt; li &gt; a,
nav.global-nav-side-E002-purple &gt; ul &gt; li &gt; ul &gt; li &gt; a,
nav.global-nav-side-E002-black &gt; ul &gt; li &gt; ul &gt; li &gt; a,
nav.global-nav-side-E002-colorful &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  padding: 12px 3px 11px 40px;
  font-size: 13px;
}
nav.global-nav-upper-E002-red {
  position: relative;
  font-weight: bold;
}
nav.global-nav-upper-E002-red:after {
  content: "";
  position: absolute;
  z-index: 3;
  top: -30px;
  right: -69px;
  width: 78px;
  height: 127px;
  background: url("../../images/global-navi/E002/red/kazari-right-upper.png") no-repeat right top;
}
nav.global-nav-upper-E002-red &gt; ul {
  background: url("../../images/global-navi/E002/red/bg-upper.png") repeat left top;
  font-weight: bold;
  border: 1px solid #fff;
  -webkit-box-shadow: #c3c3c3 0px 0px 8px 0;
  -moz-box-shadow: #c3c3c3 0px 0px 8px 0;
  box-shadow: #c3c3c3 0px 0px 8px 0;
  position: relative;
}
nav.global-nav-upper-E002-red &gt; ul:before {
  content: "";
  z-index: 3;
  position: absolute;
  top: -30px;
  left: -69px;
  width: 78px;
  height: 127px;
  background: url("../../images/global-navi/E002/red/kazari-left-upper.png") no-repeat left top;
}
nav.global-nav-upper-E002-red &gt; ul &gt; li &gt; a {
  color: #8b8b8b;
}
nav.global-nav-upper-E002-red &gt; ul &gt; li &gt; a:hover {
  color: #dc0000;
}
nav.global-nav-upper-E002-red &gt; ul &gt; li:hover &gt; ul {
  background-color: #fdeeee;
  border: 1px solid #fff;
}
nav.global-nav-upper-E002-red &gt; ul &gt; li &gt; ul &gt; li {
  background-color: #fdeeee;
  background: #fff;
  background: -moz-linear-gradient(left, #fff, #fbe2e2);
  background: -webkit-gradient(linear, left center, right center, from(#fff), to(#fbe2e2));
  background: linear-gradient(to right, #fff, #fbe2e2);
}
nav.global-nav-upper-E002-red &gt; ul &gt; li &gt; ul &gt; li:last-child &gt; a {
  border: none;
}
nav.global-nav-upper-E002-red &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/E002/red/arrow-sub.png");
  background-repeat: no-repeat;
  background-position: 5% center;
  border-bottom: 1px dotted #a0a0a0;
  color: #8b8b8b;
}
nav.global-nav-upper-E002-red &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover {
  color: #dc0000;
}
nav.global-nav-upper-E002-red &gt; ul &gt; li &gt; ul &gt; li.active &gt; a {
  color: #dc0000;
}
nav.global-nav-upper-E002-red &gt; ul &gt; li.active &gt; a {
  color: #dc0000;
}
nav.global-nav-side-E002-red {
  position: relative;
  font-weight: bold;
}
nav.global-nav-side-E002-red:after {
  content: "";
  position: absolute;
  z-index: 3;
  top: -15px;
  right: -39px;
  width: 66px;
  height: 62px;
  background: url("../../images/global-navi/E002/red/kazari-right-side.png") no-repeat right top;
}
nav.global-nav-side-E002-red &gt; ul {
  background-color: #fdeeee;
  background: #fff;
  background: -moz-linear-gradient(left, #fff, #fbe2e2);
  background: -webkit-gradient(linear, left center, right center, from(#fff), to(#fbe2e2));
  background: linear-gradient(to right, #fff, #fbe2e2);
  border: 1px solid #fff;
  -webkit-box-shadow: #c3c3c3 0px 0px 8px 0;
  -moz-box-shadow: #c3c3c3 0px 0px 8px 0;
  box-shadow: #c3c3c3 0px 0px 8px 0;
  position: relative;
}
nav.global-nav-side-E002-red &gt; ul:before {
  content: "";
  z-index: 3;
  position: absolute;
  bottom: -33px;
  left: -30px;
  width: 70px;
  height: 62px;
  background: url("../../images/global-navi/E002/red/kazari-left-side.png") no-repeat left bottom;
}
nav.global-nav-side-E002-red &gt; ul &gt; li:last-child &gt; a:last-child {
  border: none;
}
nav.global-nav-side-E002-red &gt; ul &gt; li:last-child &gt; ul &gt; li:last-child &gt; a:last-child {
  border: none;
}
nav.global-nav-side-E002-red &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/E002/red/arrow-upper.png");
  background-repeat: no-repeat;
  background-position: 10px center;
  border-bottom: 1px dotted #a0a0a0;
  color: #8b8b8b;
}
nav.global-nav-side-E002-red &gt; ul &gt; li &gt; a:hover {
  color: #dc0000;
}
nav.global-nav-side-E002-red &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/E002/red/arrow-sub.png");
  background-repeat: no-repeat;
  background-position: 20px center;
  border-bottom: 1px dotted #a0a0a0;
  color: #8b8b8b;
}
nav.global-nav-side-E002-red &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover {
  color: #dc0000;
}
nav.global-nav-side-E002-red &gt; ul &gt; li &gt; ul &gt; li.active &gt; a {
  color: #dc0000;
}
nav.global-nav-side-E002-red &gt; ul &gt; li.active &gt; a {
  color: #dc0000;
}
nav.global-nav-upper-E002-orange {
  position: relative;
  font-weight: bold;
}
nav.global-nav-upper-E002-orange:after {
  content: "";
  position: absolute;
  z-index: 3;
  top: -30px;
  right: -69px;
  width: 78px;
  height: 127px;
  background: url("../../images/global-navi/E002/orange/kazari-right-upper.png") no-repeat right top;
}
nav.global-nav-upper-E002-orange &gt; ul {
  background: url("../../images/global-navi/E002/orange/bg-upper.png") repeat left top;
  font-weight: bold;
  border: 1px solid #fff;
  -webkit-box-shadow: #c3c3c3 0px 0px 8px 0;
  -moz-box-shadow: #c3c3c3 0px 0px 8px 0;
  box-shadow: #c3c3c3 0px 0px 8px 0;
  position: relative;
}
nav.global-nav-upper-E002-orange &gt; ul:before {
  content: "";
  z-index: 3;
  position: absolute;
  top: -30px;
  left: -69px;
  width: 78px;
  height: 127px;
  background: url("../../images/global-navi/E002/orange/kazari-left-upper.png") no-repeat left top;
}
nav.global-nav-upper-E002-orange &gt; ul &gt; li &gt; a {
  color: #8b8b8b;
}
nav.global-nav-upper-E002-orange &gt; ul &gt; li &gt; a:hover {
  color: #dc6600;
}
nav.global-nav-upper-E002-orange &gt; ul &gt; li:hover &gt; ul {
  background-color: #fdeeee;
  border: 1px solid #fff;
}
nav.global-nav-upper-E002-orange &gt; ul &gt; li &gt; ul &gt; li {
  background-color: #fdeeee;
  background: #fff;
  background: -moz-linear-gradient(left, #fff, #ffeddd);
  background: -webkit-gradient(linear, left center, right center, from(#fff), to(#ffeddd));
  background: linear-gradient(to right, #fff, #ffeddd);
}
nav.global-nav-upper-E002-orange &gt; ul &gt; li &gt; ul &gt; li:last-child &gt; a {
  border: none;
}
nav.global-nav-upper-E002-orange &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/E002/orange/arrow-sub.png");
  background-repeat: no-repeat;
  background-position: 5% center;
  border-bottom: 1px dotted #a0a0a0;
  color: #8b8b8b;
}
nav.global-nav-upper-E002-orange &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover {
  color: #dc6600;
}
nav.global-nav-upper-E002-orange &gt; ul &gt; li &gt; ul &gt; li.active &gt; a {
  color: #dc6600;
}
nav.global-nav-upper-E002-orange &gt; ul &gt; li.active &gt; a {
  color: #dc6600;
}
nav.global-nav-side-E002-orange {
  position: relative;
  font-weight: bold;
}
nav.global-nav-side-E002-orange:after {
  content: "";
  position: absolute;
  z-index: 3;
  top: -15px;
  right: -39px;
  width: 66px;
  height: 62px;
  background: url("../../images/global-navi/E002/orange/kazari-right-side.png") no-repeat right top;
}
nav.global-nav-side-E002-orange &gt; ul {
  background-color: #fdeeee;
  background: #fff;
  background: -moz-linear-gradient(left, #fff, #ffeddd);
  background: -webkit-gradient(linear, left center, right center, from(#fff), to(#ffeddd));
  background: linear-gradient(to right, #fff, #ffeddd);
  border: 1px solid #fff;
  -webkit-box-shadow: #c3c3c3 0px 0px 8px 0;
  -moz-box-shadow: #c3c3c3 0px 0px 8px 0;
  box-shadow: #c3c3c3 0px 0px 8px 0;
  position: relative;
}
nav.global-nav-side-E002-orange &gt; ul:before {
  content: "";
  z-index: 3;
  position: absolute;
  bottom: -33px;
  left: -30px;
  width: 70px;
  height: 62px;
  background: url("../../images/global-navi/E002/orange/kazari-left-side.png") no-repeat left bottom;
}
nav.global-nav-side-E002-orange &gt; ul &gt; li:last-child &gt; a:last-child {
  border: none;
}
nav.global-nav-side-E002-orange &gt; ul &gt; li:last-child &gt; ul &gt; li:last-child &gt; a:last-child {
  border: none;
}
nav.global-nav-side-E002-orange &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/E002/orange/arrow-upper.png");
  background-repeat: no-repeat;
  background-position: 10px center;
  border-bottom: 1px dotted #a0a0a0;
  color: #8b8b8b;
}
nav.global-nav-side-E002-orange &gt; ul &gt; li &gt; a:hover {
  color: #dc6600;
}
nav.global-nav-side-E002-orange &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/E002/orange/arrow-sub.png");
  background-repeat: no-repeat;
  background-position: 20px center;
  border-bottom: 1px dotted #a0a0a0;
  color: #8b8b8b;
}
nav.global-nav-side-E002-orange &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover {
  color: #dc6600;
}
nav.global-nav-side-E002-orange &gt; ul &gt; li &gt; ul &gt; li.active &gt; a {
  color: #dc6600;
}
nav.global-nav-side-E002-orange &gt; ul &gt; li.active &gt; a {
  color: #dc6600;
}
nav.global-nav-upper-E002-yellow {
  position: relative;
  font-weight: bold;
}
nav.global-nav-upper-E002-yellow:after {
  content: "";
  position: absolute;
  z-index: 3;
  top: -30px;
  right: -69px;
  width: 78px;
  height: 127px;
  background: url("../../images/global-navi/E002/yellow/kazari-right-upper.png") no-repeat right top;
}
nav.global-nav-upper-E002-yellow &gt; ul {
  background: url("../../images/global-navi/E002/yellow/bg-upper.png") repeat left top;
  font-weight: bold;
  border: 1px solid #fff;
  -webkit-box-shadow: #c3c3c3 0px 0px 8px 0;
  -moz-box-shadow: #c3c3c3 0px 0px 8px 0;
  box-shadow: #c3c3c3 0px 0px 8px 0;
  position: relative;
}
nav.global-nav-upper-E002-yellow &gt; ul:before {
  content: "";
  z-index: 3;
  position: absolute;
  top: -30px;
  left: -69px;
  width: 78px;
  height: 127px;
  background: url("../../images/global-navi/E002/yellow/kazari-left-upper.png") no-repeat left top;
}
nav.global-nav-upper-E002-yellow &gt; ul &gt; li &gt; a {
  color: #8b8b8b;
}
nav.global-nav-upper-E002-yellow &gt; ul &gt; li &gt; a:hover {
  color: #dc9200;
}
nav.global-nav-upper-E002-yellow &gt; ul &gt; li:hover &gt; ul {
  background-color: #fdeeee;
  border: 1px solid #fff;
}
nav.global-nav-upper-E002-yellow &gt; ul &gt; li &gt; ul &gt; li {
  background-color: #fdeeee;
  background: #fff;
  background: -moz-linear-gradient(left, #fff, #faeb9b);
  background: -webkit-gradient(linear, left center, right center, from(#fff), to(#faeb9b));
  background: linear-gradient(to right, #fff, #faeb9b);
}
nav.global-nav-upper-E002-yellow &gt; ul &gt; li &gt; ul &gt; li:last-child &gt; a {
  border: none;
}
nav.global-nav-upper-E002-yellow &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/E002/yellow/arrow-sub.png");
  background-repeat: no-repeat;
  background-position: 5% center;
  border-bottom: 1px dotted #a0a0a0;
  color: #8b8b8b;
}
nav.global-nav-upper-E002-yellow &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover {
  color: #dc9200;
}
nav.global-nav-upper-E002-yellow &gt; ul &gt; li &gt; ul &gt; li.active &gt; a {
  color: #dc9200;
}
nav.global-nav-upper-E002-yellow &gt; ul &gt; li.active &gt; a {
  color: #dc9200;
}
nav.global-nav-side-E002-yellow {
  position: relative;
  font-weight: bold;
}
nav.global-nav-side-E002-yellow:after {
  content: "";
  position: absolute;
  z-index: 3;
  top: -15px;
  right: -39px;
  width: 66px;
  height: 62px;
  background: url("../../images/global-navi/E002/yellow/kazari-right-side.png") no-repeat right top;
}
nav.global-nav-side-E002-yellow &gt; ul {
  background-color: #fdeeee;
  background: #fff;
  background: -moz-linear-gradient(left, #fff, #faeb9b);
  background: -webkit-gradient(linear, left center, right center, from(#fff), to(#faeb9b));
  background: linear-gradient(to right, #fff, #faeb9b);
  border: 1px solid #fff;
  -webkit-box-shadow: #c3c3c3 0px 0px 8px 0;
  -moz-box-shadow: #c3c3c3 0px 0px 8px 0;
  box-shadow: #c3c3c3 0px 0px 8px 0;
  position: relative;
}
nav.global-nav-side-E002-yellow &gt; ul:before {
  content: "";
  z-index: 3;
  position: absolute;
  bottom: -33px;
  left: -30px;
  width: 70px;
  height: 62px;
  background: url("../../images/global-navi/E002/yellow/kazari-left-side.png") no-repeat left bottom;
}
nav.global-nav-side-E002-yellow &gt; ul &gt; li:last-child &gt; a:last-child {
  border: none;
}
nav.global-nav-side-E002-yellow &gt; ul &gt; li:last-child &gt; ul &gt; li:last-child &gt; a:last-child {
  border: none;
}
nav.global-nav-side-E002-yellow &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/E002/yellow/arrow-upper.png");
  background-repeat: no-repeat;
  background-position: 10px center;
  border-bottom: 1px dotted #a0a0a0;
  color: #8b8b8b;
}
nav.global-nav-side-E002-yellow &gt; ul &gt; li &gt; a:hover {
  color: #dc9200;
}
nav.global-nav-side-E002-yellow &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/E002/yellow/arrow-sub.png");
  background-repeat: no-repeat;
  background-position: 20px center;
  border-bottom: 1px dotted #a0a0a0;
  color: #8b8b8b;
}
nav.global-nav-side-E002-yellow &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover {
  color: #dc9200;
}
nav.global-nav-side-E002-yellow &gt; ul &gt; li &gt; ul &gt; li.active &gt; a {
  color: #dc9200;
}
nav.global-nav-side-E002-yellow &gt; ul &gt; li.active &gt; a {
  color: #dc9200;
}
nav.global-nav-upper-E002-yellowgreen {
  position: relative;
  font-weight: bold;
}
nav.global-nav-upper-E002-yellowgreen:after {
  content: "";
  position: absolute;
  z-index: 3;
  top: -30px;
  right: -69px;
  width: 78px;
  height: 127px;
  background: url("../../images/global-navi/E002/yellow-green/kazari-right-upper.png") no-repeat right top;
}
nav.global-nav-upper-E002-yellowgreen &gt; ul {
  background: url("../../images/global-navi/E002/yellow-green/bg-upper.png") repeat left top;
  font-weight: bold;
  border: 1px solid #fff;
  -webkit-box-shadow: #c3c3c3 0px 0px 8px 0;
  -moz-box-shadow: #c3c3c3 0px 0px 8px 0;
  box-shadow: #c3c3c3 0px 0px 8px 0;
  position: relative;
}
nav.global-nav-upper-E002-yellowgreen &gt; ul:before {
  content: "";
  z-index: 3;
  position: absolute;
  top: -30px;
  left: -69px;
  width: 78px;
  height: 127px;
  background: url("../../images/global-navi/E002/yellow-green/kazari-left-upper.png") no-repeat left top;
}
nav.global-nav-upper-E002-yellowgreen &gt; ul &gt; li &gt; a {
  color: #8b8b8b;
}
nav.global-nav-upper-E002-yellowgreen &gt; ul &gt; li &gt; a:hover {
  color: #6aad00;
}
nav.global-nav-upper-E002-yellowgreen &gt; ul &gt; li:hover &gt; ul {
  background-color: #fdeeee;
  border: 1px solid #fff;
}
nav.global-nav-upper-E002-yellowgreen &gt; ul &gt; li &gt; ul &gt; li {
  background-color: #fdeeee;
  background: #fff;
  background: -moz-linear-gradient(left, #fff, #effdda);
  background: -webkit-gradient(linear, left center, right center, from(#fff), to(#effdda));
  background: linear-gradient(to right, #fff, #effdda);
}
nav.global-nav-upper-E002-yellowgreen &gt; ul &gt; li &gt; ul &gt; li:last-child &gt; a {
  border: none;
}
nav.global-nav-upper-E002-yellowgreen &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/E002/yellow-green/arrow-sub.png");
  background-repeat: no-repeat;
  background-position: 5% center;
  border-bottom: 1px dotted #a0a0a0;
  color: #8b8b8b;
}
nav.global-nav-upper-E002-yellowgreen &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover {
  color: #6aad00;
}
nav.global-nav-upper-E002-yellowgreen &gt; ul &gt; li &gt; ul &gt; li.active &gt; a {
  color: #6aad00;
}
nav.global-nav-upper-E002-yellowgreen &gt; ul &gt; li.active &gt; a {
  color: #6aad00;
}
nav.global-nav-side-E002-yellowgreen {
  position: relative;
  font-weight: bold;
}
nav.global-nav-side-E002-yellowgreen:after {
  content: "";
  position: absolute;
  z-index: 3;
  top: -15px;
  right: -39px;
  width: 66px;
  height: 62px;
  background: url("../../images/global-navi/E002/yellow-green/kazari-right-side.png") no-repeat right top;
}
nav.global-nav-side-E002-yellowgreen &gt; ul {
  background-color: #fdeeee;
  background: #fff;
  background: -moz-linear-gradient(left, #fff, #effdda);
  background: -webkit-gradient(linear, left center, right center, from(#fff), to(#effdda));
  background: linear-gradient(to right, #fff, #effdda);
  border: 1px solid #fff;
  -webkit-box-shadow: #c3c3c3 0px 0px 8px 0;
  -moz-box-shadow: #c3c3c3 0px 0px 8px 0;
  box-shadow: #c3c3c3 0px 0px 8px 0;
  position: relative;
}
nav.global-nav-side-E002-yellowgreen &gt; ul:before {
  content: "";
  z-index: 3;
  position: absolute;
  bottom: -33px;
  left: -30px;
  width: 70px;
  height: 62px;
  background: url("../../images/global-navi/E002/yellow-green/kazari-left-side.png") no-repeat left bottom;
}
nav.global-nav-side-E002-yellowgreen &gt; ul &gt; li:last-child &gt; a:last-child {
  border: none;
}
nav.global-nav-side-E002-yellowgreen &gt; ul &gt; li &gt; ul &gt; li:last-child &gt; a:last-child {
  border: none;
}
nav.global-nav-side-E002-yellowgreen &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/E002/yellow-green/arrow-upper.png");
  background-repeat: no-repeat;
  background-position: 10px center;
  border-bottom: 1px dotted #a0a0a0;
  color: #8b8b8b;
}
nav.global-nav-side-E002-yellowgreen &gt; ul &gt; li &gt; a:hover {
  color: #6aad00;
}
nav.global-nav-side-E002-yellowgreen &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/E002/yellow-green/arrow-sub.png");
  background-repeat: no-repeat;
  background-position: 20px center;
  border-bottom: 1px dotted #a0a0a0;
  color: #8b8b8b;
}
nav.global-nav-side-E002-yellowgreen &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover {
  color: #6aad00;
}
nav.global-nav-side-E002-yellowgreen &gt; ul &gt; li &gt; ul &gt; li.active &gt; a {
  color: #6aad00;
}
nav.global-nav-side-E002-yellowgreen &gt; ul &gt; li.active &gt; a {
  color: #6aad00;
}
nav.global-nav-upper-E002-green {
  position: relative;
  font-weight: bold;
}
nav.global-nav-upper-E002-green:after {
  content: "";
  position: absolute;
  z-index: 3;
  top: -30px;
  right: -69px;
  width: 78px;
  height: 127px;
  background: url("../../images/global-navi/E002/green/kazari-right-upper.png") no-repeat right top;
}
nav.global-nav-upper-E002-green &gt; ul {
  background: url("../../images/global-navi/E002/green/bg-upper.png") repeat left top;
  font-weight: bold;
  border: 1px solid #fff;
  -webkit-box-shadow: #c3c3c3 0px 0px 8px 0;
  -moz-box-shadow: #c3c3c3 0px 0px 8px 0;
  box-shadow: #c3c3c3 0px 0px 8px 0;
  position: relative;
}
nav.global-nav-upper-E002-green &gt; ul:before {
  content: "";
  z-index: 3;
  position: absolute;
  top: -30px;
  left: -69px;
  width: 78px;
  height: 127px;
  background: url("../../images/global-navi/E002/green/kazari-left-upper.png") no-repeat left top;
}
nav.global-nav-upper-E002-green &gt; ul &gt; li &gt; a {
  color: #8b8b8b;
}
nav.global-nav-upper-E002-green &gt; ul &gt; li &gt; a:hover {
  color: #238a14;
}
nav.global-nav-upper-E002-green &gt; ul &gt; li:hover &gt; ul {
  background-color: #fdeeee;
  border: 1px solid #fff;
}
nav.global-nav-upper-E002-green &gt; ul &gt; li &gt; ul &gt; li {
  background-color: #fdeeee;
  background: #fff;
  background: -moz-linear-gradient(left, #fff, #d6fbc2);
  background: -webkit-gradient(linear, left center, right center, from(#fff), to(#d6fbc2));
  background: linear-gradient(to right, #fff, #d6fbc2);
}
nav.global-nav-upper-E002-green &gt; ul &gt; li &gt; ul &gt; li:last-child &gt; a {
  border: none;
}
nav.global-nav-upper-E002-green &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/E002/green/arrow-sub.png");
  background-repeat: no-repeat;
  background-position: 5% center;
  border-bottom: 1px dotted #a0a0a0;
  color: #8b8b8b;
}
nav.global-nav-upper-E002-green &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover {
  color: #238a14;
}
nav.global-nav-upper-E002-green &gt; ul &gt; li &gt; ul &gt; li.active &gt; a {
  color: #238a14;
}
nav.global-nav-upper-E002-green &gt; ul &gt; li.active &gt; a {
  color: #238a14;
}
nav.global-nav-side-E002-green {
  position: relative;
  font-weight: bold;
}
nav.global-nav-side-E002-green:after {
  content: "";
  position: absolute;
  z-index: 3;
  top: -15px;
  right: -39px;
  width: 66px;
  height: 62px;
  background: url("../../images/global-navi/E002/green/kazari-right-side.png") no-repeat right top;
}
nav.global-nav-side-E002-green &gt; ul {
  background-color: #fdeeee;
  background: #fff;
  background: -moz-linear-gradient(left, #fff, #d6fbc2);
  background: -webkit-gradient(linear, left center, right center, from(#fff), to(#d6fbc2));
  background: linear-gradient(to right, #fff, #d6fbc2);
  border: 1px solid #fff;
  -webkit-box-shadow: #c3c3c3 0px 0px 8px 0;
  -moz-box-shadow: #c3c3c3 0px 0px 8px 0;
  box-shadow: #c3c3c3 0px 0px 8px 0;
  position: relative;
}
nav.global-nav-side-E002-green &gt; ul:before {
  content: "";
  z-index: 3;
  position: absolute;
  bottom: -33px;
  left: -30px;
  width: 70px;
  height: 62px;
  background: url("../../images/global-navi/E002/green/kazari-left-side.png") no-repeat left bottom;
}
nav.global-nav-side-E002-green &gt; ul &gt; li:last-child &gt; a:last-child {
  border: none;
}
nav.global-nav-side-E002-green &gt; ul &gt; li:last-child &gt; ul &gt; li:last-child &gt; a:last-child {
  border: none;
}
nav.global-nav-side-E002-green &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/E002/green/arrow-upper.png");
  background-repeat: no-repeat;
  background-position: 10px center;
  border-bottom: 1px dotted #a0a0a0;
  color: #8b8b8b;
}
nav.global-nav-side-E002-green &gt; ul &gt; li &gt; a:hover {
  color: #238a14;
}
nav.global-nav-side-E002-green &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/E002/green/arrow-sub.png");
  background-repeat: no-repeat;
  background-position: 20px center;
  border-bottom: 1px dotted #a0a0a0;
  color: #8b8b8b;
}
nav.global-nav-side-E002-green &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover {
  color: #238a14;
}
nav.global-nav-side-E002-green &gt; ul &gt; li &gt; ul &gt; li.active &gt; a {
  color: #238a14;
}
nav.global-nav-side-E002-green &gt; ul &gt; li.active &gt; a {
  color: #238a14;
}
nav.global-nav-upper-E002-aqua {
  position: relative;
  font-weight: bold;
}
nav.global-nav-upper-E002-aqua:after {
  content: "";
  position: absolute;
  z-index: 3;
  top: -30px;
  right: -69px;
  width: 78px;
  height: 127px;
  background: url("../../images/global-navi/E002/aqua/kazari-right-upper.png") no-repeat right top;
}
nav.global-nav-upper-E002-aqua &gt; ul {
  background: url("../../images/global-navi/E002/aqua/bg-upper.png") repeat left top;
  font-weight: bold;
  border: 1px solid #fff;
  -webkit-box-shadow: #c3c3c3 0px 0px 8px 0;
  -moz-box-shadow: #c3c3c3 0px 0px 8px 0;
  box-shadow: #c3c3c3 0px 0px 8px 0;
  position: relative;
}
nav.global-nav-upper-E002-aqua &gt; ul:before {
  content: "";
  z-index: 3;
  position: absolute;
  top: -30px;
  left: -69px;
  width: 78px;
  height: 127px;
  background: url("../../images/global-navi/E002/aqua/kazari-left-upper.png") no-repeat left top;
}
nav.global-nav-upper-E002-aqua &gt; ul &gt; li &gt; a {
  color: #8b8b8b;
}
nav.global-nav-upper-E002-aqua &gt; ul &gt; li &gt; a:hover {
  color: #2cb7b8;
}
nav.global-nav-upper-E002-aqua &gt; ul &gt; li:hover &gt; ul {
  background-color: #fdeeee;
  border: 1px solid #fff;
}
nav.global-nav-upper-E002-aqua &gt; ul &gt; li &gt; ul &gt; li {
  background-color: #fdeeee;
  background: #fff;
  background: -moz-linear-gradient(left, #fff, #ddf3f3);
  background: -webkit-gradient(linear, left center, right center, from(#fff), to(#ddf3f3));
  background: linear-gradient(to right, #fff, #ddf3f3);
}
nav.global-nav-upper-E002-aqua &gt; ul &gt; li &gt; ul &gt; li:last-child &gt; a {
  border: none;
}
nav.global-nav-upper-E002-aqua &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/E002/aqua/arrow-sub.png");
  background-repeat: no-repeat;
  background-position: 5% center;
  border-bottom: 1px dotted #a0a0a0;
  color: #8b8b8b;
}
nav.global-nav-upper-E002-aqua &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover {
  color: #2cb7b8;
}
nav.global-nav-upper-E002-aqua &gt; ul &gt; li &gt; ul &gt; li.active &gt; a {
  color: #2cb7b8;
}
nav.global-nav-upper-E002-aqua &gt; ul &gt; li.active &gt; a {
  color: #2cb7b8;
}
nav.global-nav-side-E002-aqua {
  position: relative;
  font-weight: bold;
}
nav.global-nav-side-E002-aqua:after {
  content: "";
  position: absolute;
  z-index: 3;
  top: -15px;
  right: -39px;
  width: 66px;
  height: 62px;
  background: url("../../images/global-navi/E002/aqua/kazari-right-side.png") no-repeat right top;
}
nav.global-nav-side-E002-aqua &gt; ul {
  background-color: #fdeeee;
  background: #fff;
  background: -moz-linear-gradient(left, #fff, #ddf3f3);
  background: -webkit-gradient(linear, left center, right center, from(#fff), to(#ddf3f3));
  background: linear-gradient(to right, #fff, #ddf3f3);
  border: 1px solid #fff;
  -webkit-box-shadow: #c3c3c3 0px 0px 8px 0;
  -moz-box-shadow: #c3c3c3 0px 0px 8px 0;
  box-shadow: #c3c3c3 0px 0px 8px 0;
  position: relative;
}
nav.global-nav-side-E002-aqua &gt; ul:before {
  content: "";
  z-index: 3;
  position: absolute;
  bottom: -33px;
  left: -30px;
  width: 70px;
  height: 62px;
  background: url("../../images/global-navi/E002/aqua/kazari-left-side.png") no-repeat left bottom;
}
nav.global-nav-side-E002-aqua &gt; ul &gt; li:last-child &gt; a:last-child {
  border: none;
}
nav.global-nav-side-E002-aqua &gt; ul &gt; li:last-child &gt; ul &gt; li:last-child &gt; a:last-child {
  border: none;
}
nav.global-nav-side-E002-aqua &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/E002/aqua/arrow-upper.png");
  background-repeat: no-repeat;
  background-position: 10px center;
  border-bottom: 1px dotted #a0a0a0;
  color: #8b8b8b;
}
nav.global-nav-side-E002-aqua &gt; ul &gt; li &gt; a:hover {
  color: #2cb7b8;
}
nav.global-nav-side-E002-aqua &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/E002/aqua/arrow-sub.png");
  background-repeat: no-repeat;
  background-position: 20px center;
  border-bottom: 1px dotted #a0a0a0;
  color: #8b8b8b;
}
nav.global-nav-side-E002-aqua &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover {
  color: #2cb7b8;
}
nav.global-nav-side-E002-aqua &gt; ul &gt; li &gt; ul &gt; li.active &gt; a {
  color: #2cb7b8;
}
nav.global-nav-side-E002-aqua &gt; ul &gt; li.active &gt; a {
  color: #2cb7b8;
}
nav.global-nav-upper-E002-blue {
  position: relative;
  font-weight: bold;
}
nav.global-nav-upper-E002-blue:after {
  content: "";
  position: absolute;
  z-index: 3;
  top: -30px;
  right: -69px;
  width: 78px;
  height: 127px;
  background: url("../../images/global-navi/E002/blue/kazari-right-upper.png") no-repeat right top;
}
nav.global-nav-upper-E002-blue &gt; ul {
  background: url("../../images/global-navi/E002/blue/bg-upper.png") repeat left top;
  font-weight: bold;
  border: 1px solid #fff;
  -webkit-box-shadow: #c3c3c3 0px 0px 8px 0;
  -moz-box-shadow: #c3c3c3 0px 0px 8px 0;
  box-shadow: #c3c3c3 0px 0px 8px 0;
  position: relative;
}
nav.global-nav-upper-E002-blue &gt; ul:before {
  content: "";
  z-index: 3;
  position: absolute;
  top: -30px;
  left: -69px;
  width: 78px;
  height: 127px;
  background: url("../../images/global-navi/E002/blue/kazari-left-upper.png") no-repeat left top;
}
nav.global-nav-upper-E002-blue &gt; ul &gt; li &gt; a {
  color: #8b8b8b;
}
nav.global-nav-upper-E002-blue &gt; ul &gt; li &gt; a:hover {
  color: #003d73;
}
nav.global-nav-upper-E002-blue &gt; ul &gt; li:hover &gt; ul {
  background-color: #fdeeee;
  border: 1px solid #fff;
}
nav.global-nav-upper-E002-blue &gt; ul &gt; li &gt; ul &gt; li {
  background-color: #fdeeee;
  background: #fff;
  background: -moz-linear-gradient(left, #fff, #d0e1ea);
  background: -webkit-gradient(linear, left center, right center, from(#fff), to(#d0e1ea));
  background: linear-gradient(to right, #fff, #d0e1ea);
}
nav.global-nav-upper-E002-blue &gt; ul &gt; li &gt; ul &gt; li:last-child &gt; a {
  border: none;
}
nav.global-nav-upper-E002-blue &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/E002/blue/arrow-sub.png");
  background-repeat: no-repeat;
  background-position: 5% center;
  border-bottom: 1px dotted #a0a0a0;
  color: #8b8b8b;
}
nav.global-nav-upper-E002-blue &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover {
  color: #003d73;
}
nav.global-nav-upper-E002-blue &gt; ul &gt; li &gt; ul &gt; li.active &gt; a {
  color: #003d73;
}
nav.global-nav-upper-E002-blue &gt; ul &gt; li.active &gt; a {
  color: #003d73;
}
nav.global-nav-side-E002-blue {
  position: relative;
  font-weight: bold;
}
nav.global-nav-side-E002-blue:after {
  content: "";
  position: absolute;
  z-index: 3;
  top: -15px;
  right: -39px;
  width: 66px;
  height: 62px;
  background: url("../../images/global-navi/E002/blue/kazari-right-side.png") no-repeat right top;
}
nav.global-nav-side-E002-blue &gt; ul {
  background-color: #fdeeee;
  background: #fff;
  background: -moz-linear-gradient(left, #fff, #d0e1ea);
  background: -webkit-gradient(linear, left center, right center, from(#fff), to(#d0e1ea));
  background: linear-gradient(to right, #fff, #d0e1ea);
  border: 1px solid #fff;
  -webkit-box-shadow: #c3c3c3 0px 0px 8px 0;
  -moz-box-shadow: #c3c3c3 0px 0px 8px 0;
  box-shadow: #c3c3c3 0px 0px 8px 0;
  position: relative;
}
nav.global-nav-side-E002-blue &gt; ul:before {
  content: "";
  z-index: 3;
  position: absolute;
  bottom: -33px;
  left: -30px;
  width: 70px;
  height: 62px;
  background: url("../../images/global-navi/E002/blue/kazari-left-side.png") no-repeat left bottom;
}
nav.global-nav-side-E002-blue &gt; ul &gt; li:last-child &gt; a:last-child {
  border: none;
}
nav.global-nav-side-E002-blue &gt; ul &gt; li:last-child &gt; ul &gt; li:last-child &gt; a:last-child {
  border: none;
}
nav.global-nav-side-E002-blue &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/E002/blue/arrow-upper.png");
  background-repeat: no-repeat;
  background-position: 10px center;
  border-bottom: 1px dotted #a0a0a0;
  color: #8b8b8b;
}
nav.global-nav-side-E002-blue &gt; ul &gt; li &gt; a:hover {
  color: #003d73;
}
nav.global-nav-side-E002-blue &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/E002/blue/arrow-sub.png");
  background-repeat: no-repeat;
  background-position: 20px center;
  border-bottom: 1px dotted #a0a0a0;
  color: #8b8b8b;
}
nav.global-nav-side-E002-blue &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover {
  color: #003d73;
}
nav.global-nav-side-E002-blue &gt; ul &gt; li &gt; ul &gt; li.active &gt; a {
  color: #003d73;
}
nav.global-nav-side-E002-blue &gt; ul &gt; li.active &gt; a {
  color: #003d73;
}
nav.global-nav-upper-E002-brown {
  position: relative;
  font-weight: bold;
}
nav.global-nav-upper-E002-brown:after {
  content: "";
  position: absolute;
  z-index: 3;
  top: -30px;
  right: -69px;
  width: 78px;
  height: 127px;
  background: url("../../images/global-navi/E002/brown/kazari-right-upper.png") no-repeat right top;
}
nav.global-nav-upper-E002-brown &gt; ul {
  background: url("../../images/global-navi/E002/brown/bg-upper.png") repeat left top;
  font-weight: bold;
  border: 1px solid #fff;
  -webkit-box-shadow: #c3c3c3 0px 0px 8px 0;
  -moz-box-shadow: #c3c3c3 0px 0px 8px 0;
  box-shadow: #c3c3c3 0px 0px 8px 0;
  position: relative;
}
nav.global-nav-upper-E002-brown &gt; ul:before {
  content: "";
  z-index: 3;
  position: absolute;
  top: -30px;
  left: -69px;
  width: 78px;
  height: 127px;
  background: url("../../images/global-navi/E002/brown/kazari-left-upper.png") no-repeat left top;
}
nav.global-nav-upper-E002-brown &gt; ul &gt; li &gt; a {
  color: #8b8b8b;
}
nav.global-nav-upper-E002-brown &gt; ul &gt; li &gt; a:hover {
  color: #753308;
}
nav.global-nav-upper-E002-brown &gt; ul &gt; li:hover &gt; ul {
  background-color: #fdeeee;
  border: 1px solid #fff;
}
nav.global-nav-upper-E002-brown &gt; ul &gt; li &gt; ul &gt; li {
  background-color: #fdeeee;
  background: #fff;
  background: -moz-linear-gradient(left, #fff, #ebdecf);
  background: -webkit-gradient(linear, left center, right center, from(#fff), to(#ebdecf));
  background: linear-gradient(to right, #fff, #ebdecf);
}
nav.global-nav-upper-E002-brown &gt; ul &gt; li &gt; ul &gt; li:last-child &gt; a {
  border: none;
}
nav.global-nav-upper-E002-brown &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/E002/brown/arrow-sub.png");
  background-repeat: no-repeat;
  background-position: 5% center;
  border-bottom: 1px dotted #a0a0a0;
  color: #8b8b8b;
}
nav.global-nav-upper-E002-brown &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover {
  color: #753308;
}
nav.global-nav-upper-E002-brown &gt; ul &gt; li &gt; ul &gt; li.active &gt; a {
  color: #753308;
}
nav.global-nav-upper-E002-brown &gt; ul &gt; li.active &gt; a {
  color: #753308;
}
nav.global-nav-side-E002-brown {
  position: relative;
  font-weight: bold;
}
nav.global-nav-side-E002-brown:after {
  content: "";
  position: absolute;
  z-index: 3;
  top: -15px;
  right: -39px;
  width: 66px;
  height: 62px;
  background: url("../../images/global-navi/E002/brown/kazari-right-side.png") no-repeat right top;
}
nav.global-nav-side-E002-brown &gt; ul {
  background-color: #fdeeee;
  background: #fff;
  background: -moz-linear-gradient(left, #fff, #ebdecf);
  background: -webkit-gradient(linear, left center, right center, from(#fff), to(#ebdecf));
  background: linear-gradient(to right, #fff, #ebdecf);
  border: 1px solid #fff;
  -webkit-box-shadow: #c3c3c3 0px 0px 8px 0;
  -moz-box-shadow: #c3c3c3 0px 0px 8px 0;
  box-shadow: #c3c3c3 0px 0px 8px 0;
  position: relative;
}
nav.global-nav-side-E002-brown &gt; ul:before {
  content: "";
  z-index: 3;
  position: absolute;
  bottom: -33px;
  left: -30px;
  width: 70px;
  height: 62px;
  background: url("../../images/global-navi/E002/brown/kazari-left-side.png") no-repeat left bottom;
}
nav.global-nav-side-E002-brown &gt; ul &gt; li:last-child &gt; a:last-child {
  border: none;
}
nav.global-nav-side-E002-brown &gt; ul &gt; li:last-child &gt; ul &gt; li:last-child &gt; a:last-child {
  border: none;
}
nav.global-nav-side-E002-brown &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/E002/brown/arrow-upper.png");
  background-repeat: no-repeat;
  background-position: 10px center;
  border-bottom: 1px dotted #a0a0a0;
  color: #8b8b8b;
}
nav.global-nav-side-E002-brown &gt; ul &gt; li &gt; a:hover {
  color: #753308;
}
nav.global-nav-side-E002-brown &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/E002/brown/arrow-sub.png");
  background-repeat: no-repeat;
  background-position: 20px center;
  border-bottom: 1px dotted #a0a0a0;
  color: #8b8b8b;
}
nav.global-nav-side-E002-brown &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover {
  color: #753308;
}
nav.global-nav-side-E002-brown &gt; ul &gt; li &gt; ul &gt; li.active &gt; a {
  color: #753308;
}
nav.global-nav-side-E002-brown &gt; ul &gt; li.active &gt; a {
  color: #753308;
}
nav.global-nav-upper-E002-pink {
  position: relative;
  font-weight: bold;
}
nav.global-nav-upper-E002-pink:after {
  content: "";
  position: absolute;
  z-index: 3;
  top: -30px;
  right: -69px;
  width: 78px;
  height: 127px;
  background: url("../../images/global-navi/E002/pink/kazari-right-upper.png") no-repeat right top;
}
nav.global-nav-upper-E002-pink &gt; ul {
  background: url("../../images/global-navi/E002/pink/bg-upper.png") repeat left top;
  font-weight: bold;
  border: 1px solid #fff;
  -webkit-box-shadow: #c3c3c3 0px 0px 8px 0;
  -moz-box-shadow: #c3c3c3 0px 0px 8px 0;
  box-shadow: #c3c3c3 0px 0px 8px 0;
  position: relative;
}
nav.global-nav-upper-E002-pink &gt; ul:before {
  content: "";
  z-index: 3;
  position: absolute;
  top: -30px;
  left: -69px;
  width: 78px;
  height: 127px;
  background: url("../../images/global-navi/E002/pink/kazari-left-upper.png") no-repeat left top;
}
nav.global-nav-upper-E002-pink &gt; ul &gt; li &gt; a {
  color: #8b8b8b;
}
nav.global-nav-upper-E002-pink &gt; ul &gt; li &gt; a:hover {
  color: #e13f8f;
}
nav.global-nav-upper-E002-pink &gt; ul &gt; li:hover &gt; ul {
  background-color: #fdeeee;
  border: 1px solid #fff;
}
nav.global-nav-upper-E002-pink &gt; ul &gt; li &gt; ul &gt; li {
  background-color: #fdeeee;
  background: #fff;
  background: -moz-linear-gradient(left, #fff, #ffccd6);
  background: -webkit-gradient(linear, left center, right center, from(#fff), to(#ffccd6));
  background: linear-gradient(to right, #fff, #ffccd6);
}
nav.global-nav-upper-E002-pink &gt; ul &gt; li &gt; ul &gt; li:last-child &gt; a {
  border: none;
}
nav.global-nav-upper-E002-pink &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/E002/pink/arrow-sub.png");
  background-repeat: no-repeat;
  background-position: 5% center;
  border-bottom: 1px dotted #a0a0a0;
  color: #8b8b8b;
}
nav.global-nav-upper-E002-pink &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover {
  color: #e13f8f;
}
nav.global-nav-upper-E002-pink &gt; ul &gt; li &gt; ul &gt; li.active &gt; a {
  color: #e13f8f;
}
nav.global-nav-upper-E002-pink &gt; ul &gt; li.active &gt; a {
  color: #e13f8f;
}
nav.global-nav-side-E002-pink {
  position: relative;
  font-weight: bold;
}
nav.global-nav-side-E002-pink:after {
  content: "";
  position: absolute;
  z-index: 3;
  top: -15px;
  right: -39px;
  width: 66px;
  height: 62px;
  background: url("../../images/global-navi/E002/pink/kazari-right-side.png") no-repeat right top;
}
nav.global-nav-side-E002-pink &gt; ul {
  background-color: #fdeeee;
  background: #fff;
  background: -moz-linear-gradient(left, #fff, #ffccd6);
  background: -webkit-gradient(linear, left center, right center, from(#fff), to(#ffccd6));
  background: linear-gradient(to right, #fff, #ffccd6);
  border: 1px solid #fff;
  -webkit-box-shadow: #c3c3c3 0px 0px 8px 0;
  -moz-box-shadow: #c3c3c3 0px 0px 8px 0;
  box-shadow: #c3c3c3 0px 0px 8px 0;
  position: relative;
}
nav.global-nav-side-E002-pink &gt; ul:before {
  content: "";
  z-index: 3;
  position: absolute;
  bottom: -33px;
  left: -30px;
  width: 70px;
  height: 62px;
  background: url("../../images/global-navi/E002/pink/kazari-left-side.png") no-repeat left bottom;
}
nav.global-nav-side-E002-pink &gt; ul &gt; li:last-child &gt; a:last-child {
  border: none;
}
nav.global-nav-side-E002-pink &gt; ul &gt; li:last-child &gt; ul &gt; li:last-child &gt; a:last-child {
  border: none;
}
nav.global-nav-side-E002-pink &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/E002/pink/arrow-upper.png");
  background-repeat: no-repeat;
  background-position: 10px center;
  border-bottom: 1px dotted #a0a0a0;
  color: #8b8b8b;
}
nav.global-nav-side-E002-pink &gt; ul &gt; li &gt; a:hover {
  color: #e13f8f;
}
nav.global-nav-side-E002-pink &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/E002/pink/arrow-sub.png");
  background-repeat: no-repeat;
  background-position: 20px center;
  border-bottom: 1px dotted #a0a0a0;
  color: #8b8b8b;
}
nav.global-nav-side-E002-pink &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover {
  color: #e13f8f;
}
nav.global-nav-side-E002-pink &gt; ul &gt; li &gt; ul &gt; li.active &gt; a {
  color: #e13f8f;
}
nav.global-nav-side-E002-pink &gt; ul &gt; li.active &gt; a {
  color: #e13f8f;
}
nav.global-nav-upper-E002-purple {
  position: relative;
  font-weight: bold;
}
nav.global-nav-upper-E002-purple:after {
  content: "";
  position: absolute;
  z-index: 3;
  top: -30px;
  right: -69px;
  width: 78px;
  height: 127px;
  background: url("../../images/global-navi/E002/purple/kazari-right-upper.png") no-repeat right top;
}
nav.global-nav-upper-E002-purple &gt; ul {
  background: url("../../images/global-navi/E002/purple/bg-upper.png") repeat left top;
  font-weight: bold;
  border: 1px solid #fff;
  -webkit-box-shadow: #c3c3c3 0px 0px 8px 0;
  -moz-box-shadow: #c3c3c3 0px 0px 8px 0;
  box-shadow: #c3c3c3 0px 0px 8px 0;
  position: relative;
}
nav.global-nav-upper-E002-purple &gt; ul:before {
  content: "";
  z-index: 3;
  position: absolute;
  top: -30px;
  left: -69px;
  width: 78px;
  height: 127px;
  background: url("../../images/global-navi/E002/purple/kazari-left-upper.png") no-repeat left top;
}
nav.global-nav-upper-E002-purple &gt; ul &gt; li &gt; a {
  color: #8b8b8b;
}
nav.global-nav-upper-E002-purple &gt; ul &gt; li &gt; a:hover {
  color: #a515c2;
}
nav.global-nav-upper-E002-purple &gt; ul &gt; li:hover &gt; ul {
  background-color: #fdeeee;
  border: 1px solid #fff;
}
nav.global-nav-upper-E002-purple &gt; ul &gt; li &gt; ul &gt; li {
  background-color: #fdeeee;
  background: #fff;
  background: -moz-linear-gradient(left, #fff, #f0e0f3);
  background: -webkit-gradient(linear, left center, right center, from(#fff), to(#f0e0f3));
  background: linear-gradient(to right, #fff, #f0e0f3);
}
nav.global-nav-upper-E002-purple &gt; ul &gt; li &gt; ul &gt; li:last-child &gt; a {
  border: none;
}
nav.global-nav-upper-E002-purple &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/E002/purple/arrow-sub.png");
  background-repeat: no-repeat;
  background-position: 5% center;
  border-bottom: 1px dotted #a0a0a0;
  color: #8b8b8b;
}
nav.global-nav-upper-E002-purple &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover {
  color: #a515c2;
}
nav.global-nav-upper-E002-purple &gt; ul &gt; li &gt; ul &gt; li.active &gt; a {
  color: #a515c2;
}
nav.global-nav-upper-E002-purple &gt; ul &gt; li.active &gt; a {
  color: #a515c2;
}
nav.global-nav-side-E002-purple {
  position: relative;
  font-weight: bold;
}
nav.global-nav-side-E002-purple:after {
  content: "";
  position: absolute;
  z-index: 3;
  top: -15px;
  right: -39px;
  width: 66px;
  height: 62px;
  background: url("../../images/global-navi/E002/purple/kazari-right-side.png") no-repeat right top;
}
nav.global-nav-side-E002-purple &gt; ul {
  background-color: #fdeeee;
  background: #fff;
  background: -moz-linear-gradient(left, #fff, #f0e0f3);
  background: -webkit-gradient(linear, left center, right center, from(#fff), to(#f0e0f3));
  background: linear-gradient(to right, #fff, #f0e0f3);
  border: 1px solid #fff;
  -webkit-box-shadow: #c3c3c3 0px 0px 8px 0;
  -moz-box-shadow: #c3c3c3 0px 0px 8px 0;
  box-shadow: #c3c3c3 0px 0px 8px 0;
  position: relative;
}
nav.global-nav-side-E002-purple &gt; ul:before {
  content: "";
  z-index: 3;
  position: absolute;
  bottom: -33px;
  left: -30px;
  width: 70px;
  height: 62px;
  background: url("../../images/global-navi/E002/purple/kazari-left-side.png") no-repeat left bottom;
}
nav.global-nav-side-E002-purple &gt; ul &gt; li:last-child &gt; a:last-child {
  border: none;
}
nav.global-nav-side-E002-purple &gt; ul &gt; li:last-child &gt; ul &gt; li:last-child &gt; a:last-child {
  border: none;
}
nav.global-nav-side-E002-purple &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/E002/purple/arrow-upper.png");
  background-repeat: no-repeat;
  background-position: 10px center;
  border-bottom: 1px dotted #a0a0a0;
  color: #8b8b8b;
}
nav.global-nav-side-E002-purple &gt; ul &gt; li &gt; a:hover {
  color: #a515c2;
}
nav.global-nav-side-E002-purple &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/E002/purple/arrow-sub.png");
  background-repeat: no-repeat;
  background-position: 20px center;
  border-bottom: 1px dotted #a0a0a0;
  color: #8b8b8b;
}
nav.global-nav-side-E002-purple &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover {
  color: #a515c2;
}
nav.global-nav-side-E002-purple &gt; ul &gt; li &gt; ul &gt; li.active &gt; a {
  color: #a515c2;
}
nav.global-nav-side-E002-purple &gt; ul &gt; li.active &gt; a {
  color: #a515c2;
}
nav.global-nav-upper-E002-black {
  position: relative;
  font-weight: bold;
}
nav.global-nav-upper-E002-black:after {
  content: "";
  position: absolute;
  z-index: 3;
  top: -30px;
  right: -69px;
  width: 78px;
  height: 127px;
  background: url("../../images/global-navi/E002/black/kazari-right-upper.png") no-repeat right top;
}
nav.global-nav-upper-E002-black &gt; ul {
  background: url("../../images/global-navi/E002/black/bg-upper.png") repeat left top;
  font-weight: bold;
  border: 1px solid #fff;
  -webkit-box-shadow: #c3c3c3 0px 0px 8px 0;
  -moz-box-shadow: #c3c3c3 0px 0px 8px 0;
  box-shadow: #c3c3c3 0px 0px 8px 0;
  position: relative;
}
nav.global-nav-upper-E002-black &gt; ul:before {
  content: "";
  z-index: 3;
  position: absolute;
  top: -30px;
  left: -69px;
  width: 78px;
  height: 127px;
  background: url("../../images/global-navi/E002/black/kazari-left-upper.png") no-repeat left top;
}
nav.global-nav-upper-E002-black &gt; ul &gt; li &gt; a {
  color: #8b8b8b;
}
nav.global-nav-upper-E002-black &gt; ul &gt; li &gt; a:hover {
  color: #474747;
}
nav.global-nav-upper-E002-black &gt; ul &gt; li:hover &gt; ul {
  background-color: #fdeeee;
  border: 1px solid #fff;
}
nav.global-nav-upper-E002-black &gt; ul &gt; li &gt; ul &gt; li {
  background-color: #fdeeee;
  background: #fff;
  background: -moz-linear-gradient(left, #fff, #e2e2e2);
  background: -webkit-gradient(linear, left center, right center, from(#fff), to(#e2e2e2));
  background: linear-gradient(to right, #fff, #e2e2e2);
}
nav.global-nav-upper-E002-black &gt; ul &gt; li &gt; ul &gt; li:last-child &gt; a {
  border: none;
}
nav.global-nav-upper-E002-black &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/E002/black/arrow-sub.png");
  background-repeat: no-repeat;
  background-position: 5% center;
  border-bottom: 1px dotted #a0a0a0;
  color: #8b8b8b;
}
nav.global-nav-upper-E002-black &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover {
  color: #474747;
}
nav.global-nav-upper-E002-black &gt; ul &gt; li &gt; ul &gt; li.active &gt; a {
  color: #474747;
}
nav.global-nav-upper-E002-black &gt; ul &gt; li.active &gt; a {
  color: #474747;
}
nav.global-nav-side-E002-black {
  position: relative;
  font-weight: bold;
}
nav.global-nav-side-E002-black:after {
  content: "";
  position: absolute;
  z-index: 3;
  top: -15px;
  right: -39px;
  width: 66px;
  height: 62px;
  background: url("../../images/global-navi/E002/black/kazari-right-side.png") no-repeat right top;
}
nav.global-nav-side-E002-black &gt; ul {
  background-color: #fdeeee;
  background: #fff;
  background: -moz-linear-gradient(left, #fff, #e2e2e2);
  background: -webkit-gradient(linear, left center, right center, from(#fff), to(#e2e2e2));
  background: linear-gradient(to right, #fff, #e2e2e2);
  border: 1px solid #fff;
  -webkit-box-shadow: #c3c3c3 0px 0px 8px 0;
  -moz-box-shadow: #c3c3c3 0px 0px 8px 0;
  box-shadow: #c3c3c3 0px 0px 8px 0;
  position: relative;
}
nav.global-nav-side-E002-black &gt; ul:before {
  content: "";
  z-index: 3;
  position: absolute;
  bottom: -33px;
  left: -30px;
  width: 70px;
  height: 62px;
  background: url("../../images/global-navi/E002/black/kazari-left-side.png") no-repeat left bottom;
}
nav.global-nav-side-E002-black &gt; ul &gt; li:last-child &gt; a:last-child {
  border: none;
}
nav.global-nav-side-E002-black &gt; ul &gt; li:last-child &gt; ul &gt; li:last-child &gt; a:last-child {
  border: none;
}
nav.global-nav-side-E002-black &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/E002/black/arrow-upper.png");
  background-repeat: no-repeat;
  background-position: 10px center;
  border-bottom: 1px dotted #a0a0a0;
  color: #8b8b8b;
}
nav.global-nav-side-E002-black &gt; ul &gt; li &gt; a:hover {
  color: #474747;
}
nav.global-nav-side-E002-black &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/E002/black/arrow-sub.png");
  background-repeat: no-repeat;
  background-position: 20px center;
  border-bottom: 1px dotted #a0a0a0;
  color: #8b8b8b;
}
nav.global-nav-side-E002-black &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover {
  color: #474747;
}
nav.global-nav-side-E002-black &gt; ul &gt; li &gt; ul &gt; li.active &gt; a {
  color: #474747;
}
nav.global-nav-side-E002-black &gt; ul &gt; li.active &gt; a {
  color: #474747;
}
nav.global-nav-upper-E002-colorful {
  position: relative;
  font-weight: bold;
}
nav.global-nav-upper-E002-colorful:after {
  content: "";
  position: absolute;
  z-index: 3;
  top: -30px;
  right: -69px;
  width: 78px;
  height: 127px;
  background: url("../../images/global-navi/E002/colorful/kazari-right-upper.png") no-repeat right top;
}
nav.global-nav-upper-E002-colorful &gt; ul {
  background: url("../../images/global-navi/E002/colorful/bg-upper.png") repeat left top;
  font-weight: bold;
  border: 1px solid #fff;
  -webkit-box-shadow: #c3c3c3 0px 0px 8px 0;
  -moz-box-shadow: #c3c3c3 0px 0px 8px 0;
  box-shadow: #c3c3c3 0px 0px 8px 0;
  position: relative;
}
nav.global-nav-upper-E002-colorful &gt; ul:before {
  content: "";
  z-index: 3;
  position: absolute;
  top: -30px;
  left: -69px;
  width: 78px;
  height: 127px;
  background: url("../../images/global-navi/E002/colorful/kazari-left-upper.png") no-repeat left top;
}
nav.global-nav-upper-E002-colorful &gt; ul &gt; li:nth-child(5n+1):hover &gt; a {
  color: #dc6600;
}
nav.global-nav-upper-E002-colorful &gt; ul &gt; li:nth-child(5n+1).active &gt; a {
  color: #dc6600;
}
nav.global-nav-upper-E002-colorful &gt; ul &gt; li:nth-child(5n+2):hover &gt; a {
  color: #dc9200;
}
nav.global-nav-upper-E002-colorful &gt; ul &gt; li:nth-child(5n+2).active &gt; a {
  color: #dc9200;
}
nav.global-nav-upper-E002-colorful &gt; ul &gt; li:nth-child(5n+3):hover &gt; a {
  color: #6aad00;
}
nav.global-nav-upper-E002-colorful &gt; ul &gt; li:nth-child(5n+3).active &gt; a {
  color: #6aad00;
}
nav.global-nav-upper-E002-colorful &gt; ul &gt; li:nth-child(5n+4):hover &gt; a {
  color: #238a14;
}
nav.global-nav-upper-E002-colorful &gt; ul &gt; li:nth-child(5n+4).active &gt; a {
  color: #238a14;
}
nav.global-nav-upper-E002-colorful &gt; ul &gt; li:nth-child(5n+5):hover &gt; a {
  color: #2cb7b8;
}
nav.global-nav-upper-E002-colorful &gt; ul &gt; li:nth-child(5n+5).active &gt; a {
  color: #2cb7b8;
}
nav.global-nav-upper-E002-colorful &gt; ul &gt; li &gt; a {
  color: #8b8b8b;
}
nav.global-nav-upper-E002-colorful &gt; ul &gt; li &gt; a:hover {
  color: #dc0000;
}
nav.global-nav-upper-E002-colorful &gt; ul &gt; li:hover &gt; ul {
  background-color: #fdeeee;
  border: 1px solid #fff;
}
nav.global-nav-upper-E002-colorful &gt; ul &gt; li &gt; ul &gt; li {
  background-color: #fdeeee;
  background: #fff;
  background: -moz-linear-gradient(left, #fff, #ddf3f3);
  background: -webkit-gradient(linear, left center, right center, from(#fff), to(#ddf3f3));
  background: linear-gradient(to right, #fff, #ddf3f3);
}
nav.global-nav-upper-E002-colorful &gt; ul &gt; li &gt; ul &gt; li:last-child &gt; a {
  border: none;
}
nav.global-nav-upper-E002-colorful &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/E002/colorful/arrow-sub.png");
  background-repeat: no-repeat;
  background-position: 5% center;
  border-bottom: 1px dotted #a0a0a0;
  color: #8b8b8b;
}
nav.global-nav-upper-E002-colorful &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover {
  color: #2cb7b8;
}
nav.global-nav-upper-E002-colorful &gt; ul &gt; li &gt; ul &gt; li.active &gt; a {
  color: #2cb7b8;
}
nav.global-nav-upper-E002-colorful &gt; ul &gt; li.active &gt; a {
  color: #dc0000;
}
nav.global-nav-side-E002-colorful {
  position: relative;
  font-weight: bold;
}
nav.global-nav-side-E002-colorful:after {
  content: "";
  position: absolute;
  z-index: 3;
  top: -15px;
  right: -39px;
  width: 66px;
  height: 62px;
  background: url("../../images/global-navi/E002/colorful/kazari-right-side.png") no-repeat right top;
}
nav.global-nav-side-E002-colorful &gt; ul {
  background-color: #fdeeee;
  background: #fff;
  background: -moz-linear-gradient(left, #fff, #effdda);
  background: -webkit-gradient(linear, left center, right center, from(#fff), to(#effdda));
  background: linear-gradient(to right, #fff, #effdda);
  border: 1px solid #fff;
  -webkit-box-shadow: #c3c3c3 0px 0px 8px 0;
  -moz-box-shadow: #c3c3c3 0px 0px 8px 0;
  box-shadow: #c3c3c3 0px 0px 8px 0;
  position: relative;
}
nav.global-nav-side-E002-colorful &gt; ul:before {
  content: "";
  z-index: 3;
  position: absolute;
  bottom: -33px;
  left: -30px;
  width: 70px;
  height: 62px;
  background: url("../../images/global-navi/E002/colorful/kazari-left-side.png") no-repeat left bottom;
}
nav.global-nav-side-E002-colorful &gt; ul &gt; li:last-child &gt; a:last-child {
  border: none;
}
nav.global-nav-side-E002-colorful &gt; ul &gt; li:last-child &gt; ul &gt; li:last-child &gt; a:last-child {
  border: none;
}
nav.global-nav-side-E002-colorful &gt; ul &gt; li:nth-child(5n+1):hover &gt; a {
  color: #dc6600;
}
nav.global-nav-side-E002-colorful &gt; ul &gt; li:nth-child(5n+1).active &gt; a {
  color: #dc6600;
}
nav.global-nav-side-E002-colorful &gt; ul &gt; li:nth-child(5n+2):hover &gt; a {
  color: #dc9200;
}
nav.global-nav-side-E002-colorful &gt; ul &gt; li:nth-child(5n+2).active &gt; a {
  color: #dc9200;
}
nav.global-nav-side-E002-colorful &gt; ul &gt; li:nth-child(5n+3):hover &gt; a {
  color: #6aad00;
}
nav.global-nav-side-E002-colorful &gt; ul &gt; li:nth-child(5n+3).active &gt; a {
  color: #6aad00;
}
nav.global-nav-side-E002-colorful &gt; ul &gt; li:nth-child(5n+4):hover &gt; a {
  color: #238a14;
}
nav.global-nav-side-E002-colorful &gt; ul &gt; li:nth-child(5n+4).active &gt; a {
  color: #238a14;
}
nav.global-nav-side-E002-colorful &gt; ul &gt; li:nth-child(5n+5):hover &gt; a {
  color: #2cb7b8;
}
nav.global-nav-side-E002-colorful &gt; ul &gt; li:nth-child(5n+5).active &gt; a {
  color: #2cb7b8;
}
nav.global-nav-side-E002-colorful &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/E002/colorful/arrow-upper.png");
  background-repeat: no-repeat;
  background-position: 10px center;
  border-bottom: 1px dotted #a0a0a0;
  color: #8b8b8b;
}
nav.global-nav-side-E002-colorful &gt; ul &gt; li &gt; a:hover {
  color: #dc0000;
}
nav.global-nav-side-E002-colorful &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/E002/colorful/arrow-sub.png");
  background-repeat: no-repeat;
  background-position: 20px center;
  border-bottom: 1px dotted #a0a0a0;
  color: #8b8b8b;
}
nav.global-nav-side-E002-colorful &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover {
  color: #6aad00;
}
nav.global-nav-side-E002-colorful &gt; ul &gt; li &gt; ul &gt; li.active &gt; a {
  color: #6aad00;
}
nav.global-nav-side-E002-colorful &gt; ul &gt; li.active &gt; a {
  color: #dc0000;
}
@media (max-width: 767px) {
  nav.global-nav-side-E002-red,
  nav.global-nav-side-E002-orange,
  nav.global-nav-side-E002-yellow,
  nav.global-nav-side-E002-yellowgreen,
  nav.global-nav-side-E002-green,
  nav.global-nav-side-E002-aqua,
  nav.global-nav-side-E002-blue,
  nav.global-nav-side-E002-brown,
  nav.global-nav-side-E002-pink,
  nav.global-nav-side-E002-purple,
  nav.global-nav-side-E002-black,
  nav.global-nav-side-E002-colorful {
    position: relative;
  }
  nav.global-nav-side-E002-red:after,
  nav.global-nav-side-E002-orange:after,
  nav.global-nav-side-E002-yellow:after,
  nav.global-nav-side-E002-yellowgreen:after,
  nav.global-nav-side-E002-green:after,
  nav.global-nav-side-E002-aqua:after,
  nav.global-nav-side-E002-blue:after,
  nav.global-nav-side-E002-brown:after,
  nav.global-nav-side-E002-pink:after,
  nav.global-nav-side-E002-purple:after,
  nav.global-nav-side-E002-black:after,
  nav.global-nav-side-E002-colorful:after {
    background: none;
  }
  nav.global-nav-side-E002-red &gt; ul:before,
  nav.global-nav-side-E002-orange &gt; ul:before,
  nav.global-nav-side-E002-yellow &gt; ul:before,
  nav.global-nav-side-E002-yellowgreen &gt; ul:before,
  nav.global-nav-side-E002-green &gt; ul:before,
  nav.global-nav-side-E002-aqua &gt; ul:before,
  nav.global-nav-side-E002-blue &gt; ul:before,
  nav.global-nav-side-E002-brown &gt; ul:before,
  nav.global-nav-side-E002-pink &gt; ul:before,
  nav.global-nav-side-E002-purple &gt; ul:before,
  nav.global-nav-side-E002-black &gt; ul:before,
  nav.global-nav-side-E002-colorful &gt; ul:before {
    background: none;
  }
}
</pre></body></html>