@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
@charset "UTF-8";

/* ----------------------------------------------------
作成日: 2015.02.10
最終更新日: 2015.11.30

common.css： 共通設定(PC版)
---------------------------------------------------- */
html{
	width: 100%;
	height:100%;

}
body {
	width: 100%;
	height:100%;
	font-size:14px;
	font-family: 'Noto Sans JP', sans-serif;
	-webkit-text-size-adjust: none;
	line-height:1.6;
	color:#fff;
	background:#000;
	position:relative;
	min-width: 1060px;

}

body.inline{
	background:#fff;
}
.h1hidden{
	height: 0;
}


img {
	max-width: 100%;
	height:auto;
}


small {
	margin:0 auto;
	padding:0;
	font-size:12px;
	text-decoration:normal;
	display:block;
}

a:link, a:visited {
	color:#fff;
	text-decoration:none;
}

a:hover, a:active {
	text-decoration:none;
}

a.a_l:link, a.a_l:visited {
	color:#fff;
	text-decoration:underline!important;
}

a.a_l:hover, a.a_l:active {
	text-decoration:underline!important;
}

hr{
	border: 0;
	width:574px;
    height:42px;
	margin:0 auto;
}

hr.white{
	width:170px!important;
	border:solid 1px #fff;
	margin:0px auto;
	height:0 ;
	background:none;
}

#bg {
        position:fixed;
        top:-50%;
        left:-50%;
        width:200%;
        height:200%;
}
#bg img {
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:0;
        margin:auto;
        min-width:50%;
        min-height:50%;
}


#container_top{
	width:100%;
	position:relative;
	margin:0 auto;

}

#container{
	width:100%;
	position:relative;
	margin:0 auto;
}

#wrapper {
	min-width: 1060px;
	position:relative;
	margin:0 auto;
	height:auto!important;
	padding-bottom:20px;
}

.ma_t_20{
	margin-top:20px;
}
.ma_b_20{
	margin-bottom:20px;
}

/*clearfix*/

/* For modern browsers */
.cf:after {
    content:"";
    display:block;
    height: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

/*===================================
 header
===================================*/
#header{
	position:absolute;
	bottom:0px;
	width:100%;
	min-width:960px;
	height:60px;
	background:#333;
	border-bottom:solid 1px #fff;
	z-index:2;
}

#header_top{
	position:absolute;
	z-index:2;
	top:10px;
	left:50%;
	width:960px;
	margin-left:-470px;
	height:60px;
}


#header_top #social{
	position:absolute;
	z-index:2;
	left:50%;
	top:-10px;
	margin-left:-100px;
	width: 510px;
	height:auto;

}


h1{
	position:absolute;
	z-index:10;
	left:50%;
	margin-left:-430px;
	color:#fff;
	font-weight:bold;
}


.b_trans{
	margin-left:-180px!important;
}
.h_system h1{
	color:#fff;
	text-shadow:none;
}

#header_link {
	margin-top: 7px;
	width:398px;
	margin:30px auto 20px;
}

#header_link span{
	width:10px;
	margin:0 5px;
}

#header_link li{
	float:left;

}

a.f_l:hover, a.f_l:active {
	text-decoration:underline !important;
}


.breadcrumb {
	position:absolute;z-index:10;
	left:50%;
	width:500px!important;
	padding-top:10px;
	margin-left:-125px;
	font-weight:bold;
	color:#fff;
	text-shadow:none;

}

.bread_story {
	margin-left: -92px!important;
}

.h_system ul.breadcrumb li{
	float:left;
	font-weight:bold;

}

div.h_system ul.breadcrumb li a:hover{
	text-decoration:underline;
}

div.h_system ul.breadcrumb li:first-child{
	width:150px;
}


div.h_system ul.breadcrumb li h1{
	float:left;
	top:0;
	padding-top:10px;
	left:120px;
	margin-left:0px;
		width:150px;

}


p#twi_banner{
	position:absolute;z-index:80;
	top:406px;
	left:50%;
	margin-left: -430px;
	width:188px;
	height:188px;
}

/*0319追加*/
p.btn_other_pv{
	margin:10px auto 20px 300px;

}


/*===================================
 spcial
===================================*/

#social{
	width:490px;
	height:auto;
	padding-top:10px;
}



#social ul{
	width: 490px;
}

#social li{
	float:left;
	padding-bottom:5px;
	text-align:left;
	width:20px;
}


li#line{
	width:93px!important;
	height:30px;
	padding-top:2px;
}

li#facebook{
	width:110px!important;
	height:30px;
	padding-bottom:2px;
}

li#twitter{
	width:80px!important;
	height:30px;
	padding-top:2px;
}
li#twitter01{
	width:120px!important;
	height:30px;
	padding-top:2px;
}

/*===================================
　menu
===================================*/
.navWrap{
	padding: 20px 0;
}
div.navi{
	position:relative;
	z-index:999;
	width:827px;
	height:51px;
	margin: 0 auto;
}

div.navi ul{
	width:827px;
	height:51px;
	}

div.navi ul li{
	float:left;
}
div.navi ul li a{
	display:block;
	height:51px;
	background:url(../image/common/menu.png) no-repeat;
	text-indent:-9999px;
}

div.navi ul li#menu01 a{width:158px;background-position: 0 0;}
div.navi ul li#menu02 a{width:127px;background-position: -158px 0;}
div.navi ul li#menu03 a,div.navi ul li#menu03_off{width:127px;;height:51px;background:url(../image/common/menu.png) no-repeat;text-indent:-9999px;background-position: -285px 0;}
div.navi ul li#menu04 a,div.navi ul li#menu04_off{width:127px;height:51px;background:url(../image/common/menu.png) no-repeat;text-indent:-9999px;background-position: -412px 0;}
div.navi ul li#menu05 a,div.navi ul li#menu05_off{width:127px;height:51px;background:url(../image/common/menu.png) no-repeat;text-indent:-9999px;background-position: -539px 0;}
div.navi ul li#menu06 a,div.navi ul li#menu06_off{width:158px;height:51px;background:url(../image/common/menu.png) no-repeat;text-indent:-9999px;background-position: -666px 0;}



div.navi ul li#menu01 a:hover,div.navi ul li#menu01 a.active{background-position: 0 -51px;}
div.navi ul li#menu02 a:hover,div.navi ul li#menu02 a.active{background-position: -158px  -51px;}
div.navi ul li#menu03 a:hover,div.navi ul li#menu03 a.active{background-position: -285px  -51px;}
div.navi ul li#menu04 a:hover,div.navi ul li#menu04 a.active{background-position: -412px  -51px;}
div.navi ul li#menu05 a:hover,div.navi ul li#menu05 a.active{background-position: -539px  -51px;}
div.navi ul li#menu06 a:hover,div.navi ul li#menu06 a.active{background-position: -666px  -51px;}

/*===================================
　main
===================================*/




p.catch{
	width:394px;
	height:62px;
	position:absolute;z-index:10;
	top:360px;
	left:85px;
}

p.icon_dl{
	width:300px;
	height:198px;
	position:absolute;z-index:10;
	top:34px;
	left:-130px;
}

/*download*/



div#m_contents{
	position:relative;
	padding-top:536px;
}



div.download_s{
	position:absolute;z-index:10;
	top:18px;
	left:550px;
	width:370px;

}
div.download_s ul{
	width:370px;
	margin-left:0px;
}

div.download_s ul li{
	float:left;
}

/*tiwtter*/
div#back_twi{
	position:relative;
	width:426px;
	height:384px;
	background:url(../image/common/back_twi.png) no-repeat;
}

div.twi_time{
	width:370px;
	margin:100px auto 0;
	z-index:13;
	/*position:absolute;z-index:13;
	top:75px;
	left:24px;*/
}

p.twitter_f{
	position:absolute;z-index:10;
	bottom:30px;
	right:7px;
	width:120px!important;
	height:30px;
}


/************************************
new tiwtter time-line
************************************/

/*tiwtter*/
div#back_twi02{
	position:relative;
	padding-top:76px;
	width:426px;
	height:auto;
	text-align:center;
	background:url(../image/common/back_twi_top.png) no-repeat top;
}

div.twi_time02{
	width:426px;
	margin:0 auto;
	padding:0;
	z-index:13;
	background:url(../image/common/back_twi_bg.png) repeat-y;
	/*position:absolute;z-index:13;
	top:75px;
	left:24px;*/
}

/******タイムラインの長さ調整*******/
#twitter-widget-3[style]{
	height:312px !important;
	/*height:378px !important; バナー4個の場合*/
	/*height:312px !important; バナー3個の場合*/
	/*height:246px !important; バナー2個の場合*/
}


p.twitter_f02{
	display:block;
	margin:0;
	height:49px;
	padding-left:280px;
	background:url(../image/common/back_twi_bottom.png) no-repeat;
}

div.twitter_f02 a {
	display:block;
	width:120px;
	margin:0;
	padding:0;
}






div#m_right,
div#back_twi,
div#back_twi02{
	float:left;
	margin:30px 0 10px auto;

}

div#m_right{
	width:410px;
	height: auto;
	margin-left:20px;
}

div#m_right p.banner{
	width:410px;
	padding-top:21px;
	margin: 0 auto;
}

div#m_right p.banner a {
	display:block;
	margin-bottom:8px;
	}

div#m_right p.banner:nth-child(2){
	padding-top:12px;
}

/*===================================
　movie
===================================*/

div.back_movie{
	position:relative;
	width:410px;
	height:230px;
	z-index:2;
	margin:12px auto 10px auto;
	background:url(../image/common/back_movie.jpg);
}

/* movie*/
.movieImg{
	text-decoration:none;
	opacity:1;
	-moz-opacity:1;
	filter:alpha(opacity="100");
}


.movieImg:hover{
	text-decoration:none;
		opacity:0.7;
	-moz-opacity:0.7;
	filter:alpha(opacity="70");

}


/*===================================
　app
===================================*/




div#about_hor h2{
	width:294px;
	height:37px;
	margin:0px auto;}

div#about_hor{
	width:862px;
	height:220px;
}

div#about_hor ul{
	top:70px;
	left:30px;
	position:absolute;z-index:10;
}

div#about_hor ul li{
	float:left;
}

div#about_hor ul li:nth-child(2){
	margin-left:20px;
	width:520px;
	font-size:13px;
	line-height:26px;
}

p.icon{
	width:140px;
	height:140px;
	position:absolute;z-index:10;
	top:30px;
	left:50px;
}


dl{
	color:#fff;
	position:absolute;z-index:10;
	top:30px;
	left:240px;
	height:86px;
	line-height:24px;
	font-size:14px;
}

dl dt{
	float:left;
	width:100px;
}

dl dd{
	padding-left:100px;
	width:440px;
}

dl dd p{
	float:left;
	width:200px;
}


/*===================================
　各ページ共通
===================================*/

.con_header{
	position:relative;
	z-index:40;
	width:1058px;
	height:45px;
	margin: 20px auto 0;
}

.con_inner_movie,
.con_inner{
	position:relative;
	width:1040px;
	background: rgba(0,0,0,0.6);
	margin:-20px auto -18px;
	padding: 18px 0 16px;
	z-index:30;

}

.con_inner h2{
	margin:10px auto;
}

.con_inner h3{
	margin:10px auto;
}




.con_footer{
	position:relative;
	z-index:40;
	width:1058px;
	height:30px;
	margin: 0 auto 20px;
}


/*===================================
　chara
===================================*/

#chara h2{
	width:860px;
	height:69px;
	margin:10px auto 0 auto;
}

.pat_30{
	padding-top:20px;
}

.icon_chara_new{
	position:absolute;
	top:90px;
	left:490px;
	/*left:254px; 2番目*/
	/*left:402px; 3番目*/
}

#tabnavi_chapter{
	width:730px;
	margin:0 auto;
	position:relative;
}


#tabnavi_chapter ul{
}

#tabnavi_chapter ul li{
	float:left;
	margin:10px 5px 10px 0;
	position:relative;
}

#tabnavi_chapter ul li:nth-child(5n){
	margin:10px 0 !important;
}

#tabnavi_chapter ul li a{
	width:142px;
	height:46px;
	display:block;
	text-indent:-9999px;
}

div#tabnavi_chapter ul li#tab01 a{background:url(../chara/image/common/chapter_navi_05_off.png) no-repeat;}
div#tabnavi_chapter ul li#tab02 a{background:url(../chara/image/common/chapter_navi_06_off.png) no-repeat;}
div#tabnavi_chapter ul li#tab03 a{background:url(../chara/image/common/chapter_navi_07_off.png) no-repeat;}
div#tabnavi_chapter ul li#tab04 a{background:url(../chara/image/common/chapter_navi_08_off.png) no-repeat;}
div#tabnavi_chapter ul li#tab05 a{background:url(../chara/image/common/chapter_navi_09_off.png) no-repeat;}
div#tabnavi_chapter ul li#tab06 a{background:url(../chara/image/common/chapter_navi_10_off.png) no-repeat;}
div#tabnavi_chapter ul li#tab07 a{background:url(../chara/image/common/chapter_navi_11_off.png) no-repeat;}
div#tabnavi_chapter ul li#tab08 a{background:url(../chara/image/common/chapter_navi_11.5_off.png) no-repeat;}

div#tabnavi_chapter ul li#tab01 a:hover,div#tabnavi_chapter ul li#tab01 a.active{background:url(../chara/image/common/chapter_navi_05_on.png) no-repeat;}
div#tabnavi_chapter ul li#tab02 a:hover,div#tabnavi_chapter ul li#tab02 a.active{background:url(../chara/image/common/chapter_navi_06_on.png) no-repeat;}
div#tabnavi_chapter ul li#tab03 a:hover,div#tabnavi_chapter ul li#tab03 a.active{background:url(../chara/image/common/chapter_navi_07_on.png) no-repeat;}
div#tabnavi_chapter ul li#tab04 a:hover,div#tabnavi_chapter ul li#tab04 a.active{background:url(../chara/image/common/chapter_navi_08_on.png) no-repeat;}
div#tabnavi_chapter ul li#tab05 a:hover,div#tabnavi_chapter ul li#tab05 a.active{background:url(../chara/image/common/chapter_navi_09_on.png) no-repeat;}
div#tabnavi_chapter ul li#tab06 a:hover,div#tabnavi_chapter ul li#tab06 a.active{background:url(../chara/image/common/chapter_navi_10_on.png) no-repeat;}
div#tabnavi_chapter ul li#tab07 a:hover,div#tabnavi_chapter ul li#tab07 a.active{background:url(../chara/image/common/chapter_navi_11_on.png) no-repeat;}
div#tabnavi_chapter ul li#tab08 a:hover,div#tabnavi_chapter ul li#tab08 a.active{background:url(../chara/image/common/chapter_navi_11.5_on.png) no-repeat;}


.chara_new {
	margin: 10px auto 0;
	text-align: center;
	display:table
}
.chara_new li {
	display:table-cell;
	width:168px;
	float:left;
	text-align: center;
}

div.soukanzu {
	position:relative;z-index:10px;
	background:url(../chara/image/common/img_soukanzu.png) no-repeat;
	width:840px;
	height:662px;
	margin:20px auto;
}

div.soukanzu_03{
	position:relative;z-index:10px;
	background:url(../chara/image/common/img_3soukanzu.png) no-repeat;
	width:840px;
	height:662px;
	margin:20px auto;
}

#mariyusu a,
#hero a{
	width:196px;
	height:256px;
	top: 85px;
	left: 288px;
}

#mariyusu a{
	left: 22px;
}


#deflot a,
#nonno a,
#morisu a{
	width:152px;
	height:205px;
	top: 432px;
	left: 22px;
}

#nonno a{
	left: 218px;
}

#deflot a{
	left: 412px;
  }

#rugisu a{
	width:184px;
	height:243px;
	top: 165px;
	left: 636px;
}

#roi a{
	width:152px;
	height:205px;
	top: 443px;
	left: 655px;
}

#oliv a,
#leon a,
#fel a{
	width:145px;
	height:171px;
	bottom: 219px;
	left: 295px;
}

#king a{
	width:182px;
	height:216px;
	bottom: 412px;
	left: 278px;

}

#leon a{
	left: 586px;
}

#oliv a{
	bottom:25px;
	left: 586px;
}

#chr_43,#chr_42,#chr_41,#chr_40,#chr_39,#chr_38,#chr_37,#chr_36,#chr_35,#chr_34,#chr_33,#chr_32,#chr_31,#chr_30,#chr_29,#chr_28,#chr_27,#chr_26,#chr_25,#chr_24,#chr_23,#chr_22,#chr_21,#chr_20,#chr_19,#chr_18,#chr_17,#chr_16,#chr_15,#chr_14,#chr_13,#chr_12,#chr_11,#chr_10,#chr_09,#chr_08,#chr_07,#chr_06,#chr_05,#chr_04,#chr_03,#chr_02,#chr_01{
	position:relative;
	width:800px;
	height:600px;
	background:url(../chara/image/common/chr_detail2a_01.jpg)
}

#chr_02{
	background:url(../chara/image/common/chr_detail2a_02.jpg)
}
#chr_03{
	background:url(../chara/image/common/chr_detail2a_03.jpg)
}
#chr_04{
	background:url(../chara/image/common/chr_detail2a_04.jpg)
}
#chr_05{
	background:url(../chara/image/common/chr_detail2a_05.jpg)
}

#chr_06{
	background:url(../chara/image/common/chr_detail2a_06.jpg)
}

#chr_07{
	background:url(../chara/image/common/chr_detail2a_07.jpg)
}

#chr_08{
	background:url(../chara/image/common/chr_detail2b_01.jpg)
}

#chr_09{
	background:url(../chara/image/common/chr_detail2b_02.jpg)
}

#chr_10{
	background:url(../chara/image/common/chr_detail2b_03.jpg)
}

#chr_11{
	background:url(../chara/image/common/chr_detail2b_04.jpg)
}
#chr_12{
	background:url(../chara/image/common/chr_detail2c_01.jpg)
}
#chr_13{
	background:url(../chara/image/common/chr_detail2c_02.jpg)
}
#chr_14{
	background:url(../chara/image/common/chr_detail2c_03.jpg)
}

#chr_15{
	background:url(../chara/image/common/chr_detail2c_04.jpg)
}
#chr_16{
	background:url(../chara/image/common/chr_detail2d_01.jpg)
}
#chr_17{
	background:url(../chara/image/common/chr_detail2d_02.jpg)
}
#chr_18{
	background:url(../chara/image/common/chr_detail2d_03.jpg)
}
#chr_19{
	background:url(../chara/image/common/chr_detail2d_04.jpg)
}

#chr_20{
	background:url(../chara/image/common/chr_detail3d_01.jpg)
}

#chr_21{
	background:url(../chara/image/common/chr_detail3d_02.jpg)
}

#chr_22{
	background:url(../chara/image/common/chr_detail3d_03.jpg)
}

#chr_23{
	background:url(../chara/image/common/chr_detail3d_04.jpg)
}

#chr_24{
	background:url(../chara/image/common/chr_detail4_01.jpg)
}

#chr_25{
	background:url(../chara/image/common/chr_detail4_02.jpg)
}

#chr_26{
	background:url(../chara/image/common/chr_detail4_03.jpg)
}

#chr_27{
	background:url(../chara/image/common/chr_detail4_04.jpg)
}
/*９章*/
#chr_28{
	background:url(../chara/image/common/chr_detail5_01.jpg)
}

#chr_29{
	background:url(../chara/image/common/chr_detail5_02.jpg)
}
#chr_30{
	background:url(../chara/image/common/chr_detail5_03.jpg)
}

#chr_31{
	background:url(../chara/image/common/chr_detail5_04.jpg)
}

/*10章*/
#chr_32{
	background:url(../chara/image/common/chr_detail6_01.jpg)
}

#chr_33{
	background:url(../chara/image/common/chr_detail6_02.jpg)
}
#chr_34{
	background:url(../chara/image/common/chr_detail6_03.jpg)
}

#chr_35{
	background:url(../chara/image/common/chr_detail6_04.jpg)
}

/*11章*/
#chr_36{
	background:url(../chara/image/common/chr_detail7_01.jpg)
}

#chr_37{
	background:url(../chara/image/common/chr_detail7_02.jpg)
}
#chr_38{
	background:url(../chara/image/common/chr_detail7_03.jpg)
}

#chr_39{
	background:url(../chara/image/common/chr_detail7_04.jpg)
}

/*11.5章*/
#chr_40{
	background:url(../chara/image/common/chr_detail8_01.jpg)
}

#chr_41{
	background:url(../chara/image/common/chr_detail8_02.jpg)
}
#chr_42{
	background:url(../chara/image/common/chr_detail8_03.jpg)
}

#chr_43{
	background:url(../chara/image/common/chr_detail8_04.jpg)
}

.chr_text{
  top: 426px;
  left: 47px;
  width: 721px;
  font-size: 16px;
  color: #fff;
  position: absolute;
  z-index: 20;
}

.chr_text span{
	display:block;
	padding-top:20px;
}

.car_h a{
	display:block;
	position:absolute;z-index:20px;
}


.btn_voice02,
.btn_voice{
	text-indent:-9999px;
	bottom:20px;
	right:150px;
	position:absolute;z-index:999!important;
	display:block!important;
	background:url(../chara/image/common/btn_voice.png) no-repeat;
	width:80px;
	height:80px;
	cursor:pointer;
}

.btn_voice02{
	right:40px;
	background:url(../chara/image/common/btn_voice02.png) no-repeat;
}

.text_att{
	width:108px;
	height:40px;
	margin-left:572px;
}

/*===================================
 system
===================================*/

div#s_inner{
	text-align: center;
	margin:0 auto;
	padding-bottom: 50px;
}



#s_inner p{
	line-height:44px;
	font-size:22px;
	width:620px;
	margin:0 auto 20px auto;
	font-weight:bold;
	text-align:center;
	text-shadow: 2px 2px 5px #111;
}

ul.icon_po li{
	float:left;
}

/*===================================
 story
===================================*/

div#st_inner{
	width:861px;
	margin:0 auto;
}

#st_inner h3{
}

#st_inner p{
	line-height:44px;
	font-size:22px;
	text-align:center;
	margin:0 auto 20px auto;
	font-weight:bold;
	text-shadow: 2px 2px 5px #111;
}

.ss{
	width:746px;
	margin:0 auto;
}

ul.ss_ul{
	width:844px;
	margin:20px auto;

}

ul.ss_ul li{
	float:left;
	width:422px;
}

/*===================================
 movie
===================================*/

div#st_inner p.con_title{
	width:640x!important;
	margin:10px auto!important;
}

div#st_inner ul.pv_inner{
	width:835px;
	margin:0 auto ;
}

div#st_inner ul.pv_inner li{
	float:left;
	width: 396px;
	height:257px;
	margin:0 10px 30px;
	background:url(../movie/image/common/back_movie.png) no-repeat;
}



div#st_inner ul.pv_inner li p{
	display:block;
	margin:5px auto;
	width:396px;
	height:35px;

}



.pv_song{
	width: 396px;
	height:257px;
	margin:10px auto;
		background:url(../movie/image/common/back_movie.png) no-repeat;
}


#bgm{
	display:block;
	width:200px;
	height:77px;
	margin:10px auto;
	cursor:pointer;
}


div.song_title{
width:328px!important;
height:35px!important;
margin:10px auto;
}


/*===================================
 rule
===================================*/
div.rule_inner{
	width:746px;
	height:auto;
	margin:0 auto;
	position:relative;
}

div.rule_inner h2{
	font-size:15px!important;
	font-weight:bold;
	text-align:center;
	position:relative;
	width:auto;
	height:auto;
	padding:10px;
	top:0;
	line-height:24px;
	text-indent:0;
}

div.rule_inner h3{
	font-size:13px;
	font-weight:bold;
	width:auto;
	text-indent:0px;
	margin:20px 0px;
}

p#adress{
	margin:20px;
}

div.rule_inner ol,
div.rule_inner ul {
	margin:20px auto;
	width:700px;
}

div.rule_inner ul li{
	margin:5px 0px 0px 10px;

}

div.rule_inner ol li{
	margin:5px 0px 0px 10px;

}

div.rule_inner ol li p{
	margin:10px 20px;

}

div.rule_inner ul a:link, div.rule_inner ul a:visited {
	text-decoration:underline!important;
}

div.rule_inner ul a:hover,  div.rule_inner li a:active {
	text-decoration:underline!important;
}


/*===================================
info
===================================*/
#top_info{
}

div#info_d_inner dl,
div#info_inner dl{
	position:relative;
	width:712px;
	margin:0px auto;
	height:auto;
	top:0;
	left:0;
	background:#fff !important;

}


div#info_inner dl dt {
	font-size: 90%;
	line-height:22px!important;
	color: #848483;
	padding-top:5px;
	width:120px;
	float:left;
clear:left;

}

div#info_inner  dl dt span{
	padding-left:30px;
	color:#744747;
	font-size:14px;
}
div#info_inner  dl dd {
	line-height:23px!important;
	border-bottom: solid 1px #000!important;
	padding-left:120px;
	width:auto;
	height:auto;
}
div#info_inner  dl dd:last-child {
	border-bottom: none;
}

div#info_inner  dl dd p{
	padding-top:2px;
	padding-right:5px;
	font-size: 15px;
    word-wrap: break-word;
	width:auto;
	float:none;
}

div#info_inner dl dd a{
	color: #333333;
	font-weight:bold;
}

div#info_inner dl dd a:hover{
	color: #333333;
	text-decoration:underline;

}

div#info_d_inner{
	width:720px;
	height:atuo;
	margin:0 auto;
	padding:30px 50px;
	background: #013568; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iIzAxMzU2OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMjY1OTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #013568 1%, #326598 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#013568), color-stop(100%,#326598)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #013568 1%,#326598 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #013568 1%,#326598 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #013568 1%,#326598 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #013568 1%,#326598 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#013568', endColorstr='#326598',GradientType=0 ); /* IE6-8 */

}

div.info{
	min-height:900px;
}

div#info_d_inner div.inner{
	width: 720px;
	margin:10px auto auto auto;
	height: auto;
	font-size:16px;
	padding-bottom:10px;
	word-wrap: break-word;
}

div#info_d_inner div.inner hr{
    margin:7px 0;
    border:solid #000 1px;
	background:none!important;
}


/*MTの本文の太字　斜体　下線のリセット回避*/
div#info_d_inner div.inner strong{
	font-weight:bold;
}

div#info_d_inner div.inner em{
	font-style:italic;
}

div#info_d_inner div.inner ins{
	text-decoration:underline;
	background-color:transparent;
	color:inherit;
}
/*色つきでの繁栄されるよう指定*/
div#info_d_inner div.inner span{
	font-weight: inherit;
}
/*MTの記事でテーブルなどのインデント設定　.inner pの指定にそろえる*/
div#info_d_inner div.inner > *{
}


div#info_d_inner dl{
	width: 720px;
	text-align:center;
	border:none;
	background:none!important;
}

div#info_d_inner dl dt {
	line-height:22px;
	padding-top:5px;
	width:720px;
	font-weight:bold;
	float:none;
	font-size:18px;
}


div#info_d_inner dl dd {
	height:auto;
	line-height:25px;
	width:720px;
	word-wrap: break-word;
	border-bottom: solid 3px #fff;
	float:none;
	padding-top:5px;
	padding-left:0;
}


p.btn_top{
	margin:15px auto 10px auto;
	width:257px;
	height:49px;
}

div#pagenate ul{
	width:737px;
	height:37px;
	margin:10px auto 0 auto;
}

div#pagenate ul li.btn_prev{
	width:61px;
	height:37px;
	float:left;
}

div#pagenate ul li.btn_prev a{
	display:block;
	width:61px;
	height:37px;
	background:url(../image/common/btn_left.png) no-repeat;
}

div#pagenate ul li.btn_next{
	width:61px;
	height:37px;
	float:right;

}

div#pagenate ul li.btn_next a{
	display:block;
	background:url(../image/common/btn_right.png) no-repeat;
	width:61px;
	height:37px;
}

iframe{
	display: block;
	margin:0 auto;
	height: 235px;

 }
/*===================================
 footer
===================================*/

#footer{
	width:100%;
	min-width:960px;
	padding-bottom: 20px;
	position:relative;
	background:#333;
}
.footerInner{
	position:relative;
	width:1040px;
	margin:0 auto;
	color:#fff;
	padding-top: 20px;
}
.footerLink{
	text-align: center;
}
.footerLink > li{
	display: inline-block;
	margin-left: 5px;
}
.logoList{
	margin-bottom: 20px;
}
.logoList > li{
	display: inline-block;
	vertical-align: bottom;
}
.segaLogo{
	margin-right: 20px;
}
.link_top{
	text-align:center;
	font-size:11px;
}



.sectionBorder{
	width: 100%;
	height: 9px;
	margin-bottom: 20px;
	background:url(../image/common/line_img01.png) no-repeat center center;
}

/*部分け*/
.partTabList{
	padding: 10px 0;
	text-align: center;
}
.partTabList > li{
	list-style: none;
	display: inline-block;
	padding: 5px 30px;
background: -moz-linear-gradient(top,  rgba(0,52,148,1) 0%, rgba(0,16,44,1) 99%, rgba(0,16,44,1) 100%);
background: -webkit-linear-gradient(top,  rgba(0,52,148,1) 0%,rgba(0,16,44,1) 99%,rgba(0,16,44,1) 100%);
background: linear-gradient(to bottom,  rgba(0,52,148,1) 0%,rgba(0,16,44,1) 99%,rgba(0,16,44,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003494', endColorstr='#00102c',GradientType=0 );
	border: solid 1px #ccbe75;
	font-size: 18px;
	margin-right: 10px;
	cursor: pointer;
}
.partTabList > li:hover,.partTabList > li.is-on{
background: -moz-linear-gradient(top,  rgba(0,121,255,1) 0%, rgba(0,121,255,1) 1%, rgba(0,80,255,1) 100%);
background: -webkit-linear-gradient(top,  rgba(0,121,255,1) 0%,rgba(0,121,255,1) 1%,rgba(0,80,255,1) 100%);
background: linear-gradient(to bottom,  rgba(0,121,255,1) 0%,rgba(0,121,255,1) 1%,rgba(0,80,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0079ff', endColorstr='#0050ff',GradientType=0 );

}
.partContent{
	display: none;
}
.partContent.is-on{
	display: block;
}
/*共通化部分*/
.startUpBox{
	width: 1024px;
	height: 300px;
	   padding: 124px 50px 0 230px;
    font-size: 26px;
	background: url(../image/common/startUp/start_up.png) no-repeat;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.itemBase{
	border:1px solid #99B0B6;
	background: #033769;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.itemBase.is-appInfo{
	text-align: center;
	margin-top: 20px;
	width: 100%;
	padding: 10px 10px 10px 100px;
	line-height: 1.4;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.appBadge{
	width: 292px;
	margin: 0 auto;
}
.app{
	display: table-cell;
}
.gameInfohead{
	width: 80px;
}

.contentBox{
	position: relative;
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
}
.gameIcon{
	display: inline-block;
	width: 100px;
	height: 100px;
	background: url(../image/gameIcon/icon_3rd.png);
	-webkit-background-size: 100%;
	     -o-background-size: 100%;
	        background-size: 100%;
}