#level_1 li {
    float: left;
    height: 34px;
    border: 0px solid #333;
	background: url(../images/nav_level1_bullet.gif) no-repeat right top;
	border: 0px solid #000;
}

#level_1 li.last {
	background: none;
}

#level_1 li a, #level_1 .active {
    font-size: 14px;
    letter-spacing: 1px;
	padding: 8px 3px 10px 3px;
	margin-right: 26px;
	margin-left: 20px;
    color: #414141;
    float: left;
    border: 0px solid #333;
}
#level_1.en li a, .en li a.active, .en li span.active, #level_1.en .active {
	margin-right: 33px;
	margin-left: 26px;
}

#level_1.jp li a, .jp li a.active, .jp li span.active, #level_1.jp .active {
	margin-right: 28px;
	margin-left: 24px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#level_1 li a, #level_1 .active {
	    margin-right: 25px;
		margin-left: 19px;
	}
	#level_1.en li a, 
    .en li a.active, .en li span.active, #level_1.en .active {
		margin-right: 33px;
		margin-left: 25px;
	}
	#level_1.jp li a, 
    .jp li a.active, .jp li span.active, #level_1.en .active {
		margin-right: 28px;
		margin-left: 24px;
	}
}



#level_1 li a:hover, #level_1 .active, .submenu {
    color: #000;
    text-decoration: none;
	background: url(../images/nav_level1_hover.gif) repeat-x;
}

#level_1 li.first a, #level_1 li.first span.active, 
.en li.first a, .en li.first span.active, 
.jp li.first a, .jp li.first span.active  {
	margin-left:0;
}

#level_1 li.last a, #level_1 li.last span.active, 
.en li.last a, .en li.last span.active, 
.jp li.last a, .jp li.last span.active {
	margin-right: 0px;
	text-align: right;
}

#level_2 {
    position: absolute;
    left: 3px;
    top: 28px;           
    float: left;
}

#level_2 li {
    background: none;
    height: 11px;
}

#level_2 li a, #level_2 .active {
    font-size: 13px;
    letter-spacing: normal;
	padding: 9px 7px 10px 10px;
	margin: 0px;
	color: #414141;
	background: url(../images/nav_level2_bullet.gif) no-repeat left 14px;

}

#level_2.en li a, .en #level_2 a.active, .en #level_2 span.active, 
#level_2.jp li a, .jp #level_2 a.active, .jp #level_2 span.active {
	margin: 0px;
}

#level_2 li a:hover {
	color: #234292;
	background: url(../images/nav_level2_bullet.gif) no-repeat left 14px;

}

#level_2 .active {
	color: #234292;
	background: none;
	text-decoration: underline;
}

#level_2 span.active {
	color: #234292;
	font-size: 13px;
    letter-spacing: normal;
	padding: 9px 7px 10px 10px;
	margin: 0px;
	background: url(../images/nav_level2_bullet.gif) no-repeat left 14px;
}

#level_2 li.first a, #level_2 .first span {
	padding: 9px 7px 10px 0px;
	background: none;
}

.jp.back_for, .back_for {
	font-size: 13px;
	position: absolute;
	top: -23px;
	left: 440px;
	width: 200px;
	border: 0px solid #333;
}

.jp.back_for {
	left: 380px;
	width: 260px;
}

.back_for li {
	float: left;
	text-align: right;
	width: 80px;
}

.jp.back_for li {
	float: left;
	text-align: right;
	width: 110px;
}


.back_for li a.back {
	background: url(../images/arrow_l.gif) no-repeat left 14px;
	padding: 11px 7px 10px 25px;
	outline: none;
}

.back_for li a.back:hover {
	background: url(../images/arrow_l_o.gif) no-repeat left 14px;
	outline: none;
}

.back_for li span.back {
	padding: 11px 7px 10px 25px;
	color: #CCC;
}

.back_for li a.for {
	background: url(../images/arrow_r.gif) no-repeat right 14px;
	padding: 11px 25px 10px 7px;
	outline: none;
}

.back_for li a.for:hover {
	background: url(../images/arrow_r_o.gif) no-repeat right 14px;
	outline: none;
}

.back_for li span.for {
	padding: 11px 25px 10px 7px;
	color: #CCC;
}