@charset "utf-8";

/*
 *
 * $reset
 *
 *
*/
body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, 
brockquote, pre, table, caption, th, td, address, 
form, fieldset, legend, object, input{margin:0;padding:0;}
h5, h6, pre, table, code, kbd, samp, acronym, input, textarea, select{font-size:100%;}
a, ins{text-decoration:none;}
address, em, cite, dfn, var{font-style:normal;}
input, textarea{/*font-family:sans-serif;*/font-weight:normal;}
img{vertical-align:middle;}
a img{border:none;margin:0;}
* html body{ /* for IE6 */font-size:small;}
*:first-child+html body{ /* for IE7 */font-size:small;}
ul{list-style-position:outside;list-style-type:none;}
ol{list-style-position:outside;margin-left:20px;}
table{border-collapse:collapse;/*word-break: break-word;*/}
legend{	color: #333;}
div, pre{word-wrap: break-word}
pre{white-space: pre-wrap;}
.clearText{text-indent:100%; white-space:nowrap; overflow:hidden;}
.hide{display:none;}
.bottom10{padding-bottom:10px;}
*{position:relative}
/*
 *
 * $html
 *
 *
*/
html{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

body{
	font-family:'ヒラギノ角ゴ Pro W3',Osaka,'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:100%;
	width: 100%;
	height: 100%;
	background:#000;
	min-width:1280px;
	overflow-y:auto;
}


/*
 *
 * $header
 *
 *
*/
#header{
	border-bottom:1px solid #31575c;
	position: fixed;
	height: 40px;
	width:100%;
	min-width: 1280px;
	background:#000;
	overflow:hidden;
	z-index:100;
}

#header h1{
	text-align: center;
	position:absolute;
	left:0;
	right:0;
	top:-4px;
	z-index:0;
}

#header ul{
	padding:4px; 
	list-style:none; 
	overflow:hidden;
	position:relative;
	z-index:1;
}

#header ul li#logo{
	float:left;
	margin:5px 0 0;
}

#header ul li.sns_icon{
	float:right;
	margin:0 5px 0 0;
}

#header ul li.sound{
	float:right;
	margin:0 5px 0 0;
}

/*
 *
 * $contents
 *
 *
*/
#contents{
	min-height:890px;
	padding-top:40px;

}

#container{
	min-height:890px;
	min-width:1280px;
	overflow:hidden; 
	margin:0 auto; 
	background:url(../img/index/bg_container.jpg) center 0 no-repeat; 
	position:relative;
}

#sec_container{
	text-align:center;
}

/*グローバルメニュー*/
#nav{
	width:100%;
	min-height:48px;
	border-bottom:1px solid #31575c;
	border-top:1px solid #31575c;
	background:#000;
	z-index:99;
	position:relative;
}

ul#navigation{
	width: 1120px;
	background:#f0f;
	margin: 0 auto;
	padding:0;
	list-style: none;
}

ul#navigation > li{
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	float: left;
	display: block;
	height:48px;

	border-bottom:solid 0px #01b9ff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

ul#navigation > li span.new_icon{
	display:block;
	margin:-13px 0;
	text-align:center;
	z-index:99;
}

ul#navigation > li img{
	vertical-align:middle;
}

ul#navigation li > a{
	margin: 0;
	text-indent:-9999px;
	height:100%;
	overflow:hidden;
	/*white-space:nowrap;*/
	display:block;
}

ul#navigation li > a:hover{
	border-bottom-width:2px;
}



ul#navigation li.nav00{ background:url(../img/common/nav_00.jpg) right 0; display:block; width:90px; height:48px;}
/*ul#navigation li.nav00 a{display:block; width:104px; height:48px;}*/

ul#navigation li.nav01{ background:url(../img/common/nav_01.jpg) 0 0; display:block; width:99px; height:48px;}

ul#navigation li.nav02{ background:url(../img/common/nav_02.jpg) 0 0;display:block; width:124px; height:48px;}

ul#navigation li.nav03{ background:url(../img/common/nav_03.jpg) 0 0;display:block; width:125px; height:48px;}

ul#navigation li.nav04{ background:url(../img/common/nav_04.jpg) 0 0;display:block; width:127px; height:48px;}

ul#navigation li.nav05{ background:url(../img/common/nav_05.jpg) 0 0;display:block; width:124px; height:48px;}

ul#navigation li.nav06{ background:url(../img/common/nav_06.jpg) 0 0;display:block; width:100px; height:48px;}

ul#navigation li.nav07{ background:url(../img/common/nav_07.jpg) 0 0;display:block; width:100px; height:48px;}

ul#navigation li.nav08{ background:url(../img/common/nav_08.jpg) 0 0;display:block; width:104px; height:48px;}

ul#navigation li.nav09{ background:url(../img/common/nav_09.jpg) 0 0;display:block; width:90px; height:48px;}



a#ovj_flash{
	width:130px;
	height:130px;
	background:url('../img/common/icon_nextpage.png');
	margin:0 auto;
	position:absolute;
	left:0;
	right:0;
	animation-name: anime;
	animation-duration: 1s;
	animation-timing-function: ease;
	animation-delay:0;
	animation-iteration-count: infinite;
	animation-direction:alternate;

	-moz-animation-name: anime;
	-moz-animation-duration: 1s;
	-moz-animation-timing-function: ease;
	-moz-animation-delay:0;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction:alternate;

	-webkit-animation-name: anime;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-delay:0;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:alternate;
}

@keyframes anime {
	0% {	opacity:1;	}
	100% {	opacity:0;	}
}

@-moz-keyframes anime {
	0% {	opacity:1;	}
	100% {	opacity:0;	}
}

@-webkit-keyframes anime {
	0% {	opacity:1;	}
	100% {	opacity:0;	}
}


/*サブナビ*/
ul#navigation li ol.menu{
	margin: 0;
	padding: 0;
	border: solid 1px #6ae8f6;
	border-bottom:none;
	position: absolute;
	padding:10px 0;
	bottom: 46px;/*ナビゲーション分、上部へずらす*/
	width:100%;
	display: none;
	background:#000;
}

ul#navigation li ol.menu li{
	width: 100%;
	display: block;
	float: none;
	background: #000;
	text-align:center;
	color:#fff;
}

ul#navigation li ol.menu li span{
	color:#f00;
	margin:0 0 -10px;
	display:block;
	font-size:70%;
	z-index:99;
	font-weight:bold;
}

ul#navigation li ol.menu li a,
ul#navigation li ol.menu li a:visited{
	width:100%;
	text-indent:0;
	white-space:normal;
	display:block;
	border:none;
	color:#fff;
	padding:10px 0;
	font-size:90%;
	}

ul#navigation li ol.menu li a:hover{
	color:#3399FF;
	}

/*一部溢れるナビゲーション用*/
.large{
	width:140%!important;
	left:-20%;
}

.large2{
	width:170%!important;
	left:-40%;
}

.t_right{float:right; padding-right:52px;}
.t_right2{position:absolute; top:166px; right:52px;}
.t_left{padding-left:40px;}


/*ページローカルナビ*/
ul#local_nav{
	position:fixed;
	right:5%;
	overflow:hidden;
	z-index:99;
	}

@media screen and (max-width: 1280px) {
ul#local_nav{
	right:30px;
	}
}

ul#local_nav li.title{float:left; margin:5px 5px 0;}

ul#local_nav li{float:left; margin:15px 5px 0; font-size:90%; letter-spacing:0.3em;}
ul#local_nav li a{color:#fff;}
ul#local_nav li a.active{color:#F90;}

/*
 *
 * $footer
 *
 *
*/
#footer{
	padding:10px 0;
	margin:0 auto;
	/*clear:both;*/
	text-align:center;
	background:#000;
}


#footer ul{
	list-style:none;
	width:1280px;
	margin:5px auto; position:relative;
}

#footer ul li{
	display:inline-block;
	margin-bottom:10px;
}


/*フッターエリアボタン群*/
#foot_menu{
	line-height:1.5em;
}


/*メンバー・ビギナー導線*/
ul#gamesite{
	margin:5px auto 20px;
}

ul#gamesite li{
	margin:0 5px;
}


/*copyright*/
p#copyright{
	width:860px; 
	height:145px; 
	margin:0 auto; 
	background:url(../img/common/txt_copyright.png) 100% 0 no-repeat; 
	text-align:left;
}







/*
 *
 * $transcend
 *
 *
*/

.bg_transcend #sec_container h3{margin:0; padding:0; line-height:0;}

.bg_transcend #section_01{background:url(../img/transcend/bg_contents01.jpg) center 0 no-repeat;}
	.bg_transcend #section_01 ul{width:1280px; margin:0 auto; position:relative; top:-890px;}
		.bg_transcend #section_01 li#movie_01{position:absolute; top:217px;left:661px;}

.bg_transcend #section_03{background:url(../img/transcend/bg_contents03.jpg) center 0 no-repeat;}

.bg_transcend #section_04{background:url(../img/transcend/bg_contents04.jpg) center 0 no-repeat;}
	.bg_transcend #section_04 ul{width:1280px; margin:0 auto; position:relative; top:-890px;}
	.bg_transcend #section_04 ul li#ss_01{position:absolute; top:85px; left:842px;}
	.bg_transcend #section_04 h3{margin-left:-65px;}

.bg_transcend #section_06{background:url(../img/transcend/bg_contents05.jpg) center 0 no-repeat;}
	.bg_transcend #section_06 ul{width:1280px; margin:0 auto; position:relative; top:-890px;}
		.bg_transcend #section_06 li#movie_02{position:absolute; top:282px;left:313px;}

.bg_transcend #section_07{background:url(../img/transcend/bg_contents06.jpg) center 0 no-repeat;}
	.bg_transcend #section_07 ul{width:1280px; margin:0 auto; position:relative; top:-890px;}
		.bg_transcend #section_07 li#ss_03{position:absolute; top:58px;left:106px;}
		.bg_transcend #section_07 li#ss_04{position:absolute; top:57px; left:689px;}
		.bg_transcend #section_07 li#ss_05{position:absolute; top:464px;left:106px;}
		.bg_transcend #section_07 li#ss_06{position:absolute; top:463px;left:688px;}



/*
 *
 * $harudo
 *
 *
*/

.bg_harudo{
	background-image: url("../img/harudo/bg_contents.jpg");
	background-repeat: no-repeat;
	background-position: center 0;
}


.bg_harudo #section_00{background:url(../img/harudo/bg_contents.jpg) center 0 no-repeat;}
	.bg_harudo #section_00 ul{width:1280px; margin:0 auto; position:relative; top:-890px;}
		.bg_harudo #section_00 li#ss_00{position:absolute; top:97px;left:11px;}

.bg_harudo #section_01{background:url(../img/harudo/bg_contents01.jpg) center 0 no-repeat;}
	.bg_harudo #section_01 ul{width:1280px; margin:0 auto; position:relative; top:-890px;}
		.bg_harudo #section_01 li#ss_01{position:absolute; top:81px;left:691px;}
		.bg_harudo #section_01 li#ss_02{position:absolute; top:299px; left:247px;}
		.bg_harudo #section_01 li#ss_03{position:absolute; top:557px;left:99px;}
		.bg_harudo #section_01 li#ss_04{position:absolute; top:558px; left:474px;}
		.bg_harudo #section_01 li#ss_05{position:absolute; top:558px; left:855px;}

.bg_harudo #section_02{background:url(../img/harudo/bg_contents02.jpg) center 0 no-repeat;}
	.bg_harudo #section_02 ul{width:1280px; margin:0 auto; position:relative; top:-890px;}
		.bg_harudo #section_02 li#ss_06{position:absolute; top:226px;left:826px;}
		.bg_harudo #section_02 li#ss_07{position:absolute; top:584px; left:55px;}
		.bg_harudo #section_02 li#ss_08{position:absolute; top:559px;left:849px;}


.bg_harudo #section_03{background:url(../img/harudo/bg_contents03.jpg) center 0 no-repeat;}
	.bg_harudo #section_03 img{}

.bg_harudo #section_04{background:url(../img/harudo/bg_contents04.jpg) center 0 no-repeat;}
	.bg_harudo #section_04 ul{width:1280px; margin:0 auto; position:relative; top:-890px;}
		.bg_harudo #section_04 li#ss_09{position:absolute; top:723px; left:36px;}
		.bg_harudo #section_04 li#ss_10{position:absolute; top:716px; left:370px;}
		.bg_harudo #section_04 li#ss_11{position:absolute; top:597px;left:744px;}
		.bg_harudo #section_04 li#ss_12{position:absolute; top:719px;left:1016px;}

.bg_harudo #section_05{background:url(../img/harudo/bg_contents05.jpg) center 0 no-repeat;}
	.bg_harudo #section_05 ul{width:1280px; margin:0 auto; position:relative; top:-890px;}
		.bg_harudo #section_05 li#ss_13{position:absolute; top:742px; left:11px;}
		.bg_harudo #section_05 li#ss_14{position:absolute; top:730px; left:1045px;}



/*
 *
 * $gmonster
 *
 *
*/

.bg_monster{
	background-image: url("../img/gmonster/bg_contents.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 0 center;
}

.bg_monster #section_00{background:url(../img/gmonster/bg_contents.jpg) center 0 no-repeat;}
	.bg_monster #section_00 ul{width:1280px; margin:0 auto; position:relative; top:-890px;}
		.bg_monster #section_00 li#ss_01{position:absolute; top:686px;left:212px;}
		.bg_monster #section_00 li#ss_02{position:absolute; top:686px; left:909px;}

.bg_monster #section_01{background:url(../img/gmonster/bg_contents01.jpg) center 0 no-repeat;}
	.bg_monster #section_01 ul{width:1280px; margin:0 auto; position:relative; top:-890px;}

/*
 *
 * $tokui
 *
 *
*/

.bg_tokui{
	background-image: url("../img/tokui/bg_contents.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 0 center;
}

.bg_tokui #section_00{background:url(../img/tokui/bg_contents.jpg) center 0 no-repeat;}
	.bg_tokui #section_00 ul{width:1280px; margin:0 auto; position:relative; top:-890px;}
		.bg_tokui #section_00 li#ss_01{position:absolute; top:324px;left:15px;}
		.bg_tokui #section_00 li#ss_02{position:absolute; top:162px; left:773px;}
		.bg_tokui #section_00 li#ss_03{position:absolute; top:539px;left:708px;}



.bg_tokui #section_01{background:url(../img/tokui/bg_contents01.jpg) center 0 no-repeat;}
	.bg_tokui #section_01 ul{width:1280px; margin:0 auto; position:relative; top:-890px;}
		.bg_tokui #section_01 li#ss_04{position:absolute; top:109px;left:424px;}
		.bg_tokui #section_01 li#ss_05{position:absolute; top:154px; left:773px;}
		.bg_tokui #section_01 li#ss_06{position:absolute; top:624px;left:30px;}


.bg_tokui #section_02{background:url(../img/tokui/bg_contents02.jpg) center 0 no-repeat;}
	.bg_tokui #section_02 ul{width:1280px; margin:0 auto; position:relative; top:-890px;}

.bg_tokui #section_03{background:url(../img/tokui/bg_contents03.jpg) center 0 no-repeat;}
	.bg_tokui #section_03 ul{width:1280px; margin:0 auto; position:relative; top:-890px;}



/*
 *
 * $shisyu
 *
 *
*/

.bg_shisyu{
	background-image: url("../img/shisyu/bg_contents.jpg");
	background-repeat: no-repeat;
	background-position: center 0;
}

.bg_shisyu #section_01{background:url(../img/shisyu/bg_contents01.jpg) center 0 no-repeat;}

.bg_shisyu #section_02{background:url(../img/shisyu/bg_contents02.jpg) center 0 no-repeat;}
	.bg_shisyu #section_02 ul{width:1280px; margin:0 auto; position:relative; top:-890px;}
		.bg_shisyu #section_02 li#ss_01{position:absolute; top:222px;left:935px;}
		.bg_shisyu #section_02 li#ss_02{position:absolute; top:450px; left:1067px;}
		.bg_shisyu #section_02 li#ss_03{position:absolute; top:580px;left:200px;}
		.bg_shisyu #section_02 li#ss_04{position:absolute; top:220px; left:670px;}

.bg_shisyu #section_03{background:url(../img/shisyu/bg_contents03.jpg) center 0 no-repeat;}
	.bg_shisyu #section_03 ul{width:1280px; margin:0 auto; position:relative; top:-890px;}
		.bg_shisyu #section_03 li#ss_05{position:absolute; top:140px;left:847px;}
		.bg_shisyu #section_03 li#ss_06{position:absolute; top:574px; left:317px;}

.bg_shisyu #section_04{background:url(../img/shisyu/bg_contents04.jpg) center 0 no-repeat;}
	.bg_shisyu #section_04 ul{width:1280px; margin:0 auto; position:relative; top:-890px;}
		.bg_shisyu #section_04 li#ss_07{position:absolute; top:740px;left:481px;}

.bg_shisyu #section_05{background:url(../img/shisyu/bg_contents05.jpg) center 0 no-repeat;}

.bg_shisyu #section_06{background:url(../img/shisyu/bg_contents06.jpg) center 0 no-repeat;}


/*
 *
 * $refine
 *
 *
*/

.bg_refine{
	background-image: url("../img/refine/bg_contents.png");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
}

.bg_refine #sec_container h3{margin:0; padding:0; line-height:0;}

.bg_refine h3.release{
	background:url(../img/refine/img_refine03.png) center 0 no-repeat;
	height:399px;
	min-width:1280px;
	text-indent:-100%;
	text-align:left;
}


.bg_refine #section_01{}
	.bg_refine #section_01 ul{width:1280px; margin:0 auto; position:relative; top:-1275px;}
		.bg_refine #section_01 li#ss_01{position:absolute; top:898px;left:730px;}



/*
 *
 * $tenrou
 *
 *
*/

.bg_tenrou{background-image: url("../img/tenrou/bg_contents.jpg"); background-repeat: no-repeat; background-position: center 0;}

	.bg_tenrou #section_00 ul{width:1280px; margin:0 auto; position:relative; top:-890px;}
		.bg_tenrou #section_00 ul li#ss_01{position:absolute; top:111px; left:27px;}
		.bg_tenrou #section_00 ul li#ss_02{position:absolute; top:305px; left:29px;}

	.bg_tenrou #section_01{background:url(../img/tenrou/bg_contents02.jpg) center 0 no-repeat;}




/*
 *
 * $teiki
 *
 *
*/

.bg_teiki #section_01{
	background-image: url("../img/teiki/bg_contents.jpg");
	background-repeat: no-repeat;
	background-position: center 0;
}

.bg_teiki #section_00 ul{
	width:1280px; margin:0 auto; 
	position:relative; 
	top:-610px;
}

.bg_teiki #section_00 ul li#ss_01{
	position:absolute;
	top:440px;
	left:765px;
}

.bg_teiki #section_00 ul li#ss_02{
	position:absolute;
	top:440px;
	left:1045px;
}


/*
 *
 * $senryukon
 *
 *
*/

.bg_senryukon #section_00{
	background-image: url("../img/senryukon/bg_contents.jpg");
	background-repeat: no-repeat;
	background-position: center 0;
}


.bg_senryukon #section_00 ul{
	width:1280px; margin:0 auto; 
	position:relative; 
	top:-890px;
}

.bg_senryukon #section_00 ul li#ss_01{
	position:absolute;
	top:440px;
	left:140px;
}

.bg_senryukon #section_00 ul li#ss_02{
	position:absolute;
	top:440px;
	left:753px;
}



/*天ノ型*/
.bg_senryukon #section_01 ul{
	width:1280px; margin:0 auto; 
	position:relative; 
	top:-890px;
}

.bg_senryukon #section_01 ul li#ss_01{
	position:absolute;
	top:556px;
	left:139px;
}

.bg_senryukon #section_01 ul li#ss_02{
	position:absolute;
	top:556px;
	left:660px;
}


/*嵐ノ型*/
.bg_senryukon #section_02 ul{
	width:1280px; margin:0 auto; 
	position:relative; 
	top:-890px;
}

.bg_senryukon #section_02 ul li#ss_01{
	position:absolute;
	top:119px;
	left:139px;
}

.bg_senryukon #section_02 ul li#ss_02{
	position:absolute;
	top:119px;
	left:660px;
}

.bg_senryukon #section_02 ul li#ss_03{
	position:absolute;
	top:535px;
	left:139px;
}

.bg_senryukon #section_02 ul li#ss_04{
	position:absolute;
	top:535px;
	left:660px;
}

/*
 *
 * $face
 *
 *
*/
.bg_face{
	background-image: url("../img/face/bg_contents.jpg");
	background-repeat: no-repeat;
	background-position: center 0;
}
.bg_face #section_01{background:url(../img/face/bg_contents01.jpg) center 0 no-repeat;}

/*
 *
 * $wallpaper
 *
 *
*/

.bg_wallpaper{
	background-image: url("../img/wallpaper/bg_contents.jpg");
	background-repeat: no-repeat;
	background-position: center 0;
}
.bg_wallpaper #section_00{background:url(../img/wallpaper/bg_contents01.jpg) center 0 no-repeat;}
	.bg_wallpaper #section_00 ul{width:1280px; margin:0 auto; position:relative; top:-890px;}
		.bg_wallpaper #section_00 li#ss_01{position:absolute; top:485px;left:200px;}
		.bg_wallpaper #section_00 li#ss_02{position:absolute; top:485px; left:351px;}
		.bg_wallpaper #section_00 li#ss_03{position:absolute; top:534px;left:200px;}
		.bg_wallpaper #section_00 li#ss_04{position:absolute; top:534px;left:351px;}
		.bg_wallpaper #section_00 li#ss_05{position:absolute; top:485px;left:800px;}
		.bg_wallpaper #section_00 li#ss_06{position:absolute; top:485px; left:950px;}
		.bg_wallpaper #section_00 li#ss_07{position:absolute; top:534px;left:800px;}
		.bg_wallpaper #section_00 li#ss_08{position:absolute; top:534px;left:950px;}

/*
 *
 * $next
 *
 *
*/

.bg_next{background-image: url("../img/next/img_contents.jpg"); background-repeat: no-repeat; background-position: center 0;}
	.bg_next #section_00 ul{width:1280px; margin:0 auto; position:relative; top:-890px;}