@charset "utf-8";
/* CSS Document */
body{
margin:0;
padding:0;
background-color:#10181a;
}

div,p,ul,ol,dl,dl,dt,dd,td{
line-height:1.5;
margin:0;
padding:0;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size:12px;
color:#c3cece;
}
ul,ol{
list-style-type:none;
}

h1,
h2,
a span{
position:absolute;
left:-9999px;
}

/* beginner ------------------------------------------ */
#beginner-container{
width:100%;
height:950px;
background:url(http://static.nexon.co.jp/talesweaver_3rd/beginner/bg2.jpg) repeat-x center top;
text-align:center;
}
#main-ttl{
width:100%;
height:559px;
background:url(http://static.nexon.co.jp/talesweaver_3rd/beginner/main_img.jpg) no-repeat center top;
text-align:center;
}
#main-ttl .float{
position:relative;
width:954px;
height:559px;
margin:0 auto;
}

#main-ttl .float .btn-ss a{
position:absolute;
display:block;
width:118px;
height:29px;
top:483px;
left:315px;
}
#main-ttl .float .btn-ss a:link,
#main-ttl .float .btn-ss a:visited,
#main-ttl .float .btn-ss a:active{
background:url(http://static.nexon.co.jp/talesweaver_3rd/beginner/btn_ss.jpg) no-repeat left top;
}
#main-ttl .float .btn-ss a:hover{
background:url(http://static.nexon.co.jp/talesweaver_3rd/beginner/btn_ss.jpg) no-repeat left bottom;
}

#main-ttl .float .btn-about a{
position:absolute;
display:block;
width:178px;
height:29px;
top:483px;
left:438px;
}
#main-ttl .float .btn-about a:link,
#main-ttl .float .btn-about a:visited,
#main-ttl .float .btn-about a:active{
background:url(http://static.nexon.co.jp/talesweaver_3rd/beginner/btn_abouttales.jpg) no-repeat left top;
}
#main-ttl .float .btn-about a:hover{
background:url(http://static.nexon.co.jp/talesweaver_3rd/beginner/btn_abouttales.jpg) no-repeat left bottom;
}

#regist-cnt{
position:relative;
width:954px;
height:300px;
margin:0 auto;
background:url(http://static.nexon.co.jp/talesweaver_3rd/beginner/cnt_bg.jpg) no-repeat center top;
text-align:left;
}

#regist-cnt .step1 a{
position:absolute;
display:block;
width:374px;
height:100px;
top:0px;
left:96px;
}
#regist-cnt .step1 a:link,
#regist-cnt .step1 a:visited,
#regist-cnt .step1 a:active{
background:url(http://static.nexon.co.jp/talesweaver_3rd/beginner/btn_step1.jpg) no-repeat left top;
}
#regist-cnt .step1 a:hover{
background:url(http://static.nexon.co.jp/talesweaver_3rd/beginner/btn_step1.jpg) no-repeat left bottom;
}

#regist-cnt .step2 a{
position:absolute;
display:block;
width:375px;
height:100px;
top:0px;
left:482px;
}
#regist-cnt .step2 a:link,
#regist-cnt .step2 a:visited,
#regist-cnt .step2 a:active{
background:url(http://static.nexon.co.jp/talesweaver_3rd/beginner/btn_step2.jpg) no-repeat left top;
}
#regist-cnt .step2 a:hover{
background:url(http://static.nexon.co.jp/talesweaver_3rd/beginner/btn_step2.jpg) no-repeat left bottom;
}

#regist-cnt .item-guide{
position:absolute;
top:190px;
left:175px;
line-height: 18px;
}

#regist-cnt .btn-visitor a{
position:absolute;
display:block;
width:263px;
height:35px;
top:269px;
left:345px;
}
#regist-cnt .btn-visitor a:link,
#regist-cnt .btn-visitor a:visited,
#regist-cnt .btn-visitor a:active{
background:url(http://static.nexon.co.jp/talesweaver_3rd/beginner/btn_visitor.gif) no-repeat left top;
}
#regist-cnt .btn-visitor a:hover{
background:url(http://static.nexon.co.jp/talesweaver_3rd/beginner/btn_visitor.gif) no-repeat left bottom;
}

#cnt-ss{
position:absolute;
display:none;
z-index:100;
top:60px;
left:0px;
width:954px;
height:380px;
float: left;
clear: left;
}

#cnt-ss .btn-close{
position:absolute;
margin:0 auto;
width:55px;
height:20px;
top:342px;
left:449px;
z-index:120;
}
#cnt-ss .btn-close a{
display:block;
width:55px;
height:20px;
}
#cnt-ss .btn-close a:link,
#cnt-ss .btn-close a:visited,
#cnt-ss .btn-close a:active{
background:url(http://static.nexon.co.jp/talesweaver_3rd/beginner/btn_close.gif) no-repeat left top;
}
#cnt-ss .btn-close a:hover{
background:url(http://static.nexon.co.jp/talesweaver_3rd/beginner/btn_close.gif) no-repeat left bottom;
}

/* foot ------------------------------------------ */
#foot{
position:relative;
clear:both;
height:140px;
background:url(http://static.nexon.co.jp/talesweaver_3rd/common/logo.gif) no-repeat center 73px;
z-index:200;
}
#foot .eng{
font-family:Arial;
color:#53575c;
}
#foot ul{
padding-bottom:7px;
text-align:center;
}
#foot li{
display:inline;
margin:0;
color:#ededed;
font-size:10px;
padding:0 4px;
border-right:solid 1px #757d85;
}
#foot li.last{
padding:0 0 0 4px;
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:#757d85;
}
#foot p.copyright{
margin-top:3px;
text-align:center;
font-size:10px;
line-height:13px;
color:#757d85;
}
#foot p.copyright a:link,
#foot p.copyright a:visited,
#foot p.copyright a:hover,
#foot p.copyright a:active{
padding:0 6px;
color:#757d85;
}