@charset "utf-8";
/* CSS Document */
body{
margin:0;
padding:0;
background:url(http://static.nexon.co.jp/cso/beginner/index/background.gif) repeat-x 0px 557px;
}

h1,h2,h3,form{
margin:0;
padding:0;
}

span{
position:absolute;
left:-9999px;
}

#beginner-container{
position:relative; 
width:100%; 
margin:0 auto; 
text-align:center;
}

div,p,td,ul,li,dl,dt,dd{
line-height:1.5;
margin:0;
padding:0;
font-size:12px;
font-family:"lr oSVbN", Osaka, "qMmpS Pro W3";
color:#8c8c8c;
}

ul{
list-style-type:none;
}

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


#beginner-main{
width:100%;
height:522px;
text-align:left;
}

#beginner-detail{
background:url(http://static.nexon.co.jp/cso/beginner/index/background.gif) repeat-x;
}

#beginner-detail-cnt{
width:900px;
height:336px;
margin:0 auto;
text-align:left;
}

#entry-btn{
padding:20px 0;
text-align:center;
background:url(http://static.nexon.co.jp/cso/beginner/index/bg_entry.gif) no-repeat center top;
}
#entry-btn a{
display:block;
width:330px;
height:63px;
margin:0 auto;
}
#entry-btn a:link,
#entry-btn a:visited,
#entry-btn a:active{
background:url(http://static.nexon.co.jp/cso/beginner/index/btn_entry.gif) no-repeat left top;
}
#entry-btn a:hover{
background:url(http://static.nexon.co.jp/cso/beginner/index/btn_entry.gif) no-repeat left bottom;
}

#media{
float:left;
width:440px;
height:233px;
background:url(http://static.nexon.co.jp/cso/beginner/index/bg_media.gif) no-repeat left bottom;
text-align:left;
}
#media h2{
width:440px;
height:38px;
background:url(http://static.nexon.co.jp/cso/beginner/index/sttl_media.gif) no-repeat;
}
#media-detail{
width:440px;
height:195px;
background:#4c4c4c;
}
#media-detail table{
width:440px;
}
.item-newslist{
padding:0 0 0 8px;
height:23px;
vertical-align:bottom;
}
.item-newslist p{
margin:0;
padding:0;
background:url(http://static.nexon.co.jp/cso/beginner/index/icn_media_list.gif) no-repeat 0px center;
text-indent:14px;
line-height:1.0;
}

.item-publish{
padding:0 0 0 22px;
height:10px;
vertical-align:top;
}
.item-publish p{
font-family:Verdana, "lr oSVbN", Osaka, "qMmpS Pro W3";
color:#c8c8c8;
font-size:10px;
line-height:1.0;
vertical-align:txt-bottom;
}

.item-date{
padding:0 20px 0 0;
height:10px;
vertical-align:top;
}
.item-date p{
font-family:Verdana, "lr oSVbN", Osaka, "qMmpS Pro W3";
color:#c8c8c8;
font-size:10px;
text-align:right;
vertical-align:txt-bottom;
}

#media ul{
padding:6px 0 0 12px;
}
#media ul li{
background:url(http://static.nexon.co.jp/cso/beginner/index/icn_media_list.gif) no-repeat 0px 7px;
padding-left:10px;
line-height:22px;
}

#spec{
float:right;
width:440px;
height:233px;
background:url(http://static.nexon.co.jp/cso/beginner/index/bg_spec.gif) no-repeat left bottom;
text-align:left;
}

#spec h2{
width:440px;
height:38px;
background:url(http://static.nexon.co.jp/cso/beginner/index/sttl_spec.gif) no-repeat;
}

#media h2 span,
#spec h2 span{
position:absolute;
left:-9999px;
}

#spec-detail table{
width:440px;
}
.item-necessity-head{
height:33px;
}
.item-recommend-head{
height:33px;
}

.item-necessity{
vertical-align:top;
width:173px;
height:27px;
}
.item-necessity p{
padding-top:5px;
font-family:Verdana, "lr oSVbN", Osaka, "qMmpS Pro W3";
color:#969696;
}

.item-recommend{
vertical-align:top;
width:197px;
height:27px;
}
.item-recommend p{
padding-top:5px;
font-family:Verdana, "lr oSVbN", Osaka, "qMmpS Pro W3";
font-weight:bold;
color:#c8c8c8;
}

#official-btn{
clear:both;
padding:20px 0;
text-align:center;
}
#official-btn a{
display:block;
width:432px;
height:63px;
margin:0 auto;
}

#official-btn a:link,
#official-btn a:visited,
#official-btn a:active{
background:url(http://static.nexon.co.jp/cso/beginner/index/btn_official.gif) no-repeat left top;
}
#official-btn a:hover{
background:url(http://static.nexon.co.jp/cso/beginner/index/btn_official.gif) no-repeat left bottom;
}



/* ↓+++++++++++++++フッター++++++++++++++++++++↓ */
#footer{
clear:both;
position:relative;
width:900px;
margin:0 auto;
padding:15px 10px 0;
border-top:solid 2px #0a3255;
}
#footer .companyname{
display:inline;
float:left;
height:60px;
padding:0 0 15px 132px;
background:url(http://static.nexon.co.jp/cso/common/footer_logo_img2.gif) no-repeat 10px 0;
text-align:left;
}
#footer .companyname p{
clear:both;
margin:0;
padding:5px 0 0 7px;
font-size:10px;
line-height:normal;
}
#footer .nexonlink a:link,
#footer .nexonlink a:visited,
#footer .nexonlink a:active{
color:#00a0e9;
text-decoration:underline;
}
#footer .nexonlink a:hover{
color:#00a0e9;
text-decoration:none;
}
#footer .eng{
font-family:Arial;
color: #5d6669;
}
#footer ul{
margin:0;
padding:0;
width:100%;
height:10px;
}
#footer ul li{
float: left;
height:10px;
font-size:10px;
display:inline;
padding:0 7px;
border-right:solid 1px #9ca2a2;
line-height:10px;
white-space:nowrap;
}
#footer ul li.last{
font-size:10px;
display:inline;
padding:0 0 0 7px;
border-right:none;
}
#footer ul li a:link,
#footer ul li a:visited,
#footer ul li a:active{
color:#5d6669;
text-decoration:underline;
}
#footer ul li a:hover{
color:#5d6669;
text-decoration:none;
}