/* CSS Document */
@import url(bbs.css);/*OldSiteCss*/
@import url(board.css);
@import url(news.css);
@import url(gameinfo.css);
@import url(playguide.css);
@import url(community.css);
@import url(library.css);
@import url(member.css);
@import url(itemshop.css);

html { filter: expression(document.execCommand("BackgroundImageCache", false, true));}
html,body{ height:100%}
body, td, th, div, form, textarea, center, pre, blockquote, p ,span { font-size:12px; color:#666666; font-family:"MS PGothic", "Verdana"; line-height:160%; word-wrap:break-word; word-break:break-all; }
ul, ol, li,dd,dt { font-size:12px; color:#666666; font-family:"MS PGothic", "Verdana"; line-height:160%; margin:0px; }
input { font-size:12px; color:#666666; font-family:"MS PGothic", "Verdana";  }
th { text-align:center; }
body,td, img { margin:0 }
p { margin:0px 0px 0px 0px; }
form { margin:0 }
hr { }
input{}
a img{ }
img { border:0; }
.cler-both { clear:both; font: 0px/0px monospace; display: block; } 
.clear-both { clear:both; font: 0px/0px monospace; display: block; } 
.padNo { line-height:0px; font-size:0px; margin:0 0 0 0 }
ul, ol, li { padding:0; margin:0; list-style:none; }
h1, h2, h3, h4, h5, h6, h7 { margin:0; padding:0; font-size:100%; font-weight:normal; }
a:link { color: #666666; text-decoration: none; }
a:visited { color: #666666; text-decoration: none; }
a:active { color: #666666; text-decoration: none; }
a:hover { color: #666666; text-decoration:underline; }

.deTable { border-top:#dadada 0px solid; margin:0 0 0 0; border-right:#dadada 1px solid; border-top:#dadada 1px solid;  }
.deTable td { padding:7px 10px; border-left:#dadada 1px solid; border-bottom:#dadada 1px solid; }
.deTable th { padding:7px 10px; border-left:#dadada 1px solid; border-bottom:#dadada 1px solid; background:#f2f2f2; font-weight:normal }
.deTable tr { background:#ffffff }
.deTable input { border:#dadada solid 1px; padding:1px 1px 0px 3px; color:#666666; height:16px; }
.deTable .radio { border:none }
.deTable textarea { width:99%; height:150px; border:#dadada solid 1px; padding:1px 3px 1px 5px; color:#666666; overflow:auto }

.noBoTable td{ border:none}
#indexBody { background:url(/images/new_temp/bgIndex.gif) repeat-x 0px 33px; }

/*
#indexWrap { background:url(/images/main/bottomBg.jpg) repeat-x bottom center;}
#indexWrap2 { background:url(/images/main/indexBg.jpg) no-repeat center top; } 
*/

/*
#subBody { background:url(/images/main/bg.jpg) repeat-x 0px 33px;}
#subWrap { background:url(/images/main/bottomBg.jpg) repeat-x bottom center; min-height:100%;  }
*/
#subBody { background:url(/images/new_temp/bgIndex.gif) repeat-x 0px 33px; }
#subWrap2 { width:1000px; margin:auto;}


#indexBg { width:1000px; margin:auto;}
#subBgNews { background:url(/images/main/subBgNews.jpg) no-repeat center top; margin:auto  }
#subBgGameinfo { background:url(/images/main/subBgGameinfo.jpg) no-repeat center top; margin:auto }
#subBgBeginner { background:url(/images/main/subBgBeginner.jpg) no-repeat center top; margin:auto  }
#subBgGameStart { background:url(/images/main/subBgGameStart.jpg) no-repeat center top; margin:auto  }
#subBgPlayguide { background:url(/images/main/subBgPlayguide.jpg) no-repeat center top; margin:auto   }
#subBgGameData { background:url(/images/main/subBgGameData.jpg) no-repeat center top; margin:auto  }
#subBgSupport { background:url(/images/main/subBgSupport.jpg) no-repeat center top; margin:auto  }
#subBgCommunity { background:url(/images/main/subBgCommunity.jpg) no-repeat center top; margin:auto  }
#subBgLibrary { background:url(/images/main/subBgLibrary.jpg) no-repeat center top; margin:auto   }
#subBgMypage { background:url(/images/main/subBgMypage.jpg) no-repeat center top; margin:auto   }
#subBgMember { background:url(/images/main/subBgMypage.jpg) no-repeat center top; margin:auto  }
#subBgEtc { background:url(/images/main/subBgEtc.jpg) no-repeat center top; margin:auto   }
#subBgItemshop { background:url(/images/main/subBgItemshop.jpg) no-repeat center top;  }

#indexFlash { width:1250px; height:380px; position:relative; background:url(/images/new_temp/flomain_bg2.jpg) no-repeat center top; margin-left:-125px;float:left;}
#subFlash { width:1250px; height:200px; position:relative;margin-left:-125px;float:left;}

#indexTop { width:100px; height:393px; position:relative;}
#indexTop .logo { width:342px; height:172px; position:absolute; top:55px; left:337px; }
#indexTop .join { width:230px; height:146px; position:absolute; top:87px; left:10px; z-index:50 }
#indexTop .mainFlash { width:1000px; height:393px; position:absolute; top:0px; left:0px;  margin:0 0 0 0;}
/*
#indexTop .menu { width:740px; height:57px; position:absolute;  top:267px; left:250px;  margin:0 0 0 0;}
*/
#indexTop .login { margin:0 0 0 0;  position:absolute; top:268px; left:10px;}
#indexTop .logout {  margin:0 0 0 0;  position:absolute; top:268px; left:10px;}

#subTop { width:990px; height:210px; position:relative;}
#subTop .logo { width:230px; margin:0 0 0 0; position:relative; top:5px; left:10px;}
#subTop .menu { width:740px; height:57px; position:absolute; left:250px; top:10px;}
#subTop .join {width:230px; height:63px; position:relative; top:0px; left:10px;}
#subTop .download{position:absolute; top:124px; left:10px; margin:0} 

#flomain_bg { width:1250px; height:700px; background:url(/images/new_temp/flomain_bg2.jpg) no-repeat center top;}

/**/

#indexMain{width:1000px; padding:0 0 18px 0;}
#indexMain .left{ width:220px; float:left;  padding:0 0 0 0px; margin:auto; display:inline;}
#indexMain .left2{ width:220px; float:left;  padding:0 0 0 0px; margin:auto; display:inline;}
#indexMain .center{ width:775px; float:right; margin:0px 0 0 0}
/*
#indexMain .center .top{ background:url(/images/main/indexCtnTop.gif) no-repeat;width:740px; height:20px;}
#indexMain .center .ctn{ background:url(/images/main/indexCtnBg.gif) repeat-y;width:718px; min-height:500px; padding:0 0 5px 22px;}
*/

#indexMain .center .contents { width:690px; min-height:300px; background:url(/images/main/subContentsBg.gif) repeat-y; padding:20px 0 20px 50px; }
#indexMain .right{width:240px; float:right;  padding:0 0 0 10px; margin:0px 0 0 0; overflow:hidden}

#subMain{width:1000px; padding:0 0 28px 0;}
#subMain .left{ width:220px; float:left;  padding:0 0 0 0; margin:auto;display:inline;}
#subMain .center{ width:740px; float:left; padding-left:20px;display:inline;}
#subMain .center .title { background:url(/images/new_temp/subTitBg.gif) no-repeat; padding:21px 0 0 55px; width:685px; height:45px; overflow:hidden }
#subMain .center .title h3 { float:left; width:200px; padding-left:20px;}
#subMain .center .title .location { float:right; color:#ffffff; text-align:right; padding:4px 30px 0 10px; font-size:12px; background:url(/images/main/bulLocation.gif) no-repeat 0px 9px ;}
#subMain .center .contents { width:740px; min-height:300px; background:url(/images/main/subContentsBg.gif) repeat-y; padding:20px 0px 20px 55px; _padding-left:20px;}
#subMain .bottom { background:url(/images/new_temp/subContentsBot.gif) no-repeat; padding:21px 0 0 55px; width:685px; height:45px; overflow:hidden }
/* #subMain .right{width:0px; float:left;  padding:0 0 0 10px; display:none}*/


#subMain .loginM { margin:0 0 0 0; }
#subMain .logout { margin:0 0 0 0; }


.menu .mCoin { position:absolute; top:-23px; left:691px; margin:0}
#subMenu01 { position:absolute; width:135px; left:10px; top:52px; visibility: hidden;}
#subMenu02 { position:absolute; width:145px; left:42px; top:52px; visibility: hidden;}
#subMenu03 { position:absolute; width:160px; left:122px; top:52px; visibility: hidden; }
#subMenu04 { position:absolute; width:160px; left:212px; top:52px; visibility: hidden; }
#subMenu05 { position:absolute; width:160px; left:301px; top:52px; visibility: hidden; }
#subMenu06 { position:absolute; width:175px; left:383px; top:52px; visibility: hidden; }
#subMenu07 { position:absolute; width:140px; left:555px; top:52px; visibility: hidden; }
#subMenu08 { position:absolute; width:180px; left:483px; top:52px; visibility: hidden; }
#subMenu09 { position:absolute; width:140px; left:700px; top:52px; visibility: hidden;}

#indexBot { width:1000px;height:75px; text-align:left; margin:auto; margin-top:30px;}
#indexBot .logoSankando { width:146px ; float:left; text-align:right; margin:0 0 0 125px; display:inline;}
#indexBot .copy { padding:0 0 0 20px ; float:left; display:inline;}
#indexBot .copy p { color:#000; }
#indexBot .copy a { color:#000; }
#indexBot .geo { float:right; width:120px; text-align:right }

#shopBot { width:800px;height:75px; text-align:left; margin:auto; margin-top:30px;}
#shopBot .logoSankando { width:146px ; float:left; text-align:right; margin:0 0 0 20px;}
#shopBot .copy { padding:0 0 0 20px ; float:left}
#shopBot .copy p { color:#FFF; }
#shopBot .copy a { color:#FFF; }
#shopBot .geo { float:right; width:120px; text-align:right }

.ctn1{width:551px; float:left; padding:0px; margin:auto; display:inline;}
.ctn1-top{background:url(/images/new_temp/top_center_bg01.gif) no-repeat;padding:0px; margin:auto; height:33px; width:551px;}
.ctn1-middle{background:url(/images/new_temp/top_center_bg02.gif) repeat-y; margin:auto; min-height:300px; width:525px; padding-left:18px;}
.ctn1-bottom{background:url(/images/new_temp/top_center_bg03.gif) no-repeat; padding:0px; margin:auto; height:36px; width:551px;}

.ctn2{ width:220px; float:left; margin:0 0 0 0px; display:inline;}
.mainNotice{ width:340px; margin:0px 0 0 0}
.mainSuggestion{ width:340px; margin:10px 0 0 0}
.mainDemand{ width:340px; margin:10px 0 0 0}
.mainComic{ width:340px; margin:10px 0 0 0}
.mainSSboard{ width:340px;  margin:10px 0 0 0;}
.mainSSboard .SSborder { background:#eaeaea; border:solid 1px #dbdbdb; padding:10px 6px}
.mainSSboard .SStit{ text-align:center; padding:5px 0; background:url(/images/board/dotLine.gif) bottom repeat-x;}
.mainEvent{ width:340px; margin:10px 0 0 0; background-color:#ffffff;}
.mainToon{ width:340px; margin:10px 0 0 0;}
.mainComplaint{ width:340px; margin:0px 0 0 0;}
.mainRollEvent{ width:695px; height:118px; margin:0px 0 0px 0; background:#eeeeee}
.mainSupport{margin:0 0 0 0px;}

.mainArt{ background:url(/images/main/artBg.gif) no-repeat; width:230px; height:170px;}
.mainSS{ background:url(/images/main/ssBg.gif) no-repeat; width:230px; height:116px; margin:15px 0 0 0}
.mainFanSite{ background:url(/images/main/fanBg.gif) no-repeat; width:230px; height:300px; margin:15px 0 0 0}
.fanSite { margin:15px 0 0 0; width:340px; }
.fanSite .img { border:#6ba2a3 4px solid; margin:3px 0 2px 0 }
.fanSite .t01 a { color:#518d8e; }
.fanSite .t01 { color:#f3e3c6; line-height:14px; padding:5px 0 0 0 }
.fanSite .t02 { color:#535353; font-size:11px }
.mainWall{ margin:15px 0 0 0; width:695px;}
.mainMovie{ margin:10px 0 0 0}
.mainMovie p{ background:url(/images/main/titMovieBg.gif) no-repeat; height:147px; text-align:center;}

.mainPoll { margin:10px 0 0 0}
.mainPoll td{ color:#FFFFFF}
.mainListTable { width:480px; margin:0 4px 0 4px; }
.mainListTable .dotLine { background:url(/images/board/dotLine.gif) repeat-x top; height:1px; }
.mainListTable td { line-height:20px; height:20px; padding:1px 0 2px 0 } /*ieCss*/

.mainListTable2 { width:480px; margin:0 4px 0 4px; }
.mainListTable2 .dotLine { background:url(/images/board/dotLine.gif) repeat-x top; height:1px; }
.mainListTable2 td { line-height:20px; height:20px; padding:1px 0 2px 0 } /*ieCss*/

.mainListTable3 { width:245px; margin:0 4px 0 4px; }
.mainListTable3 td { line-height:20px; height:20px; padding:1px 0 2px 0 } /*ieCss*/

.bannerRight .bnr { background:url(/images/main/bannerDot.gif) bottom repeat-x; width:200px; margin:0 0 0px 0; padding:0 0 10px 0; clear:both}
.bannerRight .bnr .bnrTit { font-weight:bold; color:#FFFFFF; width:200px; clear:both; padding:5px 0 0 0 }
.bannerRight .bnr .bnrImg { width:71px; height:48px; float:left; margin:0px 0 0 0; padding:3px 0 0 0;display:inline;}
.bannerRight .bnr .bnrImg img { border:#006633 1px solid; }
.bannerRight .bnr .bnrCtn { color:#cfe8f4; width:112px; margin:0px 0 0 10px; float:left;display:inline;}

.rbanner { width:205px; float:left;  padding:10px 0 0 10px; margin:auto; display:inline;}

.oneline{ background:url(/images/main/onLineBg.gif) no-repeat; width:695px; height:26px; padding:10px 0 0 0; margin:0 0 8px 0}
* html .oneline{ height:23px; padding:13px 0 0 0}
.oneline marquee{ margin:0 0 0 100px; color:#FFFFFF; width:580px; font-size:12px; height:20px;}
.oneline .textScroll{color:#FFFFFF; width:580px;}
.oneline .textScroll img{ margin:0 3px 0 10px;}

/* Left Contents Group Start */

.login { background:url(/images/main/loginBg.gif) no-repeat; width:230px; height:109px; }
.login dd{float:left;display:inline;}
.login dt{float:left; width:15px;display:inline;}
.loginInput{width:112px; position:relative; left:45px; top:33px;}
.idInput{ border:none; background:#e7e7e7; width:105px; color:#817c7c; font-weight:bold; line-height:12px;}
.pwInput{ border:none; background:#e7e7e7; width:105px; color:#817c7c; font-weight:bold; line-height:12px;}
.loginBtn{ width:55px; position:absolute; left:157px; top:15px; padding:0 0 1px 0;;}
.login p{ color:#6699CC; font-size:11px; margin:-5px 0 0 70px;}
.login p a,
.login p a:link,
.login p a:hover,
.login p a:visited{ color:#517985}
.logout{ background:url(/images/new_temp/logoutBg.gif) no-repeat; width:196px; height:154px; position:relative; top:15px; left:15px;  }

.loginM { background:url(/images/new_temp/loginBg2.gif) no-repeat; width:196px; height:154px; position:relative; top:15px; left:15px; }
.loginM dd{float:left;display:inline;}
.loginM dt{float:left; width:15px;display:inline;}

.loginInput{width:112px; position:relative; left:15px; top:58px;}
.idInput{ border:none; background:#FFFFFF; width:105px; color:#000; font-weight:bold; line-height:12px;}
.pwInput{ border:none; background:#FFFFFF; width:105px; color:#000; font-weight:bold; line-height:12px;}
.loginBtn{ width:55px; position:relative; left:132px; padding:0 0 1px 0}
.loginM p{ color:#6699CC; font-size:11px; margin:-5px 0 0 70px;}
.loginM p a,
.loginM p a:link,
.loginM p a:hover,
.loginM p a:visited{ color:#517985}

.Beginner { width:200px; position:relative; top:15px; left:13px; background-color:#fff;}
.Beginner .btn {margin:5px 0 0 8px;}

.mainServer { width:200px; position:relative; top:16px; left:13px; background-color:#fff;}
.mainServer .svr_channel1 { margin-left:90px;padding-top:3px; }
.mainServer .svr_channel2 { margin-left:90px;padding-top:3px; }
.mainServer .mainte_notice { margin-left:5px;padding-top:5px;line-height:16px; }

.mainLContents { width:200px; position:relative; top:16px; left:13px; background-color:#fff;}
.mainLContents .lcnt1 { margin-left:10px;margin-right:10px;padding-bottom:5px;padding-top:5px;line-height:16px;border-bottom:1px solid #CCC; font-weight:bold;}
.mainLContents .lcnt2 { margin-left:10px;margin-right:10px;padding-bottom:5px;padding-top:5px;line-height:16px;border-bottom:1px solid #CCC;}
.mainLContents .lcnt3 { margin-left:10px;margin-right:10px;padding-bottom:5px;padding-top:5px;line-height:16px;}

/* Left Contents Group End */

/* Center Contents Group Start */

.ctn1-center-middle {height:200px;}

.mainBanner {height:100px;}

.mainGuildbbs { width:251px; position:relative; top:16px; background-color:#fff; float:left;display:inline;}

.mainPickup { width:251px; position:relative; top:16px; left:10px;background-color:#fff; float:left;display:inline;}

.mainScreenshot { width:507px; position:relative;}


/* Center Contents Group End */

.globalTop { background:url(/globalTop/globalBg.gif) repeat-x; height:33px; overflow:hidden }
.globalTop .left1 { float:left; width:115px;display:inline;}
.globalTop .left2 { float:left; margin:7px 0 10px 0px;display:inline;}
.globalTop .left2 ul{margin:4px 0 0 5px}
.globalTop .left2 ul li {  line-height:10px; margin:0 0 0 0; font-size:11px; background:url(globalDot.gif) no-repeat 0px 0px; padding:1px 0 0 10px; text-align:left }
.globalTop .right { float:right; width:500px; text-align:right; height:33px; margin: auto; }
.globalTop .idInput{ border:1px; background:#EEE; width:80px; color:#000; font-weight:bold; line-height:12px; margin-top:2px;}
.globalTop .pwInput{ border:1px; background:#EEE; width:80px; color:#000; font-weight:bold; line-height:12px; margin-top:2px;}

.subMenu {margin:0px 0 0 0;margin-left:12px;}
.subMenu .top{ background:url(/images/new_temp/subMenuTop.gif) no-repeat; height:45px; padding:15px 0 0 6px}
.subMenu .list{ background:url(/images/new_temp/subMenuBg.gif) repeat-y;}
.subMenu .list ul{ width:160px; margin:auto}
.subMenu .m1{ background:url(/images/new_temp/subMbg.gif) no-repeat; height:24px; padding:6px 0 0 12px;color:#dde5b4;}
.m1 a:link,
.m1 a:active,
.m1 a:hover,
.m1 a:visited{ color:#dde5b4; font-size:14px}
.subMenu .list2 { background:#4a330f; margin:0px 0 0 0; padding:3px 0 0px 0; }
.subMenu .list2 li{ background:url(/images/main/subMbul.gif) no-repeat 10px 10px; line-height:24px; padding:0 0 0 20px;}
.list2 a:link,
.list2 a:active,
.list2 a:hover,
.list2 a:visited{ color:#dde5b4;}
.subMenu .bot{ background:url(/images/new_temp/subMenuBot.gif) no-repeat; height:18px;}

.subTab { width:600px; height:30px; border-width:0 0 2px 0; border-bottom:#dfdfdf solid; padding:0 0 8px 0; margin:10px 0 10px 0; }
* html .subTab ul li { padding:3px 3px 2px 7px; float:left; text-align:center; margin:5px 8px 8px 0px; height:17px; color:#1d2150; border:#CCCCCC 1px solid; }
.subTab ul li { padding:3px 7px 5px 7px; float:left; text-align:center; margin:5px 8px 8px 0px; height:17px; color:#1d2150; border:#CCCCCC 1px solid; }
.subTab ul { float:none }
.subTab ul .on a:link { color: #da6e2c; text-decoration: none; }
.subTab ul .on a:visited { color: #da6e2c; text-decoration: none; }
.subTab ul .on a:active { color: #da6e2c; text-decoration: none; }
.subTab ul .on a:hover { color: #da6e2c; text-decoration: none; }
.subTab ul li { background:url(/images/main/subTabBgOff.gif) repeat-x; }
.subTab ul .on { background:url(/images/main/subTabBgOn.gif) repeat-x bottom; color:#da6e2c; font-weight:bold; }


.font_11	{font-family:MS UI Gothic; font-size: 11px; color:#4B4B4B; }
.font_gray	{font-family:MS UI Gothic; font-size: 12px; color:#777777; line-height: 18px; text-align:left}
.font_pink	{font-family:MS UI Gothic; font-size: 12px; color:#FF005A; line-height: 18px;}
.font_purple	{font-family:MS UI Gothic; font-size: 12px; color:#9C31D3; line-height: 18px;}
.font_info	{font-family:MS UI Gothic; font-size: 12px; color:#843B0B; line-height: 16px;}
.font_green	{font-family:MS UI Gothic; font-size: 12px; color:#076600; line-height: 18px;}
.font_policy 	{font-family:MS UI Gothic; font-size: 12px; color:#777777; line-height: 20px;}

#topBtn { position:fixed; top:300px; width:35px; height:53px; margin:0 0 0 930px;}
* html #topBtn{ display:none} 
*:first-child+html #topBtn{ display:none} 


.subTit04 { background:url(/images/main/bul04.gif) no-repeat 0px 4px; font-size:14px; padding:2px 0 0 20px; margin:0px 0 15px 0; color:#7f9025; font-weight:bold }



.subBox { width:100% }
.subBox td { padding:0px; line-height:1px; font-size:1px; }
.subBox ul { margin:0 0 5px 0 }

* html .subBox li { padding:2px 0px 2px 10px; margin:1px 0 1px 2px; text-align:left ;}/*IE*/
.subBox li { padding:0px 0px 0px 10px; text-align:left ; margin:4px 0 4px 2px; background:url(/images/main/menuSubBul.gif) no-repeat 0px 8px;}/*FF*/
.subBox li .menuSubBul { margin:0 5px 0 2px; vertical-align:middle} 
.subBox li a:link { color: #ffffff; text-decoration:none; }
.subBox li a:visited { color: #ffffff; text-decoration:none; }
.subBox li a:active { color: #ffffff; text-decoration:none; }
.subBox li a:hover { color:#fed481; text-decoration:none; }




/* background:url(/images/main/menuSubBul.gif) no-repeat 3px 8px;*/




.sitemapBox { float:left; margin:0 10px 20px 0; width:185px;  }
.sitemapBox .top{margin:0 0 5px 0}
.sitemapBox .list .m1 { background:url(/images/etc/sitemapBg.gif) no-repeat; padding:3px 0 0 20px; height:14px; }
.sitemapBox .list .m1 a{}
.sitemapBox .list .m1  a:link,
.sitemapBox .list .m1  a:hover,
.sitemapBox .list .m1  a:visited{ color:#666666; font-size:12px;}


.png24 { tmp:expression(setPng24(this)); }


.skd_agree {
width:680px;
background-color:#FFC;border:1px solid #F66;
padding:5px;
margin-bottom:5px;
color:#F00;
}

.skd_agree a{
color:#F00;
font-weight:bold;
}

.skd_agree a:hover{
color:#F00;
font-weight:bold;
text-decoration:underline;
}

.mainTime { margin: 10px 0 0 0; width:230px; }
.mainTime .timeTit { background:url(/images/main/timeTit.gif); height:19px; }
.mainTime .timeBg { background:url(/images/main/timeBg.gif) bottom no-repeat; padding:0 15px 20px 20px; color:#FFFFFF; font-size:11px; line-height:120% }
.mainTime .timeBg h4 { font-size:14px; color:#f0f8bb; font-weight:bold; margin-bottom:10px; }
.mainTime .timeBg h4 a:link { color:#f0f8bb }