@charset "utf-8";
/* CSS Document */

p{
margin:0;
padding:0;
line-height:1.6;
}
#aran-container{
margin:0;
padding:0;
width:100%;
text-align:center;
background:url(http://static.nexon.co.jp/maplestory_4th/campaign/aran/bg.jpg) repeat-x center top;
color:#4f2f21;
}
#aran-container a:link,
#aran-container a:visited{
color:#4f2f21;
text-decoration:none;
}
#aran-container a:hover,
#aran-container a:active{
color:#4f2f21;
text-decoration:underline;
}
#aran-container h1,
#aran-container h2,
#aran-container h3,
#aran-container a span{
position:absolute;
left:-9999px;
}
#aran-container ul,
#aran-container dl{
margin:0;
padding:0;
list-style-type:none;
}
#aran-container ul li,
#aran-container dl dt,
#aran-container dl dd{
margin:0;
padding:0;
}

#aranflash{
margin:0 auto;
width:100%;
height:600px;
}

#aran-main{
margin:0 auto;
}

#aran-content{
width:100%;
height:410px;
background:url(http://static.nexon.co.jp/maplestory_4th/campaign/aran/content_bg.jpg) no-repeat center top;
}
#aran-content .contents{
position:relative;
margin:0 auto;
width:825px;
height:410px;
}
#aran-content .contents .btn-blogparts{
position:absolute;
top:143px;
left:0;
width:412px;
height:185px;
}
#aran-content .contents .btn-blogparts a{
display:block;
width:412px;
height:185px;
background:url(http://static.nexon.co.jp/maplestory_4th/campaign/aran/btn_blogparts2.gif) no-repeat;
}
#aran-content .contents dl dt.btn-community{
position:absolute;
top:188px;
left:512px;
width:206px;
height:28px;
}
#aran-content .contents dl dt.btn-community a:link,
#aran-content .contents dl dt.btn-community a:visited{
display:block;
width:206px;
height:28px;
background:url(http://static.nexon.co.jp/maplestory_4th/campaign/aran/btn_community.gif) no-repeat left top;
}
#aran-content .contents dl dt.btn-community a:hover,
#aran-content .contents dl dt.btn-community a:active{
display:block;
width:206px;
height:28px;
background:url(http://static.nexon.co.jp/maplestory_4th/campaign/aran/btn_community.gif) no-repeat left bottom;
}
#aran-content .contents dl dt.btn-fanart{
position:absolute;
top:273px;
left:512px;
width:206px;
height:28px;
}
#aran-content .contents dl dt.btn-fanart a:link,
#aran-content .contents dl dt.btn-fanart a:visited{
display:block;
width:206px;
height:28px;
background:url(http://static.nexon.co.jp/maplestory_4th/campaign/aran/btn_fanart.gif) no-repeat left top;
}
#aran-content .contents dl dt.btn-fanart a:hover,
#aran-content .contents dl dt.btn-fanart a:active{
display:block;
width:206px;
height:28px;
background:url(http://static.nexon.co.jp/maplestory_4th/campaign/aran/btn_fanart.gif) no-repeat left bottom;
}
#aran-content .contents dl dd{
position:absolute;
left:-9999px;
}

#aran-media-sttl{
margin:0 auto;
width:100%;
height:94px;
background:url(http://static.nexon.co.jp/maplestory_4th/campaign/aran/media_sttl.jpg) no-repeat center top;
}
#aran-media{
width:100%;
background:url(http://static.nexon.co.jp/maplestory_4th/campaign/aran/media_bg.jpg) no-repeat center top;
}
#aran-media .contents{
margin:0 auto;
width:501px;
height:195px;
}
#aran-media .contents ul{
padding:5px 0 0 39px;
text-align:left;
}
#aran-media .contents ul li{
height:28px;
}

#aran-official{
width:100%px;
background:url(http://static.nexon.co.jp/maplestory_4th/campaign/aran/official_bg.jpg) no-repeat center top;
}
#aran-official .contents{
margin:0 auto 0;
position:relative;
width:182px;
height:181px;
}
#aran-official .contents a{
position:absolute;
top:71px;
left:2px;
display:block;
width:180px;
height:58px;
}
#aran-official .contents a:link,
#aran-official .contents a:visited{
display:block;
width:180px;
height:58px;
background:url(http://static.nexon.co.jp/maplestory_4th/campaign/aran/btn_official.gif) no-repeat left top;
}
#aran-official .contents a:hover,
#aran-official .contents a:active{
display:block;
width:180px;
height:58px;
background:url(http://static.nexon.co.jp/maplestory_4th/campaign/aran/btn_official.gif) no-repeat left bottom;
}

#aran-footer-snow{
width:100%;
background:url(http://static.nexon.co.jp/maplestory_4th/campaign/aran/footer_bg_snow.gif) repeat-x center bottom;
}

#aran-footer-bg{
padding-top:46px;
background:url(http://static.nexon.co.jp/maplestory_4th/campaign/aran/footer_bg.gif) repeat-x center top;
}
#aran-footer-area{
position:relative;
margin:0 0 0 30px;
padding-bottom:120px;
width:900px;
height:110px;
background:url(http://static.nexon.co.jp/maplestory_4th/campaign/aran/footer_bg_aran.gif) no-repeat;
}
#aran-footer-area{
}
#aran-footer-area .companyname{
display:inline;
float:left;
margin:43px 0 0 35px;
padding:0 0 0 55px;
height:33px;
background:url(http://static.nexon.co.jp/maplestory_4th/global/footer_logo_nexon.gif) no-repeat;
font-size:10px;
line-height:normal;
}
#aran-footer-area .companyname a{
color:#00a0e9;
}
#footer-area .companyname p{
margin:3px 0 0;
padding:0;
}
#aran-footer-area ul{
float:right;
padding:4px 0 0;
margin:43px 35px 0 0;
}
#aran-footer-area ul li{
font-size:10px;
display:inline;
padding:0 12px;
border-right:solid 1px #baab93;
}
#aran-footer-area ul li.last{
font-size:10px;
display:inline;
padding:0 0 0 12px;
border-right:none;
}
#aran-footer-area ul li a{
color:#5d6669;
}