@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, h4{
margin:0;
padding:0;
background-color:#303d41;
}

img{
border:none;
}

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;
}

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

.dl-flashplayer{
margin:100px 0 0 203px;
padding:15px 0;
width:380px;
border:#120700 2px solid;
background-color:#ffffff;
}
.txt-dl-flash{
margin-bottom:10px;
font-weight:bold;
color:#120700;
}


/* LP16 ------------------------------------------ */
#beginner-container{
width:100%;
background:url(http://static.nexon.co.jp/talesweaver_3rd/landing/16/bg.jpg) repeat-x center top #303d41;
text-align:center;
}
.logo{
position: absolute;
width: 213px;
height: 101px;
padding: 0px 0 0 5px;
*padding-top:10px;
*left:0px;
}
.bg-ttl{
width:100%;
min-width:1078px;
background:url(http://static.nexon.co.jp/talesweaver_4th/landing/22/bg_head.jpg) no-repeat center top;
}
.ttl{
position:relative;
margin:0 auto;
width:1078px;
height:515px;
}
.ttl h1{
position:absolute;
top:0;
left:113px;
width:278px;
height:157px;
text-indent:-9999px;
overflow:hidden;
background:url(http://static.nexon.co.jp/talesweaver_3rd/landing/16/logo.jpg) no-repeat 0 0;
}
.ttl h2{
position:absolute;
top:0;
left:391px;
width:523px;
height:157px;
text-indent:-9999px;
overflow:hidden;
background:url(http://static.nexon.co.jp/talesweaver_3rd/landing/16/text.jpg) no-repeat 0 0;
}
.ttl .main-swf{
position:absolute;
top:157px;
left:113px;
width:965px;
height:315px;
}

.bg-mail01{
width:100%;
min-width:1078px;
background:url(http://static.nexon.co.jp/talesweaver_4th/landing/22/mail_01.jpg) no-repeat center 0;
}
.bg-mail01 .mail01{
position:relative;
margin:0 auto;
width:1078px;
height:225px;
}
.bg-mail01 .mail01 h3,
.bg-mail01 .mail01 p{
position:absolute;
left:-9999px;
}

.bg-mail01 .mail01 input,
.bg-mail02 .mail02 input{
position:absolute;
left:222px;
padding-left:15px;
width:477px;
height:26px;
line-height:26px;
border:1px solid #8e9497;
font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:15px;
}
.placeholder{
text-align:left;
color: #9a9a9a;
}
.bg-mail01 .mail01 input::-webkit-input-placeholder,
.bg-mail02 .mail02 input::-webkit-input-placeholder,
.bg-mail01 .mail01 input:-ms-input-placeholder,
.bg-mail02 .mail02 input:-ms-input-placeholder{color: #9a9a9a;}
.bg-mail01 .mail01 input:-moz-placeholder,
.bg-mail02 .mail02 input:-moz-placeholder,
.bg-mail01 .mail01 input::-moz-placeholder,
.bg-mail02 .mail02 input::-moz-placeholder{ color: #9a9a9a; opacity:1;}

.bg-mail01 .mail01 input{
top:78px;
}
.bg-mail02 .mail02 input{
top:85px;
}
.bg-mail01 .mail01 .btn-mail-send,
.bg-mail02 .mail02 .btn-mail-send{
position:absolute;
left:722px;
}
.bg-mail01 .mail01 .btn-mail-send{
top:77px;
}
.bg-mail02 .mail02 .btn-mail-send{
top:84px;
}
.bg-mail01 .mail01 .btn-mail-send a,
.bg-mail02 .mail02 .btn-mail-send a{
display:block;
width:135px;
height:33px;
background:url(http://static.nexon.co.jp/talesweaver_4th/landing/22/btn_mail_send.png) no-repeat 0 0;
text-indent:110%;
overflow:hidden;
white-space:nowrap;
}
.bg-mail01 .mail01 .btn-mail-send a:hover,
.bg-mail02 .mail02 .btn-mail-send a:hover{
background-position:0 -33px;
}
	
.bg-cnt01{
position:relative;
width:1078px;
height:464px;
margin:0 auto;
background:url(http://static.nexon.co.jp/talesweaver_4th/landing/22/cont_01.jpg) no-repeat 0 0;
}
.bg-cnt01 .cnt01{
position:absolute;
left:-9999px;
}
	
.bg-cnt02{
position:relative;
width:1078px;
height:360px;
margin:0 auto;
background:url(http://static.nexon.co.jp/talesweaver_4th/landing/22/cont_02.jpg) no-repeat 0 0;
}
.bg-cnt02 .cnt02 h3{
position:absolute;
left:-9999px;
}

.bg-mail02{
width:100%;
min-width:1078px;
background:url(http://static.nexon.co.jp/talesweaver_4th/landing/22/mail_02.jpg) no-repeat center 0;
}
.bg-mail02 .mail02{
position:relative;
margin:0 auto;
width:1078px;
height:499px;
}
.bg-mail02 .mail02 h3,
.bg-mail02 .mail02 > p{
position:absolute;
left:-9999px;
}

.btn-official{
position:absolute;
top:242px;
left:299px;
padding-top:25px;
width:480px;
background:url(http://static.nexon.co.jp/talesweaver_3rd/landing/16/txt_openid.png) no-repeat center 0;
}
.btn-official a{
display:block;
margin:0 auto;
width:478px;
padding-top:66px;
height:0;
background:url(http://static.nexon.co.jp/talesweaver_3rd/landing/16/btn_site_1403.png) no-repeat 0 0;
overflow:hidden;
}
.btn-official a:hover{
background-position:0 -66px;
}



/* foot ------------------------------------------ */
.bg-foot{
padding-top:356px;
}
#foot{
margin:0 auto;
width:960px;
height:90px;
background:url(http://static.nexon.co.jp/talesweaver_3rd/common/logo.gif) no-repeat center 55px;
z-index:200;
}
#foot .eng{
font-family:Arial;
color:#757d85;
}
#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 li a:hover{
text-decoration:none;
}
#foot p.copyright{
margin-top:3px;
text-align:center;
font-size:10px;
line-height:13px;
color:#757d85;
}