@charset "utf-8";
/* CSS Document */
body{
color:#656555;
line-height:18px;
font-family:'ＭＳ Ｐゴシック','Osaka',sans-serif;
font-size:12px;
}
form{
margin:0;
padding:0;
}
ul,li{
margin:0;
padding:0;
}

ul{
list-style-type:none;
}


.ev-ttl{
margin:0;
height:512px;
background:url(http://static.nexon.co.jp/maplestory_4th/campaign/camp-6years-anniversary/camp6years_ttl.jpg) no-repeat;
}

.ev-ttl p{
position:absolute;
left:-9999px;
}

.strong-color{
color:#ff8a00;
}

.ev-content{
margin:0;
padding:0;
width:800px;
text-align:left;
}
.sttl01 h3,
.sttl01 p{
position:absolute;
left:-9999px;
}

.sttl01{
margin:0;
padding:0;
height:122px;
background:url(http://static.nexon.co.jp/maplestory_4th/campaign/camp-6years-anniversary/camp6years_sttl01.jpg) no-repeat;
}
.event01{
margin:0;
padding:0;
height:294px;
background:url(http://static.nexon.co.jp/maplestory_4th/campaign/camp-6years-anniversary/camp6years_cnt01.jpg) no-repeat;
}
.event01 p{
margin:0 0 0 43px;
padding-top:18px;
}

.event01-present{
position:relative;
height:770px;
background:url(http://static.nexon.co.jp/maplestory_4th/campaign/camp-6years-anniversary/camp6years_cnt_bg.gif) repeat-y;
}

.event01-present h4,
.event01-present p,
.event01-present ul{
position:absolute;
left:-9999px;
margin:0;
padding:0;
}

.present-a{
position:absolute;
top:0px;
left:37px;
width:353px;
height:225px;
background:url(http://static.nexon.co.jp/maplestory_4th/campaign/camp-6years-anniversary/camp6years_presentA.jpg) no-repeat;
}
.present-b{
position:absolute;
top:0px;
left:410px;
width:353px;
height:225px;
background:url(http://static.nexon.co.jp/maplestory_4th/campaign/camp-6years-anniversary/camp6years_presentB.jpg) no-repeat;
}
.present-c{
position:absolute;
top:233px;
left:37px;
width:353px;
height:253px;
background:url(http://static.nexon.co.jp/maplestory_4th/campaign/camp-6years-anniversary/camp6years_presentC.jpg) no-repeat;
}
.present-d{
position:absolute;
top:233px;
left:410px;
width:353px;
height:253px;
background:url(http://static.nexon.co.jp/maplestory_4th/campaign/camp-6years-anniversary/camp6years_presentD.jpg) no-repeat;
}
.present-e{
position:absolute;
top:489px;
left:37px;
width:353px;
height:251px;
background:url(http://static.nexon.co.jp/maplestory_4th/campaign/camp-6years-anniversary/camp6years_presentE.jpg) no-repeat;
}
.present-f{
position:absolute;
top:489px;
left:410px;
width:353px;
height:251px;
background:url(http://static.nexon.co.jp/maplestory_4th/campaign/camp-6years-anniversary/camp6years_presentF.jpg) no-repeat;
}

.event01-agreement{
height:221px;
background:url(http://static.nexon.co.jp/maplestory_4th/campaign/camp-6years-anniversary/camp6years_cnt1_agreement.gif) no-repeat;
text-align:left;
}
.event01-agreement h4,
.event02-agreement h4{
position:absolute;
left:-9999px;
}
.event01-agreement-cnt{
padding:65px 0 0 150px;
}

.agreement-box{
overflow:scroll;
width:496px;
height:130px;
background:#fff;
text-align:left;
}
.agreement-box p{
margin:0 0 0 10px;
padding:0;
width:460px;
}
.agreement-box ul{
margin:0 0 20px 10px;
width:460px;
}
.agreement-box li{
padding-left:22px;
text-indent:-22px;
}


.event01-form{
margin:0;
padding:0;
height:436px;
background:url(http://static.nexon.co.jp/maplestory_4th/campaign/camp-6years-anniversary/camp6years_cnt1_form.gif) no-repeat;
text-align:center;
}
.event01-form h4,
.event02-form h4{
position:absolute;
left:-9999px;
}

.event01-form .entry-form,
.event02-form .entry-form{
padding:74px 0 0 0;
}
.event01-form .entry-form table,
.event02-form .entry-form table{
margin:0 auto;
}
.event01-form .entry-form td,
.event02-form .entry-form td{
text-align:left;
height:33px;
}
.event01-form .entry-form td.line,
.event02-form .entry-form td.line{
background:url(http://static.nexon.co.jp/maplestory_4th/campaign/camp-6years-anniversary/dotline.gif) no-repeat left bottom;
}

.event01-form .entry-form .form-cap01 div,
.event01-form .entry-form .form-cap02 div,
.event01-form .entry-form .form-cap03 div,
.event01-form .entry-form .form-cap04 div,
.event01-form .entry-form .form-cap05 div,
.event01-form .entry-form .form-cap06 div,
.event02-form .entry-form .form-cap02 div,
.event02-form .entry-form .form-cap03 div,
.event02-form .entry-form .form-cap04 div,
.event02-form .entry-form .form-cap05 div,
.event02-form .entry-form .form-cap06 div{
height:32px;
}

.event01-form .entry-form td span.cap,
.event02-form .entry-form td span.cap{
position:absolute;
left:-9999px;
}
.event01-form .entry-form td input.txt,
.event02-form .entry-form td input.txt{
width:326px;
}
.event01-form .entry-form td select{
width:326px;
}
.event01-form .entry-form td option{
color:#999;
}
.event01-form .entry-form form-cap01,
.event02-form .entry-form form-cap01{
background:url(http://static.nexon.co.jp/maplestory_4th/campaign/camp-6years-anniversary/dotline.gif) no-repeat center bottom;
}



.event01-form .entry-form .form-cap01 div{
width:118px;
background:url(http://static.nexon.co.jp/maplestory_4th/campaign/camp-6years-anniversary/form_cap01.gif) no-repeat left center;
}
.event01-form .entry-form .form-cap02 div,
.event02-form .entry-form .form-cap02 div{
width:118px;
background:url(http://static.nexon.co.jp/maplestory_4th/campaign/camp-6years-anniversary/form_cap02.gif) no-repeat left center;
}
.event01-form .entry-form .form-cap03 div,
.event02-form .entry-form .form-cap03 div{
width:118px;
background:url(http://static.nexon.co.jp/maplestory_4th/campaign/camp-6years-anniversary/form_cap03.gif) no-repeat left center;
}
.event01-form .entry-form .form-cap04 div,
.event02-form .entry-form .form-cap04 div{
width:118px;
background:url(http://static.nexon.co.jp/maplestory_4th/campaign/camp-6years-anniversary/form_cap04.gif) no-repeat left center;
}
.event01-form .entry-form .form-cap05 div,
.event02-form .entry-form .form-cap05 div{
width:118px;
background:url(http://static.nexon.co.jp/maplestory_4th/campaign/camp-6years-anniversary/form_cap05.gif) no-repeat left center;
}
.event01-form .entry-form .form-cap06 div,
.event02-form .entry-form .form-cap06 div{
width:118px;
background:url(http://static.nexon.co.jp/maplestory_4th/campaign/camp-6years-anniversary/form_cap06.gif) no-repeat left center;
}
.event01-form .btn-entry,
.event02-form .btn-entry{
width:256px;
height:50px;
}
.event01-form .btn-entry{
margin:22px auto 20px;
}
.event02-form .btn-entry{
margin:16px auto 20px;
}



.event01-form .btn-entry a,
.event02-form .btn-entry a{
display:block;
width:256px;
height:50px;
}
.event01-form .btn-entry a:link,
.event01-form .btn-entry a:visited,
.event02-form .btn-entry a:link,
.event02-form .btn-entry a:visited{
background:url(http://static.nexon.co.jp/maplestory_4th/campaign/camp-6years-anniversary/camp6years_present_entry.gif) no-repeat left top;
}
.event01-form .btn-entry a:hover,
.event01-form .btn-entry a:active,
.event02-form .btn-entry a:hover,
.event02-form .btn-entry a:active{
background:url(http://static.nexon.co.jp/maplestory_4th/campaign/camp-6years-anniversary/camp6years_present_entry.gif) no-repeat left bottom;
}
.event01-form .btn-entry a span,
.event02-form .btn-entry a span{
position:absolute;
left:-9999px;
}
.event01-form p,
.event02-form p{
margin:0;
padding:0;
line-height:14px;
text-align:center;
font-size:10px;
color:#959585;
}
.event01-form .form-check span,
.event02-form .form-check span{
font-size:12px;
color:#959585;
}





.sttl02 h3,
.sttl02 p{
position:absolute;
left:-9999px;
}

.sttl02{
margin:0;
padding:0;
height:132px;
background:url(http://static.nexon.co.jp/maplestory_4th/campaign/camp-6years-anniversary/camp6years_sttl02.jpg) no-repeat;
}
.event02{
margin:0;
padding:0;
height:284px;
background:url(http://static.nexon.co.jp/maplestory_4th/campaign/camp-6years-anniversary/camp6years_cnt02.jpg) no-repeat;
}
.event02 p{
margin:0 0 0 43px;
padding-top:18px;
}

.event02-agreement{
height:156px;
background:url(http://static.nexon.co.jp/maplestory_4th/campaign/camp-6years-anniversary/camp6years_cnt2_agreement.gif) no-repeat;
text-align:left;
}
.event02-agreement-cnt{
padding:0 0 0 150px;
}

.event02-form{
margin:0;
padding:0;
height:399px;
background:url(http://static.nexon.co.jp/maplestory_4th/campaign/camp-6years-anniversary/camp6years_cnt2_form.gif) no-repeat;
text-align:center;
}