/* TOP : GNB ------------------------------------------------------------------------------------------------------------- */
.TopGNB {
	position:relative;
	height:34px;
	margin:auto;
}
.TopGNB .GNB_L				{position:absolute; left:0px; top:5px; }
.TopGNB .GNB_L li			{float:left; }
.TopGNB .GNB_L .GNB_logo	{margin-right:20px; }
.TopGNB .GNB_L .GNB_btn		{margin-top:7px; }
.TopGNB .GNB_L .GNB_bar		{margin:7px 7px 0px 6px; }

/* Top : Login ---------------------------------------------------- */
.TopGNB .GNB_R			{position:absolute; right:0px; top:6px; }
.TopGNB .GNB_R li		{float:left; margin:0px 0px 0px 5px; }

.TopGNB .GNB_R input	{border:none; }
.TopGNB .GNB_R input.Login_form {
	width:100px;
	height:23px;
	margin:0px;
	padding:0px 5px 0px 5px;
	background-image:url(/web-contents/images/common/gnb_login_form_cs.gif);
	background-repeat:no-repeat;
	border:none;
}
.TopGNB .GNB_R input.Log_ID_en	{background-position:0px -23px; }
.TopGNB .GNB_R input.Log_ID_ru	{background-position:-110px -23px; }
.TopGNB .GNB_R input.Log_ID_fr	{background-position:-220px -23px; }
.TopGNB .GNB_R input.Log_ID_es	{background-position:-330px -23px; }
.TopGNB .GNB_R input.Log_PW_en	{background-position:0px -46px; }
.TopGNB .GNB_R input.Log_PW_ru	{background-position:-110px -46px; }
.TopGNB .GNB_R input.Log_PW_fr	{background-position:-220px -46px; }
.TopGNB .GNB_R input.Log_PW_es	{background-position:-330px -46px; }
.TopGNB .GNB_R input.Login_submit {
	width:82px;
	height:23px;
	margin:0px;
	padding:0px;
	background-repeat:no-repeat;
	border:none;
	cursor:pointer;
}
.TopGNB .GNB_R input.Login_EN {background:url(/web-contents/images/common/gnb_login_submit_cs.gif) 0px 0px; }
.TopGNB .GNB_R input.Login_DE {background:url(/web-contents/images/common/gnb_login_submit_cs.gif) 0px -23px; }
.TopGNB .GNB_R input.Login_FR {background:url(/web-contents/images/common/gnb_login_submit_cs.gif) 0px -46px; }
.TopGNB .GNB_R input.Login_ES {background:url(/web-contents/images/common/gnb_login_submit_cs.gif) 0px -69px; }
.TopGNB .GNB_R input.Login_EN:hover {background:url(/web-contents/images/common/gnb_login_submit_cs.gif) -82px 0px; }
.TopGNB .GNB_R input.Login_DE:hover {background:url(/web-contents/images/common/gnb_login_submit_cs.gif) -82px -23px; }
.TopGNB .GNB_R input.Login_FR:hover {background:url(/web-contents/images/common/gnb_login_submit_cs.gif) -82px -46px; }
.TopGNB .GNB_R input.Login_ES:hover {background:url(/web-contents/images/common/gnb_login_submit_cs.gif) -82px -69px; }


.TopGNB .GNB_R .SaveID_EN {width:70px; height:23px; background:url(/web-contents/images/common/gnb_login_saveid_en.gif) 22px center no-repeat; }
.TopGNB .GNB_R .SaveID_DE {width:70px; height:23px; background:url(/web-contents/images/common/gnb_login_saveid_de.gif) 22px center no-repeat; }
.TopGNB .GNB_R .SaveID_FR {width:85px; height:23px; background:url(/web-contents/images/common/gnb_login_saveid_fr.gif) 22px center no-repeat; }
.TopGNB .GNB_R .SaveID_ES {width:85px; height:23px; background:url(/web-contents/images/common/gnb_login_saveid_es.gif) 22px 5px no-repeat; }
.TopGNB .GNB_R .SaveID_RU {width:85px; height:23px; background:url(/web-contents/images/common/gnb_login_saveid_ru.gif) 22px 5px no-repeat; }


/* Top : Facebook */
.TopGNB .GNB_R .Facebook {
	width:22px;
	height:23px;
	background:url(/web-contents/images/common/gnb_sns_facebook.gif) no-repeat;
	background-position:0 0;
}
.TopGNB .GNB_R .Facebook:hover {background-position:-22px 0; }
.TopGNB .GNB_R .Facebook img {width:100%; height:100%; }

/* Top : Logout ---------------------------------------------------- */
/* User ID */
.TopGNB .GNB_R .Logout_ID{
	color:#0068b7;
	font-weight:bold;
	white-space:nowrap;
	padding-left:70px;
	margin-top:2px;
	background-image:url(/web-contents/images/common/gnb_logout_id.gif);
	background-position:0 center;
	background-repeat:no-repeat;
}

/* Logout Btn-Set */
.TopGNB .GNB_R .LogoutBtn{
	height:21px;
	background-image:url(/web-contents/images/common/gnb_logout_btn.gif);
	background-repeat:no-repeat;
	cursor:pointer;
}
.TopGNB .GNB_R .Acc			{width:81px; background-position:0 0px; }
.TopGNB .GNB_R .Acc:hover	{width:81px; background-position:-85px 0; }

.TopGNB .GNB_R .Logout		{width:49px; background-position:0 -25px; }
.TopGNB .GNB_R .Logout:hover{width:49px; background-position:-85px -25px; }


.BGSel {
	position:absolute;
	top:0px;
	width:57px;
	height:45px; 
	background:url(/web-contents/images/common/top_bg_sel.png);
	background-repeat:no-repeat;
	cursor:pointer;
	
}
.BGSel_1 {left:70px; background-position:0px 0px; }
.BGSel_2 {left:128px; background-position:0px -45px;}
.BGSel_3 {left:186px; background-position:0px -90px; }
.BGSel_4 {left:244px; background-position:0px -135px; }
.BGSel_1:hover {background-position:-59px 0px; }
.BGSel_2:hover {background-position:-59px -45px;}
.BGSel_3:hover {background-position:-59px -90px; }
.BGSel_4:hover {background-position:-59px -135px; }
.BGSel_1_On {left:70px; background-position:-59px 0px; }
.BGSel_2_On {left:128px; background-position:-59px -45px;}
.BGSel_3_On {left:186px; background-position:-59px -90px; }
.BGSel_4_On {left:244px; background-position:-59px -135px; }

/* TOP : Navigation Area ------------------------------------------------------------------------------------------------- */
.TopSlogan {
	margin:5px 0px 10px 0px;
}
#Navigation {
	position:relative;
	width:1076px;
	height:150px;
	top:-45px;
	background:url(/web-contents/images/sites/main/navi_bg_cs.png) no-repeat 0px 0px;
	clear:both;
	padding:35px 0px 0px 0px;
	margin:auto;
}

/* Language */
#Navigation .Language {
	position:absolute;
	top:-265px;
	right:-15px;
	width:170px;
	height:31px;
	padding:10px 0px 0px 46px;
	z-index:6000;
	background:url(/web-contents/images/common/top_lan_bg.png) no-repeat 0px 0px;
}
#Navigation .Language p {
	width:30px;
	height:20px;
	margin-left:2px;
	float:left;
	background-image:url(/web-contents/images/common/top_flag.gif);
	background-repeat:no-repeat;
	cursor:pointer;
}
#Navigation .Language .Flag_EN			{background-position:0 0; }
#Navigation .Language .Flag_EN:hover	{background-position:-30px 0; }
#Navigation .Language .Flag_EN_On		{background-position:-30px 0; }

#Navigation .Language .Flag_GM			{background-position:0 -20px; }
#Navigation .Language .Flag_GM:hover	{background-position:-30px -20px; }
#Navigation .Language .Flag_GM_On		{background-position:-30px -20px; }

#Navigation .Language .Flag_FR			{background-position:0 -40px; }
#Navigation .Language .Flag_FR:hover	{background-position:-30px -40px; }
#Navigation .Language .Flag_FR_On		{background-position:-30px -40px; }

#Navigation .Language .Flag_SP			{background-position:0 -60px; }
#Navigation .Language .Flag_SP:hover	{background-position:-30px -60px; }
#Navigation .Language .Flag_SP_On		{background-position:-30px -60px; }


/* TOP Navigation Style */
#Navigation .NaviL {
	position:relative;
	height:60px;
	margin-top:58px;
	background-repeat:no-repeat;
	float:left;
	cursor:pointer;
}
#Navigation .Navi_EN {background:url(/web-contents/images/sites/main/navi_en.jpg); }
#Navigation .Navi_RU {background:url(/web-contents/images/sites/main/navi_ru.jpg); }
#Navigation .Navi_DE {background:url(/web-contents/images/sites/main/navi_de.jpg); }
#Navigation .Navi_FR {background:url(/web-contents/images/sites/main/navi_fr.jpg); }
#Navigation .Navi_ES {background:url(/web-contents/images/sites/main/navi_es.jpg); }
/*
#Navigation .NaviL01 {width:118px; background-position:0px 0px; margin-left:48px; }
#Navigation .NaviL02 {width:104px; background-position:-118px 0px; }
#Navigation .NaviL03 {width:150px; background-position:-222px 0px; }
#Navigation .NaviL04 {width:174px; background-position:-372px 0px; }
#Navigation .NaviL05 {width:145px; background-position:-546px 0px; }
#Navigation .NaviL06 {width:124px; background-position:-691px 0px; }
#Navigation .NaviL07 {width:159px; background-position:-815px 0px; }

#Navigation .NaviL01:hover {background-position:0px -60px; }
#Navigation .NaviL02:hover {background-position:-118px -60px; }
#Navigation .NaviL03:hover {background-position:-200px -60px; }
#Navigation .NaviL04:hover {background-position:-372px -60px; }
#Navigation .NaviL05:hover {background-position:-546px -60px; }
#Navigation .NaviL06:hover {background-position:-691px -60px; }
#Navigation .NaviL07:hover {background-position:-815px -60px; }
*/
#Navigation .NaviL01 {width:120px; background-position:0px 0px; margin-left:48px; }
#Navigation .NaviL02 {width:150px; background-position:-120px 0px; }
#Navigation .NaviL03 {width:145px; background-position:-270px 0px; }
#Navigation .NaviL04 {width:125px; background-position:-415px 0px; }
#Navigation .NaviL05 {width:170px; background-position:-540px 0px; }
#Navigation .NaviL06 {width:130px; background-position:-710px 0px; }
#Navigation .NaviL07 {width:135px; background-position:-840px 0px; }

#Navigation .NaviL01:hover {background-position:0px -60px; }
#Navigation .NaviL02:hover {background-position:-120px -60px; }
#Navigation .NaviL03:hover {background-position:-270px -60px; }
#Navigation .NaviL04:hover {background-position:-415px -60px; }
#Navigation .NaviL05:hover {background-position:-540px -60px; }
#Navigation .NaviL06:hover {background-position:-710px -60px; }
#Navigation .NaviL07:hover {background-position:-840px -60px; }

/* Navigation : Sub Menu Style */
#Navigation .NaviSub_Arr {
	position:absolute;
	left:0;
	top:40px;
	width:100%;
	height:6px;
	background-image:url(/web-contents/images/common/navi_sub_arr_cs.gif);
	background-repeat:no-repeat;
	background-position:center 0px;
	z-index:300;
	display:none;
}
#Navigation .NaviL:hover .NaviSub_Arr {
	display:block;
}

#Navigation .NaviSub {
	position:absolute;
	left:0;
	top:45px;
	width:155px;
	border:1px solid #ab7c4d;
	border-radius:3px;
	background:#543816;
	box-shadow:0 5px 5px rgba(0, 0, 0, 0.5);
	overflow:hidden;
	z-index:200;
	display:none;
}

#Navigation .NaviL:hover .NaviSub {
	display:block;
}
#Navigation .NaviSub li {
	width:100%;
	height:23px;
	font-size:11px;
	color:#ffffff;
	white-space:nowrap;
	padding:7px 5px 0px 12px;
	background:#4f3524;
	border-top:1px solid #342419;
	border-bottom:1px solid #70503b;
	cursor:pointer;
}
#Navigation .NaviSub li:hover {
	color:#ff9900;
	background:url(/web-contents/images/common/navi_sub_on.gif) no-repeat;
	border-bottom:1px solid #26180f;
}
#Navigation .NaviSub li.Navi_Disable {
	color:#8d715f;
}
#Navigation .NaviSub li.Navi_Disable:hover {
	color:#8d715f;
	background:#4f3524;
	border-bottom:1px solid #70503b;
	cursor:default;
}
#Navigation .NaviSub li.Navi_Start	{border-top:none; }
#Navigation .NaviSub li.Navi_End	{height:24px; border-bottom:none;}