@charset "utf-8";
/* CSS Document */
.nav {
  width: 100%;
  margin: 0;
  padding: 0;
}
.nav li {
  position: relative;
  width: 100%;
  height: 40px;
}
.nav > li {
  border-bottom: none;
}
.nav li:last-child {
  border-bottom: none;
}
.nav li:hover > ul > li {
  border-bottom: none;
}
.nav li > ul > li:last-child {
  border-bottom: none;
}
.nav li a {
  display: block;
  width: 100%;
  height: 40px;
  color: #fff;
  font-size: 14px;
  line-height: 2.8;
  padding: 0 5px;

background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #F5C365),
	color-stop(1, #E3AB49)
);
background-image: -o-linear-gradient(bottom, #F5C365 0%, #E3AB49 100%);
background-image: -moz-linear-gradient(bottom, #F5C365 0%, #E3AB49 100%);
background-image: -webkit-linear-gradient(bottom, #F5C365 0%, #E3AB49 100%);
background-image: -ms-linear-gradient(bottom, #F5C365 0%, #E3AB49 100%);
background-image: linear-gradient(to bottom, #F5C365 0%, #E3AB49 100%);

  border-bottom: 1px solid #fff;
  box-sizing: border-box;
  text-decoration: none;
}
.nav li a:hover {
  color: #fff;
  background: #afc6e2;
}
.nav > li:hover > a {
  background: #afc6e2;
}
.nav > li:hover li:hover > a {
  background: #afc6e2;
}
.nav li:hover > ul > li {/*子・孫*/
  overflow: visible;
  top: -40px;
  left: 95%;
  height: 40px;
  z-index:999;
}
.nav li ul li {/*子・孫*/
  overflow: hidden;
  height: 0;
  left: 95%;
  list-style: none;
}
.nav li ul li a {
  background: #9fb7d4;
}
.nav li ul:before {/*孫*/
  position: absolute;
  content: "";
  top: 14px;
  left: 95%;
  border: 5px solid transparent;
  border-left: 5px solid #fff;
}
.nav li:hover ul li ul li:hover > a {/*孫*/
  background: #afc6e2;
}