/* ----------------------------------------
header menu
---------------------------------------- */

#head_info{
	height:50px;
	width:100%;
	background-color:#333333;
}

#head_info .wrapper{
	width:960px;
	margin:0 auto;
}

#head_info .user{
	width:240px;
	float:left;
	font-size:14px;
	color:#fff;
	margin:18px 0 0;
    line-height:100%;
}

#head_info .lastLoginDate {
    width: 600px;
    float: left;
    font-size: 14px;
    color: #FFCC33;
    margin: 18px 0 0;
    line-height: 100%;
}

#head_info .logout{
	width:100px;
	float:right;
	margin:13px 0 0;
}

#global{
	clear:both;
	background:url(../img/common/menu_bg.png) repeat-x;
	height:50px;
}

#global img:hover{
	opacity:1;
}

#global ul {
	width:960px;
	margin:0 auto;
}

#global ul:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#global ul li {
	float:left;
	position:relative;
}

#global li ul.drop {
	width:220px;
	position:absolute;
	display:none;
	float:none;
	z-index:100;
	left:0;
	top:50px;
}

#global li ul.drop li {
	float:none;
	position:static;
}

#global li ul.drop li a {
	display:block;
	border-bottom:solid 1px #eee;
	background:#369;
	color:#fff;
	padding:10px 5px;
	font-size:13px;
	text-decoration:none;
}

#global li ul.drop li a:hover {
	background:#9ab6d2;
}

#global li ul.drop li a.na {
	display:block;
	border-bottom:solid 1px #eee;
	background:#ddd;
	color:#aaa;
	padding:10px 5px;
	font-size:13px;
	text-decoration:none;
	cursor:default;
}


#dropmenu {
  list-style-type: none;
  width: 960px;
  margin:0 auto;
  padding: 0;
}
#dropmenu li {
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
#dropmenu li a {
  display: block;
  margin: 0;
  padding: 16px 0;
  background: #8a9b0f;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#dropmenu li ul {
  list-style: none;
  position: absolute;
  z-index: 100;
  top: 100%;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  width: 220px;
}
#dropmenu li ul li {
  overflow: hidden;
  width: 100%;
  height: 0;
  color: #fff;
  transition: .2s;
}
#dropmenu li ul li a {
  padding: 13px 10px;
  background: #336699;
  text-align: left;
  font-weight: normal;
  font-size:13px;
  display:block;
  border-top:1px solid #7d9ab8;
}
#dropmenu li ul li.low a {
  background: #799cbe;
  border-top:1px solid #c0c7ce;
}
#dropmenu > li.menu1 > a {background:url(../img/common/menu01.png); text-indent:-9999px; width:50px; height:18px;}
#dropmenu > li.menu2 > a {background:url(../img/common/menu02.png); text-indent:-9999px; width:130px; height:18px;}
#dropmenu > li.menu3 > a {background:url(../img/common/menu03.png); text-indent:-9999px; width:130px; height:18px;}
#dropmenu > li.menu4 > a {background:url(../img/common/menu04.png); text-indent:-9999px; width:130px; height:18px;}
#dropmenu > li.menu5 > a {background:url(../img/common/menu05.png); text-indent:-9999px; width:130px; height:18px;}
#dropmenu > li.menu6 > a {background:url(../img/common/menu06.png); text-indent:-9999px; width:130px; height:18px;}
#dropmenu > li.menu7 > a {background:url(../img/common/menu07.png); text-indent:-9999px; width:130px; height:18px;}
#dropmenu > li.menu8 > a {background:url(../img/common/menu08.png); text-indent:-9999px; width:130px; height:18px;}
#dropmenu > li.menu1 > a.na,#dropmenu > li.menu1:hover > a.na {background:url(../img/common/menu01_na.png); cursor:default;}
#dropmenu > li.menu2 > a.na,#dropmenu > li.menu2:hover > a.na {background:url(../img/common/menu02_na.png); cursor:default;}
#dropmenu > li.menu3 > a.na,#dropmenu > li.menu3:hover > a.na {background:url(../img/common/menu03_na.png); cursor:default;}
#dropmenu > li.menu4 > a.na,#dropmenu > li.menu4:hover > a.na {background:url(../img/common/menu04_na.png); cursor:default;}
#dropmenu > li.menu5 > a.na,#dropmenu > li.menu5:hover > a.na {background:url(../img/common/menu05_na.png); cursor:default;}
#dropmenu > li.menu6 > a.na,#dropmenu > li.menu6:hover > a.na {background:url(../img/common/menu06_na.png); cursor:default;}
#dropmenu > li.menu7 > a.na,#dropmenu > li.menu7:hover > a.na {background:url(../img/common/menu07_na.png); cursor:default;}
#dropmenu > li.menu8 > a.na,#dropmenu > li.menu8:hover > a.na {background:url(../img/common/menu08_na.png); cursor:default;}
#dropmenu > li.menu1:hover > a {background:url(../img/common/menu01_ov.png);}
#dropmenu > li.menu2:hover > a {background:url(../img/common/menu02_ov.png);}
#dropmenu > li.menu3:hover > a {background:url(../img/common/menu03_ov.png);}
#dropmenu > li.menu4:hover > a {background:url(../img/common/menu04_ov.png);}
#dropmenu > li.menu5:hover > a {background:url(../img/common/menu05_ov.png);}
#dropmenu > li.menu6:hover > a {background:url(../img/common/menu06_ov.png);}
#dropmenu > li.menu7:hover > a {background:url(../img/common/menu07_ov.png);}
#dropmenu > li.menu8:hover > a {background:url(../img/common/menu08_ov.png);}
#dropmenu > li:hover li:hover > a {  background: #9ab6d2 }
#dropmenu li:hover > ul > li {
  overflow: visible;
  height: 38px;
}
#dropmenu li ul li ul {
  top: 0;
  left: 100%;
}
#dropmenu li:last-child ul li ul {
  left: -100%;
  width: 100%;
}
#dropmenu li ul li ul li a {  background: #336699 }
#dropmenu li:hover ul li ul li:hover > a {  background: #9ab6d2 }
#dropmenu li ul li ul:before {
  position: absolute;
  content: "";
  top: 13px;
  left: -20px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left-color: #fff;
}
#dropmenu li:last-child ul li ul:before {
  position: absolute;
  content: "";
  top: 13px;
  left: 200%;
  margin-left: -20px;
  border: 5px solid transparent;
  border-right-color: #fff;
}

#dropmenu li ul li a.na,
#dropmenu li ul li a:hover.na {
	background:#ddd;
	color:#aaa;
	cursor:default;
}