@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-bottom: 0px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0px;
}
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;}
.left{ float:left}
.right{ float:right}

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

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
--------------------------*/

.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:564px;
	overflow:hidden;
}
#container {
	width:1000px; margin-left:auto; margin-right:auto;
	position:relative;}
#content {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	}
#SubBlock{ width:233px; min-height:1400px; margin-right:10px; float: left; padding:5px 5px 0 5px; background:#000;}
.MainBlock{ width:745px; float: left;}
.MainBlock_left{ width:516px; float: left;}
.MainBlock_right{ width:220px; float: right;}
#footer{width: 990px; height:100px;margin-left: auto;margin-right: auto;position: relative;}
#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:747px; float:left; margin-bottom:10px;}
#slider_wrapper {width:747px;position:absolute;}
#slider_bg {height:211px;}
/*--number navi--*/
.anniu{ width:44px; height:20px;}
#mainbn_number {position:absolute;top:186px;right:14px;height:20px;z-index:100;}

#nav a.activeSlide { background-position:0px -40px;color:#fff !important;font-weight:bold; }
#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:513px; float:left; margin-bottom:10px;}


#home_notice .tab_box {width:513px;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, .rh_sbcz {
	width:220px;
	float:left;
	margin-bottom:10px;
	}
/*
movie
*/

.index_video {
	float:left;
	width: 220px;
	margin-bottom:10px;
}


/*mp3*/
.index_mp3 {
	width:240px;
	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: 580px;padding-top:20px;}
#footer_link ul {text-align: center;}
#footer_link ul li.bnone {border-right: none;}
#logo_cp {
	width: 230px;
	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: left;
	
}
.contents{
	width: 960px;
	margin-top:20px;
	float: left;
	padding-left:0px;
	margin-left:30px;
	
}

.about{ width:940px; float:left; margin-left:auto; margin-right: auto;}
.guide{
	width: 940px;
	float: left;
}
.Information{ width:940px; float:left;}
.Information1{ width:940px; float:left;}
.support{ width:940px; float:left;}
.community{width:940px; float:left;}
.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;
	}
.guide .guide_menu li{
	float:left;  
	width:100px; 
	margin-right:7px; 
	text-align:center; 
	padding:5px 0;
	}
.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;}