/* ### MAIN MENU ########*/

#navigation-area {
 width:100%;
 height:27px;
 }

#mainnavi li:hover DIV.subnaviLayer, #mainnavi li.sfhover DIV.subnaviLayer {
 left: 0px; 	
 top:27px;
}

.navigation A.mainnavi,
.navigation A.subnavi {
 height:21px; 
}




UL.navigation {
 margin:0;
 padding:0;
 list-style:none;
}

.navigation LI {
 position: relative;
 margin:0;
 padding: 0;
 float:left;
 background: transparent;
}

.navigation LI:hover {
background: transparent;
}

.navigation A.mainnavi,
.navigation A.subnavi {
 float:left;
 margin:0;
 text-decoration:none;
 padding: 4px 4px 4px 6px;
 color: #70C4E9;
 cursor:pointer;
}

.navigation A.mainnavi{
 font-family:"Arial Narrow";
 font-size: 17px;
 font-weight: bold;
  color: #fff;
}


.navigation A:hover.subnavi,
.navigation LI.current A.subnavi {
 text-decoration:none;
}

.navigation LI:hover A.mainnavi,
.navigation LI.sfhover A.mainnavi {
 color:#fff;

}

.navigation LI.current A.mainnavi {
 color: #000;
 background:#eef1f0;
}

/* ### subnavigation ########*/
#mainnavi li DIV.subnaviLayer {
 position: absolute;
 left: -999em;
 margin:0;
 width: 168px; 
 padding:0 2px 2px 0;
}

/*
*>#mainnavi li DIV.subnaviLayer {
 background: url(../i/nav/bg_layer.png) 1px bottom no-repeat;
}
*/



#mainnavi li DIV.subnaviLayer UL {
 margin:0;
 padding:0;
 list-style:none;
 width: 164px; 
}

#mainnavi li DIV.subnaviLayer LI {
 float:left;
 width:100%;
 padding:0;
 margin:0;
 border-top:1px solid #00008a;
 background: url(bg_trans_black_30.png);
}

#mainnavi li DIV.subnaviLayer LI:hover {
 background: url(bg_trans_blue_30.png);
}

DIV.subnaviLayer UL A:link,
DIV.subnaviLayer UL A:visited,
DIV.subnaviLayer UL A:hover,
DIV.subnaviLayer UL A:active {
 display:block;
 color:#fff;
 font-size:11px;
 font-weight:bold;
 text-decoration:none;
 padding: 4px 4px 4px 6px;
}

DIV.subnaviLayer UL A:hover {
 color:#fff;
}


/* ### MAIN MENU END ########*/