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

#cygnus-container{
position:relative;
margin:0;
padding:0;
text-align:center;
background:url(http://static.nexon.co.jp/maplestory_4th/campaign/cygnus/bg.jpg) no-repeat center 650px;
}
#cygnus-container h2{
margin:0;
padding:0;
}
#cygnus-container a span,
#cygnus-container h2 span{
position:absolute;
text-indent:-9999px;
}
#cygnus-container ul,
#cygnus-container dl{
margin:0;
padding:0;
list-style-type:none;
}
#cygnus-container ul li,
#cygnus-container dl dt,
#cygnus-container dl dd{
margin:0;
padding:0;
}

#cygnus-main{
margin:0 auto;
width:100%;
height:650px;
}
#cygnus-cont-bg{
width:100%;
}
#cygnus-cont-middle{
margin:0 auto;
width:903px;
padding:0 0 41px;
}
#cygnus-cont-middle #btn-mobile{
float:left;
margin:0 18px 0 0;
width:289px;
height:170px;
background:url(http://static.nexon.co.jp/maplestory_4th/campaign/cygnus/btn_mobile.gif) no-repeat left top;
}
#cygnus-cont-middle #btn-mobile h2 span,
#cygnus-cont-middle #btn-mobile a span{
position:absolute;
left:-9999px;
}
#cygnus-cont-middle #btn-mobile a{
display:block;
width:289px;
height:170px;
}
#cygnus-cont-middle #btn-blogparts{
float:left;
margin:0 18px 0 0;
width:288px;
height:170px;
background:url(http://static.nexon.co.jp/maplestory_4th/campaign/cygnus/btn_blogparts.gif) no-repeat left top;
}
#cygnus-cont-middle #btn-blogparts h2 span,
#cygnus-cont-middle #btn-blogparts a span{
position:absolute;
left:-9999px;
}
#cygnus-cont-middle #btn-blogparts a{
display:block;
width:288px;
height:170px;
}
#cygnus-cont-middle #countdown{
float:left;
padding:9px 9px 10px 7px;
width:273px;
height:151px;
background:url(http://static.nexon.co.jp/maplestory_4th/campaign/cygnus/bg_countdown.gif) no-repeat left top;
}
#cygnus-cont-middle #countdown h2 span{
position:absolute;
left:-9999px;
}

#cygnus-cont-bottom{
clear:both;
margin:0 auto;
padding:0 0 41px;
width:903px;
}
#cygnus-cont-bottom #cygnus-media{
float:left;
width:608px;
height:266px;
background:url(http://static.nexon.co.jp/maplestory_4th/campaign/cygnus/bg_media.gif) no-repeat left top;
text-align:left;
}
#cygnus-cont-bottom #cygnus-media h2 span{
position:absolute;
left:-9999px;
}
#cygnus-cont-bottom #cygnus-media ul{
padding:115px 0 0 50px;
list-style-type:none;
}
#cygnus-cont-bottom #cygnus-media ul li{
line-height:2.3;
}
#cygnus-cont-bottom #cygnus-media ul li a:hover{
text-decoration:none;
}
#cygnus-cont-bottom #linkbtn{
float:left;
padding:13px 0 0;
width:292px;
}
#cygnus-cont-bottom #linkbtn dl dt{
line-height:1.0;
font-size:0;
}
#cygnus-cont-bottom #linkbtn dl dt.btn-bbs a{
display:block;
width:292px;
height:142px;
}
#cygnus-cont-bottom #linkbtn dl dt.btn-bbs a:link,
#cygnus-cont-bottom #linkbtn dl dt.btn-bbs a:active,
#cygnus-cont-bottom #linkbtn dl dt.btn-bbs a:visited{
background:url(http://static.nexon.co.jp/maplestory_4th/campaign/cygnus/btn_bbs.jpg) no-repeat left top;
}
#cygnus-cont-bottom #linkbtn dl dt.btn-bbs a:hover{
background:url(http://static.nexon.co.jp/maplestory_4th/campaign/cygnus/btn_bbs.jpg) no-repeat left bottom;
}
#cygnus-cont-bottom #linkbtn dl dt.btn-bbs a span{
position:absolute;
left:-9999px;
}
#cygnus-cont-bottom #linkbtn dl dt.btn-fanart a{
display:block;
width:292px;
height:111px;
}
#cygnus-cont-bottom #linkbtn dl dt.btn-fanart a:link,
#cygnus-cont-bottom #linkbtn dl dt.btn-fanart a:active,
#cygnus-cont-bottom #linkbtn dl dt.btn-fanart a:visited{
background:url(http://static.nexon.co.jp/maplestory_4th/campaign/cygnus/btn_fanart.jpg) no-repeat left top;
}
#cygnus-cont-bottom #linkbtn dl dt.btn-fanart a:hover{
background:url(http://static.nexon.co.jp/maplestory_4th/campaign/cygnus/btn_fanart.jpg) no-repeat left bottom;
}
#cygnus-cont-bottom #linkbtn dl dt.btn-fanart a span{
position:absolute;
left:-9999px;
}

#btn-official{
clear:both;
margin:0 auto;
padding:0 0 31px;
width:286px;
height:98px;
}
#btn-official a{
display:block;
width:286px;
height:98px;
}
#btn-official a:link,
#btn-official a:active,
#btn-official a:visited{
background:url(http://static.nexon.co.jp/maplestory_4th/campaign/cygnus/btn_official.gif) no-repeat left top;
}
#btn-official a:hover{
background:url(http://static.nexon.co.jp/maplestory_4th/campaign/cygnus/btn_official.gif) no-repeat left bottom;
}
#btn-official a span{
position:absolute;
left:-9999px;
}

#cygnus-cont-middle:after{
content: "";
display: block;
clear: both;
}
#cygnus-cont-bottom:after{
content: "";
display: block;
clear: both;
}