body{
margin:0;
padding:0;
line-height:17px;
font-size:12px;
font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
background: url(http://static.nexon.co.jp/cso/common/bg.gif) repeat-x ;
color: #4c4c4c;
}
h1,h2,h3,h4,h5,h6,ul{
margin:0;
padding:0;
}
ul{
list-style-type:none;
}
h1 span,
h2 span,
h3 span,
h4 span,
li span,
a span{
display:none;
}
img{
border: 0;
}
.nodisplay{
display:none;
}
#top{
width:100%; 
height:244px; 
margin:0 auto;
text-align: center;
}
#container{
width:892px; 
margin:0 auto; 
position:relative; 
}
#left{
margin-top: 30px;
padding:0;
width:228px; 
float:left;
}
#main{
margin: 30px 0 50px 0;
padding:0;
width:653px; 
float:left;
}
#right{
width:262px; 
height:100px; 
float:left;
}
a{
text-decoration: underline;
color: #4c4c4c;
}
a:hover{
text-decoration: none;
color:#4c4c4c;
}
.clear{
clear:both;
}
#bread{
position:relative; 
right:20px; 
top:-29px; 
font-size:10px; 
color:#4c4c4c; 
text-align:right;
}
.btn-backtop a{
margin:8px auto 0 auto;
display:block;
height:28px;
width:163px;
text-indent:-9999px;
background:url(http://static.nexon.co.jp/cso/common/btn_backtop.gif) no-repeat right top;
}

.btn-backtop a:hover{
background:url(http://static.nexon.co.jp/cso/common/btn_backtop.gif) no-repeat right bottom;
}
.font-red{
color:#ce0606;
}
/*↓+++++++++++++++LOGOUT++++++++++++++++++++↓ */
#logout{
margin:0;
padding:0;
width:922px;
height:81px;
top:4px;
left:-20px;
position:relative;
text-align:left;
background:url(http://static.nexon.co.jp/cso/common/bg_logout.jpg) no-repeat;
}
#logout .loginform{
top: 32px;
position: relative;
margin-left:19px;
_margin-top :32px;
}
#logout .loginform .nexonid{
background:url(http://static.nexon.co.jp/cso/common/input_id_txt.gif) no-repeat 7px 4px;
background-color:#ffffff;
border:1px solid #6a6a6a;
}
#logout .loginform .password{
background:url(http://static.nexon.co.jp/cso/common/input_pw_txt.gif) no-repeat 7px 4px;
background-color:#ffffff;
border:1px solid #6a6a6a;
}
#logout .loginform input{
height:17px;
width:103px;
margin-right:5px;
float:left;
}
#logout .loginform .btn-login a{
float:left;
display:block;
width:110px;
top:-4px;
_top:-35px;
position:relative;
height:30px;
text-indent:-9999px;
background:url(http://static.nexon.co.jp/cso/common/btn_login.gif) no-repeat left top;
}
#logout .loginform .btn-login a:hover{
background:url(http://static.nexon.co.jp/cso/common/btn_login.gif) no-repeat left bottom;
}
#logout .loginform .txt{
color:#929292;
font-size:10px;
background:url(http://static.nexon.co.jp/cso/common/blt_loginform_txt.gif) no-repeat 12px 7px;
padding-left:22px;
position:relative; 
top:-5px; 
_top:-35px; 
float:left;
}
#logout .loginform .txt a{
color: #929292;
}
#logout .loginform .btn-gamestart a{
margin: -17px 22px 0 0;
_margin: -17px 11px 0 0;
padding:0;
float: right;
display: block;
width:297px;
height: 45px;
text-indent: -9999px;
background:url(http://static.nexon.co.jp/cso/common/btn_logout_gamestart.gif) no-repeat left top;
}
#logout .loginform .btn-gamestart a:hover{
background:url(http://static.nexon.co.jp/cso/common/btn_logout_gamestart.gif) no-repeat left bottom;
}
#logout #gamestart-img,
#login #gamestart-img{
position: absolute;
left: 892px;
top: -36px;
margin:0;
padding: 0;
width:56px;
height:124px;
background: url(http://static.nexon.co.jp/cso/common/img_login_item.png) no-repeat;
text-align:left;
}
* html #logout #gamestart-img,
* html #login #gamestart-img{ behavior: expression(IEPNGFIX.fix(this)); }
/* ↓+++++++++++++++LOGIN++++++++++++++++++++↓ */
#login{
margin:0;
padding:0;
width:922px;
height:81px;
top:4px;
left:-20px;
position:relative;
text-align:left;
background:url(http://static.nexon.co.jp/cso/common/bg_login.jpg) no-repeat;
}
#login .welcom{
position:relative;
top: 31px;
left: 19px;
float:left;
width:307px;
height:22px;
color:#6c6c6c;
margin:-3px 27px 0 0;
padding:5px 12px 0 8px;
background-color:#050505;
border:1px #2a2b2b solid;
}
#login .welcom .td-welcom{
width:55px;
}
#login .welcom .td-id{
width:163px;
}
#login .welcom .td-id a{
color: #959595;
font-weight: bold;
}
#login .welcom .td-rank{
width:91px;
text-align: right;
}
#login .welcom .td-rank span{
color: #959595;
}
#login .loginform .btn-logout a{
float:left;
display:block;
width:110px;
top:27px;
position:relative;
height:30px;
text-indent:-9999px;
background:url(http://static.nexon.co.jp/cso/common/btn_logout.gif) no-repeat left top;
}
#login .loginform .btn-logout a:hover{
background:url(http://static.nexon.co.jp/cso/common/btn_logout.gif) no-repeat left bottom;
}
#login .loginform .btn-gamestart a{
margin: 15px 22px 0 0;
_margin: 15px 11px 0 0;
padding:0;
float: right;
display: block;
width:297px;
height: 45px;
text-indent: -9999px;
background:url(http://static.nexon.co.jp/cso/common/btn_login_gamestart.gif) no-repeat left top;
}
#login .loginform .btn-gamestart a:hover{
background:url(http://static.nexon.co.jp/cso/common/btn_login_gamestart.gif) no-repeat left bottom;
}

/* ↓+++++++++++++++HOW TO START++++++++++++++++++++↓ */
#howto{
background: url(http://static.nexon.co.jp/cso/common/bg_howto.gif) no-repeat;
width: 203px;
height: 189px;
padding-top: 40px;
}
#howto ul li{
line-height: 0;
font-size: 0;
margin-left: 8px;
}
#howto a{
display: block;
width: 189px;
height: 40px;
text-indent: -9999px;
}
#howto .nexonid{
margin-left: 7px;
margin-bottom: 9px;
height: 50px;
background: url(http://static.nexon.co.jp/cso/common/btn_howto_nexonid.gif) no-repeat left top;
}
#howto .nexonid a:hover{
height: 50px;
background: url(http://static.nexon.co.jp/cso/common/btn_howto_nexonid.gif) no-repeat left bottom;
}
#howto .download{
background: url(http://static.nexon.co.jp/cso/common/btn_howto_download.gif) no-repeat left top;
}
#howto .download a:hover{
background: url(http://static.nexon.co.jp/cso/common/btn_howto_download.gif) no-repeat left bottom;
}
#howto .guide{
background: url(http://static.nexon.co.jp/cso/common/btn_howto_guide.gif) no-repeat left top;
}
#howto .guide a:hover{
background: url(http://static.nexon.co.jp/cso/common/btn_howto_guide.gif) no-repeat left bottom;
}
#howto .faq{
background: url(http://static.nexon.co.jp/cso/common/btn_howto_faq.gif) no-repeat left top;
}
#howto .faq a:hover{
background: url(http://static.nexon.co.jp/cso/common/btn_howto_faq.gif) no-repeat left bottom;
}
.point-charge{
float: left;
margin: 6px 38px 0 8px;
display: inline;
}
.point-charge a{
display: block;
width: 72px;
height: 31px;
text-indent: -9999px;
background: url(http://static.nexon.co.jp/cso/common/btn_point_charge.gif) no-repeat left top;
}
.point-charge a:hover{
background: url(http://static.nexon.co.jp/cso/common/btn_point_charge.gif) no-repeat left bottom;
}
.point-info{
float: left;
margin: 6px 0 0 0;
display: inline;
}
.point-info a{
display: block;
width: 75px;
height: 31px;
text-indent: -9999px;
background: url(http://static.nexon.co.jp/cso/common/btn_point_info.gif) no-repeat left top;
}
.point-info a:hover{
background: url(http://static.nexon.co.jp/cso/common/btn_point_info.gif) no-repeat left bottom;
}

/* ↓+++++++++++++++PAGING++++++++++++++++++++↓ */
#paging{
margin:6px auto 0 auto;
color:#4a4a4a;
}
.paging-icn{
padding:6px 4px 0 4px;
}
.paging-num{
padding-top:2px;
}
.paging-num ul{
margin:0;
padding:0;
list-style-type:none;
}
.paging-num li{
display:inline;
float:left;
margin:5px;
padding:5px;
height:13px;
text-align: center;
line-height:12px;
font-weight:bold;
}
.paging-num a{
color:#4a4a4a;
text-decoration:underline;
font-weight:normal;
}
.paging-num a:hover{
color:#4a4a4a;
text-decoration:none;
font-weight:normal;
}
.paging-num-now{
border: 1px #e5e6e6 solid;
width: 13px;
}

/* ↓+++++++++++++++TOPへ++++++++++++++++++++↓ */
.gotop{
clear:both;
margin: 0 0 10px 770px;
height:21px;
width: 93px;
}
.gotop a{
display: block;
width: 93px;
height: 21px;
text-indent: -9999px;
background: url(http://static.nexon.co.jp/cso/common/btn_gotop.gif) no-repeat top; 
}
.gotop a:hover{
background: url(http://static.nexon.co.jp/cso/common/btn_gotop.gif) no-repeat bottom; 
}

/* ↓+++++++++++++++フッター++++++++++++++++++++↓ */
#footer{
clear:both;
position:relative;
margin:0 auto 20px 0;
padding:15px 10px 0;
width:881px;
height:33px;
border-top:solid 2px #0a3255;
}
#footer .companyname{
display:inline;
float:left;
padding:0 0 15px 132px;
height:60px;
background:url(http://static.nexon.co.jp/cso/common/footer_logo_img2.gif) no-repeat 10px 0;
text-align:left;
}
#footer .companyname p{
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;
font-size:10px;
display:inline;
padding:0 7px;
border-right:solid 1px #9ca2a2;
line-height:10px;
}
#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;
}
/* ↓+++++++++++++++メンテナンス++++++++++++++++++++↓ */
#mainte-body{
margin:0;
padding:0;
line-height:17px;
font-size:12px;
font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
background: url(http://static.nexon.co.jp/cso/common/mainte_bgline.gif) repeat-x left 34px;
color: #4c4c4c;
}
#mainte-container{
width: 100%;
background: url(http://static.nexon.co.jp/cso/common/bg_mainte.gif) no-repeat center top; 
margin: 0 auto;
padding-top: 74px;
}
#mainte-main{
margin: 0 auto 79px auto;
padding:0;
width:821px; 
}
#mainte-main-ttl{
background: url(http://static.nexon.co.jp/cso/common/ttl_mainte.gif) no-repeat center top; 
width: 821px;
height: 94px;
}
#mainte-main-contents{
background: url(http://static.nexon.co.jp/cso/common/img_mainte.gif) no-repeat center top; 
width: 821px;
height: 315px;
padding-top: 94px;
}
#mainte-main-contents .mainte-text01{
color: #eeeeee;
margin-left: 219px;
display: inline;
}
#mainte-main-contents .mainte-text02{
color: #c8c8c8;
margin: 38px 0 0 252px;
line-height: 18px;
display: block;
width: 350px;
}
#mainte-main-contents .mainte-text02 strong{
color: #ffffff;
line-height: 25px;
}
#mainte-main-contents .mainte-time{
font-size:14px;
color:#FFFF00;
font-weight:bold;
margin: 18px 0 0 224px;
}
#mainte-main-contents-btn a{
background: url(http://static.nexon.co.jp/cso/common/btn_mainte_01.gif) no-repeat top; 
text-indent: -9999px;
display: block;
width: 256px;
height: 49px;
margin: 10px auto 0 auto;
}
#mainte-main-contents-btn a:hover{
background: url(http://static.nexon.co.jp/cso/common/btn_mainte_01.gif) no-repeat bottom; 
}
#btn-back-nexon a{
background: url(http://static.nexon.co.jp/cso/common/btn_mainte_02.gif) no-repeat top; 
text-indent: -9999px;
display: block;
width: 254px;
height: 39px;
margin: 13px auto 0 auto;
}
#btn-back-nexon a:hover{
background: url(http://static.nexon.co.jp/cso/common/btn_mainte_02.gif) no-repeat bottom; 
}
#mainte-footer{
width: 861px;
margin: 0 auto;
}
/* ↓+++++++++++++++エラー++++++++++++++++++++↓ */
#error-container{
width: 100%;
background: url(http://static.nexon.co.jp/cso/common/bg_mainte.gif) no-repeat center top; 
margin: 0 auto;
padding-top: 74px;
}
#error-main{
margin: 0 auto 79px auto;
padding:0;
width:821px; 
}
#error-main-ttl{
background: url(http://static.nexon.co.jp/cso/common/ttl_error.gif) no-repeat center top; 
width: 821px;
height: 94px;
}
#error-main-contents{
background: url(http://static.nexon.co.jp/cso/common/img_error.gif) no-repeat center top; 
width: 821px;
height: 259px;
padding-top: 51px;
}
#error-main-contents .error-text01{
color: #c8c8c8;
display: block;
margin: 0 0 0 252px;
}
#error-main-contents .error-text01 strong{
color: #ffffff;
line-height: 28px;
}
#btn-back-cso a{
background: url(http://static.nexon.co.jp/cso/common/btn_error_01.gif) no-repeat top; 
text-indent: -9999px;
display: block;
width: 254px;
height: 39px;
margin: 13px auto 0 auto;
}
#btn-back-cso a:hover{
background: url(http://static.nexon.co.jp/cso/common/btn_error_01.gif) no-repeat bottom; 
}