@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 共通 */
.sectionTitle{
	min-width: 960px;
	position: relative;
}
.sectionTitle h2{
	width: 960px;
	height: 87px;
	margin: 0 auto;
}
.sectionTitle p{
	width: 50%;
	height: 87px;
	background: url(/pc/image/game_intro/12007160/titlebg.png?v=20121130) repeat-x left bottom;
	position: absolute;
	top: 0;
	right: 0;
}
#cmMovie .sectionTitle p,
#cmMovie2 .sectionTitle p,
#staff .sectionTitle p{
	right: 0;
}
#cast .sectionTitle p,
#aboutGame .sectionTitle p{
	left: 0;
}
.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;
}

/* game Header --------------------------------------- */
#gameHeader{
	text-align: center;
	height: 93px;
 	background: url(/pc/image/game_intro/12007160/head_bg.png?v=20121130) repeat-x center top;
}
.gameHeaderContents{
	min-width: 990px;
	margin: 0 auto;
}
/* ヘッダー左 */
h1{
	float: left;
	width: 222px;
}
/* ヘッダー中 */
nav{
	display: inline-block;
}
nav ul{
	text-align: center;
	width: 518px;
	height: 74px;
	background: url(/pc/image/game_intro/12007160/3rd/nav_bg.png?v=20121130) repeat-x center top;
	padding-top: 10px;
	margin-top:10px;
}
nav li{
	display: inline;
}
.toCmMovie,
.toCmMovie2,
.toCast,
.toStaff,
.toAboutGame{
	display: block;
	float: left;
	background: url(/pc/image/game_intro/12007160/3rd/sprite_nav2.png?v=20121228);
}
.toCmMovie{
	width: 116px;
	height: 52px;
	background-position: -1px 0;
	margin: 0 4px 0 20px;
}
.toCmMovie:hover{
	background-position: -1px -52px;
}
.toCmMovie2{
	width: 116px;
	height: 52px;
	background-position: -125px 0;
	margin: 0 4px;
}
.toCmMovie2:hover{
	background-position: -125px -52px;
}
.toCast{
	width: 84px;
	height: 52px;
	background-position: -249px 0;
	margin: 0 4px;
}
.toCast:hover{
	background-position: -249px -52px;
}
.toStaff{
	width: 69px;
	height: 52px;
	background-position: -342px 0;
	margin: 0 4px;
}
.toStaff:hover{
	background-position: -342px -52px;
}
.toAboutGame{
	width: 61px;
	height: 52px;
	background-position: -417px 0;
	margin: 0 0 0 4px;
}
.toAboutGame:hover{
	background-position: -417px -52px;
}
/* ヘッダー右 */
.accessInfo{
	float: right;
	width: 240px;
	margin: 5px 0;
}
.accessInfo li{
	float: left;
}
/* top
======================================================== */
.bahamutTopContents {
	height: 740px;
}
#bahamutTop .sectionContens{
	width: 980px;
	position: relative;
}
#bahamutTop h2{
	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{
	float: right;
	width: 480px;
	text-align: center;
	padding-top: 210px;
	position: relative;
}
.bahamutTopics .txt {
	background: url(/pc/image/game_intro/12007160/3rd/sec1_text3.png?v=20130122) no-repeat center bottom;
	height: 72px;
	width: 356px;
	float:none;
	margin: 0 auto;
}
.bahamutTopics .bahamutCM{
	width: 186px;
	height: 66px;
	background: url(/pc/image/game_intro/12007160/3rd/sec1_text.png?v=20121130) no-repeat center bottom;
	padding-top: 0px;
	background: none;
}
.bahamutTopics .staffName{
	width: 186px;
	height: 64px;
	background: url(/pc/image/game_intro/12007160/3rd/sec1_text2.png?v=20121203) no-repeat center bottom;
	padding-top: 0px;
	background: none;
}

.topMoviePlayLink{
	display: block;
	width: 360px;
	height: 213px;
	float: none;
	background: url(/pc/image/game_intro/12007160/3rd/sprite_movielink0125.jpg?v=20130311);
	background-position: 0 -213px;
	margin: 0 auto;
}
.topMoviePlayLink:hover{
	background-position: 0 0;
}
.incentive {
	display: none;
}
.catchCopy{
	background: url(/pc/image/game_intro/12007160/3rd/sec1_catch.png?v=20121130) no-repeat 20px 155px;
	background-size: auto 450px;
}


/* 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/3rd/sec2_image.png?v=20121130) no-repeat 672px top;
	position: relative;
}
#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 672px top;
	position: relative;
}
.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;
}
.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/3rd/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: 130px;
}
#cmMovie2 .bglay_Right{
	background: url(/pc/image/game_intro/12007160/3rd/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 top;	
	padding-top: 130px;
}
/* cast
======================================================== */
#cast{
	padding: 0;
	background: url(/pc/image/game_intro/12007160/3rd/sec3_bg.jpg?v=20121130) repeat-x center top;
}
#cast .sectionContens{
}
.castList {
}
.castList .name {
	display: block;
}
.castList .desc {
	display: block;
	font-size: 130%;
}
li#castAsami {
	background: url(/pc/image/game_intro/12007160/3rd/sec3_asami_pic.png?v=20121130) no-repeat left top;
	padding-left: 610px;
	min-height: 354px;
	margin-bottom:10px;
}
li#castAsami .name {
	width: 280px;
	height: 67px;
	background: url(/pc/image/game_intro/12007160/3rd/sec3_asami_name.png?v=20121130) no-repeat center top;
}
li#castSaito {
	width: 465px;
	float: left;
}
li#castSaito .name {
	width: 244px;
	height: 55px;
	background: url(/pc/image/game_intro/12007160/3rd/sec3_saito_name.png?v=20121130) no-repeat center top;
}
li#castSaito .desc {
	display: block;
	background: url(/pc/image/game_intro/12007160/3rd/sec3_saito_pic.png?v=20121130) no-repeat left top;
	padding-top: 16px;
	padding-left: 284px;
	margin-top:-10px;
	min-height: 171px;
}
li#castRina {
	width: 465px;
	float: right;
}
li#castRina .name {
	width: 172px;
	height: 55px;
	background: url(/pc/image/game_intro/12007160/3rd/sec3_rina_name.png?v=20121130) no-repeat center top;
}
li#castRina .desc {
	display: block;
	background: url(/pc/image/game_intro/12007160/3rd/sec3_rina_pic.png?v=20121130) no-repeat left top;
	padding-top: 16px;
	padding-left: 284px;
	margin-top:-10px;
	min-height: 171px;
}
li#castMizuki {
	width: 465px;
	float: left;
}
li#castMizuki .name {
	width: 182px;
	height: 55px;
	background: url(/pc/image/game_intro/12007160/3rd/sec3_mizuki_name.png?v=20121130) no-repeat center top;
}
li#castMizuki .desc {
	display: block;
	background: url(/pc/image/game_intro/12007160/3rd/sec3_mizuki_pic1228.png?v=20121130) no-repeat left top;
	padding-top: 16px;
	padding-left: 284px;
	margin-top:-10px;
	min-height: 171px;
}
li#castTakeda {
	width: 465px;
	float: right;
}
li#castTakeda .name {
	width: 187px;
	height: 55px;
	background: url(/pc/image/game_intro/12007160/3rd/sec3_takeda_name.png?v=20121130) no-repeat center top;
}
li#castTakeda .desc {
	display: block;
	background: url(/pc/image/game_intro/12007160/3rd/sec3_takeda_pic1228.png?v=20121130) no-repeat left top;
	padding-top: 16px;
	padding-left: 284px;
	margin-top:-10px;
	min-height: 171px;
}
.castProfLink {
	display:block;
	width: 170px;
	height: 37px;
	margin-top: 5px;
	background: url(/pc/image/game_intro/12007160/3rd/sec3_button.png?v=20121130) no-repeat center top;
	background-position: 0px 0px;
}
.castProfLink:hover {
	background-position: 0px -37px;
}

.castDetailWrapper {
	display: none;
}
.castDetail {
	width: 500px;
	background-color: #ccc;
	color: #999;

}

/* scriptで付与 */
#cast .bglay_Right{
	background: url(/pc/image/game_intro/12007160/3rd/sec3_bg2.png?v=20121130) no-repeat right top;	
}
#cast .bglay_Left{
	min-height: 622px;
	background: url(/pc/image/game_intro/12007160/3rd/sec3_bg1.png?v=20121130) no-repeat left top;	
	padding-top: 130px;
}
/* staff
======================================================== */
#staff{
	background: url(/pc/image/game_intro/12007160/sec4_bg.jpg?v=20121130) repeat-x center top;
}
#staff .sectionContens{
	width: 960px;
	padding: 20px 0;
}
.staffKamiyama{
	float: left;
	width: 470px;
}
.staffKanno{
	float: right;
	width: 470px;
	margin-left: 20px;
}
.staffFuruta {
	float: left;
	width: 470px;
}
.staffAT {
	float: right;
	width: 470px;
	margin-left: 20px;
}
#staff dt{
	font-size: 140%;
	padding: 0 0 8px 8px;
	background: url(/pc/image/game_intro/12007160/3rd/sec4_bar.png?v=20121130) no-repeat left bottom;
}
#staff dd{
	min-height: 177px;
	padding: 10px 10px 10px 178px;
}
.staffKamiyama dd{
	background: url(/pc/image/game_intro/12007160/3rd/sec4_staff.png?v=20121130) no-repeat left top;
}
.staffKanno dd{
	background: url(/pc/image/game_intro/12007160/3rd/sec4_staff2.png?v=20121130) no-repeat left top;	
}
.staffFuruta dd{
	background: url(/pc/image/game_intro/12007160/3rd/sec4_staff3.png?v=20121130) no-repeat left top;	
}
.staffAT dd{
	background: url(/pc/image/game_intro/12007160/3rd/sec4_staff4.png?v=20121130) no-repeat left top;	
}
/* scriptで付与 */
#staff .bglay_Right{
	background: url(/pc/image/game_intro/12007160/3rd/sec4_bg2.png?v=20121130) no-repeat right top;	
}
#staff .bglay_Left{
	height: 673px;
	background: url(/pc/image/game_intro/12007160/3rd/sec4_bg1.png?v=20121130) no-repeat left top;	
	padding-top: 130px;
}
/* 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;
	}
}
/* clear fix
======================================================== */
.clearfix,
.accessInfo:after,
#mobageHeader:after,
.movieList: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,
.movieList li a,
.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;}