@charset "utf-8";
@import './footer.css';
/*@import './gsmenu.css';*/
@import './globalmenu.css';
/*------------------------------------
  Coder: macky
  Date : 2009/05/29
  Msg  : 童話王国
         TOPページスタイル
------------------------------------*/
a{color:#5da358 !important;}
a:hover{color:#7b3d31 !important;}
#bottomImg {
  bottom:-26px;
}
/*------------------------------------
  ==  背景
------------------------------------*/
#topPage #gsGameContents { background-image:url("../images/html.jpg");}

#wrapper{
  position:relative;
  z-index:10;
}
#free {
  display:block;
  position:absolute;
  top:210px;
  right:50px;
}
/*------------------------------------
  ==  ヘッダー
------------------------------------*/
#header {
  position:relative;
  z-index:10;
}
#header h1 {
  width:342px;
  height:215px;
  background-image:url("../images/logo.png");
  z-index:10;
  top:26px;
}


/*------------------------------------
  ==  メイン
------------------------------------*/
#mainContent{
  position:relative;
  z-index:5;
  overflow:visible;
  width:827px;
  padding:0 0px 0;
  top:26px;
}
  /* clearfix */
  #mainContent{ zoom:1;}
  #mainContent:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
    clear: both;
  }
#topImg{
  background:url("../images/bg_articlecontainer_top.png") no-repeat top left;
}
#mainContent {
  background:url("../images/bg_articlecontainer_middle.png") repeat-y top left;
}
#bottomImg{
  background:url("../images/bg_articlecontainer_bottom.png") no-repeat top left;
}
/*------------------------------------
  ==  左側
------------------------------------*/
#subContent {
  position:relative;
  width:185px;
  padding-top:152px;
  z-index:5;
}

/*------------------------------------
  ==  新規登録
------------------------------------*/
#gamestart {
  position:absolute;
  top:-50px;
  left:2px;
  display:block;
  width:187px;
  height:260px;
  background:url("../images/btn_gamestart.png") no-repeat 0 0;
  overflow:hidden;
  text-indent:-9999pt;
}
  #gamestart:link{background:url("../images/btn_gamestart.png") no-repeat 0 0;}
  #gamestart:active{background:url("../images/btn_gamestart.png") no-repeat 0 -276px;}
  #gamestart:visited{background:url("../images/btn_gamestart.png") no-repeat 0 0px;}
  #gamestart:hover{background:url("../images/btn_gamestart.png") no-repeat 0 -276px;}
/*------------------------------------
dl
------------------------------------*/
#gameDl {
  display:block;
  position:relative;
  top:-15px;
  left:17px;
  width:160px;
  height:55px;
  background:url("../images/btn_gamedl.png") no-repeat top left;
  overflow:hidden;
  text-indent:-9999pt;
}
  #gameDl:link{background:url("../images/btn_gamedl.png") no-repeat top left;}
  #gameDl:active{background:url("../images/btn_gamedl.png") no-repeat bottom left;}
  #gameDl:visited{background:url("../images/btn_gamedl.png") no-repeat top left;}
  #gameDl:hover{background:url("../images/btn_gamedl.png") no-repeat bottom left;}


/*------------------------------------
  ==  アコーディオン
------------------------------------*/
#leftMenus{
  height:450px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 13px 0px;
  overflow:hidden;
  color:#000;
  zoom:1;
  background:url("../images/bg_acc_bottom.jpg") no-repeat bottom left !important;
}
#list1a {
  position:relative;
  z-index:2;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 180px;
  overflow:hidden;
}
.basic div.box {
	width: 160px;
  height:327px;
  margin: 0px 0px 0px 0px;
  padding: 10px 9px 0 11px;
  overflow:hidden;
  font-size:10px;
  background:url("../images/bg_acc_box.jpg") no-repeat top left;
}
.basic .article{
  font-size:10px;
  padding:10px 0;
}
.basic div.box ul{
  margin-bottom:10px;
}
  .basic div.box ul li{
    margin-bottom:5px;
    padding-left:10px;
    font-size:12px;
    background:url("../images/ico_list.jpg") no-repeat top left;
  }
.basic .head{
  display:block;
  width: 180px;
  height:45px;
  text-indent:-9999pt;
}
.basic .head:hover{
  filter:alpha(opacity=85);
  opacity:0.85;
  -moz-opacity:0.85;
}

  #leftmenu01 {
    height:47px;
    background:url("../images/bg_acc_btn1.jpg") no-repeat top left;
  }
  #leftmenu02 {
    height:28px;
    background:url("../images/bg_acc_btn2.jpg") no-repeat top left;
  }
  #leftmenu03 {
    height:28px;
    background:url("../images/bg_acc_btn3.jpg") no-repeat top left;
  }
/*------------------------------------
  ==  GSコイン購入
------------------------------------*/
.btn {
  display:block;
  overflow:hidden;
  text-indent:-9999pt;
}
.btn.btnGsCoin{
  width:160px;
  height:39px;
  background:url("../images/leftmen_btnset.jpg") no-repeat 0 0;
}
.btn.btnGsCoin:hover{ background-position:-170px 0px;}

.btn.btnGsCoin_gs24,
.btn.btnGsCoin_convini,
.btn.btnGsCoin_netcafe{
  zoom:1;
  width:160px;
  height:50px;
  margin-bottom:10px;
  _margin-bottom:0px;
  _border-bottom:10px solid #fff4cc;
}
.btn.btnGsCoin_gs24{ background:url("../images/leftmen_btnset.jpg") no-repeat 0px -49px;}
.btn.btnGsCoin_convini{background:url("../images/leftmen_btnset.jpg") no-repeat 0px -109px;}
.btn.btnGsCoin_netcafe{background:url("../images/leftmen_btnset.jpg") no-repeat 0px -169px;}
.btn.btnGsCoin_gs24:hover{ background-position:-170px -49px;}
.btn.btnGsCoin_convini:hover{ background-position:-170px -109px;}
.btn.btnGsCoin_netcafe:hover{ background-position:-170px -169px;}

/*------------------------------------
  ==  定期メンテ
------------------------------------*/
#Maintenance {
  margin-top:10px;
  width:180px;
  padding-top:28px; 
  background:url("../images/bg_maintenance.jpg") no-repeat top left;
  color:red;
}
  #Maintenance .article {
    width: 157px;
    padding: 10px;
    border: 1px solid red;
    background:#fff;
  }
  #Maintenance .article {text-align:center;}
  #Maintenance .article b{font-size:14px;}


/*------------------------------------
  ==  #hotCon
------------------------------------*/
#hotCon {
  width:615px;
  padding:0px 10px 0 0px;
}
/*------------------------------------
  ==  ローテバナー
------------------------------------*/
#flashbnr {
  position:relative;
  left:0px;
  width:611px;
  height:137px;
  margin-bottom:10px;
}
/*------------------------------------
  ==  お知らせ等
------------------------------------*/
#newsCon {
  float:left;
  width:450px;
}
/*------------------------------------
  ==  バナー等
------------------------------------*/
#bnrCon {
  float:right;
  width:152px;
  padding:0 4px 0 8px;
  border-left:1px solid #9b9b9b;
}
/*------------------------------------
  ==  bannerArea
------------------------------------*/
#bannerArea li{
  margin-bottom:3px;
}

/*------------------------------------
  ==  news tab
------------------------------------*/
#tabCon {
  margin-bottom:10px;
}
#tabContainer {
  position:relative;
  width:450px;
  padding:0px 0 0 0;
  overflow:hidden;
  margin-bottom:2px;
}
  #tabContainer h3 {float:left;}
  #tabContainer #tabList {
    padding:7px 10px 0px;
    width:420px;
    height:224px;
    clear:both;
    border-bottom:1px solid #9b9b9b;
  }
    /* tab */
    #tabContainer h3 a {
      display:block;
      text-indent:-9999pt;
      width:146px;
      height:27px;
      overflow:hidden;
      background:url("../images/btnset_tab.png") no-repeat 0 0;
    }
    /* 最新情報 */
    #tabContainer h3#tab_latest.selected a{
      background-position:0px -27px;
    }
      /* 最新情報 未選択 */
      #tabContainer h3#tab_latest a{
        background-position:0px 0px;
      }
    /* お知らせ */
    #tabContainer h3#tab_notice.selected a{
        background-position:-146px -27px;
    }
      /* お知らせ 未選択 */
      #tabContainer h3#tab_notice a{
        background-position:-146px 0px;
      }
    /* イベント情報 */
    #tabContainer h3#tab_event.selected a{
        background-position:-292px -27px;
    }
      /* イベント情報 未選択 */
      #tabContainer h3#tab_event a{
        background-position:-292px 0px;
      }
    /* メンテナンス情報 */
    #tabContainer h3#tab_maintenance.selected a{
        background-position:-330px -27px;
    }
      /* メンテナンス情報 未選択 */
      #tabContainer h3#tab_maintenance a{
        background-position:-330px 0px;
      }
  #tabContainer #tabList dt{
    position:absolute;
    top:8px;
    right:12px;
    width:35px;
    height:14px;
    z-index:10;
  }
  #tabContainer #tabList dt a{
    display:block;
    width:36px;
    height:15px;
    background:red;
    filter:alpha(opacity=0);
    opacity:0;
    -moz-opacity:0;
    overflow:hidden;
    cursor:pointer;
    zoom:1;
  }
    #tabContainer #tabList dd{
      border-bottom:1px dotted #c2bba0;
      padding-bottom:1px;
      margin-bottom:6px;
      color:#eaeaea !important;
    }
    #tabContainer #tabList dd a {
      padding-left:5px;
      color:#eaeaea !important;
      font-weight:normal;
      text-decoration:none;
    }
    #tabContainer #tabList dd.new a {
      color:#eaeaea !important;
      padding-left:30px;
      background:url("../images/icon_newinfo.gif") no-repeat 2px 0px;
    }

#tabContainer #tabList dd.emergency a,
#tabContainer #tabList dd.emergency {
	color:#fff;
	line-height:1.2;
	font-size:15px;
	font-weight:bold;}

#tabContainer #tabList dd.emergency {
	height:auto;
	padding:6px 8px;
	background-color:#d00;
	border:0px solid #d00;
	border-radius:8px;}

#tabContainer #tabList dd.emergency a {
	text-decoration:underline;}

/*------------------------------------
  ==  オススメアイテム
------------------------------------*/
#recoItem h3{
  width:215px;
  border-bottom:1px solid #b3ac93;
}
#recoItem dl{
  position:relative;
  width:215px;
  height:65px;
  background:#fff url("../images/bg_recoitem.jpg") no-repeat bottom left;
}
#recoItem dt {
  position:absolute;
  top:17px;
  left:17px;
}
#recoItem dd {
  position:absolute;
  top:12px;
  left:65px;
}
  #recoItem dd p{
    font-size:10px;
    color:#4e4b3e;
  }

  #recoItem dd strong{
    display:block;
    font-size:12px;
    font-weight:bold;
    color:#5da358;
  }
  #recoItem dd strong span{
    color:#a36458;
    font-size:10px;
    font-weight:bold;
  }
/*------------------------------------
  ==  ネットカフェ
------------------------------------*/
#netcafeArea {
  position:relative;
  width:152px;
  height:202px;
  background:url("../images/bg_netcafe.jpg") no-repeat top left;
}
#netcafeArea p{
  position:absolute;
  width:150px;
  top:10px;
  left:5px;
}
/*------------------------------------
  ==  定期イベント
------------------------------------*/
#eventArea {
  width:152px;
  color:#fff;
  padding:35px 0px 0 0px;
  background:url("../images/index_bg_event_top.png") no-repeat top left;
}
  #eventAreaCon {
    padding-bottom:15px;
    background:url("../images/index_bg_event_bottom.png") no-repeat bottom left;
  }
  #eventAreaIn {
  width:132px;
    padding:0px 10px 0 10px;
    background:url("../images/index_bg_event_middle.png") repeat-y top left;
  }
#eventArea dl{
  padding-bottom:10px;
}
#eventArea dt{
  padding-bottom:3px;
  margin-bottom:3px;
  font-size:10px;
  border-bottom:1px solid #fff;
  color:yellow;
}
#eventArea dd{padding-left:5px;}
#eventArea .server,
#eventArea .date{
  display:block;
  color: #FFF;
  float: none;
}
#eventArea .server{ font-weight:bold;}
#eventArea .server,
#eventArea .date{font-size:10px;}


/*-----------------------------------
bbs
-----------------------------------*/
#bbsContainer a {
	color:#fff !important;
	text-decoration:none;}

#bbsContainer a:hover{
background-position: bottom left;
	text-decoration:underline;}


#bbsContainerBody {
border-bottom: 1px solid #9B9B9B;
clear: both;

padding: 0 10px 0;
width: 420px;
_zoom:1;}

#bbsContainerBody ul{
padding: 0 0px 3px 0px;
}
#bbsContainerBody li{
position:relative;
zoom:1;
overflow: hidden;
margin: 0px 0px 5px 0px;
padding: 0px 0px 5px 0px;
border-bottom:1px dotted #eaeaea;
}
#bbsContainerBody li a{
float:left;
display:block;
width:350px;
margin: 0;
padding: 2px 0px 3px 0px;
color: #eaeaea;
}
#bbsContainerBody li a.inline{
float:none;
display:inline;
padding:0;
margin:0;
}
#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 {
position:absolute;
right:0;
display:block;
width: 80px;
font-size:10px;
text-align:right;
color: #eaeaea;
}
#bbsContainerBody li .readNum {
top:0px;
/top:0px;
zoom:1;
}
#bbsContainerBody li .resNum {
top:11px;
/top:9px;
zoom:1;
}
#bbsContainerBody li .readNum b ,
#bbsContainerBody li .resNum  b {
zoom:1;
font-weight: normal;
}

#gsAllContentMenu {
	left:0 !important;}