@import url('global.css');
body {background:#000 url('../image/main/bg.jpg') no-repeat top center;}
#gnb {background:#000 url('../image/gnb/bg.gif') repeat-x; height:35px;}

/* layout */
.wrap_content {width:986px; margin:0 auto;}
.content {padding-bottom:16px;}
.content .wrap_left {float:left; width:189px; background:url('../image/main/bg_left_mid.gif') repeat-y 10px 0; }
.content .wrap_left .bg_left_bot {padding:0 0 29px 10px; background:url('../image/main/bg_left_bot.gif') no-repeat 10px bottom; }
.content .wrap_middle {float:left; width:680px; background:url('../image/main/bg_issue_m.gif') repeat-y; }
.content .wrap_middle_left {float:left; width:439px; }
.content .wrap_middle_right {float:left; width:210px; padding:0 0 4px; border:1px solid #4F4F4F; background:#161616;}
.content .wrap_right {float:left; width:117px; }
.content .wrap_right .quicklink {padding:29px 0 11px 0px; }
.content .wrap_right .banner {padding:0 0 11px 6px; }

.wrap_middle .wrap_middle_rd {background: url('../image/main/bg_content_top.gif') no-repeat;}
.wrap_middle .pageinfo {position:relative; padding:27px 0 0 27px;}
.wrap_middle .pageinfo .linemap {position:absolute; top:37px; right:33px; padding:1px 7px 0 20px; background:#000; color:#696969;}
.wrap_middle .pageinfo .linemap em {font-style:normal; text-decoration:underline;}
.wrap_middle .pageinfo .linemap a:link, .wrap_middle .pageinfo .linemap a:visited, .wrap_middle .pageinfo .linemap a:active { color: #696969; text-decoration: none;}
.wrap_middle .pageinfo .linemap a:hover { color: #696969; text-decoration: underline;}
.wrap_middle .subcontent {padding:13px 29px 70px 19px; background: url('../image/main/bg_content_bot.gif') no-repeat left bottom; min-height:550px;}

.cntbody {float:left; background:url('../image/main/bg_issue_t.gif') no-repeat;}
.cntbody_rd {float:left; padding:19px 14px 40px 14px; background:url('../image/main/bg_issue_b.gif') no-repeat left bottom;}

#footer {clear:both; margin-top:10px;  }

/* left */
.wrap_userguide {padding:5px 0 0 8px;}
/* .wrap_characters {width:156px; padding:8px 0 11px 8px;} */
.wrap_characters {width:156px; margin:8px 0 11px 8px; background:#0E0E0E url('../image/main/bg_characters.gif') no-repeat 0 29px;}
.wrap_characters #warrior {background:url('../image/main/char_warrior.gif') no-repeat ;}
.wrap_characters #blader {background:url('../image/main/char_blader.gif') no-repeat ;}
.wrap_characters #wizard {background:url('../image/main/char_wizard.gif') no-repeat ;}
.wrap_characters #force_archer {background:url('../image/main/char_force_archer.gif') no-repeat ;}
.wrap_characters #force_shielder {background:url('../image/main/char_force_shielder.gif') no-repeat ;}
.wrap_characters #force_blader {background:url('../image/main/char_force_blader.gif') no-repeat ;}
.wrap_characters .subject {display:none;}
.wrap_characters .article {padding:100px 10px 0;}
/* .wrap_characters .article {padding:5px 10px 0;} */
.wrap_characters .more {padding-right:7px; text-align:right; font-size:9px;}
.wrap_characters .more a:link, .wrap_characters .more a:visited, .wrap_characters .more a:active {color:#656565; text-decoration:underline;}
.wrap_characters .more a:hover {color:#a3a3a3; text-decoration:underline;}
.wrap_rankings {width:156px; padding:0 0 11px 8px; background:url('../image/main/bg_rankings.gif') no-repeat 8px 22px; }
.wrap_rankings .tab {background:url('../image/main/ranking_tab_line.gif') no-repeat left bottom; padding:5px 0 0 13px;}
.wrap_rankings ol {margin:7px 0 0 0; padding:0; list-style-type:none;}
.wrap_rankings ol li {overflow:auto; clear:both; padding:0 0 5px 27px; font-size:10px;}
html*.wrap_rankings ol li {padding:0 0 3px 27px;}
.wrap_rankings ol li.num1 {background:url('../image/main/ranking_num1.gif') no-repeat 9px 2px;}
.wrap_rankings ol li.num2 {background:url('../image/main/ranking_num2.gif') no-repeat 9px 2px;}
.wrap_rankings ol li.num3 {background:url('../image/main/ranking_num3.gif') no-repeat 9px 2px;}
.wrap_rankings ol li.num4 {background:url('../image/main/ranking_num4.gif') no-repeat 9px 2px;}
.wrap_rankings ol li.num5 {background:url('../image/main/ranking_num5.gif') no-repeat 9px 2px;}
.wrap_rankings ol li.num6 {background:url('../image/main/ranking_num6.gif') no-repeat 9px 2px;}
.wrap_rankings ol li.num7 {background:url('../image/main/ranking_num7.gif') no-repeat 9px 2px;}
.wrap_rankings ol li.num8 {background:url('../image/main/ranking_num8.gif') no-repeat 9px 2px;}
.wrap_rankings ol li.num9 {background:url('../image/main/ranking_num9.gif') no-repeat 9px 2px;}
.wrap_rankings ol li .subject {float:left; color:#a3a3a3}
.wrap_rankings ol li .level {float:right; padding-right:5px; color:#727272; letter-spacing:-1px; }
.wrap_rankings .more {padding-right:7px; text-align:right; font-size:9px;}
.wrap_rankings .more a:link, .wrap_rankings .more a:visited, .wrap_rankings .more a:active {color:#656565; text-decoration:underline;}
.wrap_rankings .more a:hover {color:#a3a3a3; text-decoration:underline;}
.wrap_quickmenu {padding:10px 0 0 10px;}

/* middle - left */
.wrap_news {width:431px; padding:0 0 6px 0; }
.wrap_news .more {float:right; margin-top:-8px;padding-right:13px;}
.wrap_news .list_header{background:url('../image/main/bg_notice_top.gif') no-repeat bottom left; width:431px; height:6px;}
.wrap_news .list_footer{background:url('../image/main/bg_notice_bottom.gif') no-repeat top left; width:431px; height:9px;}
.wrap_news .list {width:420px; padding:1px 0 0 11px; background:url('../image/main/bg_notice_main.gif') repeat-y;}
.wrap_news .list ul {margin:0; padding:0; list-style-type:none; }
.wrap_news .list ul li {overflow:auto;margin:0; padding:0 0 3px 0; clear:both;}
html*.wrap_news .list ul li {padding:0 0 0px 0; clear:both;}
.wrap_news .list ul li .kind {float:left; display:block; width:68px; padding-top:5px}
.wrap_news .list ul li .subject {float:left;width:267px;}
.wrap_news .list ul li .date {float:left;width:70px;}
.wrap_hotitem { position:relative; visibility:visible; width:431px; padding:0 0 4px 0; overflow:hidden;}
.wrap_hotitem .navi {position:absolute; left:288pt; top:12pt; float:right;}
.wrap_hotitem .list {width:431px; height:70px; background:url('../image/main/bg_hotitem.gif') no-repeat; } 
.wrap_hotitem .list ul {margin:13px 0 0 4px; padding:0; list-style-type:none;}
.wrap_hotitem .list ul li {float:left; width:189px; padding:0 10px; }
.wrap_bestcontents {width:424px; margin-bottom:11px; padding:2px; border:1px solid #3c3c3c; background:#1a1a1a;}
.wrap_bestcontents .box {background:#0f0f0f; padding:3px 4px 10px 4px;}
.wrap_bestcontents h2 {padding-bottom:7px;}
.wrap_bestcontents .first {position:relative;}
.wrap_bestcontents .first .thumb {width:129px;margin:0 0 0 2px; padding:2px; border:1px solid #343434;}
.wrap_bestcontents .first .thumb img {vertical-align:top;}
.wrap_bestcontents .first .aritlce {position:absolute; top:3px; left:145px; width:270px;}
.wrap_bestcontents .first .aritlce .subject {color:#FFF; padding-bottom:6px;}
.wrap_bestcontents .first .aritlce p {padding:0 10px 6px 0; line-height:16px;}
.wrap_bestcontents ul {margin:10px 0 0 16px; padding:0; list-style-type:none;}
.wrap_bestcontents ul li {padding:0 0 3px 8px; background:url('../image/main/bul1.gif') no-repeat 0 5px;}
.wrap_bestscreenshot {position:relative; width:424px; margin-bottom:11px; padding:2px; border:1px solid #3c3c3c; background:#1a1a1a;}
.wrap_bestscreenshot .box {overflow:auto; background:#0f0f0f; padding:4px 4px 21px 4px;}
*html .wrap_bestscreenshot .box {height:135px;}
.wrap_bestscreenshot h2 {padding-bottom:8px;}
.wrap_bestscreenshot .more {position:absolute; top:17px; right:10px;}
.wrap_bestscreenshot ul {overflow:auto; margin:0; padding:0; list-style-type:none;}
.wrap_bestscreenshot ul li {float:left; width:133px; margin-right:7px; text-align:center;}
.wrap_bestscreenshot ul li.last {margin-right:0;}
.wrap_bestscreenshot ul li p.thumb {border:1px solid #343434; padding:1px;}
.wrap_bestscreenshot ul li p.name {padding:5px 0 0 0; color:#757575; font-weight:bold;}

/* middle - right */
.wrap_multimedia {position:relative; padding:12px 0 0 3px;}
.wrap_multimedia h2 {padding-bottom:4px;}
.wrap_multimedia .more {position:absolute; top:16px; right:8px;}
.wrap_multimedia .player {width:198px; padding:2px; border:1px solid #3a3a3a; }
.wrap_ost {padding:9px 0 13px 0; text-align:center;}
.wrap_newitem {position:relative; width:203px; margin-left:3px; background:#000 url('../image/main/bg_newitem_top.gif') no-repeat;}
.wrap_newitem h2 {padding:9px 0 8px 9px;}
.wrap_newitem .more {position:absolute; top:14px; right:4px;}
.wrap_newitem .list {background:url('../image/main/bg_newitem_top.gif') no-repeat left bottom; padding:0 0 11px 7px;}
.wrap_newitem .list ul {margin:0; padding:0; list-style-type:none;}
.wrap_newitem .list ul li {padding:0 0 16px 0; background:url('../image/main/newitem_line.gif') no-repeat left bottom;}
.wrap_newitem .list ul li.last {padding:13px 0 0 0;}