@charset "utf-8";
@import 'topics.css';
/*------------------------------------
  Coder: macky
  Date : 2009/09/11
  Msg  : 中ページスタイル
------------------------------------*/
html{
  background-color:#25132d;
}
a:link,
a:hover{
  color:#008b9a;
}

/*------------------------------------
背景画像
------------------------------------*/
#gsGameContents {
  background:#25132d url("../images/bg.jpg") no-repeat top center;
  min-height:680px;
  height:auto !important;
  height:680px;
  font-size:12px;
}
#wrapper {
  position:relative;
  width:820px;
  margin:0 auto 0;
  padding:0px 33px 76px;
}
/*------------------------------------
ヘッダー
------------------------------------*/
#header {
  position:relative;
  height:240px;
}
#header h1{
  position:absolute;
  top:45px;
  left:-5px;
  width:382px;
  height:177px;
  text-indent:-9999pt;
  background:url("../images/logo.png");
}
#gotoTop {
	display:block;
	position:absolute;
	width:370px;
	height:180px;
	left:0;
  top:47px !important;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
	opacity:0;
	overflow:hidden;
}
/*------------------------------------
メイン
------------------------------------*/
#mainContent {
  width:827px;
  padding:0 0px 0;
  background:url("../images/bg_articlecontainer.png") repeat-y top left;
  overflow:hidden;
}
#articleContainer{
  position:relative;
  top:-35px;
}

/*------------------------------------
みぎがわ
------------------------------------*/
#hotCon {
  width:595px;
  padding:77px 22px 0 21px;
  float:right;
  color:#7b3d31;
}
#hotCon .article{
  margin-bottom:19px;
}
#hotCon .article img.imgR{
  margin-left:15px;
}
#hotCon .article img.imgL{
  margin-right:15px;
}

/*------------------------------------
  ==  headline
------------------------------------*/
#hotCon .h_lv2{
  margin-bottom:15px;
}
#hotCon .article .h_lv3{
  height:15px;
  margin-bottom:17px;
  padding:8px 0 15px 5px;
  color:#2e4272;
  font-weight:bold;
  font-size:18px;
  border-left:10px solid #2e4272;
  border-bottom:1px dotted #2e4272;
}
#hotCon .article .h_lv4{
  border-left:5px solid #2e4272;
  padding:2px 0 3px 5px;
  margin:15px 0 10px;
  font-weight:bold;
  color:#2e4272;
  border-bottom:1px dotted #2e4272;
}
#hotCon .article .h_lv5{
  font-weight:bold;
  margin-bottom:5px;
  color:#2e4272;
  border-bottom:1px dotted #2e4272;
}

#hotCon .article .h_lv5_2{
  margin-bottom:10px;
  padding:7px 5px 5px 5px;
  background:#fff;
  font-size:15px;
  font-weight:bold;
  border-top:3px solid #2e4272;
  border-bottom:3px solid #2e4272;
  border-right:300px solid #2e4272;
}
#hotCon .article .headImgs{
  overflow:hidden;
  background:#fff;
  margin-bottom:15px;
  padding:5px 0;
  border:5px solid #e8dbae;
  text-align:center;
}
#hotCon .article .headImgs img{
  vertical-align:top;
}

/*------------------------------------
  ==  Smooth font
------------------------------------*/
#leftMenus dd li .btn,
#hotCon .article .h_lv3,
#hotCon .article .h_lv4,
#hotCon .article .h_lv5_2{
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Mayryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

/*------------------------------------
  ==  table
------------------------------------*/
.tableStyle0 {
  width:99%;
  margin:10px auto 10px;
  background:#fff;
  color:#4f4a31;
}
.tableStyle0 td{
  padding-top:10px;
  padding-bottom:10px;
}
.tableStyle0 td img{
  vertical-align:top;
}

.tableStyle0 .title{
  width:30%;
  font-weight:bold;
  background:#484588;
  color:#fff;
}
#hotCon .vPagerBox0{
}

#hotCon .vPagerBox0 li{
  border:none;
  background:none;
  height:23px;
  overflow:hidden;
  margin:0;
  padding:0 5px;
  text-align:left;
}

hr.bottomSpace {
  margin-bottom:15px;
}

#hotCon .vPagerBox0 li a{
  width:49px;
  height:21px;
  padding:0;
  margin:0;
  background:url("../images/btn_prev_next.jpg");
  vertical-align:middle;
}
#hotCon .vPagerBox0 li.prev a{ background-position:0px 0px;}
#hotCon .vPagerBox0 li.next a{ background-position:49px 0px;}
#hotCon .vPagerBox0 li.listpage a{ background-position:bottom left;}


#hotCon .vPagerBox0 li.num {
  width:auto;
  height:29px;
}
#hotCon .vPagerBox0 li.num a,
#hotCon .vPagerBox0 li.num span{
  background:url("../images/btn_articlemenu.jpg") no-repeat 0 0;
}
#hotCon .vPagerBox0 li.num a {
  width:auto;
  padding-left:10px;
  height:30px;
  text-align:center;
  background-position:0px 0px;
  font-size:14px;
  font-weight:bold;
  color:#2B406F;
}
#hotCon .vPagerBox0 li.num span{
  height:25px;
  display:-moz-inline-box;
  display:inline-block;
  /display:inline;
  /zoom:1;
  background-position:right top;
  color:#2B406F;
  padding-top:4px;
  padding-right:10px;
  cursor:pointer;
}
#hotCon .vPagerBox0 li.num a:hover,
#hotCon .vPagerBox0 li.num a:hover span{
  color:#fff;
}


#hotCon .vPagerBox0 li.listpage a span,
#hotCon .vPagerBox0 li.prev a span,
#hotCon .vPagerBox0 li.next a span{ display:none;}

#hotCon .vPagerBox0 li.prev a:hover{ background-position:0px -30px;}
#hotCon .vPagerBox0 li.next a:hover{ background-position:49px -30px;}
#hotCon .vPagerBox0 li.listpage a:hover{ background-position:bottom right;}

#hotCon .goTop {
  width:35px;
  height:12px;
  text-align:left;
  text-indent:-9999pt;
  background:url("../images/btn_gotop.jpg") no-repeat top left;
}
/*------------------------------------
  ==  skillTable
------------------------------------*/
.skillTable {
  margin:5px auto 0px;
  width:595px;
  border-bottom:1px solid #b7b7b7;
}
.skillTable thead{ text-align:center;}
.skillTable table{ width:100%;}

/*------------------------------------
td width
------------------------------------*/
.skillTable td{padding:5px 0;}
.skillTable .skillTable_1{
  width:79px;
  text-align:center;
}
.skillTable .skillTable_2 { width:49px;}
.skillTable .skillTable_3 { padding:0px;}
.skillTable .skillTable_4 { text-align:center; width:58px;}
.skillTable .skillTable_5 { text-align:center; width:43px;}
.skillTable .skillTable_6 { width:46px; text-align:center;}
.skillTable .skillTable_7 { text-align:center; width:48px;}
.skillTable .skillTable_8 { text-align:center; width:62px;}
.skillTable .skillTable_9 { width:123px;}
.skillTable .border { border-bottom:1px dashed #b7b7b7;}
.skillTable .border td{
  /border-bottom:1px dashed #b7b7b7;
}
/*------------------------------------
thead bgcolor
------------------------------------*/
.skillTable thead td{
  font-size:10px;
  border-top:3px double #b7b7b7;
  border-bottom:3px double #b7b7b7;
}
.skillTable thead .skillTable_1,
.skillTable thead .skillTable_4,
.skillTable thead .skillTable_6,
.skillTable thead .skillTable_8{ background:#fdfdfe;}
.skillTable thead .skillTable_3{}
.skillTable thead .skillTable_2,
.skillTable thead .skillTable_5,
.skillTable thead .skillTable_7,
.skillTable thead .skillTable_9{ background:#f4f4f4;}

/*------------------------------------
tbody bgcolor
------------------------------------*/
.skillTable tbody .skillTable_2{
  font-size:10px;
  text-align:center;
}
.skillTable tbody .skillTable_3{}

.skillTable tbody .skillTable_1,
.skillTable tbody .skillTable_4,
.skillTable tbody .skillTable_6,
.skillTable tbody .skillTable_8{ background:#fdfdfe;}

.skillTable tbody .skillTable_2,
.skillTable tbody .skillTable_5,
.skillTable tbody .skillTable_9,
.skillTable tbody .skillTable_7{ background:#f4f4f4;}

.skillTable tbody .skillTable_9{
  font-size:10px;
  width:113px;
  padding-left:5px;
  padding-right:5px;
}
/* 魔法技術 */
.skillTable.table_song .border tr.border td{
  /border-bottom:1px dashed #b7b7b7;
}
.skillTable.table_song .border tr td{
  /border:none;
}
.skillTable.table_song thead .skillTable_1,
.skillTable.table_song thead .skillTable_5,
.skillTable.table_song thead .skillTable_7,
.skillTable.table_song thead .skillTable_9,
.skillTable.table_song tbody .skillTable_1,
.skillTable.table_song tbody .skillTable_5,
.skillTable.table_song tbody .skillTable_7,
.skillTable.table_song tbody .skillTable_9{ background:#fdfdfe;}

.skillTable.table_song thead .skillTable_2,
.skillTable.table_song thead .skillTable_6,
.skillTable.table_song thead .skillTable_8,
.skillTable.table_song tbody .skillTable_2,
.skillTable.table_song tbody .skillTable_6,
.skillTable.table_song tbody .skillTable_8{ background:#f4f4f4;}


.skillTable.table_song .skillTable_1{ width:80px !important; }
.skillTable.table_song .skillTable_2{ width:60px !important; }
.skillTable.table_song .skillTable_5{ width:50px !important; }
.skillTable.table_song .skillTable_6{ width:60px !important; }
.skillTable.table_song .skillTable_7{ width:50px !important; }
.skillTable.table_song .skillTable_8{ width:50px !important;}
.skillTable.table_song .skillTable_9{ width:234px !important;}


/*------------------------------------
img add border
------------------------------------*/
img.border {
  border:3px solid #a46e56;
}

/*------------------------------------
左メニュー
------------------------------------*/
#subContent {
  width:180px;
  float:left;
  padding:0 0 0 0;
}

#leftMenus {
  width:186px;
  padding:0px 0 20px;
}
#leftMenus dl{
  width:186px;
  padding:0px 0px 30px;
  background:url("../images/bg_leftmenu_bottom.png") no-repeat bottom left;
  overflow:hidden;
}
#leftMenus dl dt{
  padding-top:15px;
  width:186px;
  height:53px;
  background: url("../images/bg_leftmenu_top.png") no-repeat bottom left;
}
#leftMenus dl dd{
  width:162px;
  padding:0 12px;
  background: url("../images/bg_leftmenu_middle.png") repeat-y top left;
  overflow:hidden;
}

/* 1st */
#leftMenus dd li {
  margin-bottom:5px;
}
#leftMenus dd li .btn{
  display:block;
  width:156px;
  height:26px;
}
#leftMenus dd li .btn{
  padding:7px 0 0 10px;
  width:146px;
  height:19px;
  color:#2b406f;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
}
#leftMenus dd li.current .btn,
#leftMenus dd li .btn:hover{
  color:#fff;
  background:url("../images/btn_leftmenu.jpg") no-repeat top left;
}
#leftMenus dd li .noLink{
  font-weight:bold;
  font-family:"メイリオ";
  padding-left:10px;
}

/* 2nd */
#leftMenus dd li ul{
  margin:5px 0 10px;
}
#leftMenus dd li ul li{
  padding:0 1em;
  color:#54820c;
}
#leftMenus dd li ul li a{
  padding:0 0px 0 3px;
  font-size:10px;
  color:#54820c;
  text-decoration:none;
}
#leftMenus dd li ul li a:hover{
  color:#7B3D31;
  text-decoration:underline;
}
#leftMenus dd li ul li.current a{
  font-weight:bold;
}

/*------------------------------------
コンテンツ内メニュー
------------------------------------*/
.articleMenu {
  position:relative;
  text-align:center;
  padding:1% 0 0.5%;
  zoom:1;
  min-height:29px;
  height:auto !important;
  height:29px;
  margin:0 auto 15px;
}
  .articleMenu li{
    margin:0 5px 5px;
    display:-moz-inline-box;
    display:inline-block;
    /display:inline;
    /zoom:1;
  }
  .articleMenu li a,
  .articleMenu li a span{
    display:-moz-inline-box;
    display:inline-block;
    /display:inline;
    /zoom:1;
    background:url("../images/btn_articlemenu.jpg") no-repeat 0 0;
    color:#2B406F;
    text-decoration:none;
    cursor:pointer;
    font-weight:bold;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Mayryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
  }
  .articleMenu li a{
    height:29px;
    padding-left:10px;
    background-position:0px 0px;
    outline:none;
    zoom:1;
  }
  .articleMenu li a span{
    height:20px;
    vertical-align:middle;
    padding:9px 10px 0 0;
    background-position:right top;
    /position:relative;
    /padding:7px 10px 0 0;
    /height:22px;
    /background-position:right top;
  }
  * html .articleMenu li a span {
    top:-1px;
    left:1px;
  }
  /* for ie7 */
  *:first-child+html .articleMenu li a span {
    top:-1px;
    left:1px;
  }



  .articleMenu li a:hover{ background-position:bottom left; color:#fff;}
  .articleMenu li a:hover span{
    background-position:right -29px;
    color:#fff;
  }


/*------------------------------------
装飾
------------------------------------*/
#topImg,
#bottomImg{
  display:block;
  position:absolute;
  left:33px;
  zoom:1;
}

#topImg{
  top:204px;
  width:827px;
  height:77px;
  background:url("../images/bg_articlecontainer_top.png") no-repeat top left;
}
#bottomImg{
  bottom:0px;
  width:827px;
  height:76px;
  background:url("../images/bg_articlecontainer_bottom.png") no-repeat top left;
}

/*------------------------------------
パンくず
------------------------------------*/
#topicPath {
  position:absolute;
  top:250px;
  left:236px;
  padding:0px 0 0 0;
  width:470px;
  height:27px;
  z-index:999;
  zoom:1;
}
#topicPath li{
  display:-moz-inline-box;
  display:inline-block;
  /display:inline;
  /zoom:1;
  margin-left:-10px;
  font-size:10px;
  padding: 0 10px 0 10px;
  background:url("../images/ico_gt.gif") no-repeat left center;
  color:#fff;
}

#topicPath li.current{
  font-weight:bold;
}
/*------------------------------------
アイコン＋説明
------------------------------------*/
dl.icon_text {
  overflow:hidden;
  margin-top:5px;
  border-top:1px dotted #ccc;
  padding:10px 0;
}
dl.icon_text dt,
dl.icon_text dd{
  display:-moz-inline-box;
  display:inline-block;
  /display:inline;
  /zoom:1;
}
dl.icon_text dt {
  vertical-align:top;
  width:40px;
}
dl.icon_text dd {
  width:360px;
}

dl.icon_text.Msize dt {width:50px;}
dl.icon_text.Msize dd {width:350px;}
dl.icon_text.Lsize dt {width:80px;}
dl.icon_text.Lsize dd {width:320px;}


/*------------------------------------
  ==  お知らせ
------------------------------------*/
.infoList {
}
  .infoList li{
    border-top:1px dashed #a46e56;
    padding:7px 0 5px;
  }
  .infoList li.firstchild{
    border:none;
  }
    /* date */
    .infoList li span{
      padding-right:1em;
    }
    /* link */
    .infoList li a{
      
    }
/*------------------------------------
footer
------------------------------------*/
#footerContents{
  position:relative;
  width:900px;
  margin:0 auto 0;
}
#footerContents #copyRight{
  width:410px;
  margin:0 auto 0;
  font-size:10px;
}





/*
 *  魔法用テーブル
 */
.tableStyle0.magicTable {}
  .tableStyle0.magicTable .cate1,
  .tableStyle0.magicTable .cate2,
  .tableStyle0.magicTable .cate3,
  .tableStyle0.magicTable .cate4{
    background:#484588;
    color:#fff;
    font-weight:bold;
  }

  .tableStyle0.magicTable .cate1{ width:133px;}
  .tableStyle0.magicTable .cate2{ width:60px; }
  .tableStyle0.magicTable .cate3{ width:70px; }
  .tableStyle0.magicTable .cate4{ width:auto; }
  .tableStyle0.magicTable .cate5{ background:#807ea6; color:#fff;}

/*
 *  歌用テーブル
 */
.tableStyle0.songTable {}
  .tableStyle0.songTable .cate1,
  .tableStyle0.songTable .cate2,
  .tableStyle0.songTable .cate3,
  .tableStyle0.songTable .cate4,
  .tableStyle0.songTable .cate5 {
    background:#484588;
    color:#fff;
    font-weight:bold;
  }
  .tableStyle0.songTable .cate1{ width:67px;}
  .tableStyle0.songTable .cate2{ width:66px;}
  .tableStyle0.songTable .cate3{ width:80px;}
  .tableStyle0.songTable .cate4{ width:auto;}
  .tableStyle0.songTable .cate5{ background:#807ea6; color:#fff;}


/*
 *  武器用テーブル
 */
.tableStyle0.weaponTable {}
  .tableStyle0.weaponTable .cate1,
  .tableStyle0.weaponTable .cate2,
  .tableStyle0.weaponTable .cate3{
    background:#484588;
    color:#fff;
    font-weight:bold;
  }
  .tableStyle0.weaponTable .cate1{ width:133px;}
  .tableStyle0.weaponTable .cate2{ width:150px;}
  .tableStyle0.weaponTable .cate3{ width:50px;}


/*
 *  アクセサリー用テーブル
 */
.tableStyle0.accessoryTable {}
  .tableStyle0.accessoryTable .cate1,
  .tableStyle0.accessoryTable .cate2,
  .tableStyle0.accessoryTable .cate3,
  .tableStyle0.accessoryTable .cate4,
  .tableStyle0.accessoryTable .cate5,
  .tableStyle0.accessoryTable .cate6,
  .tableStyle0.accessoryTable .cate7 {
    background:#484588;
    color:#fff;
    font-weight:bold;
  }
  .tableStyle0.accessoryTable .cate1{ width:133px;}
  .tableStyle0.accessoryTable .cate2{ width:100px;}
  .tableStyle0.accessoryTable .cate3{ width:37px;}
  .tableStyle0.accessoryTable .cate4{ width:auto;}

  .tableStyle0.accessoryTable .cate5{ width:133px;}
  .tableStyle0.accessoryTable .cate6{ width:100px;}
  .tableStyle0.accessoryTable .cate7{ width:auto;}


/*
 *  その他用テーブル
 */
.tableStyle0.etcTable {}
  .tableStyle0.etcTable .cate1,
  .tableStyle0.etcTable .cate2,
  .tableStyle0.etcTable .cate3,
  .tableStyle0.etcTable .cate4,
  .tableStyle0.etcTable .cate5,
  .tableStyle0.etcTable .cate6,
  .tableStyle0.etcTable .cate7 {
    background:#484588;
    color:#fff;
    font-weight:bold;
  }
  .tableStyle0.etcTable .cate1{ width:133px;}
  .tableStyle0.etcTable .cate2{ width:150px;}
  .tableStyle0.etcTable .cate3{ width:37px;}
  .tableStyle0.etcTable .cate4{ width:auto;}

  .tableStyle0.etcTable .cate5{ width:37px;}
  .tableStyle0.etcTable .cate6{ width:auto;}

/*
 *  ランキング用テーブル
 */
.tableStyle0.rankingTable {}
  .tableStyle0.rankingTable img{
    vertical-align:middle;
    margin-right:5px;
  }
  .tableStyle0.rankingTable .cate1,
  .tableStyle0.rankingTable .cate2,
  .tableStyle0.rankingTable .cate3,
  .tableStyle0.rankingTable .cate4,
  .tableStyle0.rankingTable .cate5 {
    background:#484588;
    color:#fff;
    font-weight:bold;
  }
  .tableStyle0.rankingTable .cate1{ width:30px;}
  .tableStyle0.rankingTable .cate2{ width:auto;}
  .tableStyle0.rankingTable .cate3{ width:45px;}
  .tableStyle0.rankingTable .cate4{ width:40px;}
  .tableStyle0.rankingTable .cate5{ width:65px;}

/*
 *  ランキング用テーブル
 */
.tableStyle0.guildTable {}
  .tableStyle0.guildTable img{
    vertical-align:middle;
    margin-right:5px;
  }
  .tableStyle0.guildTable .cate1,
  .tableStyle0.guildTable .cate2,
  .tableStyle0.guildTable .cate3{
    background:#484588;
    color:#fff;
    font-weight:bold;
  }
  .tableStyle0.guildTable .cate1{ width:45px;}
  .tableStyle0.guildTable .cate2{ width:200px;}
  .tableStyle0.guildTable .cate3{ width:auto;}


#gbn_login {display:none !important;}