@charset "utf-8";
/* CSS Document */
body{
background:url(http://static.nexon.co.jp/atlantica/common/bg_sub_base.gif) repeat-x left bottom;
text-align:center;
font-family:Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color:#777a7c;
}

#sub-main{
position:relative;
width:100%;
height:332px;
text-align:center;
}
#sub-main .flash-area{
width:100%;
height:332px;
position:absolute;
left:0;
top:0;
z-index:1;
}
#sub-main .flash-area object{
position:relative;
z-index:2;
}

/* login ------------------------------------------ */

#sub-main .login-area{
position:relative;
width:1000px;
top:0;
margin:0 auto;
text-align:left;
z-index:100;
}
#sub-main .login-area .login{
position:absolute;
width:184px;
top:146px;
left:67px;
}
#sub-main .login-area .login .login-txtarea{
width:104px;
height:20px;
border: 1px solid #444687;
background-color: #ececec;
}
#sub-main .login-area .login .login-bt a{
display:block;
width:52px;
height:45px;
}
#sub-main .login-area .login .login-bt a:link,
#sub-main .login-area .login .login-bt a:visited,
#sub-main .login-area .login .login-bt a:active{
background:url(http://static.nexon.co.jp/atlantica/common/btn_login.gif) no-repeat left top;
}
#sub-main .login-area .login .login-bt a:hover{
background:url(http://static.nexon.co.jp/atlantica/common/btn_login.gif) no-repeat left bottom;
}
#sub-main .login-area .login .name-id{
margin:5px 0 0 0;
}
#sub-main .login-area .login .name-pw{
margin:6px 0 0 0;
}

#sub-main .login-area .login .login-help-forget{
position:absolute;
width:91px;
height:30px;
top:51px;
left:0px;
}
#sub-main .login-area .login .login-help-forget a{
display:block;
width:91px;
height:30px;
}
#sub-main .login-area .login .login-help-forget a:link,
#sub-main .login-area .login .login-help-forget a:visited,
#sub-main .login-area .login .login-help-forget a:active{
background:url(http://static.nexon.co.jp/atlantica/common/btn_forget.gif) no-repeat left top;
}
#sub-main .login-area .login .login-help-forget a:hover{
background:url(http://static.nexon.co.jp/atlantica/common/btn_forget.gif) no-repeat left bottom;
}

#sub-main .login-area .login .nexonid-regist{
position:absolute;
width:91px;
height:30px;
top:51px;
left:93px;
}
#sub-main .login-area .login .nexonid-regist a{
display:block;
width:91px;
height:30px;
}
#sub-main .login-area .login .nexonid-regist a:link,
#sub-main .login-area .login .nexonid-regist a:visited,
#sub-main .login-area .login .nexonid-regist a:active{
background:url(http://static.nexon.co.jp/atlantica/common/btn_regist.gif) no-repeat left top;
}
#sub-main .login-area .login .nexonid-regist a:hover{
background:url(http://static.nexon.co.jp/atlantica/common/btn_regist.gif) no-repeat left bottom;
}

#sub-main .login-area .login .otp{
position:absolute;
width:184px;
height:30px;
top:83px;
left:0px;
}
#sub-main .login-area .login .otp a{
display:block;
width:184px;
height:30px;
}
#sub-main .login-area .login .otp a:link,
#sub-main .login-area .login .otp a:visited,
#sub-main .login-area .login .otp a:active{
background:url(http://static.nexon.co.jp/atlantica/common/btn_otp.gif) no-repeat left top;
}
#sub-main .login-area .login .otp a:hover{
background:url(http://static.nexon.co.jp/atlantica/common/btn_otp.gif) no-repeat left bottom;
}



#sub-main .login-area .login-a{
position:absolute;
width:184px;
height:90px;
top:155px;
left:67px;
background:url(http://static.nexon.co.jp/atlantica/common/form_line.gif) no-repeat center 37px;
}

#sub-main .login-area .login-a .welcome{
padding:0 0 0 6px;
color:#FFFFFF;
font-weight: bold;
line-height: 16px;
}
#sub-main .login-area .login-a .welcome strong{
color:#fefe00;
}

#sub-main .login-area .login-a .custom-btn{
position:absolute;
width:91px;
height:30px;
top:51px;
left:0px;
}
#sub-main .login-area .login-a .custom-btn a{
display:block;
width:91px;
height:30px;
}
#sub-main .login-area .login-a .custom-btn a:link,
#sub-main .login-area .login-a .custom-btn a:visited,
#sub-main .login-area .login-a .custom-btn a:active{
background:url(http://static.nexon.co.jp/atlantica/common/btn_custom.gif) no-repeat left top;
}
#sub-main .login-area .login-a .custom-btn a:hover{
background:url(http://static.nexon.co.jp/atlantica/common/btn_custom.gif) no-repeat left bottom;
}

#sub-main .login-area .login-a .logout-btn{
position:absolute;
width:91px;
height:30px;
top:51px;
left:93px;
}
#sub-main .login-area .login-a .logout-btn a{
display:block;
width:91px;
height:30px;
}
#sub-main .login-area .login-a .logout-btn a:link,
#sub-main .login-area .login-a .logout-btn a:visited,
#sub-main .login-area .login-a .logout-btn a:active{
background:url(http://static.nexon.co.jp/atlantica/common/btn_logout.gif) no-repeat left top;
}
#sub-main .login-area .login-a .logout-btn a:hover{
background:url(http://static.nexon.co.jp/atlantica/common/btn_logout.gif) no-repeat left bottom;
}


/*#container-sub{
margin:0 auto;
background:url(http://static.nexon.co.jp/atlantica/common/bg_footer.jpg) no-repeat center bottom;
}*/
#container-sub{
margin:0 auto;
background:url(http://static.nexon.co.jp/atlantica/common/bg_footer4.jpg) repeat-x bottom;
}
#sub-contents01{
width:1000px;
margin:0 auto;
background:url(http://static.nexon.co.jp/atlantica/common/bg_base02.jpg) no-repeat left top;
text-align:left;
}
#sub-contents02{
width:1000px;
margin:0 auto;
background:url(http://static.nexon.co.jp/atlantica/common/bg_base03.jpg) no-repeat left top;
text-align:left;
}
#sub-contents03{
width:1000px;
margin:0 auto;
background:url(http://static.nexon.co.jp/atlantica/common/bg_base04.jpg) no-repeat left top;
text-align:left;
}
#sub-contents04{
width:1000px;
margin:0 auto;
background:url(http://static.nexon.co.jp/atlantica/common/bg_base05.jpg) no-repeat left top;
text-align:left;
}
#sub-contents05{
width:1000px;
margin:0 auto;
background:url(http://static.nexon.co.jp/atlantica/common/bg_base06.jpg) no-repeat left top;
text-align:left;
}
#sub-contents06{
width:1000px;
margin:0 auto;
background:url(http://static.nexon.co.jp/atlantica/common/bg_base_library.jpg) no-repeat left top;
text-align:left;
}
#sub-contents07{
width:1000px;
margin:0 auto;
background:url(http://static.nexon.co.jp/atlantica/common/bg_base_community.jpg) no-repeat left top;
text-align:left;
}
#sub-contents08{
width:1000px;
margin:0 auto;
background:url(http://static.nexon.co.jp/atlantica/common/bg_base_custom.jpg) no-repeat left top;
text-align:left;
}
#sub-contents09{
width:1000px;
margin:0 auto;
background:url(http://static.nexon.co.jp/atlantica/common/bg_base_pointshop.jpg) no-repeat left top;
text-align:left;
}

/* left ------------------------------------------ */
#left{
position:relative;
float:left;
width:276px;
text-align:left;
}

#left-menu02{
position:relative;
z-index:100;
}

#left-download{
position:absolute;
top:33px;
left:50px;
/*padding:33px 0 0 50px;*/
}
#left-download div{
width:216px;
height:80px;
background:url(http://static.nexon.co.jp/atlantica/banner/bg_banner_shadow.png) no-repeat left top;
text-align:center;
}
* html #left-download div{ behavior: expression(IEPNGFIX.fix(this)); }

#left-download p{
padding-top:8px;
}

#left-pointcharge{
position:absolute;
top:118px;
left:59px;
width:198px;
height:48px;
}
#left-pointcharge a{
display:block;
width:198px;
height:48px;
}
#left-pointcharge a:link,
#left-pointcharge a:visited,
#left-pointcharge a:active{
background:url(http://static.nexon.co.jp/atlantica/index/left_bnr_pointcharge.jpg) no-repeat left bottom;
}
#left-pointcharge a:hover{
background:url(http://static.nexon.co.jp/atlantica/index/left_bnr_pointcharge.jpg) no-repeat left top;
}

#left-menu02 ul{
position:absolute;
top:174px;
left:59px;
}
#left-menu02 ul li{
display:block;
margin:0 0 8px 0;
padding:0;
vertical-align:top;
}
* html #left-menu02 ul li{ margin:0 0 6px 0; }


#left-gamestart{
width:193px;
height:40px;
}

#left-faq{
width:193px;
height:40px;
}

#left-support{
width:193px;
height:40px;
}
#left-shop{
width:193px;
height:40px;
}
/*
#left-bbs{
width:198px;
height:43px;
}
*/
#left-gamestart a{
display:block;
width:193px;
height:40px;
}
#left-gamestart a:link,
#left-gamestart a:visited,
#left-gamestart a:active{
background:url(http://static.nexon.co.jp/atlantica/common/left_btn_gamestart02.jpg) no-repeat left bottom;
}
#left-gamestart a:hover{
background:url(http://static.nexon.co.jp/atlantica/common/left_btn_gamestart02.jpg) no-repeat left top;
}
#left-faq a{
display:block;
width:193px;
height:40px;
}
#left-faq a:link,
#left-faq a:visited,
#left-faq a:active{
background:url(http://static.nexon.co.jp/atlantica/common/left_btn_faq03.jpg) no-repeat left bottom;
}
#left-faq a:hover{
background:url(http://static.nexon.co.jp/atlantica/common/left_btn_faq03.jpg) no-repeat left top;
}
#left-support a{
display:block;
width:193px;
height:40px;
}
#left-support a:link,
#left-support a:visited,
#left-support a:active{
background:url(http://static.nexon.co.jp/atlantica/common/left_btn_support03.jpg) no-repeat left bottom;
}
#left-support a:hover{
background:url(http://static.nexon.co.jp/atlantica/common/left_btn_support03.jpg) no-repeat left top;
}
#left-shop a{
display:block;
width:193px;
height:40px;
}
#left-shop a:link,
#left-shop a:visited,
#left-shop a:active{
background:url(http://static.nexon.co.jp/atlantica/common/left_btn_shop03.jpg) no-repeat left bottom;
}
#left-shop a:hover{
background:url(http://static.nexon.co.jp/atlantica/common/left_btn_shop03.jpg) no-repeat left top;
}
/*
#left-bbs a{
display:block;
width:198px;
height:43px;
}
#left-bbs a:link,
#left-bbs a:visited,
#left-bbs a:active{
background:url(http://static.nexon.co.jp/atlantica/common/left_btn_freebbs.jpg) no-repeat left bottom;
}
#left-bbs a:hover{
background:url(http://static.nexon.co.jp/atlantica/common/left_btn_freebbs.jpg) no-repeat left top;
}
*/

#left-menu02-bg{
width:276px;
height:612px;
background:url(http://static.nexon.co.jp/atlantica/common/bg_sub_left_introduction02.png) no-repeat left top;
}
#left-menu02-bg-b{
width:276px;
height:612px;
background:url(http://static.nexon.co.jp/atlantica/common/bg_sub_left_download02.png) no-repeat left top;
}
#left-menu02-bg-c{
width:276px;
height:612px;
background:url(http://static.nexon.co.jp/atlantica/common/bg_sub_left_library02.png) no-repeat left top;
}
#left-menu02-bg-d{
width:276px;
height:612px;
background:url(http://static.nexon.co.jp/atlantica/common/bg_sub_left_playguide02.png) no-repeat left top;
}
#left-menu02-bg-e{
width:276px;
height:612px;
background:url(http://static.nexon.co.jp/atlantica/common/bg_sub_left_support02.png) no-repeat left top;
}
#left-menu02-bg-f{
width:276px;
height:612px;
background:url(http://static.nexon.co.jp/atlantica/common/bg_sub_left_library02.png) no-repeat left top;
}
#left-menu02-bg-g{
width:276px;
height:612px;
background:url(http://static.nexon.co.jp/atlantica/common/bg_sub_left_community02.png) no-repeat left top;
}
#left-menu02-bg-h{
width:276px;
height:612px;
background:url(http://static.nexon.co.jp/atlantica/common/bg_sub_left_costom02.png) no-repeat left top;
}
#left-menu02-bg-i{
width:276px;
height:612px;
background:url(http://static.nexon.co.jp/atlantica/common/bg_sub_left_pointshop02.png) no-repeat left top;
}

* html #left-menu02-bg{ behavior: expression(IEPNGFIX.fix(this)); }
* html #left-menu02-bg-b{ behavior: expression(IEPNGFIX.fix(this)); }
* html #left-menu02-bg-c{ behavior: expression(IEPNGFIX.fix(this)); }
* html #left-menu02-bg-d{ behavior: expression(IEPNGFIX.fix(this)); }
* html #left-menu02-bg-e{ behavior: expression(IEPNGFIX.fix(this)); }
* html #left-menu02-bg-f{ behavior: expression(IEPNGFIX.fix(this)); }
* html #left-menu02-bg-g{ behavior: expression(IEPNGFIX.fix(this)); }
* html #left-menu02-bg-h{ behavior: expression(IEPNGFIX.fix(this)); }
* html #left-menu02-bg-i{ behavior: expression(IEPNGFIX.fix(this)); }




/*
#left-menu02-bg{
width:276px;
height:612px;
background:url(http://static.nexon.co.jp/atlantica/common/bg_sub_left02.png) no-repeat left top;
}
* html #left-menu02-bg{ behavior: expression(IEPNGFIX.fix(this)); }

#left-menu02-bg-b{
width:276px;
height:612px;
background:url(http://static.nexon.co.jp/atlantica/common/bg_sub_left02_download.png) no-repeat left top;
}
* html #left-menu02-bg-b{ behavior: expression(IEPNGFIX.fix(this)); }

#left-menu02-bg-c{
width:276px;
height:612px;
background:url(http://static.nexon.co.jp/atlantica/common/bg_sub_left02_notice.png) no-repeat left top;
}
* html #left-menu02-bg-c{ behavior: expression(IEPNGFIX.fix(this)); }

#left-menu02-bg-d{
width:276px;
height:612px;
background:url(http://static.nexon.co.jp/atlantica/common/bg_sub_left02_playguide.png) no-repeat left top;
}
* html #left-menu02-bg-d{ behavior: expression(IEPNGFIX.fix(this)); }

#left-menu02-bg-e{
width:276px;
height:612px;
background:url(http://static.nexon.co.jp/atlantica/common/bg_sub_left02_support.png) no-repeat left top;
}
* html #left-menu02-bg-e{ behavior: expression(IEPNGFIX.fix(this)); }

#left-menu02-bg-f{
width:276px;
height:612px;
background:url(http://static.nexon.co.jp/atlantica/common/bg_sub_left02_library.png) no-repeat left top;
}
* html #left-menu02-bg-f{ behavior: expression(IEPNGFIX.fix(this)); }

#left-menu02-bg-g{
width:276px;
height:612px;
background:url(http://static.nexon.co.jp/atlantica/common/bg_sub_left02_community.png) no-repeat left top;
}
* html #left-menu02-bg-g{ behavior: expression(IEPNGFIX.fix(this)); }

#left-menu02-bg-h{
width:276px;
height:612px;
background:url(http://static.nexon.co.jp/atlantica/common/bg_sub_left02_custom.png) no-repeat left top;
}
* html #left-menu02-bg-h{ behavior: expression(IEPNGFIX.fix(this)); }

#left-menu02-bg-i{
width:276px;
height:612px;
background:url(http://static.nexon.co.jp/atlantica/common/bg_sub_left02_pointshop.png) no-repeat left top;
}
* html #left-menu02-bg-i{ behavior: expression(IEPNGFIX.fix(this)); }
*/

/* right ------------------------------------------ */

#right{
float:right;
width:724px;
}

.breadcrumb{
width:670px;
font-size:10px;
text-align:right;
}
.breadcrumb a:link strong,
.breadcrumb a:visited strong,
.breadcrumb a:hover strong,
.breadcrumb a:active strong{
color:#642494;
}

.pagetop{
clear:both;
width:654px;
padding-top:27px;
}
.pagetop div{
float:right;
width:58px;
height:16px;
background:url(http://static.nexon.co.jp/atlantica/common/btn_top.png) no-repeat left top;
}
.pagetop div a{
display:block;
width:58px;
height:16px;
}
* html .pagetop div{ behavior: expression(IEPNGFIX.fix(this)); }

.pagetop-np{
width:654px;
}
.pagetop-np div{
float:right;
width:58px;
height:16px;
background:url(http://static.nexon.co.jp/atlantica/common/btn_top.png) no-repeat left top;
}
.pagetop-np div a{
display:block;
width:58px;
height:16px;
}
* html .pagetop-np div{ behavior: expression(IEPNGFIX.fix(this)); }



/* foot ------------------------------------------ */
#foot{
clear:both;
height:235px;
width:900px;
margin:0 auto;
background:url(http://static.nexon.co.jp/atlantica/common/bg_footer3.jpg) no-repeat center top;
}
#foot .eng{
font-family:Arial;
}
#foot ul{
padding-top:90px;
padding-bottom:6px;
text-align:center;
}
#foot li{
display:inline;
margin:0;
padding:0 1px;
color:#ededed;
font-size:10px;
border-right:solid 1px #d4d4d4;
}
#foot li.last{
display:inline;
margin:0;
color:#ededed;
font-size:10px;
padding:0 0 0 1px;
border-right:none;
}
#foot li a:link,
#foot li a:visited,
#foot li a:hover,
#foot li a:active{
padding:0 6px;
font-size:10px;
color:#ededed;
}
#foot p.copyright{
margin-top:7px;
text-align:center;
font-size:10px;
line-height:13px;
color:#ededed;
}
#foot p.copyright a:link,
#foot p.copyright a:visited,
#foot p.copyright a:hover,
#foot p.copyright a:active{
padding:0 6px;
color:#ededed;
}