@charset "UTF-8";
/* reset and common
======================================================== */
article, aside, dialog, figure, footer, header, hgroup, menu, nav, section { display: block; }
body{
	color: #ffffff;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.5;
	background-color: #000000;
}
a {
	outline:none;
	overflow:hidden;
}
a,
a:visited{
	color: #ffffff;
}
a:hover{
	color: #fff772;
}
h1,
h2,
h3{
	width: auto;
	height: auto;
	background: none;
	padding: 0;
	margin: 0;
}
section{
	width: 100%;
	margin: 0 auto 5px;
	position: relative;
}
.sectionContents {
	position: relative;
	width: 1000px;
	margin: 0 auto;
}
/* header
======================================================== */
header{
	position: fixed !important;
	position: absolute;
	background-color: transparent;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
}
/* mobage Header --------------------------------------- */
#mobageHeader{
	background-color: #fff;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
}
#mobageHeader .logo{
	margin: 0;
	padding: 15px 0 9px 19px;
	float: left;
}
#mobageHeader .toTop {
	margin: 0;
	padding: 19px 0 9px 19px;
	float: left;
}
#mobageHeader p.logo a {
	display: block;
	width: 107px;
	height: 28px;
	background: url(/pc/image/common/sprite.png?v=20120828) -92px 0 no-repeat;
}
#mobageHeader p.toTop a {
	padding: 0 0 0 10px;
	font-size: 0.75em;
	background: url(/pc/image/game_intro/12007160/arrow.png?v=20120828) 0 0 no-repeat;
	color: #999;
}
.socialNavWrapper {
	position: relative;
	width: 1000px;
	margin: 0 auto;
}
.socialNav{
	display:block;
	position: absolute;
	top:19px;
	right:0px;
	height:21px;
	padding: 0px 20px 0 0;
}
.socialNav li{
	float: right;
}
.socialTw {
	margin-left: 10px;
}
/* game Header --------------------------------------- */
#gameHeader{
	text-align: center;
	height: 100px;
 	background: url(/pc/image/game_intro/12010355/head_bg.png?v=20120828) repeat-x center top;
}
.gameHeaderContents{
	width: 1000px;
	margin: 0 auto;
}
/* nav */
nav{
	display: inline-block;
}
nav ul{
	text-align: center;
	width: 500px;
	height: 53px;
	padding-top: 0px;
	margin-top:22px;
}
nav li{
	display: inline;
	margin: 0 12px;
}
.toCmMovie,
.toChara,
.toCast,
.toStaff,
.toAboutGame {
	display: inline-block;
	background: url(/pc/image/game_intro/12010355/sprite_nav.png?v=20120828);
	height: 55px;
}
.toCmMovie{
	width: 78px;
	background-position: 0 0;
}
.toCmMovie:hover{
	background-position: 0 -60px;
}
.toChara{
	width: 106px;
	background-position: -94px 0;
}
.toChara:hover{
	background-position: -94px -60px;
}
.toCast{
	width: 76px;
	background-position: -215px 0;
}
.toCast:hover{
	background-position: -215px -60px;
}
.toAboutGame{
	width: 74px;
	background-position: -306px 0;
}
.toAboutGame:hover{
	background-position: -306px -60px;
}
.toStaff{
	width: 81px;
	background-position: -397px 0;
}
.toStaff:hover{
	background-position: -397px -60px;
}
/* QR */
.accessInfo{
	float: right;
	width: 240px;
	margin: 5px 0;
}
.accessInfo li{
	float: left;
}



/* background image
======================================================== */
#topBLock {
	background: url(/pc/image/game_intro/12010355/bg1.jpg?v=20120828) no-repeat center 60px;
}
#cmMovie {
	background: url(/pc/image/game_intro/12010355/bg2.jpg?v=20120828) no-repeat center top;
}
#chara {
	background: url(/pc/image/game_intro/12010355/bg3.jpg?v=20120828) no-repeat center top;
}
#cast {
	background: url(/pc/image/game_intro/12010355/bg4.jpg?v=20120828) no-repeat center top;
}
#aboutGame {
	background: url(/pc/image/game_intro/12010355/bg5.jpg?v=20120828) no-repeat center top;
}
/* Page up
======================================================== */
.upArrow a {
	display: block;
	position: absolute;
	right: 10px;
	bottom: 20px;
	width: 55px;
	height: 55px;
	background: url(/pc/image/game_intro/12010355/arrow_up.png?v=20120828) no-repeat 0px 0px;
}
.upArrow a:hover {
	background-position: 0 -55px;
}

/* section title
======================================================== */
.sectionTitle {
	width: 128px;
	height: 97px;
	position: absolute;
	left: 8px;
	top: 185px;
 	background: url(/pc/image/game_intro/12010355/sprite_sectiontitle.png?v=20120828) no-repeat left top;
}
#cmMovie .sectionTitle {
	background-position: 0px 0px;
}
#chara .sectionTitle {
	background-position: 0px -97px;
}
#cast .sectionTitle {
	background-position: 0px -194px;
}
#aboutGame .sectionTitle {
	background-position: 0px -291px;
}

/* topBLock
======================================================== */
#topBLock {
	padding-top:149px;
	min-height: 557px;
}
h1{
	float: left;
	width: 213px;
}
#teikoku_kaisen {
	position: absolute;
	left: 62px;
	top: 69px;
	width: 877px;
	height: 231px;
 	background: url(/pc/image/game_intro/12010355/logo_teikoku_kaisen.png?v=20120828) no-repeat left top;
}
#counter {
	position: absolute;
	left: 68px;
	top: 315px;
	width: 275px;
	text-align: center;
}
#couterTimer {
 	background: url(/pc/image/game_intro/12010355/bg_alpha.png?v=20120828) repeat center top;
 	border-radius: 8px;
	color: #fff;
	display: block;
	font-size: 160%;
	line-height: 1.0;
	padding: 12px 6px;
	margin: 0 0 5px 0;
}
#couterTimerText {
	font-size: 22px;
}
#couterTimerNum {
	font-size: 40px;
}
#couterNotice {
	color: #000;
	font-weight: 900;
	font-size: 120%;
	text-shadow: 0px 0px 3px #fff;
}
#tagline {
	position: absolute;
	left: 204px;
	top: 6px;
	width: 792px;
	height: 27px;
 	background: url(/pc/image/game_intro/12010355/txt_tagline.png?v=20120828) no-repeat center top;
}
#presentinfo {
	position: absolute;
	left: 493px;
	top: 299px;
	width: 459px;
	height: 228px;
 	background: url(/pc/image/game_intro/12010355/img_present1.png?v=20120911) no-repeat center top;
}

/* cmMovie
======================================================== */
#cmMovie {
	min-height: 850px;
}
#cmMovie .sectionContents {
	padding-top: 142px;
	text-align: center;
}
#cmMovie iframe {
	border: 2px solid #000000;
	-webkit-box-shadow: 0 0 15px 1px rgba(0,0,0,0.75);
	-moz-box-shadow:0 0 15px 1px rgba(0,0,0,0.75);
	box-shadow: 0 0 15px 1px rgba(0,0,0,0.75);
	z-index: 0;
	margin: 0 auto 15px auto;
}
#cmMovie ul {
	text-align: left;
}
#cmMovie li {
	display: inline-block;
	width: 183px;
	vertical-align: top;
	margin: 0 6px;
}
#cmMovie li a {
 	background: url(/pc/image/game_intro/12010355/sprite_movie.png?v=20120913) no-repeat;
	display: block;
	width: 183px;
	height: 144px;
	margin: 0 0 4px 0;
}
#cmMovie li#movie01 a {
	background-position: -6px 0px;
}
#cmMovie li#movie01 a:hover {
	background-position: -6px -160px;
}
#cmMovie li#movie02 a {
	background-position: -190px 0px;
}
#cmMovie li#movie02 a:hover {
	background-position: -190px -160px;
}

#cmMovie li#movie03 a {
	background-position: -377px 0px;
}

#cmMovie li#movie03 a:hover {
	background-position: -377px -160px;
}

#cmMovie li#movie04 a {
	background-position: -564px 0px;
}
/*
#cmMovie li#movie04 a:hover {
	background-position: -564px -160px;
}
*/
#cmMovie li#movie05 a {
	background-position: -751px 0px;
}
#cmMovie li#movie05 a:hover {
	background-position: -751px -160px;
}

/* chara
======================================================== */
#chara {
	min-height: 760px;
}
#chara .sectionContents {
	padding-top: 175px;
}
#chara ul {
	margin: 0 25px 0 153px;
	background: url(/pc/image/game_intro/12010355/bg_alpha.png?v=20120828) repeat center top;
	border-radius: 8px;
	padding: 3px 6px;
}
#chara li {
 	background: url(/pc/image/game_intro/12010355/sprite_chara.png?v=20120921) no-repeat left top;
	display: inline-block;
	width: 199px;
	vertical-align: top;
	margin: 0 0px;
	padding-top: 152px;
}
li#chara01 {
	background-position: -6px 0px;
}
li#chara02 {
	background-position: -217px 0px;
}
li#chara03 {
	background-position: -428px 0px;
}
li#chara04 {
	background-position: -639px 0px;
}
li#chara05 {
	background-position: -850px 0px;
}
li#chara06 {
	background-position: -1061px 0px;
}
li#chara07 {
	background-position: -1272px 0px;
}
li#chara08 {
	background-position: -1485px 0px;
}
.chara_name {
	font-size: 120%;
	color: #f7cb78;
	text-shadow: 1px 1px 1px #000;
	display: block;
	padding: 2px 4px;
	font-weight: bold;
}
#chara .chara_info {
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	display: block;
	padding: 0 4px 2px 4px;
}

/* cast
======================================================== */
#cast {
	min-height: 630px;
}
#cast .sectionContents {
	padding-top: 175px;
}
#cast ul {
	margin: 0 25px 0 153px;
	background: url(/pc/image/game_intro/12010355/bg_alpha.png?v=20120828) repeat center top;
	border-radius: 8px;
	padding: 6px;
}
#cast li {
	display: block;
	vertical-align: top;
	margin: 0 0px;
	padding-left: 160px;
}
li#cast01 {
 	background: url(/pc/image/game_intro/12010355/cast_u.png?v=20120828) no-repeat left top;
 	margin-bottom: 10px;
}
li#cast02 {
 	background: url(/pc/image/game_intro/12010355/cast_kadena.png?v=20120828) no-repeat left top;
}
.cast_name {
	font-size: 130%;
	color: #f7cb78;
	display: block;
	text-shadow: 1px 1px 1px #000;
}
.cast_name strong {
	font-size: 120%;
}
.cast_comment_ttl {
	color: #f7cb78;
	font-size: 100%;
	display: block;
	margin-top: 10px;
	text-shadow: 1px 1px 1px #000;
}
.cast_comment {
	font-size: 100%;
	display: block;
	text-shadow: 1px 1px 1px #000;
}

/* aboutGame
======================================================== */
#aboutGame {
	min-height: 630px;
}
#aboutGame .sectionContents {
	padding-top: 175px;
	position: relative;
	min-height: 440px;
}
.aboutGameContents {
	background: url(/pc/image/game_intro/12010355/bg_alpha.png?v=20120828) repeat center top;
	border-radius: 8px;
	padding: 6px;
	position: absolute;
	left: 153px;
	bottom: 8px;
	width: 431px;
}
.aboutGameContents h3 {
	width: 431px;
	height: 62px;
 	background: url(/pc/image/game_intro/12010355/txt_gameinfo.png?v=20120828) no-repeat center top;
 	margin-bottom: 6px;
}
.aboutGameContents p {
	font-size: 115%;
	text-shadow: 1px 1px 1px #000;
}
#cards {
	width: 374px;
	position: absolute;
	right: 22px;
	bottom: 0px;
	line-height: 1.0;
}
#cards p {
	float: left;
	line-height: 1.0;
}
#gameCardWrapper {
	position: relative;
}
#cards .gameCard01 {
	position: absolute;
	right: 199px;
	bottom: 232px;
}
#cards .gameCard02 {
	position: absolute;
	right: 22px;
	bottom: 232px;
}
#cards .gameCard03 {
	position: absolute;
	right: 199px;
	bottom: 0px;
}
#cards .gameCard04 {
	position: absolute;
	right: 22px;
	bottom: 0px;
}


/* CMStaff
======================================================== */
#StaffContents {
	display: block;
	width: 1000px;
	height: 254px;
	margin: 40px auto;
 	background: url(/pc/image/game_intro/12010355/cm_staff.png?v=20120828) no-repeat center top;
}

/* footer
======================================================== */
.game_copyright {
	text-align: center;
	margin: 30px 0;
}
#footer {
	background-color: #fff;
}
/* clear fix
======================================================== */
.accessInfo:after,
#mobageHeader:after,
nav ul:after {
	content: "";
	display: block;
	clear: both;
}
/* text hidden
======================================================== */
#mobageHeader p.logo a,
.bahamutCM,
.staffName,
.toCmMovie,
.toChara,
.toCast,
.toAboutGame,
.sectionTitle,
#teikoku_kaisen,
#tagline,
#cminfo,
#presentinfo,
#cmMovie ul li a,
.aboutGameContents h3,
#StaffContents p,
.upArrow a {
	white-space: nowrap;
	overflow: hidden;
	text-indent: -9999px;
}