div#navi-area {
 width: 100%;
 height:64px;
 top: 84px;

}

div#navi-color {
 position: fixed;
 width: 100%;
 background-color: #afa38d;;
 border-bottom: 1px solid #000;
 z-index: 9999;
}

#menu {
 list-style-type: none;
 width: 912px;
 height: 64px;
 margin: 0 auto;
 padding: 0;
 background: #afa38d;
}

#menu li {
 position: relative;
 width: 25%;
 float: left;
 margin: 0;
 padding: 0;
 text-align: center;
}

#menu li a {
 display: block;
 margin: 5px 0 -6px 0;
 padding: 15px 0 15px 0; 
 color: #000;
 font-size: 17px;
 font-weight: bold;
 text-decoration: none;
 border-left: 1px solid #444;
}

#menu li a.last {
 border-right: 1px solid #444;
}

#menu li:hover > a {
 background: #f8f4e0;
 color: #321;
}

#menu > li:hover > a {

}

#menu li ul {
 list-style: none;
 position: absolute;
 top: 100%;
 left: 0;
 margin: 0;
 padding: 0;
}

#menu li ul li {
 overflow: hidden;
 width: 100%;
 height: 0;
 color: #321;
}

#menu li ul li a {
 margin: 0;
 padding: 6px 0 6px 10px;
 background: #8f837d;
 text-align: left;
 font-size: 16px;
 font-weight: bold;
 color: #fff;
}

#menu li ul li:hover > a {
 background: #d8d4b0;
}


#menu li:hover ul li {
  overflow: hidden;
  height: 36px; 
  border-bottom: 1px solid #ffffff;
}

#menu li:hover ul li:last-child a {

}