@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;
}

#container{
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;
}



/* foot --------------------------------------------------- */
.foot{
/*clear:both;*/
border-top:2px solid #1c2024;
width:900px;
margin:0 auto;
padding-bottom:20px;
}
.foot a:link,
.foot a:visited{
color:#5d6669;
text-decoration:underline;
}
.foot a:active,
.foot a:hover{
color:#5d6669;
text-decoration:none;
}

.foot .copyright-cnt{
position: relative;
width:895px;
margin:15px 0 0;
background:url(http://static.nexon.co.jp/cso/beginner/index/logo.gif) no-repeat left top;
}
.foot .copyright-cnt a:link,
.foot .copyright-cnt a:visited{
color:#0096da;
text-decoration:underline;
}
.foot .copyright-cnt a:active,
.foot .copyright-cnt a:hover{
color:#0096da;
text-decoration:none;
}
.foot .copyright-cnt p{
color:#5d6669;
padding:4px 0 0 134px;
font-size:10px;
text-align:left;
line-height:normal;
}
.foot .eng{
font-family:Arial;
}
.foot ul{
width:400px;
position: absolute;
line-height:11px;
text-align:right;
float:right;
top:5px;
left:495px;
}

.foot .company{
font-size:10px;
display:inline;
padding:0 12px;
border-right:1px solid #434343;
}
.foot .company-l{
font-size:10px;
display:inline;
padding:0 0 0 12px;
}
.foot .company a:link,
.foot .company a:visited,
.foot .company-l a:link,
.foot .company-l a:visited{
color:#5d6669;
text-decoration:underline;
}

.foot .company a:active,
.foot .company a:hover,
.foot .company-l a:active,
.foot .company-l a:hover{
color:#5d6669;
text-decoration:none;
}