@charset "utf-8";
/* CSS Document */
body{
background:#f6f0b6;
}
#all-container{
margin: 0px;
padding:44px 0 0 0;
background:#f6f0b6 url(http://static.nexon.co.jp/talesweaver_3rd/campaign/campaign78/bg.jpg) repeat-x left 44px;
text-align:center;
}

#all-container h2,
#all-container h3,
#all-container h4,
#all-container h5,
#all-container p,
#all-container ul{
position:absolute;
left:-9999px;
}

.ttl{
width:100%;
height:702px;
background:url(http://static.nexon.co.jp/talesweaver_3rd/campaign/campaign78/top.jpg) no-repeat center top;
}
.menu{
margin:0 auto;
width:900px;
height:650px;
}

.sttl01{
position:relative;
margin:0 auto;
width:900px;
height:107px;
background:url(http://static.nexon.co.jp/talesweaver_3rd/campaign/campaign78/sttl01.jpg) no-repeat center top;
}
.cnt011{
position:relative;
margin:0 auto;
width:900px;
height:117px;
background:url(http://static.nexon.co.jp/talesweaver_3rd/campaign/campaign78/cnt011.jpg) no-repeat center top;
}
.cnt012{
position:relative;
margin:0 auto;
width:900px;
height:316px;
background:url(http://static.nexon.co.jp/talesweaver_3rd/campaign/campaign78/cnt012.jpg) no-repeat center top;
}
.cnt013{
position:relative;
margin:0 auto;
width:900px;
height:134px;
background:url(http://static.nexon.co.jp/talesweaver_3rd/campaign/campaign78/cnt013.jpg) no-repeat center top;
}
.cnt014{
position:relative;
margin:0 auto;
width:900px;
height:263px;
background:url(http://static.nexon.co.jp/talesweaver_3rd/campaign/campaign78/cnt014.jpg) no-repeat center top;
}
.cnt015{
position:relative;
margin:0 auto;
width:900px;
height:261px;
background:url(http://static.nexon.co.jp/talesweaver_3rd/campaign/campaign78/cnt015.jpg) no-repeat center top;
}
.cnt016{
position:relative;
margin:0 auto;
width:900px;
height:180px;
background:url(http://static.nexon.co.jp/talesweaver_3rd/campaign/campaign78/cnt016.jpg) no-repeat center top;
}
.cnt017{
position:relative;
margin:0 auto;
width:900px;
height:439px;
background:url(http://static.nexon.co.jp/talesweaver_3rd/campaign/campaign78/cnt017.jpg) no-repeat center top;
}

.sttl02{
position:relative;
margin:0 auto;
width:900px;
height:112px;
background:url(http://static.nexon.co.jp/talesweaver_3rd/campaign/campaign78/sttl02.jpg) no-repeat center top;
}
.cnt021{
position:relative;
margin:0 auto;
width:900px;
height:99px;
background:url(http://static.nexon.co.jp/talesweaver_3rd/campaign/campaign78/cnt021.jpg) no-repeat center top;
}
.cnt022{
position:relative;
margin:0 auto;
width:900px;
height:374px;
background:url(http://static.nexon.co.jp/talesweaver_3rd/campaign/campaign78/cnt022.jpg) no-repeat center top;
}
.bottom{
position:relative;
margin:0 auto;
width:900px;
height:374px;
background:url(http://static.nexon.co.jp/talesweaver_3rd/campaign/campaign78/bottom.jpg) no-repeat center top;
}

.btn-register{
position:absolute;
left:161px;
top:162px;
width:326px;
height:68px;
}
.btn-register a{
display:block;
width:326px;
height:68px;
}


/* --popup01-- */
#popup{
margin:0;
padding:0;
text-align:center;
}
#popup h2,
#popup h3 span,
#popup table span,
#popup p span,
#popup a span{
position:absolute;
left:-9999px;
}
.popup-container table.popup02 td,
input{
color:#211714;
}

.popup-container{
margin:0 auto;
padding:0;
width:640px;
height:670px;
background:url(http://static.nexon.co.jp/talesweaver_3rd/campaign/campaign78/bg_popup.jpg) no-repeat center top;
text-align:left;
}
.popup-container h3{
position:relative;
margin:0 0 0 56px;
width:536px;
height:194px;
background:url(http://static.nexon.co.jp/talesweaver_3rd/campaign/campaign78/sttl_popup.jpg) no-repeat center bottom;
}
.popup-txt01{
position:relative;
margin-left:56px;
width:536px;
height:50px;
background:url(http://static.nexon.co.jp/talesweaver_3rd/campaign/campaign78/txt_popup01.jpg) no-repeat center top;
}
.form-area{
position:relative;
margin:12px 0 12px 83px;
width:474px;
}
.popup-container table{
text-align:left;
}
.popup-container table th{
width:143px;
height:31px;
}
.popup-container table th.check{
height:20px;
}
.popup-container table td{
vertical-align:top;
}
.popup-container table.popup01 .cap06,
.popup-container table.popup01 .cap07{
height:42px;
}
.cap01{
background:url(http://static.nexon.co.jp/talesweaver_3rd/campaign/campaign78/cap01.gif) no-repeat left top;
}
.cap02{
background:url(http://static.nexon.co.jp/talesweaver_3rd/campaign/campaign78/cap02.gif) no-repeat left top;
}
.cap03{
background:url(http://static.nexon.co.jp/talesweaver_3rd/campaign/campaign78/cap03.gif) no-repeat left top;
}
.cap04{
background:url(http://static.nexon.co.jp/talesweaver_3rd/campaign/campaign78/cap04.gif) no-repeat left top;
}
.cap05{
background:url(http://static.nexon.co.jp/talesweaver_3rd/campaign/campaign78/cap05.gif) no-repeat left top;
}
.cap06{
background:url(http://static.nexon.co.jp/talesweaver_3rd/campaign/campaign78/cap06.gif) no-repeat left top;
}
.cap07{
background:url(http://static.nexon.co.jp/talesweaver_3rd/campaign/campaign78/cap07.gif) no-repeat left top;
}
.cap08{
background:url(http://static.nexon.co.jp/talesweaver_3rd/campaign/campaign78/cap08.gif) no-repeat left top;
}
.item-name{
width:291px;
background:url(http://static.nexon.co.jp/talesweaver_3rd/campaign/campaign78/txt_form01.gif) no-repeat left top;
}

td.post{
background:url(http://static.nexon.co.jp/talesweaver_3rd/campaign/campaign78/bg_post.gif) no-repeat left 2px;
}
td.address01{
background:url(http://static.nexon.co.jp/talesweaver_3rd/campaign/campaign78/bg_address01.gif) no-repeat left top;
}
td.address02{
background:url(http://static.nexon.co.jp/talesweaver_3rd/campaign/campaign78/bg_address02.gif) no-repeat left top;
}
td.phone{
background:url(http://static.nexon.co.jp/talesweaver_3rd/campaign/campaign78/bg_phone.gif) no-repeat left 2px;
}
td.check{
background:url(http://static.nexon.co.jp/talesweaver_3rd/campaign/campaign78/txt_form04.gif) no-repeat 18px 2px;
}
.input01{
margin-top:2px;
width:165px;
}
.input02{
width:69px;
}
.input03{
margin-top:2px;
width:252px;
}
select{
margin-top:2px;
width:165px;
}

.btn-area01{
position:relative;
margin-left:56px;
width:536px;
height:75px;
background:url(http://static.nexon.co.jp/talesweaver_3rd/campaign/campaign78/btn_popup01.jpg) no-repeat center top;
}
.btn-area01 .btn01{
position:absolute;
left:75px;
top:12px;
width:187px;
height:54px;
}
.btn-area01 .btn02{
position:absolute;
left:272px;
top:12px;
width:187px;
height:54px;
}
.btn-area01 .btn01 a,
.btn-area01 .btn02 a{
display:block;
width:187px;
height:54px;
}

/* --popup02-- */
.popup-txt02{
position:relative;
margin-left:56px;
width:536px;
height:91px;
background:url(http://static.nexon.co.jp/talesweaver_3rd/campaign/campaign78/txt_popup02.jpg) no-repeat center top;
}
.btn-area02{
position:relative;
margin-left:56px;
width:536px;
height:75px;
background:url(http://static.nexon.co.jp/talesweaver_3rd/campaign/campaign78/btn_popup02.jpg) no-repeat center top;
}
.btn-area02 .btn01{
position:absolute;
left:113px;
top:12px;
width:131px;
height:54px;
}
.btn-area02 .btn01 a{
display:block;
width:131px;
height:54px;
}
.btn-area02 .btn02{
position:absolute;
left:254px;
top:12px;
width:165px;
height:54px;
}
.btn-area02 .btn02 a{
display:block;
width:165px;
height:54px;
}

/* --popup03-- */
.popup-txt03{
position:relative;
margin-left:56px;
width:536px;
height:362px;
background:url(http://static.nexon.co.jp/talesweaver_3rd/campaign/campaign78/txt_popup03.jpg) no-repeat center top;
}
.btn-area03{
position:relative;
margin-left:56px;
width:536px;
height:75px;
background:url(http://static.nexon.co.jp/talesweaver_3rd/campaign/campaign78/btn_popup03.jpg) no-repeat center top;
}
.btn-area03 .btn01{
position:absolute;
left:191px;
top:11px;
width:149px;
height:54px;
}
.btn-area03 .btn01 a{
display:block;
width:149px;
height:54px;
}