/* --------------------------------------------------
	2011 HEADER FOOTER CSS
-------------------------------------------------- */
body{
	background: #090909;
}
div#logo_bg a#header_logo{
	width: 166px;
	height: 64px;
	top: 0;
	left: 0;
	background: url(../images/under_logo.jpg) #fff;
	width: 166px;
	height: 64px;
	font-size: 10px;
	text-indent: -9999px;
	display: block;
}
#footnavi{
	clear: both;
	margin: 0px auto;
	margin-top: 20px;
	width: 100%;
	height: 30px;
	color: #fff;
	letter-spacing: 0.1em;
}
#contents{
	width: 100%;
	border: none;
	background: url(../images/contents_bg_s.jpg) repeat-x #fff;
}

div#logo_bg{
	background: #050505;
	width: 100%;
	text-align: left;
}
.member_kr{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 100;
	margin-right:10px;
	width:162px;
	}
.member_kr img{
  filter: alpha(opacity=100) !important;
  -moz-opacity:1 !important;
  opacity:1 !important;}
.memberLginBloc_kr{
	background: url(../kr/images/member-select-title.jpg) top left no-repeat;
	}
.membtn_kr{
	float: left;
	min-width: 162px;
	margin: 0;
	}

.memTitle_kr{
	display: block;
	text-indent: -9999px;
	line-height: 0;
	font-size: 0px;
	height: 19px;
	}
#navi_bg ul#footer_select_lang{
	width: 410px;
	margin: 9px auto 0 auto;
}

#main{
	/*margin: 10px auto;*/
}

/* --------------------------------------------------
	2011 NAVI
-------------------------------------------------- */
#header {
	height:30px;
	margin:0 auto;
	padding:0;
	position:relative;
	text-align:left;
	width:970px;
	z-index:2;
}
#en #header .headright,
#cn #header .headright,
#tw #header .headright,
#kr #header .headright{
	width: 970px;
	height: 30px;
	margin:0;
	padding:0;
}
#header .jp_navi ul li a.menulink {
	background: none;
	height:30px;
	/*width:161px;*/
	width:193px;
}
#header .navi ul li a {
	color:#222;
	cursor:pointer;
	display:block;
	margin:0;
	padding:0;
}


/* en */
#en #header .navi ul .menulink span.mono {
	background: url(../en/images/main-navi.jpg) no-repeat 0 0; text-indent: -9999px; height: 30px; margin: 0; padding: 0; overflow:hidden;
}
#en #header .navi ul .menulink span.product {
	background: url(../en/images/main-navi.jpg) no-repeat -193px 0; text-indent: -9999px; height: 30px; margin: 0; padding: 0; overflow:hidden;
}
#en #header .navi ul .menulink span.shop {
	background: url(../en/images/main-navi.jpg) no-repeat -386px 0; text-indent: -9999px; height: 30px; margin: 0; padding: 0; overflow:hidden;
}
#en #header .navi ul .menulink span.pro {
	background: url(../en/images/main-navi.jpg) no-repeat -579px 0; text-indent: -9999px; height: 30px; margin: 0; padding: 0; overflow:hidden;
}
#en #header .navi ul .menulink span.company {
	background: url(../en/images/main-navi.jpg) no-repeat -772px 0; text-indent: -9999px; height: 30px; margin: 0; padding: 0; overflow:hidden;
}

#en #header .navi ul a.menulink:hover span.mono {
	background: url(../en/images/main-navi.jpg) no-repeat 0 -30px; text-indent: -9999px; height: 30px; margin: 0; padding: 0; overflow:hidden;
}
#en #header .navi ul a.menulink:hover span.product {
	background: url(../en/images/main-navi.jpg) no-repeat -193px -30px; text-indent: -9999px; height: 30px; margin: 0; padding: 0; overflow:hidden;
}
#en #header .navi ul a.menulink:hover span.shop {
	background: url(../en/images/main-navi.jpg) no-repeat -386px -30px; text-indent: -9999px; height: 30px; margin: 0; padding: 0; overflow:hidden;
}
#en #header .navi ul a.menulink:hover span.pro {
	background: url(../en/images/main-navi.jpg) no-repeat -579px -30px; text-indent: -9999px; height: 30px; margin: 0; padding: 0; overflow:hidden;
}
#en #header .navi ul a.menulink:hover span.company {
	background: url(../en/images/main-navi.jpg) no-repeat -772px -30px; text-indent: -9999px; height: 30px; margin: 0; padding: 0; overflow:hidden;
}

/* cn */
#cn #header .navi ul .menulink span.mono {
	background: url(../cn/images/main-navi.jpg) no-repeat 0 0; text-indent: -9999px; height: 30px; margin: 0; padding: 0; overflow:hidden;
}
#cn #header .navi ul .menulink span.product {
	background: url(../cn/images/main-navi.jpg) no-repeat -193px 0; text-indent: -9999px; height: 30px; margin: 0; padding: 0; overflow:hidden;
}
#cn #header .navi ul .menulink span.shop {
	background: url(../cn/images/main-navi.jpg) no-repeat -386px 0; text-indent: -9999px; height: 30px; margin: 0; padding: 0; overflow:hidden;
}
#cn #header .navi ul .menulink span.pro {
	background: url(../cn/images/main-navi.jpg) no-repeat -579px 0; text-indent: -9999px; height: 30px; margin: 0; padding: 0; overflow:hidden;
}
#cn #header .navi ul .menulink span.company {
	background: url(../cn/images/main-navi.jpg) no-repeat -772px 0; text-indent: -9999px; height: 30px; margin: 0; padding: 0; overflow:hidden;
}

#cn #header .navi ul a.menulink:hover span.mono {
	background: url(../cn/images/main-navi.jpg) no-repeat 0 -30px; text-indent: -9999px; height: 30px; margin: 0; padding: 0; overflow:hidden;
}
#cn #header .navi ul a.menulink:hover span.product {
	background: url(../cn/images/main-navi.jpg) no-repeat -193px -30px; text-indent: -9999px; height: 30px; margin: 0; padding: 0; overflow:hidden;
}
#cn #header .navi ul a.menulink:hover span.shop {
	background: url(../cn/images/main-navi.jpg) no-repeat -386px -30px; text-indent: -9999px; height: 30px; margin: 0; padding: 0; overflow:hidden;
}
#cn #header .navi ul a.menulink:hover span.pro {
	background: url(../cn/images/main-navi.jpg) no-repeat -579px -30px; text-indent: -9999px; height: 30px; margin: 0; padding: 0; overflow:hidden;
}
#cn #header .navi ul a.menulink:hover span.company {
	background: url(../cn/images/main-navi.jpg) no-repeat -772px -30px; text-indent: -9999px; height: 30px; margin: 0; padding: 0; overflow:hidden;
}

/* tw */
#tw #header .navi ul .menulink span.mono {
	background: url(../tw/images/main-navi.jpg) no-repeat 0 0; text-indent: -9999px; height: 30px; margin: 0; padding: 0; overflow:hidden;
}
#tw #header .navi ul .menulink span.product {
	background: url(../tw/images/main-navi.jpg) no-repeat -193px 0; text-indent: -9999px; height: 30px; margin: 0; padding: 0; overflow:hidden;
}
#tw #header .navi ul .menulink span.shop {
	background: url(../tw/images/main-navi.jpg) no-repeat -386px 0; text-indent: -9999px; height: 30px; margin: 0; padding: 0; overflow:hidden;
}
#tw #header .navi ul .menulink span.pro {
	background: url(../tw/images/main-navi.jpg) no-repeat -579px 0; text-indent: -9999px; height: 30px; margin: 0; padding: 0; overflow:hidden;
}
#tw #header .navi ul .menulink span.company {
	background: url(../tw/images/main-navi.jpg) no-repeat -772px 0; text-indent: -9999px; height: 30px; margin: 0; padding: 0; overflow:hidden;
}


#tw #header .navi ul a.menulink:hover span.mono {
	background: url(../tw/images/main-navi.jpg) no-repeat 0 -30px; text-indent: -9999px; height: 30px; margin: 0; padding: 0; overflow:hidden;
}
#tw #header .navi ul a.menulink:hover span.product {
	background: url(../tw/images/main-navi.jpg) no-repeat -193px -30px; text-indent: -9999px; height: 30px; margin: 0; padding: 0; overflow:hidden;
}
#tw #header .navi ul a.menulink:hover span.shop {
	background: url(../tw/images/main-navi.jpg) no-repeat -386px -30px; text-indent: -9999px; height: 30px; margin: 0; padding: 0; overflow:hidden;
}
#tw #header .navi ul a.menulink:hover span.pro {
	background: url(../tw/images/main-navi.jpg) no-repeat -579px -30px; text-indent: -9999px; height: 30px; margin: 0; padding: 0; overflow:hidden;
}
#tw #header .navi ul a.menulink:hover span.company {
	background: url(../tw/images/main-navi.jpg) no-repeat -772px -30px; text-indent: -9999px; height: 30px; margin: 0; padding: 0; overflow:hidden;
}

/* kr */
#kr #header .navi ul .menulink span.mono {
	background: url(../kr/images/main-navi.jpg) no-repeat 0 0; text-indent: -9999px; height: 30px; margin: 0; padding: 0; overflow:hidden;
}
#kr #header .navi ul .menulink span.product {
	background: url(../kr/images/main-navi.jpg) no-repeat -193px 0; text-indent: -9999px; height: 30px; margin: 0; padding: 0; overflow:hidden;
}
#kr #header .navi ul .menulink span.shop {
	background: url(../kr/images/main-navi.jpg) no-repeat -386px 0; text-indent: -9999px; height: 30px; margin: 0; padding: 0; overflow:hidden;
}
#kr #header .navi ul .menulink span.pro {
	background: url(../kr/images/main-navi.jpg) no-repeat -579px 0; text-indent: -9999px; height: 30px; margin: 0; padding: 0; overflow:hidden;
}
#kr #header .navi ul .menulink span.company {
	background: url(../kr/images/main-navi.jpg) no-repeat -772px 0; text-indent: -9999px; height: 30px; margin: 0; padding: 0; overflow:hidden;
}


#kr #header .navi ul a.menulink:hover span.mono {
	background: url(../kr/images/main-navi.jpg) no-repeat 0 -30px; text-indent: -9999px; height: 30px; margin: 0; padding: 0; overflow:hidden;
}
#kr #header .navi ul a.menulink:hover span.product {
	background: url(../kr/images/main-navi.jpg) no-repeat -193px -30px; text-indent: -9999px; height: 30px; margin: 0; padding: 0; overflow:hidden;
}
#kr #header .navi ul a.menulink:hover span.shop {
	background: url(../kr/images/main-navi.jpg) no-repeat -386px -30px; text-indent: -9999px; height: 30px; margin: 0; padding: 0; overflow:hidden;
}
#kr #header .navi ul a.menulink:hover span.pro {
	background: url(../kr/images/main-navi.jpg) no-repeat -579px -30px; text-indent: -9999px; height: 30px; margin: 0; padding: 0; overflow:hidden;
}
#kr #header .navi ul a.menulink:hover span.company {
	background: url(../kr/images/main-navi.jpg) no-repeat -772px -30px; text-indent: -9999px; height: 30px; margin: 0; padding: 0; overflow:hidden;
}


#header .navi ul .topline {
	border-top:1px solid #333;
	background: #000;
	color: #fff;
}
#header .navi ul li ul{
	position: absolute;
	top: 0;
	left: 0;
	margin: -1px 0 0 0px;
	padding: 0;
	display: block;
	visibility: hidden;
	border: 1px solid #333;
	border-top: none;
	background: #000;
}
#header .navi ul li ul li a{
	background: #111;
	margin: 0;
	color: #fff;
	/*width: 156px;*/
	/*_width: 161px;*/
	width: 188px;/*-5px*/
	_width: 193px;
	display: block;
	font-size: 12px;
	padding:4px 0 4px 4px;
}
#header .navi ul li ul li a:hover{ /*sub menus hover style*/
	background: #333;
	color: #fff;
	}
#header .navi ul li p.sub{
	padding: 0;
	width: 193px;
	_display: inline;
	/*background: transparent url(../images/navi_arrow.gif) 135px 8px no-repeat;*/
	background: transparent url(../images/navi_arrow.gif) 178px 8px no-repeat;
	cursor: pointer;
	border-top:1px solid #333;
	margin: 0;
	}
#header .navi ul li ul li{
	margin: 0 ;
	padding: 0;
	line-height: 15px;
}
#header .navi ul li ul li strong{
	width: 193px;
	}
#header .navi ul li ul.navi_ul01{
	z-index: 100;
	background: #222;
	width: 193px;
	margin-left: 0em ;
	padding: 0;
}
#header .navi ul li ul.navi_ul03{
	width: 193px;
}



div#navi_bg{
	background: #000;
	height: 60px;
	width: 100%;
	background: url(../images/top-navi-bg.jpg) repeat-x;
}

ul.sub_navi{
	clear: both;
	width: 240px;
	margin: 0 auto 20px auto;
	padding: 7px 0 0 0;
}

/* en */
#sub_navi_en ul.sub_navi{
	clear: both;
	width: 330px;
	margin: 0 auto 20px auto;
	padding: 7px 0 0 0;
}

ul.sub_navi:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
ul.sub_navi li{
	float: left;
}
ul.sub_navi li a{
	background: url(../images/top_icon01.jpg) no-repeat 0px 50%;
	/*width: 105px;*/
	/*width: 110px;*/
	display: block;
	font-size: 10px;
	color: #fff;
	padding: 0 20px 0 20px;
}

ul.sub_navi .font_11px li a{
	font-size: 11px;
}

ul.sub_navi li a:hover{
	color: #fff;
}
ul.sub_navi li a:visited{
	color: #fff;
}



/* --------------------------------------------------
	2011 FOOT NAVI
-------------------------------------------------- */

#footnavi{
	clear: both;
	margin: 0px auto;
	margin-top: 20px;
	width: 918px;
	height: 30px;
	color: #fff;
	letter-spacing: 0.1em;
}
#footer_select_lang li{
	float: left;
	/*margin: 0 15px;*/
	margin-left: 16px;
	font-size: 10px;
	color: gray;
	font-weight: normal;
}
#footer_select_lang li a{
	color: #FFF;
}
#footnavi ul{
	float: right;
	padding: 4px 10px 0 10px;
}
#footnavi ul li{
	float: left;
	list-style: none;
	margin: 0 12px;
}
#footnavi li a{
	width: auto;
	color: #fff;
	height: 0%;
	line-height: 1.6;
	font-family: "Sans-serif";
}
#footnavi li a:hover{
	text-decoration: none;
	border-bottom: 3px solid #dfb515;
}
/* --------------------------------------------------
	2011 FOOTER
-------------------------------------------------- */
#footer{
	clear: both;
	width: 100%;
	height: 30px;
	border-top: 0;
	background: #060606;
}
#footer_sub{
	background: #131313;
	width: 100%;
	height: 28px;
	border-bottom: 3px solid #222222;
}
#footer ul#footer_select_lang{
	float: right;
	margin: 9px 16px 0 auto;
}

#footer p{
	text-indent: -9999em;
}

#footmenu{
	clear: both;
	margin: 0px;
	padding: 0 0 0 25px;
	float: left;
}


#footmenu ul{
	float: left;
	list-style: none;
	font-size: 85%;
}

#footmenu ul.kr{
	font-size: 100%;
	line-height: 1;
}

#footmenu li{
	margin: 0px;
	height: 13px;
	padding: 10px 20px;
	line-height: 1.2;
	float: left;
	background: transparent url("../images/arrow_br.gif") 0 50% no-repeat;
}

#footmenu li a{
	color: #fff;
	font-weight: normal;
}
p#copyright{
	padding: 10px 10px 10px 0;
	font-size: 10px;
	float: right;
	color: #fff;
	font-weight: normal;
}
p#bottom_logo{
	float: right;
	padding: 0 0 10px 0;
	margin-right: 15px;
	font-size: 10px;
	background: #131313 url("../images/bottom_logo.gif") no-repeat;
	background-position: bottom;
	width: 88px;
	text-indent: -9999px;
	display: block;
}


#footer_list{
	clear: both;
	width:100%;
	background: #0f0f0f;
	border-top: 1px solid #111;
	border-bottom: 1px solid #111;
}
#footer_list:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
#footer_list_area{
	clear: both;
	padding: 5px 0;
	background: #0f0f0f;
	margin: 0 auto;
	width:950px;
}
#footer_list_area:after{
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
#footer_list ul li{
	float: left;
	list-style:none;
	border-right: 1px solid #333;
}
#footer_list ul li a{
	color: #aaa;
	display: block;
	font-size: 11px;
	padding: 5px 10px;	
}

#footer_list ul.footer_list_en li a{
	padding: 5px 21px;
}
#footer_list ul.footer_list_cn li a{
	padding: 5px 24px;
}
#footer_list ul.footer_list_tw li a{
	padding: 5px 25px;
}
#footer_list ul.footer_list_kr li a{
	padding: 5px 23px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#footer_list ul li a  { font-size: 9px;  }
}


#footer_list ul li a:hover{
	color: #666;
}


/* global */

span.color_gray{
	color: #777;
}