@charset "utf-8";
/* CSS Document */

/*=======================================

  reset
 
=======================================*/


html {overflow-y: scroll;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td	{
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0px;
	padding-top: 0px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0px;
	font-weight:bold;
}
address, caption, cite, code, dfn, em, strong, th, var	{font-style: normal;}
caption, th	{text-align: left;}
q:before ,q:after	{content: '';}
object, embed	{vertical-align: top;}
hr, legend	{display: none;}
h1, h2, h3, h4, h5, h6	{font-size: 100%;}
img, abbr, acronym, fieldset	{border: 0;}
li	{list-style-type: none;}
p, dd, blockquote	{text-align: justify;text-justify: inter-ideograph;}

.free {position: absolute;}
.left1{ float:left}

/* ---- フォントサイズ統一 ---- */

body {
    font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
    *font-size:small;
    *font:x-small;
}
a:link {text-decoration:none; }
a:visited {text-decoration:none; }
a:hover {text-decoration:underline; }
a { outline:none; }
:focus { outline: 0; }

table { font-size:inherit; font:100%;}
.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }
.text_b { font-weight:bold; }

/*-----------------------
 clearfix
--------------------------*/

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.clearfix { display: inline-block; }
.clearfix { display: block; }

.clear { clear: both; }

/*-----------------------
 white space
--------------------------*/
#goTopBtn { 
POSITION: fixed;
 TEXT-ALIGN: center;
 LINE-HEIGHT: 30px; 
 WIDTH: 30px; 
 BOTTOM: 55px; 
 HEIGHT: 33px; 
 FONT-SIZE: 12px; 
 CURSOR: pointer; 
 RIGHT: 60px; _position: absolute; _right: auto 
} 


.mt_05 { margin-top:5px !important; }
.mt_10 { margin-top:10px !important; }
.mt_15 { margin-top:15px !important; }
.mb_05 { margin-bottom:5px !important; }
.mb_10 { margin-bottom:10px !important; }
.mb_15 { margin-bottom:15px !important; }
.ml_10 { margin-left:10px !important; }

.p_05 { padding-left:5px !important;padding-right:5px !important; }
.p_10 { padding-left:10px !important;padding-right:10px !important; }
.pt_05 { padding-top:5px !important; }
.pt_07 { padding-top:7px !important; }
.pt_10 { padding-top:10px !important; }
.pt_45 { padding-top:45px !important; }
.pb_05 { padding-bottom:5px !important; }
.pb_10 { padding-bottom:10px !important; }

/*-----------------------
 text style
--------------------------*/

.red { color:#FF0000; }
.blue { color:#0FF;}
.green { color:#0F0;}


/*=======================================

  layout
 
=======================================*/

/*-----------------------
 big_layout
--------------------------*/
#header {
	width:100%;
	height:468px;
	overflow:hidden;
}

#header_ {
	width:100%;
	height:320px;
	overflow:hidden;
}

#container {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	font-family: "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
	}
	
#container_hgm {
	width:400px;
	position:relative;
	font-family: "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
}

#content {
	background:#2e2c27;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	float:center;
}
	
#content_hgm {
	background: rgb(255, 241, 191);
	width:400px;
}
	
#SubBlock{ width:233px; min-height:1400px; margin-right:10px; float: left; padding:5px 5px 0 5px; background:#000;}
.MainBlock{ width:1000px; float: center;}
.MainBlock_hgm{ width:400px; float: center;}
.MainBlock_left{ width:450px; float: center;}
.MainBlock_right{ width:1000px; float: center;}
#footer{width: 990px; height:100px;margin-left: auto;margin-right: auto;position: relative;font-family:Verdana}
#info {
	width:960px;
	margin: 0 auto;
	}
/*-----------------------
 Main_Menu
--------------------------*/


#header_menu{width:100%;}
/*-----------------------
 Game_Logo
--------------------------*/
#header_bx {width:960px;margin:0px auto;position:relative;}


/*-----------------------
bt_gamestart
--------------------------*/
#bt_GameStart {
	width:230px;
	float:left;
	margin-bottom:10px;
	}


/*-----------------------
  login
--------------------------*/


/*-----------------------
  left_banner
--------------------------*/
.sub_buy,.sub_dw, .sub_os,.sub_tt,.sub_gift, .sub_vip, .sub_faq, .sub_beginguide { width:230px; float: left; margin-bottom:10px;}

/*-----------------------
 Main_banner
--------------------------*/
.index_banner{width:550px; float:left; margin-bottom:0px;}
#slider_wrapper {width:550px;position:absolute;}
#slider_bg {height:210px;}


.index_banner_hgm{width:400px; padding-bottom:12px; margin-bottom:0px; background-color: rgb(254,212,154)}
#slider_wrapper_hgm {width:400px;position:absolute;}
#slider_bg_hgm {height:180px;}


/*--number navi--*/
.anniu{ width:44px; height:20px;}
#mainbn_number {position:absolute;top:186px;right:14px;height:20px;z-index:100;}
#mainbn_number_hgm {position:absolute;top:166px;right:0px;height:20px;z-index:100;}

#nav a {color: #000}
#nav a.activeSlide { background-position:0px -40px;color:rgb(0, 0, 0) !important;font-weight:bold; border-radius:50%; border:1px solid #000}
#nav a:focus { outline: none; }

.an{position:absolute; bottom:5px; left:660px; z-index:100;}
.an span{float :left; width:14px; height:14px; background-color:#2a2a2a; border-radius:50%; margin:2px}
.an .ys{ background-color:#a16f24}

/*-----------------------
 4バナー
--------------------------*/
.banner_4_bt{width:745px; float:left; margin-bottom:10px;}
.banner_4_bt ul{width:745px; float:left;}



/*-----------------------
 index_お知らせ
--------------------------*/
#home_notice .date {float:right;text-align:center;}
#home_notice .title {width:320px;float:left;text-align:left;padding-left:5px;}
#home_notice{ width:440px; float:left; margin-bottom:7px; margin-left:5px; margin-right:5px;}
#home_notice_hgm{ width:400px;}


#home_notice .tab_box {width:440px;height:210px;float:left;}
#home_notice .notice_set{ width:500px; float:left; padding:5px 5px 5px 7px;}

#home_bbs .bbs_set{ width:500px; float:left; padding:5px 5px 5px 7px; border-bottom:1px solid #000;}

/*-----------------------
 index_ゲーム紹介
--------------------------*/
.index_guide{ width:493px; float:left; margin-bottom:10px;}
.gmjsBox_cont{ width:493px; height:100px; float:left; overflow: hidden; position:relative;}
.sda{ width:493px; height:200px; float:left;}
.gmjsBox{ width:493px; height:100px; float:left; overflow: hidden;}
.index_guide_bg ul.gmjsBox_mu{ width:485px; float:left; margin-left:7px;}

.index_guide_bg ul.gmjsBox_mu li{float:left;}

.index_guide_bg ul.gmjsBox_mu li.m01{width:114px; float:left;}

.index_guide_bg ul.gmjsBox_mu li.m02{width:131px; float:left;}

.index_guide_bg ul.gmjsBox_mu li.m03{width:119px; float:left;}

.index_guide_bg ul.gmjsBox_mu li.m04{width:121px; float:left;}

.sliderkit{display:none;position:relative;overflow:hidden;text-align:left;}
.sliderkit a,
.sliderkit a:hover{text-decoration:none;}

.sliderkit img{border:0;}
.sliderkit .sliderkit-nav{z-index:10;position:absolute;text-align:center;}
.sliderkit .sliderkit-nav-clip{position:relative;overflow:hidden; width:473px; height:100px; margin:0 auto;}
.sliderkit .sliderkit-nav-clip ul{position:relative;left:0;top:0;list-style:none;margin:0;padding:0;}
.sliderkit .sliderkit-nav-clip ul li{float:left;}
.sliderkit .sliderkit-nav-clip ul li a{display:block;overflow:hidden;}
.sliderkit .sliderkit-btn{z-index:10;}
.sliderkit .sliderkit-panel{z-index:1;position:absolute;overflow:hidden;}
.sliderkit .sliderkit-panel-active{z-index:5;}
.sliderkit .sliderkit-panel-old{z-index:4;}
.sliderkit .sliderkit-panel .sliderkit-panel-textbox{position:absolute;z-index:1;}
.sliderkit .sliderkit-panel .sliderkit-panel-text{position:absolute;z-index:3;top:0;left:0;}
.sliderkit .sliderkit-panel .sliderkit-panel-overlay{position:absolute;z-index:2;top:0;left:0;}

.carousel-demo1{
	width:493px; 
	height:110px;
	background:#262626;
	}
.carousel-demo1 .sliderkit-nav{width:493px; height:100px;}
.carousel-demo1 .sliderkit-nav-clip ul li{
	float:left; 
	width:150px; 
	margin-left:3px; 
	margin-right:2px;
	}
.carousel-demo1 .sliderkit-nav-clip ul li a{display:block; width:150px; overflow:hidden; margin:0; opacity:0.8;}
.carousel-demo1 .sliderkit-nav-clip ul li a:hover{opacity:1;}
.carousel-demo1 .sliderkit-nav .sliderkit-nav-btn{position:absolute;top:0;}
.carousel-demo1 .sliderkit-nav .sliderkit-nav-btn span{display:none;}
.carousel-demo1 .sliderkit-nav .sliderkit-nav-prev{left:0px;}
.carousel-demo1 .sliderkit-nav .sliderkit-nav-next{right:0px;}

.carousel-demo1 .sliderkit-btn-disable{opacity:0.3/*can be set to any value until 1*/;cursor:default;}


/*ゲーム攻略*/
.index_guide_kr{ width:500px; float:left; margin-bottom:10px;}
.index_guide_kr .td_kr {position: relative;width:498px;height: 160px;padding-top: 8px;}
.index_guide_kr #tab-01, .index_guide_kr #tab-02, .index_guide_kr #tab-03{position:absolute;left:9px;top:40px;width:480px;z-index:1;}
.index_guide_kr #tab-02, .index_guide_kr #tab-03{ display:none;}
.index_guide_kr_bg ul{width:270px; float:left; padding-left:10px}

/*スクリーンショット*/
.index_guide_ss{ width:744px; height:200px; margin-bottom:10px;}
.index_guide_ss_bg ul{width:744px; float:left; padding-left:9px;}
.index_guide_ss_bg ul li{width:150px; float:left; text-align:center;  position:relative;}

/*-----------------------
  right_banner
--------------------------*/
.rh_js, .rh_bgm, .rh_wjzl {
	width:333px;
	float:left;
	margin-bottom:10px;
	}
/*
movie
*/

.index_video {
	float:left;
	width: 333px;
	height:126px;
	margin-bottom:1px;
}


/*mp3*/
.index_mp3 {
	width:333px;
	height:126px;
	position:relative;
	}

/*キャラクター*/
#char_wrapper {
	height: 180px;
	position: relative;
	width: 183px;
}
#charshow {
    height: 183px;
    margin: 0 auto;
    overflow: hidden;
    width: 183px;
}
.char_nav {
	cursor: pointer;
	display: block;
	height: 22px;
	position: absolute;
	text-indent: -9999px;
	top: 150px;
	width: 22px;
	z-index: 99;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../images/kyara/char_arrow.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#char_next {
    background-position: 0 -22px;
    right: 5px;
}
#char_prev {
    left: 5px;
}

/*-----------------------
  footer
--------------------------*/
#footer_link {width: 650px;padding-top:20px;}
#footer_link ul {text-align: center;}
#footer_link ul li.bnone {border-right: none;}
#logo_cp {
	width: 50px;
	height: 87px;
	margin: auto;
	padding-left: 130px;
	float: left;
}
.footer_words{float: left;width: 50px;}
#footer_link ul li {display: inline;padding: 0px 13px;}

/*ツイッター*/
.index_Twitter{ width:210px;height:395px;float:left; margin-bottom:10px; border:2px solid #e4e4e4; border-radius:20px; padding:10px 5px;}



/*=======================================

  inner page
 
=======================================*/


/*-----------------------
  inner page right_naiyou
--------------------------*/
/*right_naiyou_layout*/
.mainBlock_cont{ width:1000px; float:left;}
.mainBlock_cont .top_sub{
	width: 1000px;
	float: center;
	
}
.contents{
	width: 1000px;
	margin-top:0px;
	float: left;
	padding-left:0px;
	margin-left:0px;	
}

.about{ width:940px; float:left; margin-left:0px; margin-right: auto;padding-left:30px}
.guide{
	width: 1000px;
	float: left;
	padding-left:0px;
}
.Information{ width:940px; float:left;font-family: "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;}
.Information1{ width:940px; float:left;font-family: "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;}
.support{ width:940px; float:left;font-family: "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;}
.community{width:940px; float:left;font-family: "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;}
.server_game{ width:940px; float:left;}

#newslistcontent {float: left;}
.mainBlock_cont .top_sub ul{height:24px; position:absolute;}
ul#bread {margin: 0px; padding: 0px; list-style: none;}
ul#bread li {float: left; height:24px; line-height:25px; padding-right: 20px; margin-top:20px;}


/*FAQ*/
.support ul.q_a{ width:660px; float:left; padding-left:10px;}
.support ul.q_a li{width:660px; float:left;}
.support ul.q_a li.answer_box{width:660px; float:left; padding-bottom:10px;}


/*-----------------------
  inner page left menu
--------------------------*/
/*はじめての方*/
.left_game_m{width:250px; float:left; margin-bottom:10px;}
.left_game_m ul{width:250px; float:left;}

/*ゲームガイド*/
.guide .guide_menu ul{ 
	width:440px; 
	float:left; 
	padding-left:10px; 
	margin-bottom:10px;
	font-size:16px;
	}
.guide .guide_menu li{
	float:left;  
	width:450px; 
	margin-right:7px; 
	text-align:left; 
	padding:5px 0;
	border-bottom:1px dotted #555;
	}
.guide_left_menu{ width:232px; float:left; margin-bottom:10px;}

/* サポートmenu*/
.sp_left_menu{ width:250px; float:left; margin-bottom:10px;}
.sp_left_menu ul{width:250px; float:left;}
.sp_left_menu ul li{width:250px; float:left;}

/*コミュニティMenu */
.cn_left_menu{ width:232px; float:left;}
.cn_left_menu ul{width:232px; float:left;}
.cn_left_menu ul li{width:232px; float:left;}


.capture_s01{width:680px; float:left;}
.capture_s01 .lin{width:680px; float:left; height:5px; background: url(../images/guide/capture/lin.gif) no-repeat bottom; margin-bottom:20px;}

.capture_s01 .bt01{width:680px; float:left; margin-bottom:40px; text-align:center;  background: url(../images/guide/capture/lin.gif) no-repeat top; padding-top:20px;}
.capture_s01 .bt01 input{width:183px; height:40px; float:left;  background: url(../images/guide/capture/bt.jpg) no-repeat 0 -80px; text-indent:-9998px; margin-left:250px; border:0;}
.capture_s01 .bt01 a:hover{background: url(../images/guide/capture/bt.jpg) no-repeat -183px -80px; text-indent:-9998px;}


.capture_s01 .bt_ok{width:680px; float:left; margin-bottom:40px; text-align:center;  background: url(../images/guide/capture/lin.gif) no-repeat top; padding-top:20px;}
.capture_s01 .bt_ok input{width:183px; height:40px; float:left;  background: url(../images/guide/capture/bt.jpg) no-repeat 0 -120px; text-indent:-9998px; margin-left:250px; border:0;}
.capture_s01 .bt_ok a:hover{background: url(../images/guide/capture/bt.jpg) no-repeat -183px -120px; text-indent:-9998px;}

.capture_s01 .bt_ng{width:680px; float:left; margin-bottom:40px; text-align:center;  background: url(../images/guide/capture/lin.gif) no-repeat top; padding-top:20px;}
.capture_s01 .bt_ng input{width:183px; height:40px; float:left;  background: url(../images/guide/capture/bt.jpg) no-repeat 0 -160px; text-indent:-9998px; margin-left:250px; border:0;}
.capture_s01 .bt_ng a:hover{background: url(../images/guide/capture/bt.jpg) no-repeat -183px -160px; text-indent:-9998px;}

.capture_s01 .capture_ok{ width:680px; float:left; text-align:center; font-size:140%; margin:20px 0; font-weight:bold; color:#a25400;}
.capture_s01 .capture_ng{ width:680px; float:left; text-align:center; font-size:140%; margin:20px 0; font-weight:bold; color:#f24242;}


.sub-navi {
  background:#413b4f;
  font-size: 14px;
  font-family: "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
}
.sub-navi ul {
  text-align: center;
  padding: 7px;
  font-size: 0;
}
.sub-navi ul li {
  display: inline-block;
  border-left: 1px solid #5f7498;
}
.sub-navi ul li:last-child {
  border-right: 1px solid #5f7498;
}
.sub-navi ul li a {
  display: inline-block;
  font-size: 14px;
  padding: 8px 26px;
  color: #bdc1c8;
  position: relative;
}
.sub-navi ul li a:hover {
  color: #fff;
}
.sub-navi ul li a.current {
  color: #aa0;
}
.sub-navi ul li a.current:after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  bottom: -15px;
  left: 50%;
  border-top: 8px solid #413b4f;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 0 solid transparent;
}
@elses {
  .sub-navi ul li a.current:after {
    width: 100%;
  }
  
.gray {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);

filter: grayscale(100%);

filter: gray;
}