@charset "utf-8";
/*------------------------------------
  Coder: macky
  Date : 2009/11/11
  Msg  : まじかるブラゲ学院
------------------------------------*/
#tabContainer {
  position:relative;
  width:522px;
  height:324px;
  background:#8f0000 url("../images/index_bg_tab.gif") no-repeat bottom left;
}
  #tabContainer #tabList {
    clear:both;
    padding:18px 21px 0px;
    overflow:hidden;
  }
    /* tab */
    #tabContainer h3{
      float:left;
      _display:inline;
      _zoom:1;
    }
    #tabContainer h3 a {
      display:block;
      width:131px;
      height:29px;
      color:#fff;
      overflow:hidden;
      text-indent:-9999pt;
      outline:none;
      background:url("../images/index_btnset_tab.gif") no-repeat 0 0;
    }
    /* 最新情報 */
    #tabContainer h3#tab_latest.selected a{background-position:0 -29px;}
      /* 最新情報 未選択 */
      #tabContainer h3#tab_latest a{background-position:0 0px;}
    /* お知らせ */
    #tabContainer h3#tab_announce.selected a{background-position:-131px -29px;}
      /* お知らせ 未選択 */
      #tabContainer h3#tab_announce a{background-position:-131px 0px;}
    /* イベント情報 */
    #tabContainer h3#tab_event.selected a{background-position:-262px -29px;}
      /* イベント情報 未選択 */
      #tabContainer h3#tab_event a{background-position:-262px 0;}
    /* メンテナンス情報 */
    #tabContainer h3#tab_maintenance.selected a{background-position:-393px -29px;}
      /* メンテナンス情報 未選択 */
      #tabContainer h3#tab_maintenance a{
        width:129px;
        background-position:-393px 0;
      }

  #tabContainer #tabList dt{
    position:absolute;
    bottom:20px;
    right:33px;
    _right:22px;
    width:35px;
    height:14px;
    z-index:10;
  }
  #tabContainer #tabList dt a{
    display:block;
    width:46px;
    height:16px;
    text-indent:-9999pt;
    background:url("../images/ico_more.gif") no-repeat 0 0;
    overflow:hidden;
    cursor:pointer;
    zoom:1;
  }
/*
  #tabContainer #tabList .latest dt{
    display:none;
  }
*/
    #tabContainer #tabList dd{
      padding-bottom:5px;
      margin-bottom:5px;
      color:#333333;
      background:url("../images/index_bg_dotted.gif") repeat-x bottom left;
      zoom:1;
    }
    #tabContainer #tabList dd a {
      padding-left:5px;
      color:#3366ff;
      font-weight:normal;
    }
    #tabContainer #tabList dd a strong,
    #tabContainer #tabList dd a b{
      font-weight: bold;
    }
    #tabContainer #tabList dd a:hover {
      text-decoration:underline;
    }
    #tabContainer #tabList dd.new a {
      color:#3366ff;
      padding-left:35px;
      background:url("../images/icon_newinfo.jpg") no-repeat 2px 0px;
      font-weight:bold;
    }

