@charset "utf-8";
@import "gecko.css";
/*------------------------------------
  Coder: macky
  Date : 2009/11/11
  Msg  : まじかるブラゲ学院
------------------------------------*/
/*------------------------------------
  ==  default
------------------------------------*/
html {
  font-size:12px;
  height:100%;
  min-width:958px;
  background:#fff9e1 url("../images/bg_wrapper.jpg") repeat-y top center;
}
body{
  height:100%;
  min-width:958px;
  width:auto !important;
}
a{
  color:#0099ff;
  text-decoration:none;
}
a:hover{text-decoration:underline;}
.vc { color:#ff0000; }
/*------------------------------------
  ==  #gsGameContents
------------------------------------*/
#gsGameContents {
  position:relative;
  z-index:1;
  height:100%;
  margin:0 auto 0;
  width:958px;
  background:#fff5ca url("../images/bg_wrapper.jpg") repeat-y top center;
}


/*------------------------------------
  ==  login
------------------------------------*/
#login {
  position:relative;
  background:url("/common/images/bg_brage.png") repeat top left;
  height:25px;
  z-index:2;
  margin-bottom:-25px;
}
  #login_content {
    position:relative;
    width:950px;
    margin:0 auto 0;
    height:25px;
  }
  #bragelogo {
    position:absolute;
    display: block;
    width: 134px;
    height: 21px;
    left: 0px;
    top: 0px;
    z-index:3;
  }
    #loginA {
      position:relative;
    }
    #login_user{
      position:relative;
      z-index:2;
      top:5px;
      text-align:right;
    }
    #login_user a{ color:#fff;}

/*------------------------------------
  ==  #wrapper
------------------------------------*/
#wrapper {
  width:950px;
  margin:0 auto 0;
  min-height:693px;
  _height:auto !important;
  _height:693px;
  background:#fff5ca no-repeat top left;
}

#container {
  background:url("../images/bg_container.gif") repeat-y top center;
  overflow:hidden;
  padding-bottom:10px;
}

/*------------------------------------
  ==  header
------------------------------------*/
#header {
  position:relative;
  padding-top:27px;
  height:150px;
  z-index:1;
}
  #topPage #header{
    height:284px;
    background:url("../images/index_img_girls.png") no-repeat top right;
  }
  /*------------------------------------
    ==  #logo
  ------------------------------------*/
  #header h1{
    position:absolute;
    top:0px;
    left:15px;
  }
    #header h1 a{
      display:block;
      width:302px;
      height:169px;
      background:url("../images/logo_l.png") no-repeat top left;
    }
  /*------------------------------------
    ==  #mainMenu
  ------------------------------------*/
  #mainMenu {
    position:absolute;
    top:100px;
    left:340px;
    width:612px;
    height:166px;
    overflow:hidden;
  }
  #mainMenu li{
    float:left;
  }
  #mainMenu li a{
    display:block;
    height:166px;
    text-indent:-9999pt;
  }
  #mainMenu #mainMenu_01 a{ width:112px;}
  #mainMenu #mainMenu_02 a{ width:112px;}
  #mainMenu #mainMenu_03 a{ width:112px;}
  #mainMenu #mainMenu_04 a{ width:112px;}
  #mainMenu #mainMenu_05 a{ width:112px;}
  /* link */
  #mainMenu #mainMenu_01 a:link{ background:url("../images/btn_global.png") no-repeat 0px 0px;}
  #mainMenu #mainMenu_02 a:link{ background:url("../images/btn_global.png") no-repeat -119px 0px;}
  #mainMenu #mainMenu_03 a:link{ background:url("../images/btn_global.png") no-repeat -238px 0px;}
  #mainMenu #mainMenu_04 a:link{ background:url("../images/btn_global.png") no-repeat -355px 0px;}
  #mainMenu #mainMenu_05 a:link{ background:url("../images/btn_global.png") no-repeat -472px 0px;}
  /* visited */
  #mainMenu #mainMenu_01 a:visited{ background:url("../images/btn_global.png") no-repeat 0px 0px;}
  #mainMenu #mainMenu_02 a:visited{ background:url("../images/btn_global.png") no-repeat -119px 0px;}
  #mainMenu #mainMenu_03 a:visited{ background:url("../images/btn_global.png") no-repeat -238px 0px;}
  #mainMenu #mainMenu_04 a:visited{ background:url("../images/btn_global.png") no-repeat -355px 0px;}
  #mainMenu #mainMenu_05 a:visited{ background:url("../images/btn_global.png") no-repeat -472px 0px;}
  /* hover */
  #mainMenu #mainMenu_01 a:hover{ background:url("../images/btn_global.png") no-repeat 0px bottom;}
  #mainMenu #mainMenu_02 a:hover{ background:url("../images/btn_global.png") no-repeat -119px bottom;}
  #mainMenu #mainMenu_03 a:hover{ background:url("../images/btn_global.png") no-repeat -238px bottom;}
  #mainMenu #mainMenu_04 a:hover{ background:url("../images/btn_global.png") no-repeat -355px bottom;}
  #mainMenu #mainMenu_05 a:hover{ background:url("../images/btn_global.png") no-repeat -472px bottom;}
  /* active */
  #mainMenu #mainMenu_01 a:active{ background:url("../images/btn_global.png") no-repeat 0px bottom;}
  #mainMenu #mainMenu_02 a:active{ background:url("../images/btn_global.png") no-repeat -119px bottom;}
  #mainMenu #mainMenu_03 a:active{ background:url("../images/btn_global.png") no-repeat -238px bottom;}
  #mainMenu #mainMenu_04 a:active{ background:url("../images/btn_global.png") no-repeat -355px bottom;}
  #mainMenu #mainMenu_05 a:active{ background:url("../images/btn_global.png") no-repeat -472px bottom;}



/*------------------------------------
  ==  #mainContent
------------------------------------*/
#mainContent {
  position:relative;
  z-index:2;
  _display:inline;
  _zoom:1;
  margin-right:24px;
  float:right;
  width:718px;
  padding-bottom:17px;
  background:url("../images/bg_maincontent_bottom.png") no-repeat bottom left;
}
#topPage #mainContent{
  margin-top:-134px;
}
  #mainContentBody {
    padding-top:17px;
    background:url("../images/bg_maincontent_top.png") no-repeat top left;
  }
  #hotCon {
    padding:0 17px;
    background:url("../images/bg_maincontent_middle.png") repeat-y top left;
  }
  #hotCon .leftColumn.v70{ width:522px;}
  #hotCon .rightColumn.v30{ width:152px; padding-left:10px;}
  /*
   * bnrLoop
   */
  #bnrLoop {
    width:514px;
    height: 157px;
    margin: 0px 0px 7px 0px;
    padding: 7px 0px 0px 7px;
    background: url("../../top_common/images/index_bg_bnr.jpg") no-repeat top left;
  }
  /*
   * bbsContainer
   */
  #bbsContainer {
    width: 522px;
    position:relative;
    margin: 10px 0px 0px 0px;
    padding-bottom:20px;
    background: url("../../top_common/images/index_bg_bbs_bottom.jpg") no-repeat bottom left;
  }
    #bbsContainer h3{
      width: 522px;
      height: 32px;
      overflow:hidden;
      text-indent: -9999pt;
      background: url("../../top_common/images/index_bg_bbs_top.jpg") no-repeat top left;
    }
    #bbsContainer .more{
      display:block;
      position: absolute;
      top:6px;
      right:12px;
      width: 79px;
      height: 15px;
      overflow:hidden;
      text-indent: -9999pt;
      background: url("../../top_common/images/index_ico_more.gif") no-repeat top left;
    }
      #bbsContainerBody {
        width: 493px;
        padding: 4px 18px 0px 11px;
        background: url("../../top_common/images/index_bg_bbs_middle.jpg") repeat-y top left;
      }
        #bbsContainerBody li{
          overflow: hidden;
          margin: 0px 0px 0px 0px;
          padding: 0px 0px 5px 0px;
          background:url("../../top_common/images/index_bg_dotted.gif") repeat-x bottom left;
        }
          #bbsContainerBody li a{
            float:left;
            display:block;
            width:355px;
            margin: 5px 0px 0px 0px;
            padding: 4px 0px 5px 56px;
          }
          #bbsContainerBody li.bbs_question a{ background: url("../../top_common/images/index_ico_bbs_question.jpg") no-repeat left center;}
          #bbsContainerBody li.bbs_guild a{ background: url("../../top_common/images/index_ico_bbs_guild.jpg") no-repeat left center;}
          #bbsContainerBody li.bbs_fun a{ background: url("../../top_common/images/index_ico_bbs_fun.jpg") no-repeat left center;}
          #bbsContainerBody li .readNum,#bbsContainerBody li .resNum {
            display:block;
            float:right;
            width: 80px;
            font-size:10px;
            text-align:right;
          }
          #bbsContainerBody li .readNum {
            padding-top:6px;
          }
          #bbsContainerBody li .resNum {}
          #bbsContainerBody li .readNum b ,
          #bbsContainerBody li .resNum  b {
            color: #37823c;
            font-weight:normal;
          }
  /*
   *  rightBnr
   */
  #rightBnr {
  }
  #rightBnr li{
    margin: 0px 0px 5px 0px;
  }
/*------------------------------------
  ==  #subContent
------------------------------------*/
#subContent{
  position:relative;
  z-index:2;
  _display:inline;
  _zoom:1;
  margin-top:0px;
  margin-left:24px;
  float:left;
  width:184px;
}
#topPage #subContent{
  margin-top:-144px;
}

#btnArea {
  position:relative;
  margin: -30px 0px 0px 0px;
}
  #gameStartSwf {
    height:180px;
    margin: 0px 0px -20px 0px;
  }
/*
#gameStartL {
  display:block;
  width:184px;
  height:133px;
  text-indent:-9999pt;
  overflow:hidden;
}
#gameStartL:link {background:url("../images/btn_gamestart_l_off.png") no-repeat 0px 0px;}
#gameStartL:visited {background:url("../images/btn_gamestart_l_off.png") no-repeat 0px 0px;}
#gameStartL:hover {background:url("../images/btn_gamestart_l_on.png") no-repeat 0px 0px;}
#gameStartL:active {background:url("../images/btn_gamestart_l_on.png") no-repeat 0px 0px;}
*/
#gotoReg {
  display:block;
  width:184px;
  height:64px;
  text-indent:-9999pt;
  overflow:hidden;
}
#gotoReg:link {background:url("../images/btn_gotoreg_off.png") no-repeat 0px 0px;}
#gotoReg:visited {background:url("../images/btn_gotoreg_off.png") no-repeat 0px 0px;}
#gotoReg:hover {background:url("../images/btn_gotoreg_on.png") no-repeat 0px 0px;}
#gotoReg:active {background:url("../images/btn_gotoreg_on.png") no-repeat 0px 0px;}





#leftMenus {
  padding-bottom:17px;
  background:url("../images/bg_subcontent_bottom.png") no-repeat bottom left;
}
  #leftMenusBody {
    padding-top:17px;
    background:url("../images/bg_subcontent_top.png") no-repeat top left;
  }
  #leftMenusBody ul{
    padding:0 17px;
    background:url("../images/bg_subcontent_middle.png") repeat-y top left;
    zoom:1;
  }
  #leftMenusBody ul li{
    padding:0px 0;
    background:url("../images/bg_whitedots.gif") repeat-x top left;
  }
  #leftMenusBody ul li.firstchild{
    background:none;
  }
  #leftMenusBody ul li a{
    display:block;
    padding:7px 0 3px;
    color:#ffcc00;
  }

    #leftMenusBody ul ul{
      background:none;
      padding:0 0 0 0;
    }
    #leftMenusBody ul ul li{
      background:none;
    }
    #leftMenusBody ul ul li a.vClist{
      padding:0 0 3px 1.2em;
      text-indent:0;
      background:url("../images/ico_leftmenu.gif") no-repeat 0px 2px;
      display:block;
    }
    #leftMenusBody ul ul li a.vClist:hover{
      background-image:url("../images/ico_leftmenu_on.gif");
    }
  /* leftmenu link color */
  #leftMenusBody ul li a,
  #leftMenusBody ul ul li a{ color:#fff; }
  #leftMenusBody ul li a:hover,
  #leftMenusBody ul ul li a:hover{ color:#ff6600; }


#bnrArea {
  width:180px;
  margin:4px auto 0;
}
  #bnrArea li{
    line-height:0;
    margin-bottom:2px;
  }
/*------------------------------------
  ==  #footer
------------------------------------*/
#footer {
  margin:0 auto 0;
  width:958px;
  color:#fff;
  background:url("../images/bg_wrapper.jpg") repeat-y top left;
}
  #footer a{ color:#ffcc33;}
  #footerContents {
    margin:0 auto 0;
    width:900px;
    padding:5px 25px 0;
    background:url("../images/bg_footer.jpg") repeat-x top left;
    height:57px;
    overflow:hidden;
  }
    /* #footLink */
    #footLink.vPagerBorder{
      float:left;
      width:500px;
    }
    #footLink.vPagerBorder li{
      border-color:#fff;
    }
    /* #copyRight */
    #copyRight{
      text-align:right;
      float:right;
      width:400px;
    }













/*------------------------------------
  ==  ie6 bugfix
------------------------------------*/
* html #gsGameContents #wrapper #container { zoom:1;}