body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote
{
  margin:0px;
  padding:0px;
}
fieldset,img
{
  border:0px;
}
table
{
  border-collapse:collapse;
  /*border-spacing:0;*/
}
address,caption,cite,code,dfn,em,th,var
{
  font-style:normal;
  font-weight:normal;
}
ol,ul
{
  list-style:none;
}
button
{
  cursor:pointer;
}
body
{
  word-break:break-all;
  font:12px/1.22 "‚l‚r ‚oƒSƒVƒbƒN", "Osaka", Arial, sans-serif;
  *font-size:small;
  *font:x-small;
  background:url(../../../images/base/battlineBg.gif) repeat top center;
}
input,textarea
{
  font:12px/1.22 "‚l‚r ‚oƒSƒVƒbƒN", "Osaka", Arial, sans-serif;
  *font-size:small;
  *font:x-small;
}
input
{
  margin:0;
  padding:0;
}
table
{
  font-size:inherit;
  font:100%;
  text-align:left;
}
pre,code,kbd,samp,tt
{
  font-family:monospace;
  *font-size:108%;
  line-height:99%;
}
h1,h2,h3,h4,h5
{
  font-size:100%;
}
/*
br
{
  line-height:0px;
}
*/
.zero {
  margin:0px;
  padding:0px;
  font-size:0pt;
  line-height:0px;
  clear:both;
  border:none;
  height:0px;
}
.formButton {
  cursor:pointer;
}
.fontRed {
  color:#FF0000;
}
/* basecontainer */
.baseContainer
{
  width:1040px;
  min-height:500px;
  text-align:left;
  position:relative;
  background:url(../../../images/base/battlineBg2.gif) repeat-y;
}
/* header */



/* main */
.baseMain
{
  width:1000px;
  position:relative;
  margin:0 auto;
  background:url(../../../images/base/battlineMainBg.jpg) repeat-y;
}
/* left */
.baseLeft
{
  width:166px;
  position:relative;
  text-align:center;
  float:left;
}
.leftMenuF
{
  display:block;
  width:166px;
  height:869px;
  background:url(../../../images/base/leftLoginF.jpg) no-repeat 0 0px;
  position:relative;
}
.leftMenuF #linkTopLogo {
  position:absolute;
  top:28px;
  left:0px;
  width:166px;
  height:100px;
}
.leftMenuF #linkTopLogo a{
  display:block;
  width:166px;
  height:100px;
  background:url(../../../images/base/leftLoginF.jpg) no-repeat 0 -28px;
  outline: none;
  text-indent:-9999px;
  overflow:hidden;
}
.leftMenuF #linkTopLogo a:hover{
  background:url(../../../images/base/leftLoginF.jpg) no-repeat -166px -28px;
}

.leftMenuF #linkLogin {
  position:absolute;
  top:216px;
  left:17px;
  width:137px;
  height:40px;
}
.leftMenuF #linkLogin a{
  display:block;
  width:137px;
  height:40px;
  background:url(../../../images/base/leftLoginF.jpg) no-repeat -17px -216px;
  outline: none;
  text-indent:-9999px;
  overflow:hidden;
}
.leftMenuF #linkLogin a:hover{
  background:url(../../../images/base/leftLoginF.jpg) no-repeat -183px -216px;
}

.leftMenuF #linkPassForget {
  position:absolute;
  top:271px;
  left:125px;
  width:31px;
  height:30px;
}
.leftMenuF #linkPassForget a{
  display:block;
  width:31px;
  height:30px;
  background:url(../../../images/base/leftLoginF.jpg) no-repeat -125px -271px;
  outline: none;
  text-indent:-9999px;
  overflow:hidden;
}
.leftMenuF #linkPassForget a:hover{
  background:url(../../../images/base/leftLoginF.jpg) no-repeat -291px -271px;
}

.leftMenuF #linkTopPage {
  position:absolute;
  top:331px;
  left:0px;
  width:166px;
  height:40px;
}
.leftMenuF #linkTopPage a{
  display:block;
  width:166px;
  height:40px;
  background:url(../../../images/base/leftLoginF.jpg) no-repeat 0 -331px;
  outline: none;
  text-indent:-9999px;
  overflow:hidden;
}
.leftMenuF #linkTopPage a:hover{
  background:url(../../../images/base/leftLoginF.jpg) no-repeat -166px -331px;
}

.leftMenuF #linkRanking {
  position:absolute;
  top:374px;
  left:0px;
  width:166px;
  height:40px;
}
.leftMenuF #linkRanking a{
  display:block;
  width:166px;
  height:40px;
  background:url(../../../images/base/leftLoginF.jpg) no-repeat 0 -374px;
  outline: none;
  text-indent:-9999px;
  overflow:hidden;
}
.leftMenuF #linkRanking a:hover{
  background:url(../../../images/base/leftLoginF.jpg) no-repeat -166px -374px;
}

.leftMenuF #linkGameGuide {
  position:absolute;
  top:419px;
  left:0px;
  width:166px;
  height:40px;
}
.leftMenuF #linkGameGuide a{
  display:block;
  width:166px;
  height:40px;
  background:url(../../../images/base/leftLoginF.jpg) no-repeat 0 -419px;
  outline: none;
  text-indent:-9999px;
  overflow:hidden;
}
.leftMenuF #linkGameGuide a:hover{
  background:url(../../../images/base/leftLoginF.jpg) no-repeat -166px -419px;
}

.leftMenuF #linkDownLoad {
  position:absolute;
  top:463px;
  left:0px;
  width:166px;
  height:40px;
}
.leftMenuF #linkDownLoad a{
  display:block;
  width:166px;
  height:40px;
  background:url(../../../images/base/leftLoginF.jpg) no-repeat 0 -463px;
  outline: none;
  text-indent:-9999px;
  overflow:hidden;
}
.leftMenuF #linkDownLoad a:hover{
  background:url(../../../images/base/leftLoginF.jpg) no-repeat -166px -463px;
}

.leftMenuF #linkSupport {
  position:absolute;
  top:506px;
  left:0px;
  width:166px;
  height:40px;
}
.leftMenuF #linkSupport a{
  display:block;
  width:166px;
  height:40px;
  background:url(../../../images/base/leftLoginF.jpg) no-repeat 0 -506px;
  outline: none;
  text-indent:-9999px;
  overflow:hidden;
}
.leftMenuF #linkSupport a:hover{
  background:url(../../../images/base/leftLoginF.jpg) no-repeat -166px -506px;
}

.leftMenuF #linkSoundOn {
  position:absolute;
  top:773px;
  left:29px;
  width:48px;
  height:16px;
}
.leftMenuF #linkSoundOn a{
  display:block;
  width:48px;
  height:16px;
  background:url(../../../images/base/leftLoginF.jpg) no-repeat -29px -773px;
  outline: none;
  text-indent:-9999px;
  overflow:hidden;
}
.leftMenuF #linkSoundOn a:hover{
  background:url(../../../images/base/leftLoginF.jpg) no-repeat -195px -773px;
}

.leftMenuF #linkSoundOff {
  position:absolute;
  top:773px;
  left:89px;
  width:48px;
  height:16px;
}
.leftMenuF #linkSoundOff a{
  display:block;
  width:48px;
  height:16px;
  background:url(../../../images/base/leftLoginF.jpg) no-repeat -89px -773px;
  outline: none;
  text-indent:-9999px;
  overflow:hidden;
}
.leftMenuF #linkSoundOff a:hover{
  background:url(../../../images/base/leftLoginF.jpg) no-repeat -255px -773px;
}

.leftMenuF #linkLoginLoginId {
  position:absolute;
  top:145px;
  left:77px;
}
.leftMenuF #linkLoginPassword {
  position:absolute;
  top:168px;
  left:77px;
}
.leftMenuF #linkLoginCheckbox {
  position:absolute;
  top:189px;
  left:16px;
  width:13px;
  height:13px;
}

.leftMenuF #linkRules {
  position:absolute;
  top:804px;
  left:11px;
  width:42px;
  height:12px;
}
.leftMenuF #linkRules a{
  display:block;
  width:42px;
  height:12px;
  outline: none;
  text-indent:-9999px;
  font-size:9px;
  overflow:hidden;
}

.leftMenuF #linkPrivacy {
  position:absolute;
  top:804px;
  left:91px;
  width:61px;
  height:12px;
}
.leftMenuF #linkPrivacy a{
  display:block;
  width:61px;
  height:12px;
  outline: none;
  text-indent:-9999px;
  font-size:9px;
  overflow:hidden;
}

.leftMenuF #linkRulesC {
  position:absolute;
  top:820px;
  left:11px;
  width:63px;
  height:11px;
}
.leftMenuF #linkRulesC a{
  display:block;
  width:63px;
  height:11px;
  outline: none;
  text-indent:-9999px;
  font-size:9px;
  overflow:hidden;
}

.leftMenuF #linkEnquete {
  position:absolute;
  top:820px;
  left:91px;
  width:52px;
  height:11px;
}
.leftMenuF #linkEnquete a{
  display:block;
  width:52px;
  height:11px;
  outline: none;
  text-indent:-9999px;
  font-size:9px;
  overflow:hidden;
}




.leftMenuT
{
  display:block;
  width:166px;
  height:869px;
  background:url(../../../images/base/leftLoginT.jpg) no-repeat 0 0px;
  position:relative;
}

.leftMenuT #linkTopLogo {
  position:absolute;
  top:28px;
  left:0px;
  width:166px;
  height:100px;
}
.leftMenuT #linkTopLogo a{
  display:block;
  width:166px;
  height:100px;
  background:url(../../../images/base/leftLoginT.jpg) no-repeat 0 -28px;
  outline: none;
  text-indent:-9999px;
  overflow:hidden;
}
.leftMenuT #linkTopLogo a:hover{
  background:url(../../../images/base/leftLoginT.jpg) no-repeat -166px -28px;
}

.leftMenuT #linkLogout {
  position:absolute;
  top:278px;
  left:17px;
  width:138px;
  height:23px;
}
.leftMenuT #linkLogout a{
  display:block;
  width:138px;
  height:23px;
  background:url(../../../images/base/leftLoginT.jpg) no-repeat -17px -278px;
  outline: none;
  text-indent:-9999px;
  overflow:hidden;
}
.leftMenuT #linkLogout a:hover{
  background:url(../../../images/base/leftLoginT.jpg) no-repeat -183px -278px;
}

.leftMenuT #linkTopPage {
  position:absolute;
  top:331px;
  left:0px;
  width:166px;
  height:40px;
}
.leftMenuT #linkTopPage a{
  display:block;
  width:166px;
  height:40px;
  background:url(../../../images/base/leftLoginT.jpg) no-repeat 0 -331px;
  outline: none;
  text-indent:-9999px;
  overflow:hidden;
}
.leftMenuT #linkTopPage a:hover{
  background:url(../../../images/base/leftLoginT.jpg) no-repeat -166px -331px;
}

.leftMenuT #linkSentou {
  position:absolute;
  top:376px;
  left:0px;
  width:166px;
  height:48px;
}
.leftMenuT #linkSentou a{
  display:block;
  width:166px;
  height:48px;
  background:url(../../../images/base/leftLoginT.jpg) no-repeat 0 -376px;
  outline: none;
  text-indent:-9999px;
  overflow:hidden;
}
.leftMenuT #linkSentou a:hover{
  background:url(../../../images/base/leftLoginT.jpg) no-repeat -166px -376px;
}

.leftMenuT #linkHensei {
  position:absolute;
  top:430px;
  left:0px;
  width:166px;
  height:48px;
}
.leftMenuT #linkHensei a{
  display:block;
  width:166px;
  height:48px;
  background:url(../../../images/base/leftLoginT.jpg) no-repeat 0 -430px;
  outline: none;
  text-indent:-9999px;
  overflow:hidden;
}
.leftMenuT #linkHensei a:hover{
  background:url(../../../images/base/leftLoginT.jpg) no-repeat -166px -430px;
}

.leftMenuT #linkCard {
  position:absolute;
  top:484px;
  left:0px;
  width:166px;
  height:40px;
}
.leftMenuT #linkCard a{
  display:block;
  width:166px;
  height:40px;
  background:url(../../../images/base/leftLoginT.jpg) no-repeat 0 -484px;
  outline: none;
  text-indent:-9999px;
  overflow:hidden;
}
.leftMenuT #linkCard a:hover{
  background:url(../../../images/base/leftLoginT.jpg) no-repeat -166px -484px;
}

.leftMenuT #linkMydata {
  position:absolute;
  top:528px;
  left:0px;
  width:166px;
  height:40px;
}
.leftMenuT #linkMydata a{
  display:block;
  width:166px;
  height:40px;
  background:url(../../../images/base/leftLoginT.jpg) no-repeat 0 -528px;
  outline: none;
  text-indent:-9999px;
  overflow:hidden;
}
.leftMenuT #linkMydata a:hover{
  background:url(../../../images/base/leftLoginT.jpg) no-repeat -166px -528px;
}

.leftMenuT #linkRanking {
  position:absolute;
  top:572px;
  left:0px;
  width:166px;
  height:40px;
}
.leftMenuT #linkRanking a{
  display:block;
  width:166px;
  height:40px;
  background:url(../../../images/base/leftLoginT.jpg) no-repeat 0 -572px;
  outline: none;
  text-indent:-9999px;
  overflow:hidden;
}
.leftMenuT #linkRanking a:hover{
  background:url(../../../images/base/leftLoginT.jpg) no-repeat -166px -572px;
}

.leftMenuT #linkGameGuide {
  position:absolute;
  top:616px;
  left:0px;
  width:166px;
  height:40px;
}
.leftMenuT #linkGameGuide a{
  display:block;
  width:166px;
  height:40px;
  background:url(../../../images/base/leftLoginT.jpg) no-repeat 0 -616px;
  outline: none;
  text-indent:-9999px;
  overflow:hidden;
}
.leftMenuT #linkGameGuide a:hover{
  background:url(../../../images/base/leftLoginT.jpg) no-repeat -166px -616px;
}

.leftMenuT #linkDownLoad {
  position:absolute;
  top:660px;
  left:0px;
  width:166px;
  height:40px;
}
.leftMenuT #linkDownLoad a{
  display:block;
  width:166px;
  height:40px;
  background:url(../../../images/base/leftLoginT.jpg) no-repeat 0 -660px;
  outline: none;
  text-indent:-9999px;
  overflow:hidden;
}
.leftMenuT #linkDownLoad a:hover{
  background:url(../../../images/base/leftLoginT.jpg) no-repeat -166px -660px;
}

.leftMenuT #linkSupport {
  position:absolute;
  top:704px;
  left:0px;
  width:166px;
  height:40px;
}
.leftMenuT #linkSupport a{
  display:block;
  width:166px;
  height:40px;
  background:url(../../../images/base/leftLoginT.jpg) no-repeat 0 -704px;
  outline: none;
  text-indent:-9999px;
  overflow:hidden;
}
.leftMenuT #linkSupport a:hover{
  background:url(../../../images/base/leftLoginT.jpg) no-repeat -166px -704px;
}

.leftMenuT #linkRules {
  position:absolute;
  top:804px;
  left:11px;
  width:42px;
  height:12px;
}
.leftMenuT #linkRules a{
  display:block;
  width:42px;
  height:12px;
  outline: none;
  text-indent:-9999px;
  font-size:9px;
  overflow:hidden;
}

.leftMenuT #linkPrivacy {
  position:absolute;
  top:804px;
  left:91px;
  width:61px;
  height:12px;
}
.leftMenuT #linkPrivacy a{
  display:block;
  width:61px;
  height:12px;
  outline: none;
  text-indent:-9999px;
  font-size:9px;
  overflow:hidden;
}

.leftMenuT #linkRulesC {
  position:absolute;
  top:820px;
  left:11px;
  width:63px;
  height:11px;
}
.leftMenuT #linkRulesC a{
  display:block;
  width:63px;
  height:11px;
  outline: none;
  text-indent:-9999px;
  font-size:9px;
  overflow:hidden;
}

.leftMenuT #linkEnquete {
  position:absolute;
  top:820px;
  left:91px;
  width:52px;
  height:11px;
}
.leftMenuT #linkEnquete a{
  display:block;
  width:52px;
  height:11px;
  outline: none;
  text-indent:-9999px;
  font-size:9px;
  overflow:hidden;
}



.leftMenuT #linkSoundOn {
  position:absolute;
  top:773px;
  left:29px;
  width:48px;
  height:16px;
}
.leftMenuT #linkSoundOn a{
  display:block;
  width:48px;
  height:16px;
  background:url(../../../images/base/leftLoginT.jpg) no-repeat -29px -773px;
  outline: none;
  text-indent:-9999px;
  overflow:hidden;
}
.leftMenuT #linkSoundOn a:hover{
  background:url(../../../images/base/leftLoginT.jpg) no-repeat -195px -773px;
}

.leftMenuT #linkSoundOff {
  position:absolute;
  top:773px;
  left:89px;
  width:48px;
  height:16px;
}
.leftMenuT #linkSoundOff a{
  display:block;
  width:48px;
  height:16px;
  background:url(../../../images/base/leftLoginT.jpg) no-repeat -89px -773px;
  outline: none;
  text-indent:-9999px;
  overflow:hidden;
}
.leftMenuT #linkSoundOff a:hover{
  background:url(../../../images/base/leftLoginT.jpg) no-repeat -255px -773px;
}
.leftMenuT #viewHandlename {
  position:absolute;
  top:147px;
  left:12px;
  width:146px;
  text-align:center;
  color:#ffb400;
}
.leftMenuT #viewClass {
  position:absolute;
  top:187px;
  left:28px;
  width:100px;
  text-align:right;
  color:#ffb400;
}
.leftMenuT #viewPoint1001 {
  position:absolute;
  top:220px;
  left:53px;
  width:80px;
  text-align:right;
  color:#ffb400;
}
.leftMenuT #viewPoint1000 {
  position:absolute;
  top:252px;
  left:53px;
  width:80px;
  text-align:right;
  color:#ffb400;
}



/* right */
.baseRight
{
  width:834px;
  position:relative;
  float:left;
  text-align:center;
}
.baseRightCont
{
  width:774px;
  position:relative;
  display:inline-block;
  text-align:left;
  min-height:725px;
  padding:10px 0px 10px 60px;
  background:url(../../../images/base/battlineRightContBgL.jpg) no-repeat;
}
.baseRightBgL
{
  width:700px;
  background:url(../../../images/base/battlineRightBgL.jpg) repeat-y;
}
.baseRightBgS
{
  width:345px;
  background:url(../../../images/base/rightBgS.jpg) repeat-y;
}
.baseRightBottomL
{
  width:700px;
  height:6px;
  position:relative;
  background:url(../../../images/base/battlineRightBottomL.jpg) no-repeat;
  margin-bottom:10px;
  line-height:0px;
}
.baseRightBottomS
{
  width:345px;
  height:3px;
  position:relative;
  background:url(../../../skinView.php/images/QVb3Ulu0n513hj52AqNBG6_K9qc-/rightTitle.jpg) no-repeat 0px -75px;
  margin-bottom:10px;
  line-height:0px;
}
.baseRightHeadXL
{
  width:800px;
  height:19px;
  position:relative;
  background:url(../../../images/base/battlineRightHeadXL.jpg) no-repeat;
}
.baseRightBgXL
{
  width:800px;
  background:url(../../../images/base/battlineRightBgXL.jpg) repeat-y;
}
.baseRightBottomXL
{
  width:800px;
  height:6px;
  position:relative;
  background:url(../../../images/base/battlineRightBottomXL.jpg) no-repeat;
  margin-bottom:10px;
  line-height:0px;
}


.baseRightHeadGame
{
  width:700px;
  height:19px;
  position:relative;
  background:url(../../../images/base/battlineRightHeadL.jpg) no-repeat;
}
.baseRightHeadCardS
{
  width:345px;
  height:35px;
  position:relative;
  background:url(../../../skinView.php/images/QVb3Ulu0n513hj52AqNBG6_K9qc-/rightTitle.jpg) no-repeat 0px -39px;
}
.baseRightHeadHowtoS
{
  width:345px;
  height:35px;
  position:relative;
  background:url(../../../skinView.php/images/QVb3Ulu0n513hj52AqNBG6_K9qc-/rightTitle.jpg) no-repeat -355px -39px;
}
.baseRightHeadMessage
{
  width:700px;
  height:19px;
  position:relative;
  background:url(../../../images/base/battlineRightHeadL.jpg) no-repeat;
}
.baseRightHeadNews
{
  width:700px;
  height:19px;
  position:relative;
  background:url(../../../images/base/battlineRightHeadL.jpg) no-repeat;
}
.baseRightHeadEntry
{
  width:700px;
  height:19px;
  position:relative;
  background:url(../../../images/base/battlineRightHeadL.jpg) no-repeat;
}
.baseRightHeadLogin
{
  width:700px;
  height:19px;
  position:relative;
  background:url(../../../images/base/battlineRightHeadL.jpg) no-repeat;
}
.baseRightHeadCard
{
  width:700px;
  height:19px;
  position:relative;
  background:url(../../../images/base/battlineRightHeadL.jpg) no-repeat;
}
.baseRightHeadHowto
{
  width:700px;
  height:19px;
  position:relative;
  background:url(../../../images/base/battlineRightHeadL.jpg) no-repeat;
}
.baseRightHeadHelp
{
  width:700px;
  height:19px;
  position:relative;
  background:url(../../../images/base/battlineRightHeadL.jpg) no-repeat;
}
.baseRightHeadModify
{
  width:700px;
  height:19px;
  position:relative;
  background:url(../../../images/base/battlineRightHeadL.jpg) no-repeat;
}
.baseRightHeadRetire
{
  width:700px;
  height:19px;
  position:relative;
  background:url(../../../images/base/battlineRightHeadL.jpg) no-repeat;
}
.baseRightHeadInfo
{
  width:700px;
  height:19px;
  position:relative;
  background:url(../../../images/base/battlineRightHeadL.jpg) no-repeat;
}
.baseRightHeadIntroduce
{
  width:700px;
  height:19px;
  position:relative;
  background:url(../../../images/base/battlineRightHeadL.jpg) no-repeat;
}
.baseRightHeadRules
{
  width:700px;
  height:19px;
  position:relative;
  background:url(../../../images/base/battlineRightHeadL.jpg) no-repeat;
}
.baseRightHeadEnquete
{
  width:700px;
  height:19px;
  position:relative;
  background:url(../../../images/base/battlineRightHeadL.jpg) no-repeat;
}
.baseRightHeadLogout
{
  width:700px;
  height:19px;
  position:relative;
  background:url(../../../images/base/battlineRightHeadL.jpg) no-repeat;
}
.baseRightHeadOrder
{
  width:700px;
  height:19px;
  position:relative;
  background:url(../../../images/base/battlineRightHeadL.jpg) no-repeat;
}


.baseRightIn
{
  text-align:center;
  padding:2px 0px 10px;
}
.baseRightInCont
{
  width:670px;
  display:inline-block;
  text-align:left;
  border:1px solid #686F75;
}
.baseRightInContHead
{
  width:670px;
  height:24px;
  position:relative;
  background:url(../../../images/base/battlineRightTitleBg.jpg) no-repeat;

}
.baseRightInContHeadStr
{
  position:absolute;
  top:5px;
  left:10px;
  text-align:left;
  color:#344151;
  font-weight:bold;
  font-size:13px;
}
.baseRightInContMain
{
  text-align:center;
  padding:10px;
  background-color:#FFFFFF;
  color:#4c5660;
}

/* rightS */
.baseRightSHead
{
  width:643px;
  position:relative;
}
.baseRightSHeadStr
{
  position:absolute;
  top:11px;
  left:30px;
  color:#FFFFFF;
  font-weight:bold;
  font-size:15px;
}
.baseRightSBg
{
  width:643px;
  background:url(../../../images/base/right_s_bg.jpg) repeat-y;
}
.baseRightSCont
{
  padding:10px;
}
.baseRightSFoot
{
  width:643px;
  position:relative;
  margin-bottom:5px;
}
/* footer */
.baseFooter
{
  width:900px;
  height:109px;
  position:relative;
  background:url(../../../skinView.php/images/6IVqmkf4UvU7RvMC.Tuc57uBDfM-/base.jpg) no-repeat 0px -398px;

}
.baseFooterStr
{
  width:900px;
  position:absolute;
  top:38px;
  text-align:center;
  color:#666666;
}
.baseFooterStr a
{
  color:#666666;
}
.baseFooterAttention
{
  width:450px;
  position:absolute;
  top:70px;
  left:25px;
  text-align:left;
  /*font-weight:bold;*/
  color:#333333;
}
.baseFooterCopyRight
{
  width:450px;
  position:absolute;
  top:82px;
  right:45px;
  text-align:right;
  font-weight:bold;
  color:#333333;
}
.baseFooterCopyRightC
{
  width:150px;
  position:absolute;
  top:82px;
  right:370px;
  text-align:left;
  font-weight:bold;
  color:#333333;
}

/* button */
.btnEntryDouisuru
{
  cursor:pointer;
  width:113px;
  height:22px;
  text-indent:-9999px;
  background:url(../../../skinView.php/images/2p8c.I..HwTRAAbuv32k6CXTk2U-/battlineButton.jpg) no-repeat 0px -180px;
  display:inline-block;
}
.btnEntryDouisinai
{
  cursor:pointer;
  width:113px;
  height:22px;
  text-indent:-9999px;
  background:url(../../../skinView.php/images/2p8c.I..HwTRAAbuv32k6CXTk2U-/battlineButton.jpg) no-repeat -134px -180px;
  display:inline-block;
}
.btnEntryConf
{
  cursor:pointer;
  width:113px;
  height:22px;
  text-indent:-9999px;
  background:url(../../../skinView.php/images/2p8c.I..HwTRAAbuv32k6CXTk2U-/battlineButton.jpg) no-repeat -268px -180px;
  display:inline-block;
}
.btnEntryEntry
{
  cursor:pointer;
  width:113px;
  height:22px;
  text-indent:-9999px;
  background:url(../../../skinView.php/images/2p8c.I..HwTRAAbuv32k6CXTk2U-/battlineButton.jpg) no-repeat -402px -180px;
  display:inline-block;
}
.btnEntryModify
{
  cursor:pointer;
  width:113px;
  height:22px;
  text-indent:-9999px;
  background:url(../../../skinView.php/images/2p8c.I..HwTRAAbuv32k6CXTk2U-/battlineButton.jpg) no-repeat -536px -180px;
  display:inline-block;
}
.btnEntryClose
{
  cursor:pointer;
  width:113px;
  height:22px;
  text-indent:-9999px;
  background:url(../../../skinView.php/images/2p8c.I..HwTRAAbuv32k6CXTk2U-/battlineButton.jpg) no-repeat 0px -211px;
  display:inline-block;
}
.btnTopPage
{
  cursor:pointer;
  width:113px;
  height:22px;
  text-indent:-9999px;
  background:url(../../../skinView.php/images/2p8c.I..HwTRAAbuv32k6CXTk2U-/battlineButton.jpg) no-repeat -134px -211px;
  display:inline-block;
}
.btnTopPage a
{
  display:block;
  width:100%;
  height:100%;
  height:22px;
  overflow:hidden;
}
.btnCardGet
{
  cursor:pointer;
  width:113px;
  height:22px;
  text-indent:-9999px;
  background:url(../../../skinView.php/images/2p8c.I..HwTRAAbuv32k6CXTk2U-/battlineButton.jpg) no-repeat -268px -211px;
  display:inline-block;
}
.btnCardBinder
{
  cursor:pointer;
  width:113px;
  height:22px;
  text-indent:-9999px;
  background:url(../../../skinView.php/images/2p8c.I..HwTRAAbuv32k6CXTk2U-/battlineButton.jpg) no-repeat -402px -211px;
  display:inline-block;
}
.btnCardBinder a
{
  display:block;
  width:100%;
  height:100%;
  height:22px;
  overflow:hidden;
}
.btnModifyModify
{
  cursor:pointer;
  width:113px;
  height:22px;
  text-indent:-9999px;
  background:url(../../../skinView.php/images/2p8c.I..HwTRAAbuv32k6CXTk2U-/battlineButton.jpg) no-repeat -536px -211px;
  display:inline-block;
}
.btnModifyModify a
{
  display:block;
  width:100%;
  height:100%;
  height:22px;
  overflow:hidden;
}
.btnModifyMobile
{
  cursor:pointer;
  width:113px;
  height:22px;
  text-indent:-9999px;
  background:url(../../../skinView.php/images/2p8c.I..HwTRAAbuv32k6CXTk2U-/battlineButton.jpg) no-repeat 0px -243px;
  display:inline-block;
}
.btnModifyRetire
{
  cursor:pointer;
  width:113px;
  height:22px;
  text-indent:-9999px;
  background:url(../../../skinView.php/images/2p8c.I..HwTRAAbuv32k6CXTk2U-/battlineButton.jpg) no-repeat -134px -243px;
  display:inline-block;
}
.btnModifyRetireNone
{
  cursor:pointer;
  width:113px;
  height:22px;
  text-indent:-9999px;
  background:url(../../../skinView.php/images/2p8c.I..HwTRAAbuv32k6CXTk2U-/battlineButton.jpg) no-repeat -268px -243px;
  display:inline-block;
}
.btnModifyRetireNone a
{
  display:block;
  width:100%;
  height:100%;
  height:22px;
  overflow:hidden;
}
.btnIntroduceSend
{
  cursor:pointer;
  width:113px;
  height:22px;
  text-indent:-9999px;
  background:url(../../../skinView.php/images/2p8c.I..HwTRAAbuv32k6CXTk2U-/battlineButton.jpg) no-repeat -402px -243px;
  display:inline-block;
}
.btnHelpInfo
{
  cursor:pointer;
  width:113px;
  height:22px;
  text-indent:-9999px;
  background:url(../../../skinView.php/images/2p8c.I..HwTRAAbuv32k6CXTk2U-/battlineButton.jpg) no-repeat -536px -243px;
  display:inline-block;
}
.btnHelpInfo a
{
  display:block;
  width:100%;
  height:100%;
  height:22px;
  overflow:hidden;
}
.btnGameBattline
{
  cursor:pointer;
  width:113px;
  height:22px;
  text-indent:-9999px;
  background:url(../../../skinView.php/images/2p8c.I..HwTRAAbuv32k6CXTk2U-/battlineButton.jpg) no-repeat 0px -275px;
  display:inline-block;
}
.btnGameBattline a
{
  display:block;
  width:100%;
  height:100%;
  height:22px;
  overflow:hidden;
}
.btnEnqueteAnswer
{
  cursor:pointer;
  width:113px;
  height:22px;
  text-indent:-9999px;
  background:url(../../../skinView.php/images/2p8c.I..HwTRAAbuv32k6CXTk2U-/battlineButton.jpg) no-repeat -134px -275px;
  display:inline-block;
}
.btnPrev
{
  cursor:pointer;
  width:113px;
  height:22px;
  text-indent:-9999px;
  background:url(../../../skinView.php/images/2p8c.I..HwTRAAbuv32k6CXTk2U-/battlineButton.jpg) no-repeat -268px -275px;
  display:inline-block;
}
.btnPrev a
{
  display:block;
  width:100%;
  height:100%;
  height:22px;
  overflow:hidden;
}
.btnCardDel
{
  cursor:pointer;
  width:113px;
  height:22px;
  text-indent:-9999px;
  background:url(../../../skinView.php/images/2p8c.I..HwTRAAbuv32k6CXTk2U-/battlineButton.jpg) no-repeat -402px -275px;
  display:inline-block;
}
.btnCardDelNone
{
  cursor:pointer;
  width:113px;
  height:22px;
  text-indent:-9999px;
  background:url(../../../skinView.php/images/2p8c.I..HwTRAAbuv32k6CXTk2U-/battlineButton.jpg) no-repeat -536px -275px;
  display:inline-block;
}
.btnCosca
{
  cursor:pointer;
  width:113px;
  height:22px;
  text-indent:-9999px;
  background:url(../../../skinView.php/images/2p8c.I..HwTRAAbuv32k6CXTk2U-/battlineButton.jpg) no-repeat 0px -307px;
  display:inline-block;
}
.btnCosca a
{
  display:block;
  width:100%;
  height:100%;
  height:22px;
  overflow:hidden;
}
.btnProfile
{
  cursor:pointer;
  width:113px;
  height:22px;
  text-indent:-9999px;
  background:url(../../../skinView.php/images/2p8c.I..HwTRAAbuv32k6CXTk2U-/battlineButton.jpg) no-repeat -134px -307px;
  display:inline-block;
}
.btnProfile a
{
  display:block;
  width:100%;
  height:100%;
  height:22px;
  overflow:hidden;
}
.btnOrder
{
  cursor:pointer;
  width:113px;
  height:22px;
  text-indent:-9999px;
  background:url(../../../skinView.php/images/2p8c.I..HwTRAAbuv32k6CXTk2U-/battlineButton.jpg) no-repeat -268px -307px;
  display:inline-block;
}
.btnOrderNone
{
  cursor:pointer;
  width:113px;
  height:22px;
  text-indent:-9999px;
  background:url(../../../skinView.php/images/2p8c.I..HwTRAAbuv32k6CXTk2U-/battlineButton.jpg) no-repeat -402px -307px;
  display:inline-block;
}
.btnOrderPage
{
  cursor:pointer;
  width:113px;
  height:22px;
  text-indent:-9999px;
  background:url(../../../skinView.php/images/2p8c.I..HwTRAAbuv32k6CXTk2U-/battlineButton.jpg) no-repeat -536px -307px;
  display:inline-block;
}
.btnOrderSingle
{
  cursor:pointer;
  width:187px;
  height:22px;
  text-indent:-9999px;
  background:url(../../../skinView.php/images/2p8c.I..HwTRAAbuv32k6CXTk2U-/battlineButton.jpg) no-repeat 0px -339px;
  display:inline-block;
}
.btnListCardDel
{
  cursor:pointer;
  width:187px;
  height:22px;
  text-indent:-9999px;
  background:url(../../../skinView.php/images/2p8c.I..HwTRAAbuv32k6CXTk2U-/battlineButton.jpg) no-repeat -210px -339px;
  display:inline-block;
}
.btnGameUse
{
  cursor:pointer;
  width:187px;
  height:22px;
  text-indent:-9999px;
  background:url(../../../skinView.php/images/2p8c.I..HwTRAAbuv32k6CXTk2U-/battlineButton.jpg) no-repeat -421px -339px;
  display:inline-block;
}
.btnSearch
{
  cursor:pointer;
  width:113px;
  height:22px;
  text-indent:-9999px;
  background:url(../../../skinView.php/images/2p8c.I..HwTRAAbuv32k6CXTk2U-/battlineButton.jpg) no-repeat 0px -371px;
  display:inline-block;
}
.btnExchangeYes
{
  cursor:pointer;
  width:113px;
  height:22px;
  text-indent:-9999px;
  background:url(../../../skinView.php/images/2p8c.I..HwTRAAbuv32k6CXTk2U-/battlineButton.jpg) no-repeat -134px -371px;
  display:inline-block;
}
.btnExchangeNo
{
  cursor:pointer;
  width:113px;
  height:22px;
  text-indent:-9999px;
  background:url(../../../skinView.php/images/2p8c.I..HwTRAAbuv32k6CXTk2U-/battlineButton.jpg) no-repeat -268px -371px;
  display:inline-block;
}
.btnLogin
{
  cursor:pointer;
  width:113px;
  height:22px;
  text-indent:-9999px;
  background:url(../../../skinView.php/images/2p8c.I..HwTRAAbuv32k6CXTk2U-/battlineButton.jpg) no-repeat -402px -371px;
  display:inline-block;
}
.btnUseView
{
  cursor:pointer;
  width:113px;
  height:22px;
  text-indent:-9999px;
  background:url(../../../skinView.php/images/2p8c.I..HwTRAAbuv32k6CXTk2U-/battlineButton.jpg) no-repeat -536px -371px;
  display:inline-block;
}
.btnUseView a
{
  display:block;
  width:100%;
  height:100%;
  height:22px;
  overflow:hidden;
}
.btnExpNew
{
  cursor:pointer;
  width:113px;
  height:22px;
  text-indent:-9999px;
  background:url(../../../skinView.php/images/2p8c.I..HwTRAAbuv32k6CXTk2U-/battlineButton.jpg) no-repeat -0px -403px;
  display:inline-block;
}

.btnLeftEnquete
{
  cursor:pointer;
  width:94px;
  height:27px;
  text-indent:-9999px;
  background:url(../../../skinView.php/images/6IVqmkf4UvU7RvMC.Tuc57uBDfM-/base.jpg) no-repeat -502px -167px;
  display:inline-block;
}
.btnLeftEnquete a
{
  display:block;
  width:100%;
  height:100%;
  height:27px;
  overflow:hidden;
}



/* login */
.loginBox
{
  width:640px;
  height:260px;
  position:relative;
  background:url(../../../skinView.php/images/t5SIZ4vZ09Uee5rWMIdXeN5ItPc-/login.jpg) no-repeat 0px 0px;
  display:inline-block;
}
.loginBoxLoginId
{
  position:absolute;
  top:20px;
  left:288px;
}
.loginBoxPassword
{
  position:absolute;
  top:42px;
  left:288px;
}
.loginBoxCheckbox
{
  position:absolute;
  top:106px;
  left:266px;
  width:13px;
  height:13px;
  line-height:10px;
}
.loginBoxLoginBtn
{
  cursor:pointer;
  position:absolute;
  top:73px;
  left:257px;
  width:123px;
  height:28px;
  text-indent:-9999px;
}
.loginBoxPassforgetBtn
{
  cursor:pointer;
  position:absolute;
  top:143px;
  left:258px;
  width:27px;
  height:12px;
  text-indent:-9999px;

}
.loginBoxPassforgetBtn a
{
  display:block;
  width:100%;
  height:100%;
  height:12px;
  overflow:hidden;
}
.loginBoxEntryBtn
{
  cursor:pointer;
  position:absolute;
  top:200px;
  left:230px;
  width:183px;
  height:42px;
  text-indent:-9999px;

}
.loginBoxEntryBtn a
{
  display:block;
  width:100%;
  height:100%;
  height:42px;
  overflow:hidden;
}





/* kiyaku */
.kiyakuCont
{
  width: 563px;
  height: 400px;
  border: solid 1px #CCCCCC;
  overflow-y: scroll;
  text-align:left;
  padding:5px;
  display:inline-block;
}
.kiyakuContNone
{
  border: solid 1px #CCCCCC;
  text-align:left;
  padding:10px;
}
/* entry */
.inputCell
{
  width:480px;
  display:inline-block;
}
.inputErrorCell
{
  width:440px;
  text-align:left;
  margin:5px;
  display:inline-block;
}
.inputCell1
{
  width:180px;
  float:left;
  margin:0px 2px 3px 0px;
  padding:3px;
  text-align:left;
  background-color:#DDDDDD;
  line-height:24px;
}
.inputCell2
{
  width:250px;
  float:left;
  padding:3px;
  margin:0px 2px 3px 0px;
  text-align:left;
}
.inputCellMini
{
  width:250px;
  display:inline-block;
}
.inputErrorCellMini
{
  width:250px;
  text-align:left;
  margin:5px;
  display:inline-block;
}
.inputCellMini1
{
  width:100px;
  float:left;
  margin:0px 2px 3px 0px;
  padding:3px;
  text-align:left;
  background-color:#DDDDDD;
  line-height:24px;
}
.inputCellMini2
{
  width:100px;
  float:left;
  padding:3px;
  margin:0px 2px 3px 0px;
  text-align:left;
}
.entryStep
{
  width:673px;
  height:37px;
  background:url(../../../skinView.php/images/2p8c.I..HwTRAAbuv32k6CXTk2U-/battlineButton.jpg) no-repeat 0 -31px;
  display:inline-block;
  margin-bottom:5px;
}
.entryStep li
{
  float:left;
  height:37px;
  text-indent:-9999px;
}

.entryStep li.entryStep_1{width:113px;}
.entryStep li.entryStep_2{width:113px;}
.entryStep li.entryStep_3{width:113px;}
.entryStep li.entryStep_4{width:113px;}
.entryStep li.entryStep_5{width:113px;}
.entryStep li.entryStep_6{width:108px;}

.entryStep li span
{
  display:block;
  width:100%;
  height:100%;
  height:37px;
  overflow:hidden;
  background:url(../../../skinView.php/images/2p8c.I..HwTRAAbuv32k6CXTk2U-/battlineButton.jpg) no-repeat 0px -68px;
}

.entryStep li.entryStep_1 span{background-position:0px -68px;}
.entryStep li.entryStep_2 span{background-position:-113px -68px;}
.entryStep li.entryStep_3 span{background-position:-226px -68px;}
.entryStep li.entryStep_4 span{background-position:-339px -68px;}
.entryStep li.entryStep_5 span{background-position:-452px -68px;}
.entryStep li.entryStep_6 span{background-position:-565px -68px;}

/* card */
.cardBinderMenu
{
  width:360px;
  height:26px;
  position:relative;
  background:url(../../../images/card/binderMenu.jpg) no-repeat 0 0px;
  margin-left:16px;
}
.cardBinderMenu li
{
  float:left;
  height:26px;
  text-indent:-9999px;
}

.cardBinderMenu li.b1{width:120px;}
.cardBinderMenu li.b2{width:120px;}
.cardBinderMenu li.b3{width:120px;}

.cardBinderMenu li a, .cardBinderMenu li span
{
  display:block;
  width:100%;
  height:100%;
  height:26px;
  overflow:hidden;
  background:url(../../../images/card/binderMenu.jpg) no-repeat;
}

.cardBinderMenu li.b1 a{background-position:0 0px;}
.cardBinderMenu li.b2 a{background-position:-120px 0px;}
.cardBinderMenu li.b3 a{background-position:-240px 0px;}

.cardBinderMenu li.b1 a:hover{background-position:0 -52px;}
.cardBinderMenu li.b2 a:hover{background-position:-120px -52px;}
.cardBinderMenu li.b3 a:hover{background-position:-240px -52px;}

.cardBinderMenu li.b1 span{background-position:0 -26px;}
.cardBinderMenu li.b2 span{background-position:-120px -26px;}
.cardBinderMenu li.b3 span{background-position:-240px -26px;}

/* card */
.cardMenu
{
  width:805px;
  height:35px;
  position:relative;
  background:url(../../../images/base/battlineHeadMenuCard.jpg) no-repeat 0 0px;
}
.cardMenu li
{
  float:left;
  height:35px;
  text-indent:-9999px;
}

.cardMenu li.b1{width:135px;}
.cardMenu li.b2{width:134px;}
.cardMenu li.b3{width:134px;}
.cardMenu li.b4{width:134px;}
.cardMenu li.b5{width:134px;}
.cardMenu li.b6{width:134px;}

.cardMenu li a, .cardMenu li span
{
  display:block;
  width:100%;
  height:100%;
  height:35px;
  overflow:hidden;
  background:url(../../../images/base/battlineHeadMenuCard.jpg) no-repeat;
}

.cardMenu li.b1 a{background-position:0 0px;}
.cardMenu li.b2 a{background-position:-135px 0px;}
.cardMenu li.b3 a{background-position:-269px 0px;}
.cardMenu li.b4 a{background-position:-403px 0px;}
.cardMenu li.b5 a{background-position:-537px 0px;}
.cardMenu li.b6 a{background-position:-671px 0px;}

.cardMenu li.b1 a:hover{background-position:0 -35px;}
.cardMenu li.b2 a:hover{background-position:-135px -35px;}
.cardMenu li.b3 a:hover{background-position:-269px -35px;}
.cardMenu li.b4 a:hover{background-position:-403px -35px;}
.cardMenu li.b5 a:hover{background-position:-537px -35px;}
.cardMenu li.b6 a:hover{background-position:-671px -35px;}

.cardMenu li.b1 span{background-position:0 -35px;}
.cardMenu li.b2 span{background-position:-135px -35px;}
.cardMenu li.b3 span{background-position:-269px -35px;}
.cardMenu li.b4 span{background-position:-403px -35px;}
.cardMenu li.b5 span{background-position:-537px -35px;}
.cardMenu li.b6 span{background-position:-671px -35px;}

/* card */

.cardListMenuGameUse a{
  display:block;
  width:60px;
  height:37px;
  background:url(../../../images/card/cardListMenu.jpg) no-repeat 0px 0px;
  outline: none;
  text-indent:-9999px;
  overflow:hidden;
}
.cardListMenuGameUse span{
  display:block;
  width:60px;
  height:37px;
  background:url(../../../images/card/cardListMenu.jpg) no-repeat 0px -38px;
  outline: none;
  text-indent:-9999px;
  overflow:hidden;
}
.cardListMenuGameUse a:hover{
  background:url(../../../images/card/cardListMenu.jpg) no-repeat 0px -38px;
}

.cardListMenuId a{
  display:block;
  width:70px;
  height:37px;
  background:url(../../../images/card/cardListMenu.jpg) no-repeat -62px 0px;
  outline: none;
  text-indent:-9999px;
  overflow:hidden;
}
.cardListMenuId span{
  display:block;
  width:70px;
  height:37px;
  background:url(../../../images/card/cardListMenu.jpg) no-repeat -62px -38px;
  outline: none;
  text-indent:-9999px;
  overflow:hidden;
}
.cardListMenuId a:hover{
  background:url(../../../images/card/cardListMenu.jpg) no-repeat -62px -38px;
}

.cardListMenuName a{
  display:block;
  width:350px;
  height:37px;
  background:url(../../../images/card/cardListMenu.jpg) no-repeat -134px 0px;
  outline: none;
  text-indent:-9999px;
  overflow:hidden;
}
.cardListMenuName span{
  display:block;
  width:350px;
  height:37px;
  background:url(../../../images/card/cardListMenu.jpg) no-repeat -134px -38px;
  outline: none;
  text-indent:-9999px;
  overflow:hidden;
}
.cardListMenuName a:hover{
  background:url(../../../images/card/cardListMenu.jpg) no-repeat -134px -38px;
}

.cardListMenuExp a{
  display:block;
  width:60px;
  height:37px;
  background:url(../../../images/card/cardListMenu.jpg) no-repeat -486px 0px;
  outline: none;
  text-indent:-9999px;
  overflow:hidden;
}
.cardListMenuExp span{
  display:block;
  width:60px;
  height:37px;
  background:url(../../../images/card/cardListMenu.jpg) no-repeat -486px -38px;
  outline: none;
  text-indent:-9999px;
  overflow:hidden;
}
.cardListMenuExp a:hover{
  background:url(../../../images/card/cardListMenu.jpg) no-repeat -486px -38px;
}

.cardListMenuSho a{
  display:block;
  width:70px;
  height:37px;
  background:url(../../../images/card/cardListMenu.jpg) no-repeat -548px 0px;
  outline: none;
  text-indent:-9999px;
  overflow:hidden;
}
.cardListMenuSho span{
  display:block;
  width:70px;
  height:37px;
  background:url(../../../images/card/cardListMenu.jpg) no-repeat -548px -38px;
  outline: none;
  text-indent:-9999px;
  overflow:hidden;
}
.cardListMenuSho a:hover{
  background:url(../../../images/card/cardListMenu.jpg) no-repeat -548px -38px;
}

.cardListMenuKind a{
  display:block;
  width:90px;
  height:37px;
  background:url(../../../images/card/cardListMenu.jpg) no-repeat -640px 0px;
  outline: none;
  text-indent:-9999px;
  overflow:hidden;
}
.cardListMenuKind span{
  display:block;
  width:90px;
  height:37px;
  background:url(../../../images/card/cardListMenu.jpg) no-repeat -640px -38px;
  outline: none;
  text-indent:-9999px;
  overflow:hidden;
}
.cardListMenuKind a:hover{
  background:url(../../../images/card/cardListMenu.jpg) no-repeat -640px -38px;
}

.cardListMenuDel a{
  display:block;
  width:40px;
  height:37px;
  background:url(../../../images/card/cardListMenu.jpg) no-repeat -732px 0px;
  outline: none;
  text-indent:-9999px;
  overflow:hidden;
}
.cardListMenuDel span{
  display:block;
  width:40px;
  height:37px;
  background:url(../../../images/card/cardListMenu.jpg) no-repeat -732px 0px;
  outline: none;
  text-indent:-9999px;
  overflow:hidden;
}
.cardListMenuDel a:hover{
  background:url(../../../images/card/cardListMenu.jpg) no-repeat -732px -38px;
}

.cardListMenuSel a{
  display:block;
  width:100px;
  height:37px;
  background:url(../../../images/card/cardListMenu.jpg) no-repeat -774px 0px;
  outline: none;
  text-indent:-9999px;
  overflow:hidden;
}
.cardListMenuSel span{
  display:block;
  width:100px;
  height:37px;
  background:url(../../../images/card/cardListMenu.jpg) no-repeat -774px 0px;
  outline: none;
  text-indent:-9999px;
  overflow:hidden;
}
.cardListMenuSel a:hover{
  background:url(../../../images/card/cardListMenu.jpg) no-repeat -774px -38px;
}


/* cardexchange */
.exchangeMenu
{
  width:700px;
  height:42px;
  position:relative;
  background:url(../../../images/base/exchangeMenu.jpg) no-repeat 0 0px;
  text-align:left;
}
.exchangeMenu li
{
  position:absolute;
  text-indent:-9999px;
}

.exchangeMenu li.b1{width:85px;top:21px;left:3px;}
.exchangeMenu li.b2{width:85px;top:21px;left:88px;}
.exchangeMenu li.b3{width:85px;top:21px;left:173px;}
.exchangeMenu li.b4{width:85px;top:21px;left:258px;}
.exchangeMenu li.b5{width:85px;top:21px;left:343px;}
.exchangeMenu li.b6{width:99px;top:21px;left:428px;}
.exchangeMenu li.b7{width:85px;top:21px;left:527px;}
.exchangeMenu li.b8{width:85px;top:21px;left:612px;}

.exchangeMenu li a, .exchangeMenu li span
{
  display:block;
  width:100%;
  height:100%;
  height:19px;
  overflow:hidden;
  background:url(../../../images/base/exchangeMenu.jpg) no-repeat;
}

.exchangeMenu li.b1 a{background-position:-3px -21px;}
.exchangeMenu li.b2 a{background-position:-88px -21px;}
.exchangeMenu li.b3 a{background-position:-173px -21px;}
.exchangeMenu li.b4 a{background-position:-258px -21px;}
.exchangeMenu li.b5 a{background-position:-343px -21px;}
.exchangeMenu li.b6 a{background-position:-428px -21px;}
.exchangeMenu li.b7 a{background-position:-527px -21px;}
.exchangeMenu li.b8 a{background-position:-612px -21px;}

.exchangeMenu li.b1 a:hover{background-position:-3px -46px;}
.exchangeMenu li.b2 a:hover{background-position:-88px -46px;}
.exchangeMenu li.b3 a:hover{background-position:-173px -46px;}
.exchangeMenu li.b4 a:hover{background-position:-258px -46px;}
.exchangeMenu li.b5 a:hover{background-position:-343px -46px;}
.exchangeMenu li.b6 a:hover{background-position:-428px -46px;}
.exchangeMenu li.b7 a:hover{background-position:-527px -46px;}
.exchangeMenu li.b8 a:hover{background-position:-612px -46px;}

.exchangeMenu li.b1 span{background-position:-3px -46px;}
.exchangeMenu li.b2 span{background-position:-88px -46px;}
.exchangeMenu li.b3 span{background-position:-173px -46px;}
.exchangeMenu li.b4 span{background-position:-258px -46px;}
.exchangeMenu li.b5 span{background-position:-343px -46px;}
.exchangeMenu li.b6 span{background-position:-428px -46px;}
.exchangeMenu li.b7 span{background-position:-527px -46px;}
.exchangeMenu li.b8 span{background-position:-612px -46px;}


#exchangeBtn a{
  display:block;
  width:165px;
  background:url(../../../images/card/btnExchange.jpg) no-repeat 0 0px;
  height:44px;
  outline: none;
  text-indent:-9999px;
}
#exchangeBtn a:hover{
  background:url(../../../images/card/btnExchange.jpg) no-repeat 0 -44px;
}
#exchangeBtn span{
  display:block;
  width:165px;
  background:url(../../../images/card/btnExchange.jpg) no-repeat 0 -88px;
  height:44px;
  outline: none;
  text-indent:-9999px;
}


#exchangeTopBtn1 a{
  display:block;
  width:121px;
  background:url(../../../images/exchange/btnCard1.jpg) no-repeat 0 0px;
  height:32px;
  outline: none;
  text-indent:-9999px;
}
#exchangeTopBtn1 a:hover{
  background:url(../../../images/exchange/btnCard1.jpg) no-repeat 0 -32px;
}
#exchangeTopBtn2 a{
  display:block;
  width:121px;
  background:url(../../../images/exchange/btnCard2.jpg) no-repeat 0 0px;
  height:32px;
  outline: none;
  text-indent:-9999px;
}
#exchangeTopBtn2 a:hover{
  background:url(../../../images/exchange/btnCard2.jpg) no-repeat 0 -32px;
}
#exchangeTopBtn3 a{
  display:block;
  width:121px;
  background:url(../../../images/exchange/btnCard3.jpg) no-repeat 0 0px;
  height:32px;
  outline: none;
  text-indent:-9999px;
}
#exchangeTopBtn3 a:hover{
  background:url(../../../images/exchange/btnCard3.jpg) no-repeat 0 -32px;
}
#exchangeTopBtn4 a{
  display:block;
  width:121px;
  background:url(../../../images/exchange/btnCard4.jpg) no-repeat 0 0px;
  height:32px;
  outline: none;
  text-indent:-9999px;
}
#exchangeTopBtn4 a:hover{
  background:url(../../../images/exchange/btnCard4.jpg) no-repeat 0 -32px;
}
#exchangeTopBtnExp a{
  display:block;
  width:135px;
  background:url(../../../images/exchange/btnExp.jpg) no-repeat 0 0px;
  height:32px;
  outline: none;
  text-indent:-9999px;
}
#exchangeTopBtnExp a:hover{
  background:url(../../../images/exchange/btnExp.jpg) no-repeat 0 -32px;
}
#exchangeTopBtnFolder a{
  display:block;
  width:159px;
  background:url(../../../images/exchange/btnFolder.jpg) no-repeat 0 0px;
  height:32px;
  outline: none;
  text-indent:-9999px;
}
#exchangeTopBtnFolder a:hover{
  background:url(../../../images/exchange/btnFolder.jpg) no-repeat 0 -32px;
}
#exchangeTopBtnBattle a{
  display:block;
  width:159px;
  background:url(../../../images/exchange/btnBattle.jpg) no-repeat 0 0px;
  height:32px;
  outline: none;
  text-indent:-9999px;
}
#exchangeTopBtnBattle a:hover{
  background:url(../../../images/exchange/btnBattle.jpg) no-repeat 0 -32px;
}
#exchangeTopBtnLog a{
  display:block;
  width:159px;
  background:url(../../../images/exchange/btnLog.jpg) no-repeat 0 0px;
  height:32px;
  outline: none;
  text-indent:-9999px;
}
#exchangeTopBtnLog a:hover{
  background:url(../../../images/exchange/btnLog.jpg) no-repeat 0 -32px;
}
#exchangeBtnBattle1 a{
  display:block;
  width:165px;
  background:url(../../../images/exchange/btnBattle1.jpg) no-repeat 0 0px;
  height:44px;
  outline: none;
  text-align:left;
  text-indent:-9999px;
}
#exchangeBtnBattle1 a:hover{
  background:url(../../../images/exchange/btnBattle1.jpg) no-repeat 0 -44px;
}
#exchangeBtnBattle2 a{
  display:block;
  width:165px;
  background:url(../../../images/exchange/btnBattle2.jpg) no-repeat 0 0px;
  height:44px;
  outline: none;
  text-align:left;
  text-indent:-9999px;
}
#exchangeBtnBattle2 a:hover{
  background:url(../../../images/exchange/btnBattle2.jpg) no-repeat 0 -44px;
}


/* cardCatalog */
.cardCatalogMenu1
{
  width:700px;
  height:24px;
  position:relative;
  /*background:url(../../../images/base/cardCatalogMenu1.jpg) no-repeat 0 0px;*/
}
.cardCatalogMenu1 li
{
  float:left;
  height:24px;
  text-indent:-9999px;
}

.cardCatalogMenu1 li.b1{width:134px;}
.cardCatalogMenu1 li.b2{width:268px;}
.cardCatalogMenu1 li.b3{width:268px;}

.cardCatalogMenu1 li a, .cardCatalogMenu1 li span
{
  display:block;
  width:100%;
  height:100%;
  height:24px;
  overflow:hidden;
  background:url(../../../images/base/cardCatalogMenu1.jpg) no-repeat;
}

.cardCatalogMenu1 li.b1 a{background-position:0 0px;}
.cardCatalogMenu1 li.b2 a{background-position:-134px 0px;}
.cardCatalogMenu1 li.b3 a{background-position:-402px 0px;}

.cardCatalogMenu1 li.b1 a:hover{background-position:0 -24px;}
.cardCatalogMenu1 li.b2 a:hover{background-position:-134px -24px;}
.cardCatalogMenu1 li.b3 a:hover{background-position:-402px -24px;}

.cardCatalogMenu1 li.b1 span{background-position:0 -24px;}
.cardCatalogMenu1 li.b2 span{background-position:-134px -24px;}
.cardCatalogMenu1 li.b3 span{background-position:-402px -24px;}


.cardCatalogMenu1_2
{
  width:570px;
  height:24px;
  position:relative;
  background:url(../../../images/base/cardCatalogMenu1.jpg) no-repeat -670px 0px;
}
.cardCatalogMenu1_2 li
{
  float:left;
  height:24px;
  text-indent:-9999px;
}

.cardCatalogMenu1_2 li.b1{width:268px;}
.cardCatalogMenu1_2 li.b2{width:268px;}

.cardCatalogMenu1_2 li a, .cardCatalogMenu1_2 li span
{
  display:block;
  width:100%;
  height:100%;
  height:24px;
  overflow:hidden;
  background:url(../../../images/base/cardCatalogMenu1.jpg) no-repeat;
}

.cardCatalogMenu1_2 li.b1 a{background-position:-670px 0px;}
.cardCatalogMenu1_2 li.b2 a{background-position:-938px 0px;}

.cardCatalogMenu1_2 li.b1 a:hover{background-position:-670px -24px;}
.cardCatalogMenu1_2 li.b2 a:hover{background-position:-938px -24px;}

.cardCatalogMenu1_2 li.b1 span{background-position:-670px -24px;}
.cardCatalogMenu1_2 li.b2 span{background-position:-938px -24px;}

/* cardCatalog */
.cardCatalogMenu2
{
  width:670px;
  height:24px;
  position:relative;
  background:url(../../../images/base/cardCatalogMenu2.jpg) no-repeat 0 0px;
}
.cardCatalogMenu2 li
{
  float:left;
  height:24px;
  text-indent:-9999px;
}

.cardCatalogMenu2 li.b1{width:134px;}
.cardCatalogMenu2 li.b2{width:134px;}
.cardCatalogMenu2 li.b3{width:134px;}
.cardCatalogMenu2 li.b4{width:134px;}
.cardCatalogMenu2 li.b5{width:134px;}

.cardCatalogMenu2 li a, .cardCatalogMenu2 li span
{
  display:block;
  width:100%;
  height:100%;
  height:24px;
  overflow:hidden;
  background:url(../../../images/base/cardCatalogMenu2.jpg) no-repeat;
}

.cardCatalogMenu2 li.b1 a{background-position:0 0px;}
.cardCatalogMenu2 li.b2 a{background-position:-134px 0px;}
.cardCatalogMenu2 li.b3 a{background-position:-268px 0px;}
.cardCatalogMenu2 li.b4 a{background-position:-402px 0px;}
.cardCatalogMenu2 li.b5 a{background-position:-536px 0px;}

.cardCatalogMenu2 li.b1 a:hover{background-position:0 -24px;}
.cardCatalogMenu2 li.b2 a:hover{background-position:-134px -24px;}
.cardCatalogMenu2 li.b3 a:hover{background-position:-268px -24px;}
.cardCatalogMenu2 li.b4 a:hover{background-position:-402px -24px;}
.cardCatalogMenu2 li.b5 a:hover{background-position:-536px -24px;}

.cardCatalogMenu2 li.b1 span{background-position:0 -24px;}
.cardCatalogMenu2 li.b2 span{background-position:-134px -24px;}
.cardCatalogMenu2 li.b3 span{background-position:-268px -24px;}
.cardCatalogMenu2 li.b4 span{background-position:-402px -24px;}
.cardCatalogMenu2 li.b5 span{background-position:-536px -24px;}


.cardCatalogMenu2_2
{
  width:595px;
  height:24px;
  position:relative;
  background:url(../../../images/base/cardCatalogMenu2.jpg) no-repeat 0 0px;
}
.cardCatalogMenu2_2 li
{
  float:left;
  height:24px;
  text-indent:-9999px;
}

.cardCatalogMenu2_2 li.ne1{width:297px;}
.cardCatalogMenu2_2 li.ne2{width:298px;}

.cardCatalogMenu2_2 li a, .cardCatalogMenu2_2 li span
{
  display:block;
  width:100%;
  height:100%;
  height:24px;
  overflow:hidden;
  background:url(../../../images/base/cardCatalogMenu2.jpg) no-repeat;
}

.cardCatalogMenu2_2 li.ne1 a{background-position:-670px 0px;}
.cardCatalogMenu2_2 li.ne2 a{background-position:-967px 0px;}

.cardCatalogMenu2_2 li.ne1 a:hover{background-position:-670px -24px;}
.cardCatalogMenu2_2 li.ne2 a:hover{background-position:-967px -24px;}

.cardCatalogMenu2_2 li.ne1 span{background-position:-670px -24px;}
.cardCatalogMenu2_2 li.ne2 span{background-position:-967px -24px;}


.cardCatalogMenu2_3
{
  width:297px;
  height:24px;
  position:relative;
  background:url(../../../images/base/cardCatalogMenu2.jpg) no-repeat 0 0px;
}
.cardCatalogMenu2_3 li
{
  float:left;
  height:24px;
  text-indent:-9999px;
}

.cardCatalogMenu2_3 li.ne3{width:297px;}

.cardCatalogMenu2_3 li a, .cardCatalogMenu2_3 li span
{
  display:block;
  width:100%;
  height:100%;
  height:24px;
  overflow:hidden;
  background:url(../../../images/base/cardCatalogMenu2.jpg) no-repeat;
}

.cardCatalogMenu2_3 li.ne3 a{background-position:-1266px 0px;}

.cardCatalogMenu2_3 li.ne3 a:hover{background-position:-1266px -24px;}

.cardCatalogMenu2_3 li.ne3 span{background-position:-1266px -24px;}


/* cardGet */

#cardGetBtn a{
  display:block;
  width:165px;
  background:url(../../../images/card/btnCardGet.jpg) no-repeat 0 0px;
  height:44px;
  outline: none;
  text-indent:-9999px;
}
#cardGetBtn a:hover{
  background:url(../../../images/card/btnCardGet.jpg) no-repeat 0 -44px;
}
#cardGetBtn span{
  display:block;
  width:165px;
  background:url(../../../images/card/btnCardGet.jpg) no-repeat 0 -88px;
  height:44px;
  outline: none;
  text-indent:-9999px;
}




/* howto */
.howtoMenu
{
  width:549px;
  height:36px;
  position:relative;
  background:url(../../../images/howto/howtoMenu.jpg) no-repeat 0 0px;
  margin-left:13px;
}
.howtoMenu li
{
  float:left;
  height:36px;
  text-indent:-9999px;
}

.howtoMenu li.b1{width:183px;}
.howtoMenu li.b2{width:183px;}
.howtoMenu li.b3{width:183px;}

.howtoMenu li a, .howtoMenu li span
{
  display:block;
  width:100%;
  height:100%;
  height:36px;
  overflow:hidden;
  background:url(../../../images/howto/howtoMenu.jpg) no-repeat;
}

.howtoMenu li.b1 a{background-position:0 0px;}
.howtoMenu li.b2 a{background-position:-183px 0px;}
.howtoMenu li.b3 a{background-position:-366px 0px;}

.howtoMenu li.b1 a:hover{background-position:0 -37px;}
.howtoMenu li.b2 a:hover{background-position:-183px -37px;}
.howtoMenu li.b3 a:hover{background-position:-366px -37px;}

.howtoMenu li.b1 span{background-position:0 -74px;}
.howtoMenu li.b2 span{background-position:-183px -74px;}
.howtoMenu li.b3 span{background-position:-366px -74px;}

.orderStep
{
  width:673px;
  height:37px;
  background:url(../../../skinView.php/images/2p8c.I..HwTRAAbuv32k6CXTk2U-/battlineButton.jpg) no-repeat 0 -105px;
  display:inline-block;
  margin-bottom:5px;
}
.orderStep li
{
  float:left;
  height:37px;
  text-indent:-9999px;
}

.orderStep li.orderStep_1{width:112px;}
.orderStep li.orderStep_2{width:112px;}
.orderStep li.orderStep_3{width:112px;}
.orderStep li.orderStep_4{width:112px;}
.orderStep li.orderStep_5{width:112px;}
.orderStep li.orderStep_6{width:111px;}

.orderStep li span
{
  display:block;
  width:100%;
  height:100%;
  height:37px;
  overflow:hidden;
  background:url(../../../skinView.php/images/2p8c.I..HwTRAAbuv32k6CXTk2U-/battlineButton.jpg) no-repeat 0px -142px;
}

.orderStep li.orderStep_1 span{background-position:0px -142px;}
.orderStep li.orderStep_2 span{background-position:-112px -142px;}
.orderStep li.orderStep_3 span{background-position:-224px -142px;}
.orderStep li.orderStep_4 span{background-position:-337px -142px;}
.orderStep li.orderStep_5 span{background-position:-450px -142px;}
.orderStep li.orderStep_6 span{background-position:-560px -142px;}



.orderBtnRoll
{
  width:169px;
  height:68px;
  position:relative;
  background:url(../../../images/order/orderBtn.jpg) no-repeat 0 0px;
}
.orderBtnRoll li
{
  height:68px;
  text-indent:-9999px;
}

.orderBtnRoll li.b1{width:169px;}

.orderBtnRoll li a
{
  display:block;
  width:100%;
  height:100%;
  height:68px;
  overflow:hidden;
  background:url(../../../images/order/orderBtn.jpg) no-repeat;
}

.orderBtnRoll li.b1 a{background-position:0 0px;}
.orderBtnRoll li.b1 a:hover{background-position:0 -67px;}



.orderLogBtnRoll
{
  width:169px;
  height:68px;
  position:relative;
  background:url(../../../images/order/orderLogBtn.jpg) no-repeat 0 0px;
}
.orderLogBtnRoll li
{
  height:68px;
  text-indent:-9999px;
}

.orderLogBtnRoll li.b1{width:169px;}

.orderLogBtnRoll li a
{
  display:block;
  width:100%;
  height:100%;
  height:68px;
  overflow:hidden;
  background:url(../../../images/order/orderLogBtn.jpg) no-repeat;
}

.orderLogBtnRoll li.b1 a{background-position:0 0px;}
.orderLogBtnRoll li.b1 a:hover{background-position:0 -67px;}

#orderTopBtn1 a{
  display:block;
  width:165px;
  background:url(../../../images/order/orderTopBtn1.jpg) no-repeat 0 0px;
  height:44px;
  outline: none;
  text-indent:-9999px;
}
#orderTopBtn1 a:hover{
  background:url(../../../images/order/orderTopBtn1.jpg) no-repeat 0 -44px;
}
#orderTopBtn2 a{
  display:block;
  width:165px;
  background:url(../../../images/order/orderTopBtn2.jpg) no-repeat 0 0px;
  height:44px;
  outline: none;
  text-indent:-9999px;
}
#orderTopBtn2 a:hover{
  background:url(../../../images/order/orderTopBtn2.jpg) no-repeat 0 -44px;
}
#orderTopBtn3 a{
  display:block;
  width:165px;
  background:url(../../../images/order/orderTopBtn3.jpg) no-repeat 0 0px;
  height:44px;
  outline: none;
  text-indent:-9999px;
}
#orderTopBtn3 a:hover{
  background:url(../../../images/order/orderTopBtn3.jpg) no-repeat 0 -44px;
}
#orderTopBtn4 a{
  display:block;
  width:165px;
  background:url(../../../images/order/orderTopBtn4.jpg) no-repeat 0 0px;
  height:44px;
  outline: none;
  text-indent:-9999px;
}
#orderTopBtn4 a:hover{
  background:url(../../../images/order/orderTopBtn4.jpg) no-repeat 0 -44px;
}
#orderTopBtn5 a{
  display:block;
  width:165px;
  background:url(../../../images/order/orderTopBtn5.jpg) no-repeat 0 0px;
  height:44px;
  outline: none;
  text-indent:-9999px;
}
#orderTopBtn5 a:hover{
  background:url(../../../images/order/orderTopBtn5.jpg) no-repeat 0 -44px;
}
#orderTopBtnStE a{
  display:block;
  width:165px;
  background:url(../../../images/order/orderTopBtnStE.jpg) no-repeat 0 0px;
  height:44px;
  outline: none;
  text-indent:-9999px;
}
#orderTopBtnStE a:hover{
  background:url(../../../images/order/orderTopBtnStE.jpg) no-repeat 0 -44px;
}
#orderTopBtnStZ a{
  display:block;
  width:165px;
  background:url(../../../images/order/orderTopBtnStZ.jpg) no-repeat 0 0px;
  height:44px;
  outline: none;
  text-indent:-9999px;
}
#orderTopBtnStZ a:hover{
  background:url(../../../images/order/orderTopBtnStZ.jpg) no-repeat 0 -44px;
}
#orderTopBtnLogS a{
  display:block;
  width:125px;
  background:url(../../../images/order/orderTopBtnLogS.jpg) no-repeat 0 0px;
  height:44px;
  outline: none;
  text-indent:-9999px;
}
#orderTopBtnLogS a:hover{
  background:url(../../../images/order/orderTopBtnLogS.jpg) no-repeat 0 -44px;
}



#cardSpBtn1 a{
  display:block;
  width:165px;
  background:url(../../../images/card/cardSpBtn1.jpg) no-repeat 0 0px;
  height:44px;
  outline: none;
  text-indent:-9999px;
}
#cardSpBtn1 a:hover{
  background:url(../../../images/card/cardSpBtn1.jpg) no-repeat 0 -44px;
}
#cardSpBtn2 a{
  display:block;
  width:165px;
  background:url(../../../images/card/cardSpBtn2.jpg) no-repeat 0 0px;
  height:44px;
  outline: none;
  text-indent:-9999px;
}
#cardSpBtn2 a:hover{
  background:url(../../../images/card/cardSpBtn2.jpg) no-repeat 0 -44px;
}
#cardSpBtn3 a{
  display:block;
  width:165px;
  background:url(../../../images/card/cardSpBtn3.jpg) no-repeat 0 0px;
  height:44px;
  outline: none;
  text-indent:-9999px;
}
#cardSpBtn3 a:hover{
  background:url(../../../images/card/cardSpBtn3.jpg) no-repeat 0 -44px;
}