@charset "utf-8";
/* CSS Document */

#welcome-main{
width:100%;
text-align:center;
background: url(http://static.nexon.co.jp/atlantica/welcome/bg_repeat.jpg) repeat-x center top;
}
#welcome-top{
width:100%;
height:523px;
background: url(http://static.nexon.co.jp/atlantica/welcome/top_img_n.jpg) no-repeat center top;
}

#welcome-main-v2{
width:100%;
text-align:center;
background: url(http://static.nexon.co.jp/atlantica/welcome/bg_repeat_v2.jpg) repeat-x center top;
}
#welcome-top-v2{
width:100%;
height:523px;
background: url(http://static.nexon.co.jp/atlantica/welcome/top_img_v2_n.jpg) no-repeat center top;
}

#welcome-top-cnt{
width:850px;
height:523px;
margin:0 auto;
}
#welcome-top-cnt #regist-btn{
width:233px;
height:217px;
padding:163px 0 0 617px;
}
#welcome-top-cnt #step-btn{
width:758px;
height:124px;
padding:5px 0 0 0;
margin: 0 auto;
}

#welcome-container{
width:850px;
height:730px;
margin:0 auto;
background:url(http://static.nexon.co.jp/atlantica/welcome/contents_bg.png) no-repeat left top;
text-align:left;
}
* html #welcome-container{ behavior: expression(IEPNGFIX.fix(this)); }

#welcome-contents{
width:850px;
height:628px;
}

#welcome-contents-left{
width:274px;
height:628px;
float:left;
}
#welcome-contents-left #question-btn{
width:169px;
height:92px;
padding:52px 0 0 66px;
}
#welcome-contents-left #question-btn .system a{
display:block;
width:169px;
height:42px;
}
#welcome-contents-left #question-btn .system a:link,
#welcome-contents-left #question-btn .system a:visited,
#welcome-contents-left #question-btn .system a:active{
background:url(http://static.nexon.co.jp/atlantica/welcome/q_btn01.gif) no-repeat left top;
}
#welcome-contents-left #question-btn .system a:hover{
background:url(http://static.nexon.co.jp/atlantica/welcome/q_btn01.gif) no-repeat left bottom;
}
#welcome-contents-left #question-btn .free a{
display:block;
width:169px;
height:42px;
margin-top:8px;
}
#welcome-contents-left #question-btn .free a:link,
#welcome-contents-left #question-btn .free a:visited,
#welcome-contents-left #question-btn .free a:active{
background:url(http://static.nexon.co.jp/atlantica/welcome/q_btn02.gif) no-repeat left top;
}
#welcome-contents-left #question-btn .free a:hover{
background:url(http://static.nexon.co.jp/atlantica/welcome/q_btn02.gif) no-repeat left bottom;
}

#welcome-contents-left #screenshot{
width:222px;
height:414px;
padding:23px 0 0 40px;
}

#welcome-contents-right{
width:517px;
height:628px;
float:left;
}
#welcome-contents-right h2{
width:517px;
height:72px;
margin:40px 0 0;
background:url(http://static.nexon.co.jp/atlantica/welcome/sttl.jpg) no-repeat left top;
}
#welcome-contents-right h3,
#welcome-contents-right p{
display:none;
}

#welcome-contents-btn{
width:850px;
height:70px;
clear: left;
}
#welcome-contents-btn .btn01{
position:relative;
width:304px;
top:14px;
left:115px;
float:left;
}
#welcome-contents-btn .btn01 a{
display:block;
width:304px;
height:46px;
}
#welcome-contents-btn .btn02{
position:relative;
width:304px;
top:14px;
left:130px;
float:left;
}
#welcome-contents-btn .btn02 a{
display:block;
width:304px;
height:46px;
}

/* popup ------------------------------------------ */


#popup-system-ttl{
width:700px;
height:130px;
background:url(http://static.nexon.co.jp/atlantica/welcome/popup_sttl01.jpg) no-repeat left top;
}
#popup-system{
width:700px;
height:247px;
background:url(http://static.nexon.co.jp/atlantica/welcome/popup_01_system_ob3.jpg) no-repeat left top;
}
#popup-system table{
position:absolute;
left:-9999px;
}

#popup-free-ttl{
width:700px;
height:130px;
background:url(http://static.nexon.co.jp/atlantica/welcome/popup_sttl02.jpg) no-repeat left top;
}
#popup-free{
width:700px;
height:247px;
background:url(http://static.nexon.co.jp/atlantica/welcome/popup_02_cont_2.jpg) no-repeat left top;
}
#popup-free p{
width:623px;
padding:30px 0 0 40px;
}

#popup-footer{
width:700px;
height:85px;
background:url(http://static.nexon.co.jp/atlantica/welcome/popup_footbg.jpg) no-repeat left top;
}
#popup-footer #close{
width:69px;
height:25px;
padding:25px 0 0 0;
margin:0 auto 0;
}
#popup-footer #close a{
display:block;
width:69px;
height:25px;
}
#popup-footer #close a:link,
#popup-footer #close a:visited,
#popup-footer #close a:active{
background:url(http://static.nexon.co.jp/atlantica/popup/close_btn.gif) no-repeat left top;
}
#popup-footer #close a:hover{
background:url(http://static.nexon.co.jp/atlantica/popup/close_btn.gif) no-repeat left bottom;
}


/* common ------------------------------------------ */

#container-index{
margin:0 auto;
background:url(http://static.nexon.co.jp/atlantica/common/bg_footer4.jpg) repeat-x bottom;
}
#index-contents{
width:944px;
height:652px;
margin:0 auto;
background:url(http://static.nexon.co.jp/atlantica/index/bg_base.jpg) no-repeat left top;
}

.hidden{
position:absolute;
left:-9999px;
}


/* foot ------------------------------------------ */

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



/*#foot-s{
clear:both;
height:160px;
}
#foot-s ul{
padding-top:35px;
text-align:center;
}
#foot-s li{
display:inline;
margin:0;
color:#ffffff;
font-size:10px;
}
#foot-s li a:link,
#foot-s li a:visited,
#foot-s li a:hover,
#foot-s li a:active{
padding:0 6px;
font-size:10px;
color:#ffffff;
}
#foot-s p#copyright{
margin-top:6px;
text-align:center;
font-size:10px;
color:#ffffff;
}*/