@charset "utf-8";
/* CSS Document */
body{
margin:0;
padding-right: 0px;
padding-bottom: 0;
padding-left: 0;
padding-top: 0px;
}

#gnb-dummy{/* 置換用 */
width:100%;
height:35px;
background:#3d4b50 url(http://static.nexon.co.jp/talesweaver_3rd/common/bg_gnb_dummy.gif) repeat-x;
}

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;
}
input{
color:#c3cece;
}
h1,h2,h3,h4,h5,h6,form{
margin:0;
padding:0;
}
img{ border:none;}
hr{ display:none;}

a:link,
a:visited,
a:active{
color:#e2debf;
text-decoration:underline;
}
a:hover{
color:#e2debf;
text-decoration:none;
}

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

.clear{
clear:both;
}
.outside {
display:none;
}

#bg-container{
position:absolute;
top:35px;
left:0;
width:100%;
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/campaign/common/camp_bg02.gif);
background-repeat: repeat-x;
height: 96px;
text-align: center;
margin: 0px;
padding: 0px;
}
#bg-container .logo {
margin-top: 0px;
margin-bottom: 0px;
width: 550px;
padding: 0px;
margin-right: 0px;
margin-left: 0px;
text-align: right;
}

/* foot ------------------------------------------ */
#foot{
clear:both;
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/common/logo.gif);
background-repeat: no-repeat;
background-position: center 60px;
height: 95px;
}
#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;
}
#footer {
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/campaign/common/bg_foot.jpg);
background-repeat: repeat-x;
height: 200px;
background-position: 0px 0px;
padding: 0px;
width: 100%;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
text-align: center;
background-color: #0B1315;
}

.btn-icons a{
display:block;
width:240px;
height:35px;
text-align: center;
margin-right: auto;
margin-left: auto;
}
.btn-icons a:link,
.btn-icons a:visited,
.btn-icons a:active{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/community/form/btn_top.gif);
background-repeat: no-repeat;
background-position: left top;
}
.btn-icons a:hover{
background-image: url(http://static.nexon.co.jp/talesweaver_3rd/community/form/btn_top.gif);
background-repeat: no-repeat;
background-position: left bottom;
}
.btn-icons {
text-align: center;
padding-bottom: 10px;
padding-top: 15px;
width: 950px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding-right: 0px;
padding-left: 0px;
}

/* pagetop */
.pagetop{
z-index:10;
text-align: right;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 870px;
margin: 0px;
}
.pagetop a{
display:block;
width:67px;
height:24px;
}
.pagetop a:link,
.pagetop a:visited,
.pagetop a:active{
background:url(http://static.nexon.co.jp/talesweaver_3rd/common/btn_pagetop.gif) no-repeat left top;
}
.pagetop a:hover{
background:url(http://static.nexon.co.jp/talesweaver_3rd/common/btn_pagetop.gif) no-repeat left bottom;
}
.pankuzu {
font-size: 10px;
text-align: right;
background-position: bottom;
margin: 0px;
padding-top: 50px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 0px;
width: 390px;
}
.top {
padding: 0px;
width: 950px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}