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

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

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

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

#index-main .login-area .login .login-help-forget{
position:absolute;
width:91px;
height:30px;
top:51px;
left:0px;
}
#index-main .login-area .login .login-help-forget a{
display:block;
width:91px;
height:30px;
}
#index-main .login-area .login .login-help-forget a:link,
#index-main .login-area .login .login-help-forget a:visited,
#index-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;
}
#index-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;
}

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

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


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

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

#index-main .login-area .login-a .custom-btn{
position:absolute;
width:91px;
height:30px;
top:51px;
left:0px;
}
#index-main .login-area .login-a .custom-btn a{
display:block;
width:91px;
height:30px;
}
#index-main .login-area .login-a .custom-btn a:link,
#index-main .login-area .login-a .custom-btn a:visited,
#index-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;
}
#index-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;
}

#index-main .login-area .login-a .logout-btn{
position:absolute;
width:91px;
height:30px;
top:51px;
left:93px;
}
#index-main .login-area .login-a .logout-btn a{
display:block;
width:91px;
height:30px;
}
#index-main .login-area .login-a .logout-btn a:link,
#index-main .login-area .login-a .logout-btn a:visited,
#index-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;
}
#index-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-index{
margin:0 auto;
background:url(http://static.nexon.co.jp/atlantica/common/bg_footer.jpg) no-repeat center bottom;
}*/
#container-index-bg{
margin:0 auto;
background:url(http://static.nexon.co.jp/atlantica/index/index_container_bg.gif) repeat-x center top;
}
#container-index{
margin:0 auto;
background-color:#339966;
background:url(http://static.nexon.co.jp/atlantica/common/bg_footer4.jpg) repeat-x bottom;
}
/*#index-contents{
width:944px;
/*height:1024px;*/
/*margin:0 auto;
background:url(http://static.nexon.co.jp/atlantica/index/bg_base06.jpg) no-repeat left top;
}*/
/*#index-contents-new{
width:944px;
/*height:1024px;*/
/*margin:0 auto;
background:url(http://static.nexon.co.jp/atlantica/index/bg_base07.jpg) no-repeat left top;
}*/

#index-contents-201010{
width:944px;
/*height:1024px;*/
margin:0 auto;
background:url(http://static.nexon.co.jp/atlantica/index/bg_base08.jpg) no-repeat left top;
}


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

#left-download{
padding:32px 0 0 22px;
}
#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-pointcharge{
position:absolute;
top:116px;
left:31px;
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-download p{
padding-top:8px;
}

#left-gamestart{
position:absolute;
top:112px;
left:32px;
width:198px;
height:40px;
}

#left-faq{
position:absolute;
top:220px;
left:32px;
width:198px;
height:40px;
}
/*
#left-bbs{
position:absolute;
top:206px;
left:29px;
width:198px;
height:40px;
}
*/
#left-support{
position:absolute;
top:268px;
left:32px;
width:198px;
height:40px;
}

#left-shop{
position:absolute;
top:172px;
left:32px;
width:198px;
height:40px;
}

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

/*
#left-bbs a:link,
#left-bbs a:visited,
#left-bbs a:active{
background:url(http://static.nexon.co.jp/atlantica/index/left_btn_freebbs.jpg) no-repeat left bottom;
}
#left-bbs a:hover{
background:url(http://static.nexon.co.jp/atlantica/index/left_btn_freebbs.jpg) no-repeat left top;
}
*/

#left-troy{
position:absolute;
top:334px;
left:32px;
width:197px;
height:46px;
}
#left-troy a{
display:block;
width:197px;
height:46px;
}

#left-troy a:link,
#left-troy a:visited,
#left-troy a:active,
#left-troy a:hover{
background:url(http://static.nexon.co.jp/atlantica/index/left_troy.jpg) no-repeat left top;
}
#left-mailauth{
position:absolute;
top:384px;
left:32px;
width:197px;
height:46px;
}
#left-mailauth a{
display:block;
width:197px;
height:46px;
}

#left-mailauth a:link,
#left-mailauth a:visited,
#left-mailauth a:active,
#left-mailauth a:hover{
background:url(http://static.nexon.co.jp/atlantica/index/left_mail.jpg) no-repeat left top;
}

#left-safety{
position:absolute;
top:434px;
left:32px;
width:197px;
height:46px;
}
#left-safety a{
display:block;
width:197px;
height:46px;
}
#left-safety a:link,
#left-safety a:visited,
#left-safety a:active,
#left-safety a:hover{
background:url(http://static.nexon.co.jp/atlantica/index/left_safety.jpg) no-repeat left top;
}

#left-enquete{
position:absolute;
top:384px;
left:32px;
width:197px;
height:46px;
}
#left-enquete a{
display:block;
width:197px;
height:46px;
}
#left-enquete a:link,
#left-enquete a:visited,
#left-enquete a:active,
#left-enquete a:hover{
background:url(http://static.nexon.co.jp/atlantica/index/left_enquete02.gif) no-repeat left top;
}

#left-mainte{
position:absolute;
top:434px;
left:32px;
width:197px;
height:46px;
background:url(http://static.nexon.co.jp/atlantica/index/left_mainte.png) no-repeat left top;
}
#left-mainte span{
position:absolute;
left: -9999px;
}
/* center ------------------------------------------ */
#center{
float:left;
width:452px;
text-align:left;
}

#rolling-banner{
width:448px;
height:146px;
margin:0 0 11px 2px;
}

#notice{
width:452px;
margin:0 auto;
}
#notice-sttl{
position:relative;
width:452px;
height:31px;
background:url(http://static.nexon.co.jp/atlantica/index/sttl_notice03.gif) no-repeat;
}
#notice-sttl h2{
position:absolute;
left:-9999px;
}
#notice-sttl a.more{
position:absolute;
top:11px;
left:405px;
display:block;
width:37px;
height:13px;
}

#notice-news,
#notice-news-active{
position:absolute;
top:2px;
left:101px;
width:87px;
height:25px;
}

#notice-news a,
#notice-news-active a{
display:block;
width:87px;
height:25px;
}
#notice-news a:link,
#notice-news a:visited,
#notice-news a:active{
background:url(http://static.nexon.co.jp/atlantica/index/tab_notice_news.gif) no-repeat left bottom;
}
#notice-news a:hover{
background:url(http://static.nexon.co.jp/atlantica/index/tab_notice_news.gif) no-repeat left top;
}
#notice-news-active a{
background:url(http://static.nexon.co.jp/atlantica/index/tab_notice_news_active.gif) no-repeat left top;
}


#notice-notice,
#notice-notice-active{
position:absolute;
top:2px;
left:188px;
width:80px;
height:25px;
}
#notice-notice a,
#notice-notice-active a{
display:block;
width:80px;
height:25px;
}
#notice-notice a:link,
#notice-notice a:visited,
#notice-notice a:active{
background:url(http://static.nexon.co.jp/atlantica/index/tab_notice_notice.gif) no-repeat left bottom;
}
#notice-notice a:hover{
background:url(http://static.nexon.co.jp/atlantica/index/tab_notice_notice.gif) no-repeat left top;
}
#notice-notice-active a{
background:url(http://static.nexon.co.jp/atlantica/index/tab_notice_notice_active.gif) no-repeat left top;
}

#notice-maintenance,
#notice-maintenance-active{
position:absolute;
top:2px;
left:268px;
width:102px;
height:25px;
}
#notice-maintenance a,
#notice-maintenance-active a{
display:block;
width:102px;
height:25px;
}
#notice-maintenance a:link,
#notice-maintenance a:visited,
#notice-maintenance a:active{
background:url(http://static.nexon.co.jp/atlantica/index/tab_notice_maintenance.gif) no-repeat left bottom;
}
#notice-maintenance a:hover{
background:url(http://static.nexon.co.jp/atlantica/index/tab_notice_maintenance.gif) no-repeat left top;
}
#notice-maintenance-active a{
background:url(http://static.nexon.co.jp/atlantica/index/tab_notice_maintenance_active.gif) no-repeat left top;
}

#notice-list{
width:423px;
margin:8px auto 0;
}
#notice-list table{
width:423px;
}
#notice-list tr{
background:url(http://static.nexon.co.jp/atlantica/common/img_dotline.gif) repeat-x left bottom;
}

#notice-list td{
height:25px;
}

#notice-list .notice-icn{
width:81px;
text-align:center;
}

#notice-list .notice-title{
width:262px;
}
#notice-list .notice-title a:link{color:#777a7c;text-decoration:none;}
#notice-list .notice-title a:visited{color:#777a7c;text-decoration:none;}
#notice-list .notice-title a:active{color:#777a7c;text-decoration:none;}
#notice-list .notice-title a:hover{color:#777a7c;text-decoration:underline;}
#notice-list .notice-title img{
margin-left:5px;
}

#notice-list .notice-date{
width:80px;
text-align:center;
font-size:10px;
}
.notice-date{
width:80px;
text-align:center;
font-size:10px;
}


#maintenance{
width:452px;
margin:13px auto 0;
}

#maintenance-sttl{
width:452px;
height:31px;
background:url(http://static.nexon.co.jp/atlantica/index/sttl_maintenance.gif) no-repeat;
}
#maintenance-sttl h2{
position:absolute;
left:-9999px;
}

#maintenance-sttl div{
position:relative;
}
#maintenance-sttl div a.more{
position:absolute;
top:11px;
left:405px;
display:block;
width:37px;
height:13px;
}

#maintenance-list{
width:423px;
margin:8px auto 0;
}
#maintenance-list table{
width:423px;
}
#maintenance-list tr{
background:url(http://static.nexon.co.jp/atlantica/common/img_dotline.gif) repeat-x left bottom;
}

#maintenance-list td{
height:25px;
}

#maintenance-list .maintenance-icn{
width:81px;
text-align:center;
}

#maintenance-list .maintenance-title{
width:262px;
}
#maintenance-list .maintenance-title a:link{color:#777a7c;text-decoration:none;}
#maintenance-list .maintenance-title a:visited{color:#777a7c;text-decoration:none;}
#maintenance-list .maintenance-title a:active{color:#777a7c;text-decoration:none;}
#maintenance-list .maintenance-title a:hover{color:#777a7c;text-decoration:underline;}
#maintenance-list .maintenance-title img{
margin-left:5px;
}

#maintenance-list .maintenance-date{
width:80px;
text-align:center;
font-size:10px;
}
.maintenance-date{
width:80px;
text-align:center;
font-size:10px;
}


#pointshop{
position:relative;
margin-top:16px;
}

#pointshop h2{
width:452px;
height:31px;
background:url(http://static.nexon.co.jp/atlantica/index/sttl_pointshop03.jpg) no-repeat left top;
}

#pointshop-cnt{
position:relative;
margin-top:10px;
width:452px;
height:149px;
background:url(http://static.nexon.co.jp/atlantica/index/bg_pointshop.jpg) no-repeat left top;
}
#pointshop-cnt dt{
position:absolute;
width:145px;
margin:0;
padding:0;
text-align:center;
}
#pointshop-cnt dd{
position:absolute;
width:145px;
margin:0;
padding:0;
text-align:center;
font-family:Arial, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-weight:bold;
color:#344b62;
}
#pointshop-cnt dt.pointshop-detail01{
top:15px;
left:15px;
width:133px;
height:96px;
border:1px solid #e3e3e3;
text-align: left;
}
#pointshop-cnt dd.pointshop-detail01{
top:120px;
left:8px;
}
#pointshop-cnt dt.pointshop-detail02{
top:15px;
left:156px;
width:133px;
height:96px;
border:1px solid #e3e3e3;
text-align: left;
}
#pointshop-cnt dd.pointshop-detail02{
top:120px;
left:153px;
}
#pointshop-cnt dt.pointshop-detail03{
top:15px;
left:298px;
width:133px;
height:96px;
border:1px solid #e3e3e3;
text-align: left;
}
#pointshop-cnt dd.pointshop-detail03{
top:120px;
left:298px;
}
#pointshop-cnt a:link{color:#344b62;text-decoration:none;}
#pointshop-cnt a:visited,a:active{color:#344b62;text-decoration:none;}
#pointshop-cnt a:hover{color:#344b62;text-decoration:underline;}

#illust-bottom{
width:452px;
height:151px;
margin-top:6px;
background:url(http://static.nexon.co.jp/atlantica/index/img_illust_bottom.png) no-repeat left bottom;
}
* html #illust-bottom{ behavior: expression(IEPNGFIX.fix(this)); }


/*
#illust{
position:relative;
margin-top:38px;
}

#illust h2{
width:452px;
height:31px;
background:url(http://static.nexon.co.jp/atlantica/index/sttl_illust.jpg) no-repeat left top;
}

#illust-main{
padding-bottom:2px;
text-align:center;
}

#illust-bottom{
position:absolute;
top:259px;
left:0px;
width:452px;
height:151px;
background:url(http://static.nexon.co.jp/atlantica/index/img_illust_bottom.png) no-repeat left bottom;
}
* html #illust-bottom{ behavior: expression(IEPNGFIX.fix(this)); }

*/

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

#right{
position:relative;
float:left;
width:246px;
text-align:left;
}

#right-banner{
padding:86px 0 0 8px;
}
#right-banner li{
width:216px;
padding:9px 0;
background:url(http://static.nexon.co.jp/atlantica/banner/bg_banner_shadow.png) no-repeat left top;
text-align:center;
}
* html #right-banner li{ behavior: expression(IEPNGFIX.fix(this)); }

#right-button{
padding:39px 0 0 20px;
}
#right-button li{
width:192px;
height:51px;
margin:0 0 4px;
}
#right-button li a{
display:block;
width:192px;
height:51px;
}
#right-button li#right-fansitelink a:link,
#right-button li#right-fansitelink a:visited,
#right-button li#right-fansitelink a:active{
background:url(http://static.nexon.co.jp/atlantica/index/btn_right_fansitelink.jpg) no-repeat left bottom;
}
#right-button li#right-fansitelink a:hover{
background:url(http://static.nexon.co.jp/atlantica/index/btn_right_fansitelink.jpg) no-repeat left top;
}

#right-button li#right-movie a:link,
#right-button li#right-movie a:visited,
#right-button li#right-movie a:active{
background:url(http://static.nexon.co.jp/atlantica/index/btn_right_movie.jpg) no-repeat left bottom;
}
#right-button li#right-movie a:hover{
background:url(http://static.nexon.co.jp/atlantica/index/btn_right_movie.jpg) no-repeat left top;
}

#right-button li#right-illust a:link,
#right-button li#right-illust a:visited,
#right-button li#right-illust a:active{
background:url(http://static.nexon.co.jp/atlantica/index/btn_right_illust.jpg) no-repeat left bottom;
}
#right-button li#right-illust a:hover{
background:url(http://static.nexon.co.jp/atlantica/index/btn_right_illust.jpg) no-repeat left top;
}

#right-button li#right-screenshot a:link,
#right-button li#right-screenshot a:visited,
#right-button li#right-screenshot a:active{
background:url(http://static.nexon.co.jp/atlantica/index/btn_right_screenshot.jpg) no-repeat left bottom;
}
#right-button li#right-screenshot a:hover{
background:url(http://static.nexon.co.jp/atlantica/index/btn_right_screenshot.jpg) no-repeat left top;
}


#ranking-list{
position:absolute;
top:39px;
}
#ranking-list h2{
position:absolute;
left:-9999px;
}
#ranking-list a.more{
position:absolute;
left:172px;
display:block;
width:37px;
height:13px;
}
#ranking-list .ranking-list-cnt{
position:absolute;
top:32px;
left:30px;
width:172px;
}
#ranking-list .ranking-list-cnt .ranking-txt{
text-align:left;
font-family:Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color:#FFFFFF;
font-size: 10px;
}
#ranking-list .ranking-list-cnt tr{
vertical-align:middle;
height:27px;
}
#ranking-list .ranking-list-cnt .icn{
width:22px;
}
#ranking-list .ranking-list-cnt .name{
width:89px;
color:#FFFFFF;
}
#ranking-list .ranking-list-cnt .server{
width:57px;
}


#fanart-list{
position:absolute;
top:380px;
left:23px;
}
#fanart-list h2{
position:absolute;
left:-9999px;
}
#fanart-list a.more{
position:absolute;
left:149px;
display:block;
width:37px;
height:13px;
}
#fanart-list img.thumb01{
position:absolute;
top:44px;
left:11px;
}
#fanart-list img.thumb02{
position:absolute;
top:44px;
left:99px;
}


/* foot ------------------------------------------ */
#foot{
clear:both;
height:245px;
width:944px;
margin:0 auto;
background:url(http://static.nexon.co.jp/atlantica/common/bg_footer3.jpg) no-repeat center bottom;
}
#foot .eng{
font-family:Arial;
}
#foot ul{
padding-top:90px;
padding-bottom:6px;
text-align:center;
}
#foot li{
display:inline;
margin:0;
color:#ededed;
font-size:10px;
padding:0 1px;
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;
}