<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-C004-red,
nav.global-nav-side-C004-red,
nav.global-nav-upper-C004-orange,
nav.global-nav-side-C004-orange,
nav.global-nav-upper-C004-yellow,
nav.global-nav-side-C004-yellow,
nav.global-nav-upper-C004-yellowgreen,
nav.global-nav-side-C004-yellowgreen,
nav.global-nav-upper-C004-green,
nav.global-nav-side-C004-green,
nav.global-nav-upper-C004-aqua,
nav.global-nav-side-C004-aqua,
nav.global-nav-upper-C004-blue,
nav.global-nav-side-C004-blue,
nav.global-nav-upper-C004-brown,
nav.global-nav-side-C004-brown,
nav.global-nav-upper-C004-pink,
nav.global-nav-side-C004-pink,
nav.global-nav-upper-C004-purple,
nav.global-nav-side-C004-purple,
nav.global-nav-upper-C004-black,
nav.global-nav-side-C004-black,
nav.global-nav-upper-C004-colorful,
nav.global-nav-side-C004-colorful {
  margin: 0 0 20px;
  padding: 0;
}
nav.global-nav-upper-C004-red ul,
nav.global-nav-side-C004-red ul,
nav.global-nav-upper-C004-orange ul,
nav.global-nav-side-C004-orange ul,
nav.global-nav-upper-C004-yellow ul,
nav.global-nav-side-C004-yellow ul,
nav.global-nav-upper-C004-yellowgreen ul,
nav.global-nav-side-C004-yellowgreen ul,
nav.global-nav-upper-C004-green ul,
nav.global-nav-side-C004-green ul,
nav.global-nav-upper-C004-aqua ul,
nav.global-nav-side-C004-aqua ul,
nav.global-nav-upper-C004-blue ul,
nav.global-nav-side-C004-blue ul,
nav.global-nav-upper-C004-brown ul,
nav.global-nav-side-C004-brown ul,
nav.global-nav-upper-C004-pink ul,
nav.global-nav-side-C004-pink ul,
nav.global-nav-upper-C004-purple ul,
nav.global-nav-side-C004-purple ul,
nav.global-nav-upper-C004-black ul,
nav.global-nav-side-C004-black ul,
nav.global-nav-upper-C004-colorful ul,
nav.global-nav-side-C004-colorful ul {
  list-style: none;
}
nav.global-nav-upper-C004-red ul li,
nav.global-nav-side-C004-red ul li,
nav.global-nav-upper-C004-orange ul li,
nav.global-nav-side-C004-orange ul li,
nav.global-nav-upper-C004-yellow ul li,
nav.global-nav-side-C004-yellow ul li,
nav.global-nav-upper-C004-yellowgreen ul li,
nav.global-nav-side-C004-yellowgreen ul li,
nav.global-nav-upper-C004-green ul li,
nav.global-nav-side-C004-green ul li,
nav.global-nav-upper-C004-aqua ul li,
nav.global-nav-side-C004-aqua ul li,
nav.global-nav-upper-C004-blue ul li,
nav.global-nav-side-C004-blue ul li,
nav.global-nav-upper-C004-brown ul li,
nav.global-nav-side-C004-brown ul li,
nav.global-nav-upper-C004-pink ul li,
nav.global-nav-side-C004-pink ul li,
nav.global-nav-upper-C004-purple ul li,
nav.global-nav-side-C004-purple ul li,
nav.global-nav-upper-C004-black ul li,
nav.global-nav-side-C004-black ul li,
nav.global-nav-upper-C004-colorful ul li,
nav.global-nav-side-C004-colorful ul li {
  padding: 0;
}
nav.global-nav-upper-C004-red ul li a,
nav.global-nav-side-C004-red ul li a,
nav.global-nav-upper-C004-orange ul li a,
nav.global-nav-side-C004-orange ul li a,
nav.global-nav-upper-C004-yellow ul li a,
nav.global-nav-side-C004-yellow ul li a,
nav.global-nav-upper-C004-yellowgreen ul li a,
nav.global-nav-side-C004-yellowgreen ul li a,
nav.global-nav-upper-C004-green ul li a,
nav.global-nav-side-C004-green ul li a,
nav.global-nav-upper-C004-aqua ul li a,
nav.global-nav-side-C004-aqua ul li a,
nav.global-nav-upper-C004-blue ul li a,
nav.global-nav-side-C004-blue ul li a,
nav.global-nav-upper-C004-brown ul li a,
nav.global-nav-side-C004-brown ul li a,
nav.global-nav-upper-C004-pink ul li a,
nav.global-nav-side-C004-pink ul li a,
nav.global-nav-upper-C004-purple ul li a,
nav.global-nav-side-C004-purple ul li a,
nav.global-nav-upper-C004-black ul li a,
nav.global-nav-side-C004-black ul li a,
nav.global-nav-upper-C004-colorful ul li a,
nav.global-nav-side-C004-colorful ul li a {
  display: block;
  text-decoration: none;
}
nav.global-nav-upper-C004-red ul li ul,
nav.global-nav-side-C004-red ul li ul,
nav.global-nav-upper-C004-orange ul li ul,
nav.global-nav-side-C004-orange ul li ul,
nav.global-nav-upper-C004-yellow ul li ul,
nav.global-nav-side-C004-yellow ul li ul,
nav.global-nav-upper-C004-yellowgreen ul li ul,
nav.global-nav-side-C004-yellowgreen ul li ul,
nav.global-nav-upper-C004-green ul li ul,
nav.global-nav-side-C004-green ul li ul,
nav.global-nav-upper-C004-aqua ul li ul,
nav.global-nav-side-C004-aqua ul li ul,
nav.global-nav-upper-C004-blue ul li ul,
nav.global-nav-side-C004-blue ul li ul,
nav.global-nav-upper-C004-brown ul li ul,
nav.global-nav-side-C004-brown ul li ul,
nav.global-nav-upper-C004-pink ul li ul,
nav.global-nav-side-C004-pink ul li ul,
nav.global-nav-upper-C004-purple ul li ul,
nav.global-nav-side-C004-purple ul li ul,
nav.global-nav-upper-C004-black ul li ul,
nav.global-nav-side-C004-black ul li ul,
nav.global-nav-upper-C004-colorful ul li ul,
nav.global-nav-side-C004-colorful ul li ul {
  margin: 0;
  list-style: none;
}
nav.global-nav-upper-C004-red &gt; ul,
nav.global-nav-side-C004-red &gt; ul,
nav.global-nav-upper-C004-orange &gt; ul,
nav.global-nav-side-C004-orange &gt; ul,
nav.global-nav-upper-C004-yellow &gt; ul,
nav.global-nav-side-C004-yellow &gt; ul,
nav.global-nav-upper-C004-yellowgreen &gt; ul,
nav.global-nav-side-C004-yellowgreen &gt; ul,
nav.global-nav-upper-C004-green &gt; ul,
nav.global-nav-side-C004-green &gt; ul,
nav.global-nav-upper-C004-aqua &gt; ul,
nav.global-nav-side-C004-aqua &gt; ul,
nav.global-nav-upper-C004-blue &gt; ul,
nav.global-nav-side-C004-blue &gt; ul,
nav.global-nav-upper-C004-brown &gt; ul,
nav.global-nav-side-C004-brown &gt; ul,
nav.global-nav-upper-C004-pink &gt; ul,
nav.global-nav-side-C004-pink &gt; ul,
nav.global-nav-upper-C004-purple &gt; ul,
nav.global-nav-side-C004-purple &gt; ul,
nav.global-nav-upper-C004-black &gt; ul,
nav.global-nav-side-C004-black &gt; ul,
nav.global-nav-upper-C004-colorful &gt; ul,
nav.global-nav-side-C004-colorful &gt; ul {
  margin: 0;
}
nav.global-nav-upper-C004-red &gt; ul &gt; li,
nav.global-nav-side-C004-red &gt; ul &gt; li,
nav.global-nav-upper-C004-orange &gt; ul &gt; li,
nav.global-nav-side-C004-orange &gt; ul &gt; li,
nav.global-nav-upper-C004-yellow &gt; ul &gt; li,
nav.global-nav-side-C004-yellow &gt; ul &gt; li,
nav.global-nav-upper-C004-yellowgreen &gt; ul &gt; li,
nav.global-nav-side-C004-yellowgreen &gt; ul &gt; li,
nav.global-nav-upper-C004-green &gt; ul &gt; li,
nav.global-nav-side-C004-green &gt; ul &gt; li,
nav.global-nav-upper-C004-aqua &gt; ul &gt; li,
nav.global-nav-side-C004-aqua &gt; ul &gt; li,
nav.global-nav-upper-C004-blue &gt; ul &gt; li,
nav.global-nav-side-C004-blue &gt; ul &gt; li,
nav.global-nav-upper-C004-brown &gt; ul &gt; li,
nav.global-nav-side-C004-brown &gt; ul &gt; li,
nav.global-nav-upper-C004-pink &gt; ul &gt; li,
nav.global-nav-side-C004-pink &gt; ul &gt; li,
nav.global-nav-upper-C004-purple &gt; ul &gt; li,
nav.global-nav-side-C004-purple &gt; ul &gt; li,
nav.global-nav-upper-C004-black &gt; ul &gt; li,
nav.global-nav-side-C004-black &gt; ul &gt; li,
nav.global-nav-upper-C004-colorful &gt; ul &gt; li,
nav.global-nav-side-C004-colorful &gt; ul &gt; li {
  position: relative;
}
nav.global-nav-upper-C004-red &gt; ul &gt; li &gt; a:hover,
nav.global-nav-side-C004-red &gt; ul &gt; li &gt; a:hover,
nav.global-nav-upper-C004-orange &gt; ul &gt; li &gt; a:hover,
nav.global-nav-side-C004-orange &gt; ul &gt; li &gt; a:hover,
nav.global-nav-upper-C004-yellow &gt; ul &gt; li &gt; a:hover,
nav.global-nav-side-C004-yellow &gt; ul &gt; li &gt; a:hover,
nav.global-nav-upper-C004-yellowgreen &gt; ul &gt; li &gt; a:hover,
nav.global-nav-side-C004-yellowgreen &gt; ul &gt; li &gt; a:hover,
nav.global-nav-upper-C004-green &gt; ul &gt; li &gt; a:hover,
nav.global-nav-side-C004-green &gt; ul &gt; li &gt; a:hover,
nav.global-nav-upper-C004-aqua &gt; ul &gt; li &gt; a:hover,
nav.global-nav-side-C004-aqua &gt; ul &gt; li &gt; a:hover,
nav.global-nav-upper-C004-blue &gt; ul &gt; li &gt; a:hover,
nav.global-nav-side-C004-blue &gt; ul &gt; li &gt; a:hover,
nav.global-nav-upper-C004-brown &gt; ul &gt; li &gt; a:hover,
nav.global-nav-side-C004-brown &gt; ul &gt; li &gt; a:hover,
nav.global-nav-upper-C004-pink &gt; ul &gt; li &gt; a:hover,
nav.global-nav-side-C004-pink &gt; ul &gt; li &gt; a:hover,
nav.global-nav-upper-C004-purple &gt; ul &gt; li &gt; a:hover,
nav.global-nav-side-C004-purple &gt; ul &gt; li &gt; a:hover,
nav.global-nav-upper-C004-black &gt; ul &gt; li &gt; a:hover,
nav.global-nav-side-C004-black &gt; ul &gt; li &gt; a:hover,
nav.global-nav-upper-C004-colorful &gt; ul &gt; li &gt; a:hover,
nav.global-nav-side-C004-colorful &gt; ul &gt; li &gt; a:hover {
  text-decoration: none;
}
@media (min-width: 768px) and (max-width: 979px) {
  nav.global-nav-upper-C004-red ul li ul li a,
  nav.global-nav-side-C004-red ul li ul li a,
  nav.global-nav-upper-C004-orange ul li ul li a,
  nav.global-nav-side-C004-orange ul li ul li a,
  nav.global-nav-upper-C004-yellow ul li ul li a,
  nav.global-nav-side-C004-yellow ul li ul li a,
  nav.global-nav-upper-C004-yellowgreen ul li ul li a,
  nav.global-nav-side-C004-yellowgreen ul li ul li a,
  nav.global-nav-upper-C004-green ul li ul li a,
  nav.global-nav-side-C004-green ul li ul li a,
  nav.global-nav-upper-C004-aqua ul li ul li a,
  nav.global-nav-side-C004-aqua ul li ul li a,
  nav.global-nav-upper-C004-blue ul li ul li a,
  nav.global-nav-side-C004-blue ul li ul li a,
  nav.global-nav-upper-C004-brown ul li ul li a,
  nav.global-nav-side-C004-brown ul li ul li a,
  nav.global-nav-upper-C004-pink ul li ul li a,
  nav.global-nav-side-C004-pink ul li ul li a,
  nav.global-nav-upper-C004-purple ul li ul li a,
  nav.global-nav-side-C004-purple ul li ul li a,
  nav.global-nav-upper-C004-black ul li ul li a,
  nav.global-nav-side-C004-black ul li ul li a,
  nav.global-nav-upper-C004-colorful ul li ul li a,
  nav.global-nav-side-C004-colorful ul li ul li a,
  nav.global-nav-upper-C004-red ul li ul li.active a,
  nav.global-nav-side-C004-red ul li ul li.active a,
  nav.global-nav-upper-C004-orange ul li ul li.active a,
  nav.global-nav-side-C004-orange ul li ul li.active a,
  nav.global-nav-upper-C004-yellow ul li ul li.active a,
  nav.global-nav-side-C004-yellow ul li ul li.active a,
  nav.global-nav-upper-C004-yellowgreen ul li ul li.active a,
  nav.global-nav-side-C004-yellowgreen ul li ul li.active a,
  nav.global-nav-upper-C004-green ul li ul li.active a,
  nav.global-nav-side-C004-green ul li ul li.active a,
  nav.global-nav-upper-C004-aqua ul li ul li.active a,
  nav.global-nav-side-C004-aqua ul li ul li.active a,
  nav.global-nav-upper-C004-blue ul li ul li.active a,
  nav.global-nav-side-C004-blue ul li ul li.active a,
  nav.global-nav-upper-C004-brown ul li ul li.active a,
  nav.global-nav-side-C004-brown ul li ul li.active a,
  nav.global-nav-upper-C004-pink ul li ul li.active a,
  nav.global-nav-side-C004-pink ul li ul li.active a,
  nav.global-nav-upper-C004-purple ul li ul li.active a,
  nav.global-nav-side-C004-purple ul li ul li.active a,
  nav.global-nav-upper-C004-black ul li ul li.active a,
  nav.global-nav-side-C004-black ul li ul li.active a,
  nav.global-nav-upper-C004-colorful ul li ul li.active a,
  nav.global-nav-side-C004-colorful ul li ul li.active a {
    font-size: 11px !important;
  }
}
nav.global-nav-upper-C004-red ul li:hover ul li,
nav.global-nav-upper-C004-orange ul li:hover ul li,
nav.global-nav-upper-C004-yellow ul li:hover ul li,
nav.global-nav-upper-C004-yellowgreen ul li:hover ul li,
nav.global-nav-upper-C004-green ul li:hover ul li,
nav.global-nav-upper-C004-aqua ul li:hover ul li,
nav.global-nav-upper-C004-blue ul li:hover ul li,
nav.global-nav-upper-C004-brown ul li:hover ul li,
nav.global-nav-upper-C004-pink ul li:hover ul li,
nav.global-nav-upper-C004-purple ul li:hover ul li,
nav.global-nav-upper-C004-black ul li:hover ul li,
nav.global-nav-upper-C004-colorful ul li:hover ul li {
  height: 100% !important;
}
nav.global-nav-upper-C004-red &gt; ul,
nav.global-nav-upper-C004-orange &gt; ul,
nav.global-nav-upper-C004-yellow &gt; ul,
nav.global-nav-upper-C004-yellowgreen &gt; ul,
nav.global-nav-upper-C004-green &gt; ul,
nav.global-nav-upper-C004-aqua &gt; ul,
nav.global-nav-upper-C004-blue &gt; ul,
nav.global-nav-upper-C004-brown &gt; ul,
nav.global-nav-upper-C004-pink &gt; ul,
nav.global-nav-upper-C004-purple &gt; ul,
nav.global-nav-upper-C004-black &gt; ul,
nav.global-nav-upper-C004-colorful &gt; ul {
  font-size: 14px;
}
nav.global-nav-upper-C004-red &gt; ul &gt; li &gt; a,
nav.global-nav-upper-C004-orange &gt; ul &gt; li &gt; a,
nav.global-nav-upper-C004-yellow &gt; ul &gt; li &gt; a,
nav.global-nav-upper-C004-yellowgreen &gt; ul &gt; li &gt; a,
nav.global-nav-upper-C004-green &gt; ul &gt; li &gt; a,
nav.global-nav-upper-C004-aqua &gt; ul &gt; li &gt; a,
nav.global-nav-upper-C004-blue &gt; ul &gt; li &gt; a,
nav.global-nav-upper-C004-brown &gt; ul &gt; li &gt; a,
nav.global-nav-upper-C004-pink &gt; ul &gt; li &gt; a,
nav.global-nav-upper-C004-purple &gt; ul &gt; li &gt; a,
nav.global-nav-upper-C004-black &gt; ul &gt; li &gt; a,
nav.global-nav-upper-C004-colorful &gt; ul &gt; li &gt; a {
  padding: 20px 0 20px 19%;
}
nav.global-nav-upper-C004-red &gt; ul &gt; li &gt; ul &gt; li &gt; a,
nav.global-nav-upper-C004-orange &gt; ul &gt; li &gt; ul &gt; li &gt; a,
nav.global-nav-upper-C004-yellow &gt; ul &gt; li &gt; ul &gt; li &gt; a,
nav.global-nav-upper-C004-yellowgreen &gt; ul &gt; li &gt; ul &gt; li &gt; a,
nav.global-nav-upper-C004-green &gt; ul &gt; li &gt; ul &gt; li &gt; a,
nav.global-nav-upper-C004-aqua &gt; ul &gt; li &gt; ul &gt; li &gt; a,
nav.global-nav-upper-C004-blue &gt; ul &gt; li &gt; ul &gt; li &gt; a,
nav.global-nav-upper-C004-brown &gt; ul &gt; li &gt; ul &gt; li &gt; a,
nav.global-nav-upper-C004-pink &gt; ul &gt; li &gt; ul &gt; li &gt; a,
nav.global-nav-upper-C004-purple &gt; ul &gt; li &gt; ul &gt; li &gt; a,
nav.global-nav-upper-C004-black &gt; ul &gt; li &gt; ul &gt; li &gt; a,
nav.global-nav-upper-C004-colorful &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  padding: 12px 3px 11px 19%;
  font-size: 13px;
}
nav.global-nav-side-C004-red &gt; ul,
nav.global-nav-side-C004-orange &gt; ul,
nav.global-nav-side-C004-yellow &gt; ul,
nav.global-nav-side-C004-yellowgreen &gt; ul,
nav.global-nav-side-C004-green &gt; ul,
nav.global-nav-side-C004-aqua &gt; ul,
nav.global-nav-side-C004-blue &gt; ul,
nav.global-nav-side-C004-brown &gt; ul,
nav.global-nav-side-C004-pink &gt; ul,
nav.global-nav-side-C004-purple &gt; ul,
nav.global-nav-side-C004-black &gt; ul,
nav.global-nav-side-C004-colorful &gt; ul {
  font-size: 14px;
}
nav.global-nav-side-C004-red &gt; ul &gt; li &gt; a,
nav.global-nav-side-C004-orange &gt; ul &gt; li &gt; a,
nav.global-nav-side-C004-yellow &gt; ul &gt; li &gt; a,
nav.global-nav-side-C004-yellowgreen &gt; ul &gt; li &gt; a,
nav.global-nav-side-C004-green &gt; ul &gt; li &gt; a,
nav.global-nav-side-C004-aqua &gt; ul &gt; li &gt; a,
nav.global-nav-side-C004-blue &gt; ul &gt; li &gt; a,
nav.global-nav-side-C004-brown &gt; ul &gt; li &gt; a,
nav.global-nav-side-C004-pink &gt; ul &gt; li &gt; a,
nav.global-nav-side-C004-purple &gt; ul &gt; li &gt; a,
nav.global-nav-side-C004-black &gt; ul &gt; li &gt; a,
nav.global-nav-side-C004-colorful &gt; ul &gt; li &gt; a {
  padding: 11px 0 11px 17%;
}
nav.global-nav-side-C004-red &gt; ul &gt; li &gt; ul &gt; li &gt; a,
nav.global-nav-side-C004-orange &gt; ul &gt; li &gt; ul &gt; li &gt; a,
nav.global-nav-side-C004-yellow &gt; ul &gt; li &gt; ul &gt; li &gt; a,
nav.global-nav-side-C004-yellowgreen &gt; ul &gt; li &gt; ul &gt; li &gt; a,
nav.global-nav-side-C004-green &gt; ul &gt; li &gt; ul &gt; li &gt; a,
nav.global-nav-side-C004-aqua &gt; ul &gt; li &gt; ul &gt; li &gt; a,
nav.global-nav-side-C004-blue &gt; ul &gt; li &gt; ul &gt; li &gt; a,
nav.global-nav-side-C004-brown &gt; ul &gt; li &gt; ul &gt; li &gt; a,
nav.global-nav-side-C004-pink &gt; ul &gt; li &gt; ul &gt; li &gt; a,
nav.global-nav-side-C004-purple &gt; ul &gt; li &gt; ul &gt; li &gt; a,
nav.global-nav-side-C004-black &gt; ul &gt; li &gt; ul &gt; li &gt; a,
nav.global-nav-side-C004-colorful &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  padding: 11px 3px 11px 17%;
  font-size: 13px;
}
@media (min-width: 768px) and (max-width: 979px) {
  nav.global-nav-upper-C004-red &gt; ul &gt; li &gt; a,
  nav.global-nav-upper-C004-orange &gt; ul &gt; li &gt; a,
  nav.global-nav-upper-C004-yellow &gt; ul &gt; li &gt; a,
  nav.global-nav-upper-C004-yellowgreen &gt; ul &gt; li &gt; a,
  nav.global-nav-upper-C004-green &gt; ul &gt; li &gt; a,
  nav.global-nav-upper-C004-aqua &gt; ul &gt; li &gt; a,
  nav.global-nav-upper-C004-blue &gt; ul &gt; li &gt; a,
  nav.global-nav-upper-C004-brown &gt; ul &gt; li &gt; a,
  nav.global-nav-upper-C004-pink &gt; ul &gt; li &gt; a,
  nav.global-nav-upper-C004-purple &gt; ul &gt; li &gt; a,
  nav.global-nav-upper-C004-black &gt; ul &gt; li &gt; a,
  nav.global-nav-upper-C004-colorful &gt; ul &gt; li &gt; a {
    padding-left: 17%;
  }
}
nav.global-nav-upper-C004-red {
  position: relative;
}
nav.global-nav-upper-C004-red:before {
  z-index: 5;
  content: "";
  position: absolute;
  top: -20px;
  right: -65px;
  width: 75px;
  height: 88px;
  background: url("../../images/global-navi/C004/red/tree-right-upper.png") no-repeat right top;
}
nav.global-nav-upper-C004-red &gt; ul {
  background: url("../../images/global-navi/C004/red/bg-upper.png") repeat;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  position: relative;
}
nav.global-nav-upper-C004-red &gt; ul:before {
  z-index: 5;
  content: "";
  position: absolute;
  top: -20px;
  left: -50px;
  width: 75px;
  height: 88px;
  background: url("../../images/global-navi/C004/red/tree-left-upper.png") no-repeat left top;
}
nav.global-nav-upper-C004-red &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/C004/red/arrow-upper.png");
  background-repeat: no-repeat;
  background-position: 7% center;
  color: #473c1a;
}
nav.global-nav-upper-C004-red &gt; ul &gt; li &gt; a:hover {
  background-color: #fff;
  background-color: rgba(255,255,255,0.4);
  color: #db3535;
}
nav.global-nav-upper-C004-red &gt; ul &gt; li.active &gt; a {
  background-color: #fff;
  background-color: rgba(255,255,255,0.4);
  color: #db3535;
}
nav.global-nav-upper-C004-red &gt; ul &gt; li &gt; ul &gt; li {
  background-color: #ddd7b7;
  background: rgba(221,215,183,0.9);
}
nav.global-nav-upper-C004-red &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  color: #7b7247;
  background-image: url("../../images/global-navi/C004/red/arrow-sub.png");
  background-repeat: no-repeat;
  background-position: 7% center;
}
nav.global-nav-upper-C004-red &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover {
  color: #db3535;
  background-color: #e9e4cc;
}
nav.global-nav-upper-C004-red &gt; ul &gt; li &gt; ul &gt; li.active &gt; a {
  color: #db3535;
  background-color: #e9e4cc;
}
nav.global-nav-side-C004-red &gt; ul {
  background: #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-C004-red &gt; ul:before {
  z-index: 5;
  content: "";
  position: absolute;
  top: -10px;
  right: -10px;
  width: 67px;
  height: 46px;
  background: url("../../images/global-navi/C004/red/leaf-side.png") no-repeat right top;
}
nav.global-nav-side-C004-red &gt; ul &gt; li {
  background-image: url("../../images/global-navi/C004/red/dotted-side.png");
  background-repeat: repeat-x;
  background-position: left bottom;
}
nav.global-nav-side-C004-red &gt; ul &gt; li:last-child {
  background-image: none;
}
nav.global-nav-side-C004-red &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/C004/red/arrow-side.png");
  background-repeat: no-repeat;
  background-position: 7% center;
  color: #7b7247;
}
nav.global-nav-side-C004-red &gt; ul &gt; li &gt; a:hover {
  color: #db3535;
}
nav.global-nav-side-C004-red &gt; ul &gt; li.active &gt; a {
  color: #db3535;
}
nav.global-nav-side-C004-red &gt; ul &gt; li &gt; ul &gt; li {
  background-color: #ddd7b7;
}
nav.global-nav-side-C004-red &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  color: #7b7247;
  background-image: url("../../images/global-navi/C004/red/arrow-sub.png");
  background-repeat: no-repeat;
  background-position: 7% center;
}
nav.global-nav-side-C004-red &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover {
  color: #db3535;
  background-color: #e9e4cc;
}
nav.global-nav-side-C004-red &gt; ul &gt; li &gt; ul &gt; li.active &gt; a {
  color: #db3535;
  background-color: #e9e4cc;
}
nav.global-nav-upper-C004-orange {
  position: relative;
}
nav.global-nav-upper-C004-orange:before {
  z-index: 5;
  content: "";
  position: absolute;
  top: -20px;
  right: -65px;
  width: 75px;
  height: 88px;
  background: url("../../images/global-navi/C004/orange/tree-right-upper.png") no-repeat right top;
}
nav.global-nav-upper-C004-orange &gt; ul {
  background: url("../../images/global-navi/C004/orange/bg-upper.png") repeat;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  position: relative;
}
nav.global-nav-upper-C004-orange &gt; ul:before {
  z-index: 5;
  content: "";
  position: absolute;
  top: -20px;
  left: -50px;
  width: 75px;
  height: 88px;
  background: url("../../images/global-navi/C004/orange/tree-left-upper.png") no-repeat left top;
}
nav.global-nav-upper-C004-orange &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/C004/orange/arrow-upper.png");
  background-repeat: no-repeat;
  background-position: 7% center;
  color: #473c1a;
}
nav.global-nav-upper-C004-orange &gt; ul &gt; li &gt; a:hover {
  background-color: #fff;
  background-color: rgba(255,255,255,0.4);
  color: #ec6b06;
}
nav.global-nav-upper-C004-orange &gt; ul &gt; li.active &gt; a {
  background-color: #fff;
  background-color: rgba(255,255,255,0.4);
  color: #ec6b06;
}
nav.global-nav-upper-C004-orange &gt; ul &gt; li &gt; ul &gt; li {
  background-color: #ddd7b7;
  background: rgba(221,215,183,0.9);
}
nav.global-nav-upper-C004-orange &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  color: #7b7247;
  background-image: url("../../images/global-navi/C004/orange/arrow-sub.png");
  background-repeat: no-repeat;
  background-position: 7% center;
}
nav.global-nav-upper-C004-orange &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover {
  color: #ec6b06;
  background-color: #e9e4cc;
}
nav.global-nav-upper-C004-orange &gt; ul &gt; li &gt; ul &gt; li.active &gt; a {
  color: #ec6b06;
  background-color: #e9e4cc;
}
nav.global-nav-side-C004-orange &gt; ul {
  background: #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-C004-orange &gt; ul:before {
  z-index: 5;
  content: "";
  position: absolute;
  top: -10px;
  right: -10px;
  width: 67px;
  height: 46px;
  background: url("../../images/global-navi/C004/orange/leaf-side.png") no-repeat right top;
}
nav.global-nav-side-C004-orange &gt; ul &gt; li {
  background-image: url("../../images/global-navi/C004/orange/dotted-side.png");
  background-repeat: repeat-x;
  background-position: left bottom;
}
nav.global-nav-side-C004-orange &gt; ul &gt; li:last-child {
  background-image: none;
}
nav.global-nav-side-C004-orange &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/C004/orange/arrow-side.png");
  background-repeat: no-repeat;
  background-position: 7% center;
  color: #7b7247;
}
nav.global-nav-side-C004-orange &gt; ul &gt; li &gt; a:hover {
  color: #ec6b06;
}
nav.global-nav-side-C004-orange &gt; ul &gt; li.active &gt; a {
  color: #ec6b06;
}
nav.global-nav-side-C004-orange &gt; ul &gt; li &gt; ul &gt; li {
  background-color: #ddd7b7;
}
nav.global-nav-side-C004-orange &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  color: #7b7247;
  background-image: url("../../images/global-navi/C004/orange/arrow-sub.png");
  background-repeat: no-repeat;
  background-position: 7% center;
}
nav.global-nav-side-C004-orange &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover {
  color: #ec6b06;
  background-color: #e9e4cc;
}
nav.global-nav-side-C004-orange &gt; ul &gt; li &gt; ul &gt; li.active &gt; a {
  color: #ec6b06;
  background-color: #e9e4cc;
}
nav.global-nav-upper-C004-yellow {
  position: relative;
}
nav.global-nav-upper-C004-yellow:before {
  z-index: 5;
  content: "";
  position: absolute;
  top: -20px;
  right: -65px;
  width: 75px;
  height: 88px;
  background: url("../../images/global-navi/C004/yellow/tree-right-upper.png") no-repeat right top;
}
nav.global-nav-upper-C004-yellow &gt; ul {
  background: url("../../images/global-navi/C004/yellow/bg-upper.png") repeat;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  position: relative;
}
nav.global-nav-upper-C004-yellow &gt; ul:before {
  z-index: 5;
  content: "";
  position: absolute;
  top: -20px;
  left: -50px;
  width: 75px;
  height: 88px;
  background: url("../../images/global-navi/C004/yellow/tree-left-upper.png") no-repeat left top;
}
nav.global-nav-upper-C004-yellow &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/C004/yellow/arrow-upper.png");
  background-repeat: no-repeat;
  background-position: 7% center;
  color: #473c1a;
}
nav.global-nav-upper-C004-yellow &gt; ul &gt; li &gt; a:hover {
  background-color: #fff;
  background-color: rgba(255,255,255,0.4);
  color: #c19a11;
}
nav.global-nav-upper-C004-yellow &gt; ul &gt; li.active &gt; a {
  background-color: #fff;
  background-color: rgba(255,255,255,0.4);
  color: #c19a11;
}
nav.global-nav-upper-C004-yellow &gt; ul &gt; li &gt; ul &gt; li {
  background-color: #ddd7b7;
  background: rgba(221,215,183,0.9);
}
nav.global-nav-upper-C004-yellow &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  color: #7b7247;
  background-image: url("../../images/global-navi/C004/yellow/arrow-sub.png");
  background-repeat: no-repeat;
  background-position: 7% center;
}
nav.global-nav-upper-C004-yellow &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover {
  color: #c19a11;
  background-color: #e9e4cc;
}
nav.global-nav-upper-C004-yellow &gt; ul &gt; li &gt; ul &gt; li.active &gt; a {
  color: #c19a11;
  background-color: #e9e4cc;
}
nav.global-nav-side-C004-yellow &gt; ul {
  background: #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-C004-yellow &gt; ul:before {
  z-index: 5;
  content: "";
  position: absolute;
  top: -10px;
  right: -10px;
  width: 67px;
  height: 46px;
  background: url("../../images/global-navi/C004/yellow/leaf-side.png") no-repeat right top;
}
nav.global-nav-side-C004-yellow &gt; ul &gt; li {
  background-image: url("../../images/global-navi/C004/yellow/dotted-side.png");
  background-repeat: repeat-x;
  background-position: left bottom;
}
nav.global-nav-side-C004-yellow &gt; ul &gt; li:last-child {
  background-image: none;
}
nav.global-nav-side-C004-yellow &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/C004/yellow/arrow-side.png");
  background-repeat: no-repeat;
  background-position: 7% center;
  color: #7b7247;
}
nav.global-nav-side-C004-yellow &gt; ul &gt; li &gt; a:hover {
  color: #c19a11;
}
nav.global-nav-side-C004-yellow &gt; ul &gt; li.active &gt; a {
  color: #c19a11;
}
nav.global-nav-side-C004-yellow &gt; ul &gt; li &gt; ul &gt; li {
  background-color: #ddd7b7;
}
nav.global-nav-side-C004-yellow &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  color: #7b7247;
  background-image: url("../../images/global-navi/C004/yellow/arrow-sub.png");
  background-repeat: no-repeat;
  background-position: 7% center;
}
nav.global-nav-side-C004-yellow &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover {
  color: #c19a11;
  background-color: #e9e4cc;
}
nav.global-nav-side-C004-yellow &gt; ul &gt; li &gt; ul &gt; li.active &gt; a {
  color: #c19a11;
  background-color: #e9e4cc;
}
nav.global-nav-upper-C004-yellowgreen {
  position: relative;
}
nav.global-nav-upper-C004-yellowgreen:before {
  z-index: 5;
  content: "";
  position: absolute;
  top: -20px;
  right: -65px;
  width: 75px;
  height: 88px;
  background: url("../../images/global-navi/C004/yellow-green/tree-right-upper.png") no-repeat right top;
}
nav.global-nav-upper-C004-yellowgreen &gt; ul {
  background: url("../../images/global-navi/C004/yellow-green/bg-upper.png") repeat;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  position: relative;
}
nav.global-nav-upper-C004-yellowgreen &gt; ul:before {
  z-index: 5;
  content: "";
  position: absolute;
  top: -20px;
  left: -50px;
  width: 75px;
  height: 88px;
  background: url("../../images/global-navi/C004/yellow-green/tree-left-upper.png") no-repeat left top;
}
nav.global-nav-upper-C004-yellowgreen &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/C004/yellow-green/arrow-upper.png");
  background-repeat: no-repeat;
  background-position: 7% center;
  color: #473c1a;
}
nav.global-nav-upper-C004-yellowgreen &gt; ul &gt; li &gt; a:hover {
  background-color: #fff;
  background-color: rgba(255,255,255,0.4);
  color: #63a10b;
}
nav.global-nav-upper-C004-yellowgreen &gt; ul &gt; li.active &gt; a {
  background-color: #fff;
  background-color: rgba(255,255,255,0.4);
  color: #63a10b;
}
nav.global-nav-upper-C004-yellowgreen &gt; ul &gt; li &gt; ul &gt; li {
  background-color: #ddd7b7;
  background: rgba(221,215,183,0.9);
}
nav.global-nav-upper-C004-yellowgreen &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  color: #7b7247;
  background-image: url("../../images/global-navi/C004/yellow-green/arrow-sub.png");
  background-repeat: no-repeat;
  background-position: 7% center;
}
nav.global-nav-upper-C004-yellowgreen &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover {
  color: #63a10b;
  background-color: #e9e4cc;
}
nav.global-nav-upper-C004-yellowgreen &gt; ul &gt; li &gt; ul &gt; li.active &gt; a {
  color: #63a10b;
  background-color: #e9e4cc;
}
nav.global-nav-side-C004-yellowgreen &gt; ul {
  background: #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-C004-yellowgreen &gt; ul:before {
  z-index: 5;
  content: "";
  position: absolute;
  top: -10px;
  right: -10px;
  width: 67px;
  height: 46px;
  background: url("../../images/global-navi/C004/yellow-green/leaf-side.png") no-repeat right top;
}
nav.global-nav-side-C004-yellowgreen &gt; ul &gt; li {
  background-image: url("../../images/global-navi/C004/yellow-green/dotted-side.png");
  background-repeat: repeat-x;
  background-position: left bottom;
}
nav.global-nav-side-C004-yellowgreen &gt; ul &gt; li:last-child {
  background-image: none;
}
nav.global-nav-side-C004-yellowgreen &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/C004/yellow-green/arrow-side.png");
  background-repeat: no-repeat;
  background-position: 7% center;
  color: #7b7247;
}
nav.global-nav-side-C004-yellowgreen &gt; ul &gt; li &gt; a:hover {
  color: #63a10b;
}
nav.global-nav-side-C004-yellowgreen &gt; ul &gt; li.active &gt; a {
  color: #63a10b;
}
nav.global-nav-side-C004-yellowgreen &gt; ul &gt; li &gt; ul &gt; li {
  background-color: #ddd7b7;
}
nav.global-nav-side-C004-yellowgreen &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  color: #7b7247;
  background-image: url("../../images/global-navi/C004/yellow-green/arrow-sub.png");
  background-repeat: no-repeat;
  background-position: 7% center;
}
nav.global-nav-side-C004-yellowgreen &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover {
  color: #63a10b;
  background-color: #e9e4cc;
}
nav.global-nav-side-C004-yellowgreen &gt; ul &gt; li &gt; ul &gt; li.active &gt; a {
  color: #63a10b;
  background-color: #e9e4cc;
}
nav.global-nav-upper-C004-green {
  position: relative;
}
nav.global-nav-upper-C004-green:before {
  z-index: 5;
  content: "";
  position: absolute;
  top: -20px;
  right: -65px;
  width: 75px;
  height: 88px;
  background: url("../../images/global-navi/C004/green/tree-right-upper.png") no-repeat right top;
}
nav.global-nav-upper-C004-green &gt; ul {
  background: url("../../images/global-navi/C004/green/bg-upper.png") repeat;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  position: relative;
}
nav.global-nav-upper-C004-green &gt; ul:before {
  z-index: 5;
  content: "";
  position: absolute;
  top: -20px;
  left: -50px;
  width: 75px;
  height: 88px;
  background: url("../../images/global-navi/C004/green/tree-left-upper.png") no-repeat left top;
}
nav.global-nav-upper-C004-green &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/C004/green/arrow-upper.png");
  background-repeat: no-repeat;
  background-position: 7% center;
  color: #473c1a;
}
nav.global-nav-upper-C004-green &gt; ul &gt; li &gt; a:hover {
  background-color: #fff;
  background-color: rgba(255,255,255,0.4);
  color: #437c2b;
}
nav.global-nav-upper-C004-green &gt; ul &gt; li.active &gt; a {
  background-color: #fff;
  background-color: rgba(255,255,255,0.4);
  color: #437c2b;
}
nav.global-nav-upper-C004-green &gt; ul &gt; li &gt; ul &gt; li {
  background-color: #ddd7b7;
  background: rgba(221,215,183,0.9);
}
nav.global-nav-upper-C004-green &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  color: #7b7247;
  background-image: url("../../images/global-navi/C004/green/arrow-sub.png");
  background-repeat: no-repeat;
  background-position: 7% center;
}
nav.global-nav-upper-C004-green &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover {
  color: #437c2b;
  background-color: #e9e4cc;
}
nav.global-nav-upper-C004-green &gt; ul &gt; li &gt; ul &gt; li.active &gt; a {
  color: #437c2b;
  background-color: #e9e4cc;
}
nav.global-nav-side-C004-green &gt; ul {
  background: #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-C004-green &gt; ul:before {
  z-index: 5;
  content: "";
  position: absolute;
  top: -10px;
  right: -10px;
  width: 67px;
  height: 46px;
  background: url("../../images/global-navi/C004/green/leaf-side.png") no-repeat right top;
}
nav.global-nav-side-C004-green &gt; ul &gt; li {
  background-image: url("../../images/global-navi/C004/green/dotted-side.png");
  background-repeat: repeat-x;
  background-position: left bottom;
}
nav.global-nav-side-C004-green &gt; ul &gt; li:last-child {
  background-image: none;
}
nav.global-nav-side-C004-green &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/C004/green/arrow-side.png");
  background-repeat: no-repeat;
  background-position: 7% center;
  color: #7b7247;
}
nav.global-nav-side-C004-green &gt; ul &gt; li &gt; a:hover {
  color: #437c2b;
}
nav.global-nav-side-C004-green &gt; ul &gt; li.active &gt; a {
  color: #437c2b;
}
nav.global-nav-side-C004-green &gt; ul &gt; li &gt; ul &gt; li {
  background-color: #ddd7b7;
}
nav.global-nav-side-C004-green &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  color: #7b7247;
  background-image: url("../../images/global-navi/C004/green/arrow-sub.png");
  background-repeat: no-repeat;
  background-position: 7% center;
}
nav.global-nav-side-C004-green &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover {
  color: #437c2b;
  background-color: #e9e4cc;
}
nav.global-nav-side-C004-green &gt; ul &gt; li &gt; ul &gt; li.active &gt; a {
  color: #437c2b;
  background-color: #e9e4cc;
}
nav.global-nav-upper-C004-aqua {
  position: relative;
}
nav.global-nav-upper-C004-aqua:before {
  z-index: 5;
  content: "";
  position: absolute;
  top: -20px;
  right: -65px;
  width: 75px;
  height: 88px;
  background: url("../../images/global-navi/C004/aqua/tree-right-upper.png") no-repeat right top;
}
nav.global-nav-upper-C004-aqua &gt; ul {
  background: url("../../images/global-navi/C004/aqua/bg-upper.png") repeat;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  position: relative;
}
nav.global-nav-upper-C004-aqua &gt; ul:before {
  z-index: 5;
  content: "";
  position: absolute;
  top: -20px;
  left: -50px;
  width: 75px;
  height: 88px;
  background: url("../../images/global-navi/C004/aqua/tree-left-upper.png") no-repeat left top;
}
nav.global-nav-upper-C004-aqua &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/C004/aqua/arrow-upper.png");
  background-repeat: no-repeat;
  background-position: 7% center;
  color: #473c1a;
}
nav.global-nav-upper-C004-aqua &gt; ul &gt; li &gt; a:hover {
  background-color: #fff;
  background-color: rgba(255,255,255,0.4);
  color: #09bab8;
}
nav.global-nav-upper-C004-aqua &gt; ul &gt; li.active &gt; a {
  background-color: #fff;
  background-color: rgba(255,255,255,0.4);
  color: #09bab8;
}
nav.global-nav-upper-C004-aqua &gt; ul &gt; li &gt; ul &gt; li {
  background-color: #ddd7b7;
  background: rgba(221,215,183,0.9);
}
nav.global-nav-upper-C004-aqua &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  color: #7b7247;
  background-image: url("../../images/global-navi/C004/aqua/arrow-sub.png");
  background-repeat: no-repeat;
  background-position: 7% center;
}
nav.global-nav-upper-C004-aqua &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover {
  color: #09bab8;
  background-color: #e9e4cc;
}
nav.global-nav-upper-C004-aqua &gt; ul &gt; li &gt; ul &gt; li.active &gt; a {
  color: #09bab8;
  background-color: #e9e4cc;
}
nav.global-nav-side-C004-aqua &gt; ul {
  background: #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-C004-aqua &gt; ul:before {
  z-index: 5;
  content: "";
  position: absolute;
  top: -10px;
  right: -10px;
  width: 67px;
  height: 46px;
  background: url("../../images/global-navi/C004/aqua/leaf-side.png") no-repeat right top;
}
nav.global-nav-side-C004-aqua &gt; ul &gt; li {
  background-image: url("../../images/global-navi/C004/aqua/dotted-side.png");
  background-repeat: repeat-x;
  background-position: left bottom;
}
nav.global-nav-side-C004-aqua &gt; ul &gt; li:last-child {
  background-image: none;
}
nav.global-nav-side-C004-aqua &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/C004/aqua/arrow-side.png");
  background-repeat: no-repeat;
  background-position: 7% center;
  color: #7b7247;
}
nav.global-nav-side-C004-aqua &gt; ul &gt; li &gt; a:hover {
  color: #09bab8;
}
nav.global-nav-side-C004-aqua &gt; ul &gt; li.active &gt; a {
  color: #09bab8;
}
nav.global-nav-side-C004-aqua &gt; ul &gt; li &gt; ul &gt; li {
  background-color: #ddd7b7;
}
nav.global-nav-side-C004-aqua &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  color: #7b7247;
  background-image: url("../../images/global-navi/C004/aqua/arrow-sub.png");
  background-repeat: no-repeat;
  background-position: 7% center;
}
nav.global-nav-side-C004-aqua &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover {
  color: #09bab8;
  background-color: #e9e4cc;
}
nav.global-nav-side-C004-aqua &gt; ul &gt; li &gt; ul &gt; li.active &gt; a {
  color: #09bab8;
  background-color: #e9e4cc;
}
nav.global-nav-upper-C004-blue {
  position: relative;
}
nav.global-nav-upper-C004-blue:before {
  z-index: 5;
  content: "";
  position: absolute;
  top: -20px;
  right: -65px;
  width: 75px;
  height: 88px;
  background: url("../../images/global-navi/C004/blue/tree-right-upper.png") no-repeat right top;
}
nav.global-nav-upper-C004-blue &gt; ul {
  background: url("../../images/global-navi/C004/blue/bg-upper.png") repeat;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  position: relative;
}
nav.global-nav-upper-C004-blue &gt; ul:before {
  z-index: 5;
  content: "";
  position: absolute;
  top: -20px;
  left: -50px;
  width: 75px;
  height: 88px;
  background: url("../../images/global-navi/C004/blue/tree-left-upper.png") no-repeat left top;
}
nav.global-nav-upper-C004-blue &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/C004/blue/arrow-upper.png");
  background-repeat: no-repeat;
  background-position: 7% center;
  color: #473c1a;
}
nav.global-nav-upper-C004-blue &gt; ul &gt; li &gt; a:hover {
  background-color: #fff;
  background-color: rgba(255,255,255,0.4);
  color: #1674a8;
}
nav.global-nav-upper-C004-blue &gt; ul &gt; li.active &gt; a {
  background-color: #fff;
  background-color: rgba(255,255,255,0.4);
  color: #1674a8;
}
nav.global-nav-upper-C004-blue &gt; ul &gt; li &gt; ul &gt; li {
  background-color: #ddd7b7;
  background: rgba(221,215,183,0.9);
}
nav.global-nav-upper-C004-blue &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  color: #7b7247;
  background-image: url("../../images/global-navi/C004/blue/arrow-sub.png");
  background-repeat: no-repeat;
  background-position: 7% center;
}
nav.global-nav-upper-C004-blue &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover {
  color: #1674a8;
  background-color: #e9e4cc;
}
nav.global-nav-upper-C004-blue &gt; ul &gt; li &gt; ul &gt; li.active &gt; a {
  color: #1674a8;
  background-color: #e9e4cc;
}
nav.global-nav-side-C004-blue &gt; ul {
  background: #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-C004-blue &gt; ul:before {
  z-index: 5;
  content: "";
  position: absolute;
  top: -10px;
  right: -10px;
  width: 67px;
  height: 46px;
  background: url("../../images/global-navi/C004/blue/leaf-side.png") no-repeat right top;
}
nav.global-nav-side-C004-blue &gt; ul &gt; li {
  background-image: url("../../images/global-navi/C004/blue/dotted-side.png");
  background-repeat: repeat-x;
  background-position: left bottom;
}
nav.global-nav-side-C004-blue &gt; ul &gt; li:last-child {
  background-image: none;
}
nav.global-nav-side-C004-blue &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/C004/blue/arrow-side.png");
  background-repeat: no-repeat;
  background-position: 7% center;
  color: #7b7247;
}
nav.global-nav-side-C004-blue &gt; ul &gt; li &gt; a:hover {
  color: #1674a8;
}
nav.global-nav-side-C004-blue &gt; ul &gt; li.active &gt; a {
  color: #1674a8;
}
nav.global-nav-side-C004-blue &gt; ul &gt; li &gt; ul &gt; li {
  background-color: #ddd7b7;
}
nav.global-nav-side-C004-blue &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  color: #7b7247;
  background-image: url("../../images/global-navi/C004/blue/arrow-sub.png");
  background-repeat: no-repeat;
  background-position: 7% center;
}
nav.global-nav-side-C004-blue &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover {
  color: #1674a8;
  background-color: #e9e4cc;
}
nav.global-nav-side-C004-blue &gt; ul &gt; li &gt; ul &gt; li.active &gt; a {
  color: #1674a8;
  background-color: #e9e4cc;
}
nav.global-nav-upper-C004-brown {
  position: relative;
}
nav.global-nav-upper-C004-brown:before {
  z-index: 5;
  content: "";
  position: absolute;
  top: -20px;
  right: -65px;
  width: 75px;
  height: 88px;
  background: url("../../images/global-navi/C004/brown/tree-right-upper.png") no-repeat right top;
}
nav.global-nav-upper-C004-brown &gt; ul {
  background: url("../../images/global-navi/C004/brown/bg-upper.png") repeat;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  position: relative;
}
nav.global-nav-upper-C004-brown &gt; ul:before {
  z-index: 5;
  content: "";
  position: absolute;
  top: -20px;
  left: -50px;
  width: 75px;
  height: 88px;
  background: url("../../images/global-navi/C004/brown/tree-left-upper.png") no-repeat left top;
}
nav.global-nav-upper-C004-brown &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/C004/brown/arrow-upper.png");
  background-repeat: no-repeat;
  background-position: 7% center;
  color: #473c1a;
}
nav.global-nav-upper-C004-brown &gt; ul &gt; li &gt; a:hover {
  background-color: #fff;
  background-color: rgba(255,255,255,0.4);
  color: #995e27;
}
nav.global-nav-upper-C004-brown &gt; ul &gt; li.active &gt; a {
  background-color: #fff;
  background-color: rgba(255,255,255,0.4);
  color: #995e27;
}
nav.global-nav-upper-C004-brown &gt; ul &gt; li &gt; ul &gt; li {
  background-color: #ddd7b7;
  background: rgba(221,215,183,0.9);
}
nav.global-nav-upper-C004-brown &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  color: #7b7247;
  background-image: url("../../images/global-navi/C004/brown/arrow-sub.png");
  background-repeat: no-repeat;
  background-position: 7% center;
}
nav.global-nav-upper-C004-brown &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover {
  color: #995e27;
  background-color: #e9e4cc;
}
nav.global-nav-upper-C004-brown &gt; ul &gt; li &gt; ul &gt; li.active &gt; a {
  color: #995e27;
  background-color: #e9e4cc;
}
nav.global-nav-side-C004-brown &gt; ul {
  background: #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-C004-brown &gt; ul:before {
  z-index: 5;
  content: "";
  position: absolute;
  top: -10px;
  right: -10px;
  width: 67px;
  height: 46px;
  background: url("../../images/global-navi/C004/brown/leaf-side.png") no-repeat right top;
}
nav.global-nav-side-C004-brown &gt; ul &gt; li {
  background-image: url("../../images/global-navi/C004/brown/dotted-side.png");
  background-repeat: repeat-x;
  background-position: left bottom;
}
nav.global-nav-side-C004-brown &gt; ul &gt; li:last-child {
  background-image: none;
}
nav.global-nav-side-C004-brown &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/C004/brown/arrow-side.png");
  background-repeat: no-repeat;
  background-position: 7% center;
  color: #7b7247;
}
nav.global-nav-side-C004-brown &gt; ul &gt; li &gt; a:hover {
  color: #995e27;
}
nav.global-nav-side-C004-brown &gt; ul &gt; li.active &gt; a {
  color: #995e27;
}
nav.global-nav-side-C004-brown &gt; ul &gt; li &gt; ul &gt; li {
  background-color: #ddd7b7;
}
nav.global-nav-side-C004-brown &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  color: #7b7247;
  background-image: url("../../images/global-navi/C004/brown/arrow-sub.png");
  background-repeat: no-repeat;
  background-position: 7% center;
}
nav.global-nav-side-C004-brown &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover {
  color: #995e27;
  background-color: #e9e4cc;
}
nav.global-nav-side-C004-brown &gt; ul &gt; li &gt; ul &gt; li.active &gt; a {
  color: #995e27;
  background-color: #e9e4cc;
}
nav.global-nav-upper-C004-pink {
  position: relative;
}
nav.global-nav-upper-C004-pink:before {
  z-index: 5;
  content: "";
  position: absolute;
  top: -20px;
  right: -65px;
  width: 75px;
  height: 88px;
  background: url("../../images/global-navi/C004/pink/tree-right-upper.png") no-repeat right top;
}
nav.global-nav-upper-C004-pink &gt; ul {
  background: url("../../images/global-navi/C004/pink/bg-upper.png") repeat;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  position: relative;
}
nav.global-nav-upper-C004-pink &gt; ul:before {
  z-index: 5;
  content: "";
  position: absolute;
  top: -20px;
  left: -50px;
  width: 75px;
  height: 88px;
  background: url("../../images/global-navi/C004/pink/tree-left-upper.png") no-repeat left top;
}
nav.global-nav-upper-C004-pink &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/C004/pink/arrow-upper.png");
  background-repeat: no-repeat;
  background-position: 7% center;
  color: #473c1a;
}
nav.global-nav-upper-C004-pink &gt; ul &gt; li &gt; a:hover {
  background-color: #fff;
  background-color: rgba(255,255,255,0.4);
  color: #cf4068;
}
nav.global-nav-upper-C004-pink &gt; ul &gt; li.active &gt; a {
  background-color: #fff;
  background-color: rgba(255,255,255,0.4);
  color: #cf4068;
}
nav.global-nav-upper-C004-pink &gt; ul &gt; li &gt; ul &gt; li {
  background-color: #ddd7b7;
  background: rgba(221,215,183,0.9);
}
nav.global-nav-upper-C004-pink &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  color: #7b7247;
  background-image: url("../../images/global-navi/C004/pink/arrow-sub.png");
  background-repeat: no-repeat;
  background-position: 7% center;
}
nav.global-nav-upper-C004-pink &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover {
  color: #cf4068;
  background-color: #e9e4cc;
}
nav.global-nav-upper-C004-pink &gt; ul &gt; li &gt; ul &gt; li.active &gt; a {
  color: #cf4068;
  background-color: #e9e4cc;
}
nav.global-nav-side-C004-pink &gt; ul {
  background: #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-C004-pink &gt; ul:before {
  z-index: 5;
  content: "";
  position: absolute;
  top: -10px;
  right: -10px;
  width: 67px;
  height: 46px;
  background: url("../../images/global-navi/C004/pink/leaf-side.png") no-repeat right top;
}
nav.global-nav-side-C004-pink &gt; ul &gt; li {
  background-image: url("../../images/global-navi/C004/pink/dotted-side.png");
  background-repeat: repeat-x;
  background-position: left bottom;
}
nav.global-nav-side-C004-pink &gt; ul &gt; li:last-child {
  background-image: none;
}
nav.global-nav-side-C004-pink &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/C004/pink/arrow-side.png");
  background-repeat: no-repeat;
  background-position: 7% center;
  color: #7b7247;
}
nav.global-nav-side-C004-pink &gt; ul &gt; li &gt; a:hover {
  color: #cf4068;
}
nav.global-nav-side-C004-pink &gt; ul &gt; li.active &gt; a {
  color: #cf4068;
}
nav.global-nav-side-C004-pink &gt; ul &gt; li &gt; ul &gt; li {
  background-color: #ddd7b7;
}
nav.global-nav-side-C004-pink &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  color: #7b7247;
  background-image: url("../../images/global-navi/C004/pink/arrow-sub.png");
  background-repeat: no-repeat;
  background-position: 7% center;
}
nav.global-nav-side-C004-pink &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover {
  color: #cf4068;
  background-color: #e9e4cc;
}
nav.global-nav-side-C004-pink &gt; ul &gt; li &gt; ul &gt; li.active &gt; a {
  color: #cf4068;
  background-color: #e9e4cc;
}
nav.global-nav-upper-C004-purple {
  position: relative;
}
nav.global-nav-upper-C004-purple:before {
  z-index: 5;
  content: "";
  position: absolute;
  top: -20px;
  right: -65px;
  width: 75px;
  height: 88px;
  background: url("../../images/global-navi/C004/purple/tree-right-upper.png") no-repeat right top;
}
nav.global-nav-upper-C004-purple &gt; ul {
  background: url("../../images/global-navi/C004/purple/bg-upper.png") repeat;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  position: relative;
}
nav.global-nav-upper-C004-purple &gt; ul:before {
  z-index: 5;
  content: "";
  position: absolute;
  top: -20px;
  left: -50px;
  width: 75px;
  height: 88px;
  background: url("../../images/global-navi/C004/purple/tree-left-upper.png") no-repeat left top;
}
nav.global-nav-upper-C004-purple &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/C004/purple/arrow-upper.png");
  background-repeat: no-repeat;
  background-position: 7% center;
  color: #473c1a;
}
nav.global-nav-upper-C004-purple &gt; ul &gt; li &gt; a:hover {
  background-color: #fff;
  background-color: rgba(255,255,255,0.4);
  color: #b547a6;
}
nav.global-nav-upper-C004-purple &gt; ul &gt; li.active &gt; a {
  background-color: #fff;
  background-color: rgba(255,255,255,0.4);
  color: #b547a6;
}
nav.global-nav-upper-C004-purple &gt; ul &gt; li &gt; ul &gt; li {
  background-color: #ddd7b7;
  background: rgba(221,215,183,0.9);
}
nav.global-nav-upper-C004-purple &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  color: #7b7247;
  background-image: url("../../images/global-navi/C004/purple/arrow-sub.png");
  background-repeat: no-repeat;
  background-position: 7% center;
}
nav.global-nav-upper-C004-purple &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover {
  color: #b547a6;
  background-color: #e9e4cc;
}
nav.global-nav-upper-C004-purple &gt; ul &gt; li &gt; ul &gt; li.active &gt; a {
  color: #b547a6;
  background-color: #e9e4cc;
}
nav.global-nav-side-C004-purple &gt; ul {
  background: #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-C004-purple &gt; ul:before {
  z-index: 5;
  content: "";
  position: absolute;
  top: -10px;
  right: -10px;
  width: 67px;
  height: 46px;
  background: url("../../images/global-navi/C004/purple/leaf-side.png") no-repeat right top;
}
nav.global-nav-side-C004-purple &gt; ul &gt; li {
  background-image: url("../../images/global-navi/C004/purple/dotted-side.png");
  background-repeat: repeat-x;
  background-position: left bottom;
}
nav.global-nav-side-C004-purple &gt; ul &gt; li:last-child {
  background-image: none;
}
nav.global-nav-side-C004-purple &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/C004/purple/arrow-side.png");
  background-repeat: no-repeat;
  background-position: 7% center;
  color: #7b7247;
}
nav.global-nav-side-C004-purple &gt; ul &gt; li &gt; a:hover {
  color: #b547a6;
}
nav.global-nav-side-C004-purple &gt; ul &gt; li.active &gt; a {
  color: #b547a6;
}
nav.global-nav-side-C004-purple &gt; ul &gt; li &gt; ul &gt; li {
  background-color: #ddd7b7;
}
nav.global-nav-side-C004-purple &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  color: #7b7247;
  background-image: url("../../images/global-navi/C004/purple/arrow-sub.png");
  background-repeat: no-repeat;
  background-position: 7% center;
}
nav.global-nav-side-C004-purple &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover {
  color: #b547a6;
  background-color: #e9e4cc;
}
nav.global-nav-side-C004-purple &gt; ul &gt; li &gt; ul &gt; li.active &gt; a {
  color: #b547a6;
  background-color: #e9e4cc;
}
nav.global-nav-upper-C004-black {
  position: relative;
}
nav.global-nav-upper-C004-black:before {
  z-index: 5;
  content: "";
  position: absolute;
  top: -20px;
  right: -65px;
  width: 75px;
  height: 88px;
  background: url("../../images/global-navi/C004/black/tree-right-upper.png") no-repeat right top;
}
nav.global-nav-upper-C004-black &gt; ul {
  background: url("../../images/global-navi/C004/black/bg-upper.png") repeat;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  position: relative;
}
nav.global-nav-upper-C004-black &gt; ul:before {
  z-index: 5;
  content: "";
  position: absolute;
  top: -20px;
  left: -50px;
  width: 75px;
  height: 88px;
  background: url("../../images/global-navi/C004/black/tree-left-upper.png") no-repeat left top;
}
nav.global-nav-upper-C004-black &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/C004/black/arrow-upper.png");
  background-repeat: no-repeat;
  background-position: 7% center;
  color: #473c1a;
}
nav.global-nav-upper-C004-black &gt; ul &gt; li &gt; a:hover {
  background-color: #fff;
  background-color: rgba(255,255,255,0.4);
  color: #313131;
}
nav.global-nav-upper-C004-black &gt; ul &gt; li.active &gt; a {
  background-color: #fff;
  background-color: rgba(255,255,255,0.4);
  color: #313131;
}
nav.global-nav-upper-C004-black &gt; ul &gt; li &gt; ul &gt; li {
  background-color: #ddd7b7;
  background: rgba(221,215,183,0.9);
}
nav.global-nav-upper-C004-black &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  color: #7b7247;
  background-image: url("../../images/global-navi/C004/black/arrow-sub.png");
  background-repeat: no-repeat;
  background-position: 7% center;
}
nav.global-nav-upper-C004-black &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover {
  color: #313131;
  background-color: #e9e4cc;
}
nav.global-nav-upper-C004-black &gt; ul &gt; li &gt; ul &gt; li.active &gt; a {
  color: #313131;
  background-color: #e9e4cc;
}
nav.global-nav-side-C004-black &gt; ul {
  background: #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-C004-black &gt; ul:before {
  z-index: 5;
  content: "";
  position: absolute;
  top: -10px;
  right: -10px;
  width: 67px;
  height: 46px;
  background: url("../../images/global-navi/C004/black/leaf-side.png") no-repeat right top;
}
nav.global-nav-side-C004-black &gt; ul &gt; li {
  background-image: url("../../images/global-navi/C004/black/dotted-side.png");
  background-repeat: repeat-x;
  background-position: left bottom;
}
nav.global-nav-side-C004-black &gt; ul &gt; li:last-child {
  background-image: none;
}
nav.global-nav-side-C004-black &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/C004/black/arrow-side.png");
  background-repeat: no-repeat;
  background-position: 7% center;
  color: #7b7247;
}
nav.global-nav-side-C004-black &gt; ul &gt; li &gt; a:hover {
  color: #313131;
}
nav.global-nav-side-C004-black &gt; ul &gt; li.active &gt; a {
  color: #313131;
}
nav.global-nav-side-C004-black &gt; ul &gt; li &gt; ul &gt; li {
  background-color: #ddd7b7;
}
nav.global-nav-side-C004-black &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  color: #7b7247;
  background-image: url("../../images/global-navi/C004/black/arrow-sub.png");
  background-repeat: no-repeat;
  background-position: 7% center;
}
nav.global-nav-side-C004-black &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover {
  color: #313131;
  background-color: #e9e4cc;
}
nav.global-nav-side-C004-black &gt; ul &gt; li &gt; ul &gt; li.active &gt; a {
  color: #313131;
  background-color: #e9e4cc;
}
nav.global-nav-upper-C004-colorful {
  position: relative;
}
nav.global-nav-upper-C004-colorful:before {
  z-index: 5;
  content: "";
  position: absolute;
  top: -20px;
  right: -65px;
  width: 75px;
  height: 88px;
  background: url("../../images/global-navi/C004/colorful/tree-right-upper.png") no-repeat right top;
}
nav.global-nav-upper-C004-colorful &gt; ul {
  background: url("../../images/global-navi/C004/colorful/bg-upper.png") repeat;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  position: relative;
}
nav.global-nav-upper-C004-colorful &gt; ul:before {
  z-index: 5;
  content: "";
  position: absolute;
  top: -20px;
  left: -50px;
  width: 75px;
  height: 88px;
  background: url("../../images/global-navi/C004/colorful/tree-left-upper.png") no-repeat left top;
}
nav.global-nav-upper-C004-colorful &gt; ul &gt; li:nth-child(5n+1):hover &gt; a {
  color: #ec6b06;
}
nav.global-nav-upper-C004-colorful &gt; ul &gt; li:nth-child(5n+1).active &gt; a {
  color: #ec6b06;
}
nav.global-nav-upper-C004-colorful &gt; ul &gt; li:nth-child(5n+2):hover &gt; a {
  color: #c19a11;
}
nav.global-nav-upper-C004-colorful &gt; ul &gt; li:nth-child(5n+2).active &gt; a {
  color: #c19a11;
}
nav.global-nav-upper-C004-colorful &gt; ul &gt; li:nth-child(5n+3):hover &gt; a {
  color: #63a10b;
}
nav.global-nav-upper-C004-colorful &gt; ul &gt; li:nth-child(5n+3).active &gt; a {
  color: #63a10b;
}
nav.global-nav-upper-C004-colorful &gt; ul &gt; li:nth-child(5n+4):hover &gt; a {
  color: #437c2b;
}
nav.global-nav-upper-C004-colorful &gt; ul &gt; li:nth-child(5n+4).active &gt; a {
  color: #437c2b;
}
nav.global-nav-upper-C004-colorful &gt; ul &gt; li:nth-child(5n+5):hover &gt; a {
  color: #09bab8;
}
nav.global-nav-upper-C004-colorful &gt; ul &gt; li:nth-child(5n+5).active &gt; a {
  color: #09bab8;
}
nav.global-nav-upper-C004-colorful &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/C004/colorful/arrow-upper.png");
  background-repeat: no-repeat;
  background-position: 7% center;
  color: #473c1a;
}
nav.global-nav-upper-C004-colorful &gt; ul &gt; li &gt; a:hover {
  background-color: #fff;
  background-color: rgba(255,255,255,0.4);
  color: #ec6b06;
}
nav.global-nav-upper-C004-colorful &gt; ul &gt; li.active &gt; a {
  background-color: #fff;
  background-color: rgba(255,255,255,0.4);
  color: #ec6b06;
}
nav.global-nav-upper-C004-colorful &gt; ul &gt; li &gt; ul &gt; li {
  background-color: #ddd7b7;
  background: rgba(221,215,183,0.9);
}
nav.global-nav-upper-C004-colorful &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  color: #7b7247;
  background-image: url("../../images/global-navi/C004/colorful/arrow-sub.png");
  background-repeat: no-repeat;
  background-position: 7% center;
}
nav.global-nav-upper-C004-colorful &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover {
  color: #cf4068;
  background-color: #e9e4cc;
}
nav.global-nav-upper-C004-colorful &gt; ul &gt; li &gt; ul &gt; li.active &gt; a {
  color: #cf4068;
  background-color: #e9e4cc;
}
nav.global-nav-side-C004-colorful &gt; ul {
  background: #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-C004-colorful &gt; ul:before {
  z-index: 5;
  content: "";
  position: absolute;
  top: -10px;
  right: -10px;
  width: 67px;
  height: 46px;
  background: url("../../images/global-navi/C004/colorful/leaf-side.png") no-repeat right top;
}
nav.global-nav-side-C004-colorful &gt; ul &gt; li {
  background-image: url("../../images/global-navi/C004/colorful/dotted-side.png");
  background-repeat: repeat-x;
  background-position: left bottom;
}
nav.global-nav-side-C004-colorful &gt; ul &gt; li:last-child {
  background-image: none;
}
nav.global-nav-side-C004-colorful &gt; ul &gt; li:nth-child(5n+1) &gt; a {
  background-image: url("../../images/global-navi/C004/colorful/arrow-side1.png");
}
nav.global-nav-side-C004-colorful &gt; ul &gt; li:nth-child(5n+1):hover &gt; a {
  color: #ec6b06;
}
nav.global-nav-side-C004-colorful &gt; ul &gt; li:nth-child(5n+1).active &gt; a {
  color: #ec6b06;
}
nav.global-nav-side-C004-colorful &gt; ul &gt; li:nth-child(5n+2) &gt; a {
  background-image: url("../../images/global-navi/C004/colorful/arrow-side2.png");
}
nav.global-nav-side-C004-colorful &gt; ul &gt; li:nth-child(5n+2):hover &gt; a {
  color: #c19a11;
}
nav.global-nav-side-C004-colorful &gt; ul &gt; li:nth-child(5n+2).active &gt; a {
  color: #c19a11;
}
nav.global-nav-side-C004-colorful &gt; ul &gt; li:nth-child(5n+3) &gt; a {
  background-image: url("../../images/global-navi/C004/colorful/arrow-side3.png");
}
nav.global-nav-side-C004-colorful &gt; ul &gt; li:nth-child(5n+3):hover &gt; a {
  color: #63a10b;
}
nav.global-nav-side-C004-colorful &gt; ul &gt; li:nth-child(5n+3).active &gt; a {
  color: #63a10b;
}
nav.global-nav-side-C004-colorful &gt; ul &gt; li:nth-child(5n+4) &gt; a {
  background-image: url("../../images/global-navi/C004/colorful/arrow-side4.png");
}
nav.global-nav-side-C004-colorful &gt; ul &gt; li:nth-child(5n+4):hover &gt; a {
  color: #437c2b;
}
nav.global-nav-side-C004-colorful &gt; ul &gt; li:nth-child(5n+4).active &gt; a {
  color: #437c2b;
}
nav.global-nav-side-C004-colorful &gt; ul &gt; li:nth-child(5n+5) &gt; a {
  background-image: url("../../images/global-navi/C004/colorful/arrow-side5.png");
}
nav.global-nav-side-C004-colorful &gt; ul &gt; li:nth-child(5n+5):hover &gt; a {
  color: #09bab8;
}
nav.global-nav-side-C004-colorful &gt; ul &gt; li:nth-child(5n+5).active &gt; a {
  color: #09bab8;
}
nav.global-nav-side-C004-colorful &gt; ul &gt; li &gt; a {
  background-image: url("../../images/global-navi/C004/colorful/arrow-side1.png");
  background-repeat: no-repeat;
  background-position: 7% center;
  color: #7b7247;
}
nav.global-nav-side-C004-colorful &gt; ul &gt; li &gt; a:hover {
  color: #ec6b06;
}
nav.global-nav-side-C004-colorful &gt; ul &gt; li.active &gt; a {
  color: #ec6b06;
}
nav.global-nav-side-C004-colorful &gt; ul &gt; li &gt; ul &gt; li {
  background-color: #ddd7b7;
}
nav.global-nav-side-C004-colorful &gt; ul &gt; li &gt; ul &gt; li &gt; a {
  color: #7b7247;
  background-image: url("../../images/global-navi/C004/colorful/arrow-sub.png");
  background-repeat: no-repeat;
  background-position: 7% center;
}
nav.global-nav-side-C004-colorful &gt; ul &gt; li &gt; ul &gt; li &gt; a:hover {
  color: #cf4068;
  background-color: #e9e4cc;
}
nav.global-nav-side-C004-colorful &gt; ul &gt; li &gt; ul &gt; li.active &gt; a {
  color: #cf4068;
  background-color: #e9e4cc;
}
@media (min-width: 768px) and (max-width: 979px) {
  nav.global-nav-upper-C004-red &gt; ul &gt; li &gt; a,
  nav.global-nav-upper-C004-orange &gt; ul &gt; li &gt; a,
  nav.global-nav-upper-C004-yellow &gt; ul &gt; li &gt; a,
  nav.global-nav-upper-C004-yellowgreen &gt; ul &gt; li &gt; a,
  nav.global-nav-upper-C004-green &gt; ul &gt; li &gt; a,
  nav.global-nav-upper-C004-aqua &gt; ul &gt; li &gt; a,
  nav.global-nav-upper-C004-blue &gt; ul &gt; li &gt; a,
  nav.global-nav-upper-C004-brown &gt; ul &gt; li &gt; a,
  nav.global-nav-upper-C004-pink &gt; ul &gt; li &gt; a,
  nav.global-nav-upper-C004-purple &gt; ul &gt; li &gt; a,
  nav.global-nav-upper-C004-black &gt; ul &gt; li &gt; a,
  nav.global-nav-upper-C004-colorful &gt; ul &gt; li &gt; a {
    background-size: 14% 24%;
    background-position: 2px center;
  }
}
@media (max-width: 767px) {
  nav.global-nav-side-C004-red &gt; ul:before,
  nav.global-nav-side-C004-orange &gt; ul:before,
  nav.global-nav-side-C004-yellow &gt; ul:before,
  nav.global-nav-side-C004-yellowgreen &gt; ul:before,
  nav.global-nav-side-C004-green &gt; ul:before,
  nav.global-nav-side-C004-aqua &gt; ul:before,
  nav.global-nav-side-C004-blue &gt; ul:before,
  nav.global-nav-side-C004-brown &gt; ul:before,
  nav.global-nav-side-C004-pink &gt; ul:before,
  nav.global-nav-side-C004-purple &gt; ul:before,
  nav.global-nav-side-C004-black &gt; ul:before,
  nav.global-nav-side-C004-colorful &gt; ul:before {
    top: 3px;
    right: 0;
  }
}
</pre></body></html>