.dropmenu{
  *zoom: 1;
  list-style-type: none;
  margin: 5px auto 0px;
  padding: 0;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
ul.dropmenu{
}
.dropmenu li{
  position: relative;
  width: 250px;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  background:url(../images/mainMenu_bg01.png) no-repeat;
}
.dropmenu li:last-child{
  background:url(../images/mainMenu_bg02.png) no-repeat;
}
.dropmenu li a{
  display: block;
  margin: 0;
  padding: 10px 0 0;
  color: #303030;
  font-size: 18px;
  line-height: 1;
  text-decoration: none;
  min-height:30px;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li{
	background:none;
}
.dropmenu li ul li:last-child{
	background:none;
}
.dropmenu li ul li a{
  padding: 13px 15px;
  border-top: 1px solid #CCD6C8;
  background: #b2d3a7;
  text-align: left;
  color:#005E3C;
  font-size:15px;
  min-height:inherit;
}
.dropmenu li:hover > a{
}
.dropmenu li a:hover {
  background:url(../images/mainMenu_bg01.png) no-repeat;
    background-color: #f4f1e4;
}
.dropmenu li:last-child a:hover {
  background:url(../images/mainMenu_bg02.png) no-repeat;
    background-color: #f4f1e4;
}

.dropmenu li ul li a:hover {
	background-image:none;
	background-color:#EFF4ED;
}

.dropmenu li ul li a:hover:last-child {
	background-image:none;
	background-color:#EFF4ED;
}


#fade-in li ul{
  visibility: hidden;
  opacity: 0;
  transition: .5s;
}
#fade-in li:hover ul{
  visibility: visible;
  opacity: 1;
}
#fade-in li ul li a{
  visibility: hidden;
  opacity: 0;
  transition: .5s;
}
#fade-in li:hover ul li a{
  visibility: visible;
  opacity: 1;
}