@charset "UTF-8";
/* rest and common
======================================================== */
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,
a:visited{
	color: #ffffff;
}
a:hover{
	color: #fff772;
}
h1,
h2,
h3{
	width: auto;
	height: auto;
	background: none;
	padding: 0;
	margin: 0;
}
small{
	display: block;
}
#bahamutTop,
section{
	width: 100%;
	margin: 0 auto 5px;
}
img{
	vertical-align: bottom;
}
/* section 共通 */
#cmMovie h2,
#cmMovie2 h2,
#aboutGame h2{
	text-align: center;
	background: url(/pc/image/game_intro/12007160/4th/title_bg.png?v=20121130) no-repeat center bottom;
	padding-bottom: 16px;
}
.sectionContens{
	clear: both;
	width: 940px;
	padding: 20px;
	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: #ffffff;
	-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 26px;
	float: left;
}
#mobageHeader .toTop {
	margin: 0;
	padding: 19px 0 9px 20px;
	float: left;
}
#mobageHeader p.logo a {
	display: block;
	width: 170px;
	height: 28px;
	background: url(/pc/image/common/sprite.png?v=20121130) 0 -500px 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=20121130) 0 -0.1em no-repeat;
	color: #999;
}
.socialNavWrapper {
	position: absolute;
	width: 700px;
	left: 315px;
	top:18px;
	margin: 0 auto;
}
.socialNav{
	display:block;
	padding: 0px 20px 0 0;
}
.socialNav li{
	float: left;
}
.socialTw {
	margin-left: 10px;
}
/* top
======================================================== */
.bahamutTopContents {
	height: 740px;
}
#bahamutTop .sectionContens{
	width: 980px;
	position: relative;
}
#bahamutTop .bahamutLogo{
/*	display: block;
	padding: 0 0 0 0;
	position: absolute;
	top: 530px;
	background: url(/pc/image/game_intro/12007160/sec1_logo.png?v=20130122) no-repeat center bottom;
	height: 190px;
	width: 498px;
	left:500px;*/
}
.bahamutTopics{
	text-align: center;
	padding-top: 70px;
	position: relative;
}
.bahamutTopics .bahamutCM{
	height: 51px;
	background: url(/pc/image/game_intro/12007160/4th/sec1_movie_title.png?v=20121130) no-repeat right bottom;
	margin-bottom: 10px;
	padding-top: 0px;
}
.topMoviePlayLink{
	display: block;
	width: 453px;
	height: 268px;
	float: none;
	background: url(/pc/image/game_intro/12007160/4th/sprite_top_movielink.jpg?v=20130311);
	background-position: 0 -268px;
	margin: 0 auto 0 60px;
	float: right;
}
.topMoviePlayLink:hover{
	background-position: 0 0;
}
.topMoviePlayLink2{
	display: block;
	width: 453px;
	height: 268px;
	float: none;
	background: url(/pc/image/game_intro/12007160/4th/sprite_top_movielink2.jpg?v=20130311);
	background-position: 0 -268px;
	margin: 0 auto 0 60px;
	float: right;
}
.topMoviePlayLink2:hover{
	background-position: 0 0;
}
.incentive {
	background: url(/pc/image/game_intro/12007160/4th/sec1_incentive.png?v=20130311);
	height: 309px;
	width: 509px;
	float: right;
}
.logoAndQr{
	width: 471px;
	padding-top: 40px;
	float: right;
}
.catchCopy{
	background: url(/pc/image/game_intro/12007160/4th/sec1_copy.png?v=20121130) no-repeat center 76px;
}


/* cm movie
======================================================== */
#cmMovie{
	background: url(/pc/image/game_intro/12007160/3rd/sec2_bg.jpg?v=20121130) repeat-x center top;
}
#cmMovie .sectionContens{
	background: url(/pc/image/game_intro/12007160/4th/sec2_image.png?v=20121130) no-repeat 658px 20px;
	position: relative;
	padding-bottom: 160px;
}
#cmMovie2{
	background: url(/pc/image/game_intro/12007160/3rd/sec2b_bg.jpg?v=20121130) repeat-x center top;
}
#cmMovie2 .sectionContens{
	background: url(/pc/image/game_intro/12007160/3rd/sec2_image.png?v=20121130) no-repeat  658px 20px;
	position: relative;
	padding-bottom: 60px;
}
.cmMovieContent{
	width: 960px;
	margin: 0 auto;
}
#cmMovie iframe,
#cmMovie2 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);
	margin-bottom: 20px;
	z-index: 0;
}
.movieList li{
	float: left;
	text-align: center;
	width: 215px;
	background: url(/pc/image/game_intro/12007160/sec2_moviebg.png?v=20121130) no-repeat center bottom;	
	padding: 5px;
	margin-left: 15px;
}
.movieList li:first-child{
	margin-left: 0;
	padding-left: 0;
}
.newMovieList li{
	float: left;
	width: 456px;
	margin-left: 24px;
}
.newMovieList li:first-child{
	margin-left: 0;
	padding-left: 0;
}
.newMovieList li .movieInfo{
	width: 235px;
	float: right;
}
.newMoviePlayLink1{
	display: inline-block;
	width: 215px;
	height: 133px;
	background: url(/pc/image/game_intro/12007160/4th/sprite_new_movielink.png?v=20121130);
	background-position: 0 -133px;
}
.newMoviePlayLink1:hover{
	background-position: 0 0;
}
.newMoviePlayLink2_comming{
	display: inline-block;
	width: 215px;
	height: 133px;
	background: url(/pc/image/game_intro/12007160/4th/sprite_new_movielink2_c.png?v=20121205);
}
.newMoviePlayLink2{
	display: inline-block;
	width: 215px;
	height: 133px;
	background: url(/pc/image/game_intro/12007160/4th/sprite_new_movielink2.png?v=20121205);
	background-position: 0 -133px;
}
.newMoviePlayLink2:hover{
	background-position: 0 0;
}

.archiveLink{
	position: absolute;
	top:275px;
	left: 670px;
}
.archiveLink ul{
	padding-left: 10px;
	margin-top: 10px;
}
.moviePlayLink1{
	display: inline-block;
	width: 215px;
	height: 175px;
	background: url(/pc/image/game_intro/12007160/3rd/sprite_movielink1.png?v=20121130);
	background-position: 0 -175px;
}
.moviePlayLink1:hover{
	background-position: 0 0;
}
.moviePlayLink2{
	display: inline-block;
	width: 215px;
	height: 175px;
	background: url(/pc/image/game_intro/12007160/3rd/sprite_movielink2.png?v=20121205);
	background-position: 0 -175px;
}

.moviePlayLink2:hover{
	background-position: 0 0;
}

.moviePlayLink3{
	display: inline-block;
	width: 215px;
	height: 175px;
	background: url(/pc/image/game_intro/12007160/3rd/sprite_movielink3.png?v=20121130);
	background-position: 0 -175px;
}

.moviePlayLink3:hover{
	background-position: 0 0;
}

.moviePlayLink4{
	display: inline-block;
	width: 215px;
	height: 175px;
	background: url(/pc/image/game_intro/12007160/3rd/sprite_movielink4.png?v=20121130);
	background-position: 0 -175px;
}

.moviePlayLink4:hover{
	background-position: 0 0;
}

.moviePlayLink5{
	display: inline-block;
	width: 215px;
	height: 175px;
	background: url(/pc/image/game_intro/12007160/3rd/sprite_movielink5.png?v=20121130);
	background-position: 0 -175px;
}

.moviePlayLink5:hover{
	background-position: 0 0;
}

.moviePlayLink6{
	display: inline-block;
	width: 215px;
	height: 175px;
	background: url(/pc/image/game_intro/12007160/3rd/sprite_movielink6.png?v=20121130);
	background-position: 0 -175px;
}

.moviePlayLink6:hover{
	background-position: 0 0;
}

.moviePlayLink7{
	display: inline-block;
	width: 215px;
	height: 175px;
	background: url(/pc/image/game_intro/12007160/3rd/sprite_movielink7.png?v=20121130);
	background-position: 0 -175px;
}

.moviePlayLink7:hover{
	background-position: 0 0;
}

.moviePlayLink8{
	display: inline-block;
	width: 215px;
	height: 175px;
	background: url(/pc/image/game_intro/12007160/3rd/sprite_movielink8.png?v=20121130);
	background-position: 0 -175px;
}

.moviePlayLink8:hover{
	background-position: 0 0;
}

.movieText {
	display: block;
	text-align: left;
}
/* scriptで付与 */
#cmMovie .bglay_Right{
	background: url(/pc/image/game_intro/12007160/4th/sec2_bg2.png?v=20121130) no-repeat right bottom;
}
#cmMovie .bglay_Left{
	min-height: 740px;
	background: url(/pc/image/game_intro/12007160/3rd/sec2_bg1.png?v=20121130) no-repeat left bottom;	
	padding-top: 120px;
}
#cmMovie2 .bglay_Right{
	background: url(/pc/image/game_intro/12007160/4th/sec2b_bg2.png?v=20121130) no-repeat right top;	
}
#cmMovie2 .bglay_Left{
	min-height: 740px;
	background: url(/pc/image/game_intro/12007160/3rd/sec2b_bg1.png?v=20121130) no-repeat  left -5px;	
	padding-top: 120px;
}
/* aboutgame
======================================================== */
#aboutGame{
	text-align: center;
	height: 736px;
	background: url(/pc/image/game_intro/12007160/sec5_bg.jpg?v=20121130) repeat-x center top;
	padding-top: 130px;
}
.gameInfo li{
	display: inline-block;
	vertical-align: middle;
}
/* cardImageView */
.carou{
	clear: both;
	width: 98%;
	margin: 0 auto;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .caroufredsel_wrapper {
    	margin: 0 auto !important;
    }
}
.cardImageView{
	height: 180px;
	padding: 70px 0;
	margin-bottom: 70px;
}
.cardImageView ul{
	width: 90%;
	margin: 0 auto;
}
.cardImageView li{
	display:inline-block;
	width: 192px;
	padding: 20px;
}
.cardImageView li:first-child{
	padding-left: 0;
}
.cardImageView img{
	vertical-align: middle;
	position: relative;
	width: 192px;
	margin: 0 12px;
	-webkit-box-shadow: 0 0 20px 1px rgba(0,0,0,0.75);
	-moz-box-shadow:0 0 20px 1px rgba(0,0,0,0.75);
	box-shadow: 0 0 20px 1px rgba(0,0,0,0.75);
}
/* footer
======================================================== */
#footer {
	background-color: #fff;
}
/* wide screen and small screen
======================================================== */
@media screen and (max-width: 1200px) {
	#cmMovie .bglay_Right,
	#cmMovie .bglay_Left,
	#cmMovie2 .bglay_Right,
	#cmMovie2 .bglay_Left,
	#cast .bglay_Right,
	#cast .bglay_Left,
	#staff .bglay_Right,
	#staff .bglay_Left{
		background: none;
	}
}
@media screen and (max-width: 990px) {
/*	body{
		width: 1500px;
	}*/
	#bahamutTop{
		background-position: left bottom;
	}
	.catchCopy{
		background: url(/pc/image/game_intro/12007160/4th/sec1_copy_m.png?v=20121130) no-repeat center 76px;
	}
}
/* clear fix
======================================================== */
.clearfix,
.accessInfo:after,
#mobageHeader:after,
.movieList:after,
.newMovieList:after,
nav ul:after,
.castList:after {
	content: "";
	display: block;
	clear: both;
}
/* text hidden
======================================================== */
.catchcopy,
#mobageHeader p.logo a,
.bahamutTopics dl,
#bahamutTop h2,
.incentive,
.bahamutCM,
.staffName,
.toCmMovie,
.toCmMovie2,
.toCast,
.toStaff,
.toAboutGame,
small,
.topMoviePlayLink,
.topMoviePlayLink2,
.movieList li a,
.newMovieList li a,
.newMoviePlayLink2_comming,
.sectionTitle p,
.cardPresent,
.cardPresent02,
.cardPresent03,
.castList .name,
.castProfLink {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-indent: -9999px;
}


/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxContent{margin-top:32px; overflow:visible;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(/pc/image/game_intro/12007160/3rd/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; top:-22px; left:0; color:#000;}
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose{text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(/pc/image/game_intro/12007160/3rd/controls.png) no-repeat 0 0;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}