@charset 'utf-8';
/*------------------------------------
  Coder: macky
  Date : 2009/04/24
  Msg  : 童話王国
         中ページスタイル
------------------------------------*/
html{
  color:#956d52;
}
a:link,
a:hover{
  color:#008b9a;
}
/*------------------------------------
背景画像
------------------------------------*/
#gsGameContents {
  background:url("../images/bg.jpg") no-repeat top center;
  min-height:680px;
  height:auto !important;
  height:680px;
  font-size:12px;
}
#wrapper {
  position:relative;
  width:900px;
  margin:0 auto 0;
  padding:0px 33px 76px;
}
/*------------------------------------
ヘッダー
------------------------------------*/
#header {
  position:relative;
  height:263px;
}
#header h1{
  position:absolute;
  top:11px;
  left:27px;
  width:339px;
  height:218px;
  text-indent:-9999pt;
  background:url("../images/logo.png");
}

/*------------------------------------
メイン
------------------------------------*/
#mainContent {
  width:790px;
  padding:0 50px 0;
  background:url("../images/bg_articlecontainer.png") repeat-y top left;
  overflow:hidden;
}
#articleContainer{
  
}

/*------------------------------------
みぎがわ
------------------------------------*/
#hotCon{
  width:595px;
  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;
  background:url("../images/bg_h3.jpg") repeat-x bottom left;
  color:#6c8c15;
  font-weight:bold;
  font-size:18px;
  border-left:10px solid #6c8c15;
}
#hotCon .article .h_lv4{
  border-left:5px solid #7b3d31;
  padding:2px 0 3px 5px;
  margin:15px 0 10px;
  font-weight:bold;
  background:url("../images/bg_h3.jpg") repeat-x bottom left;
}
#hotCon .article .h_lv5{
  font-weight:bold;
  margin-bottom:5px;
  color:#990000;
  border-bottom:1px dotted #7b3d31;
}

#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 #a46e56;
  border-bottom:3px solid #a46e56;
  border-right:300px solid #a46e56;
}
#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:#e3e0d2;
}
#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 {
	width:140px;
	margin:0 auto;
	zoom:1;}

#hotCon .vPagerBox0:after {
	content:".";
	font-size:0;
	line-height:0;
	height:0;
	display:block;
	clear:both;}

#hotCon .vPagerBox0 li.prev{float:left;}
#hotCon .vPagerBox0 li.next{float:right;}

#hotCon .vPagerBox0 li a{
	display:block;
  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.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_magic .border tr.border td{
  /border-bottom:1px dashed #b7b7b7;
}
.skillTable.table_magic .border tr td{
  /border:none;
}
.skillTable.table_magic thead .skillTable_1,
.skillTable.table_magic thead .skillTable_5,
.skillTable.table_magic thead .skillTable_7,
.skillTable.table_magic thead .skillTable_9,
.skillTable.table_magic tbody .skillTable_1,
.skillTable.table_magic tbody .skillTable_5,
.skillTable.table_magic tbody .skillTable_7,
.skillTable.table_magic tbody .skillTable_9{ background:#fdfdfe;}

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


.skillTable.table_magic .skillTable_1{ width:80px !important; }
.skillTable.table_magic .skillTable_2{ width:60px !important; }
.skillTable.table_magic .skillTable_5{ width:50px !important; }
.skillTable.table_magic .skillTable_6{ width:60px !important; }
.skillTable.table_magic .skillTable_7{ width:50px !important; }
.skillTable.table_magic .skillTable_8{ width:50px !important;}
.skillTable.table_magic .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:180px;
  padding:0px 0 20px;
  background: url("../images/bg_leftmenu.jpg ") no-repeat bottom left;
}
#leftMenus dl{
  width:156px;
  padding:0px 12px 0px;
  background:url("../images/bg_leftmenu.jpg ") no-repeat top left;
}
#leftMenus dl dt{
  padding-top:8px;
  height:50px;
}

/* 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:#54820c;
  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;
}
/* 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:#b57b4d;
    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;
    /top:-1px;
    /left:1px;
    /padding:7px 10px 0 0;
    /height:22px;
    /background-position:right top;
  }
  .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:245px;
  width:890px;
  height:18px;
  background:url("../images/bg_articlecontainer_top.png") no-repeat top left;
}
#bottomImg{
  bottom:0px;
  width:890px;
  height:76px;
  background:url("../images/bg_articlecontainer_bottom.png") no-repeat top left;
}

/*------------------------------------
パンくず
------------------------------------*/
#topicPath {
  padding:0px 0 0 0;
  height:27px;
}
#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:#c89987;
}

#topicPath li.current{
  color:#5da358;
}
/*------------------------------------
アイコン＋説明
------------------------------------*/
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;
}
/*------------------------------------
  ==  お知らせ
------------------------------------*/
.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;
}







#footLink {visibility:hidden;}