/* NAVIGATION ------------------------------------*/
.navigation {
	position: fixed;
	width: 100%;
	min-width: 1240px;
	height: 85px;
	bottom: -12px;
	left: 0;
	z-index: 999;
}
	.navInner {
		position: relative;
		display: table;
		width: 100%;
		height: 85px;
		background: url(../img/nav/nav_roontxt.png) repeat-x 0 58%;
		z-index: 2;
	}
		.navLeft,
		.navRight {
			display: table-cell;
			width: 15px;
			height: 85px;
		}
		.navCenter {
			display: table-cell;
			width: 1184px;
			height: 85px;
			vertical-align: top;
		}
		.navCeparator {
			display: table-cell;
			height: 85px;
			background: url(../img/nav/nav_frame.png) repeat-x;
		}

		.navLeft {
			background: url(../img/nav/nav_frame_L.png) no-repeat 0 0;
		}
		.navRight {
			background: url(../img/nav/nav_frame_R.png) no-repeat 0 0;
		}
		.navCenter {
			background: url(../img/nav/nav_frame_center.png) no-repeat 0 0;
		}
			/* NAV */
			.navCenter ul {
				width: 100%;
				/*padding: 30px 0 0;*/
				letter-spacing: -.4em;
				text-align: center;
			}
			.navCenter li {
				position: relative;
				display: inline-block;
				height: 17px;
				padding: 36px 34px 15px 32px;
				line-height: 0;
				letter-spacing: normal;
				vertical-align: top;
				background: url(../img/nav/navCeparator.png) no-repeat right 30px;
				z-index: 2;
			}
			.navCenter li:last-child {
				padding: 36px 32px 7px 32px;
				background: transparent;
			}
			.navCenter li.newCont:before {
				display: block;
				position: absolute;
				content: url(../img/nav/topNav_new.png);
				width: 56px;
				height: 20px;
				top: 6px;
				left: 50%;
				margin: 0 0 0 -28px;
				z-index: 11;
			}
				.navCenter li div {
					position: relative;
					height: 17px;
					overflow: hidden;
				}
					.topNav_up {
						position: absolute;
						height: 9px;
						top: 0;
						left: -100%;
					}
					li.currentNav .topNav_up {
						left: 0;
					}
					.topNav_bottom {
						position: absolute;
						height: 6px;
						bottom: 0;
						left: 100%;
					}
					li.currentNav .topNav_bottom {
						left: 0;
					}
			/* NAV DETAIL */
			.topNav00 {
				width: 36px;
			}
			.topNav01 {
				width: 142px;
			}
			.topNav02 {
				width: 121px;
			}
			.topNav03 {
				width: 56px;
			}
			.topNav04 {
				width: 114px;
			}
			li.topNav05 {
				width: 68px;
				z-index: 1;
			}
				.topNav05 > div:first-child {
					cursor: pointer;
				}
			.topNav06 {
				width: 83px;
			}
/*			.navCenter li > div {
				opacity: .5;
			}*/
			.navCenter li.currentNav > div {
				opacity: 1;
			}
			.navCenter li.currentNav .topNav_base {
				display: none;
			}
			/* HOVER */
			.navCenter ul li a:hover .topNav_base {
				opacity: 0;
			}
			.navCenter ul li a:hover .topNav_up {
				left: 0;
				animation: navhover_up 0.3s ease 0s;
			}
			.navCenter ul li a:hover .topNav_bottom {
				left: 0;
				animation: navhover_bottom 0.3s ease 0s;
			}
			
			.navCenter ul li.topNav05:not(.currentNav):hover .topNav_base {
				opacity: 0;
			}
			.navCenter ul li.topNav05:not(.currentNav):hover .topNav_up {
				left: 0;
				animation: navhover_up 0.3s ease 0s;
			}
			.navCenter ul li.topNav05:not(.currentNav):hover .topNav_bottom {
				left: 0;
				animation: navhover_bottom 0.3s ease 0s;
			}
			
			@keyframes navhover_up {
				0% { left: -100%; }
				100% { left: 0; }
			}
			@keyframes navhover_bottom {
				0% { left: 100%; }
				100% { left: 0; }
			}

	.topNav05 .submenu {
		position: absolute;
		display: none;
		width: 100%;
		height: 96px !important;
		padding: 24px 0 0;
		bottom: 0;
		left: 0;
		background: url(../img/nav/submenu_line.png) repeat-x 0 0 rgba(255, 255, 255, .8);
		opacity: 0;
		z-index: 10;
	}
		ul.system_submenu {
			width: 900px;
			margin: 0 auto;
			padding: 0;
		}
			.system_submenu li,
			.system_submenu li:last-child  {
				position: relative;
				height: 15px;
				margin: 0 0 10px;
				padding: 15px 20px 0 20px;
				color: #000;
				font-size: 16px;
				background: url(../img/nav/navCeparator02.png) no-repeat right bottom;
			}
			.system_submenu li:last-child {
				background: transparent;
			}
			.system_submenu li.sub_new {
				padding: 15px 40px 0 20px;
			}
			.system_submenu li.sub_new:after {
				content: "";
				position: absolute;
				display: block;
				width: 24px;
				height: 20px;
				top: 5px;
				right: 10px;
				background: url(../img/nav/up.png) no-repeat 0 0;
			}
			.system_submenu li a {
				color: #000;
				text-decoration: none;
			}
			.system_submenu li.subNotActive {
				opacity: .5;
			}
				.system_submenu li.subNotActive a {
					cursor: default;
				}
			.system_submenu li.subMenuActive a {
				color: #d4ab32;
			}
			.system_submenu li a:not([onClick]):hover {
				color: #d4ab32;
			}