@charset "UTF-8";
/* common */
#container {
  background-color: #000;
  height: 729px;
}
#container .sectionContainer {
  width: 950px;
  margin: 0 auto;
  position: relative;
}
#container #gNav {
  background-image: url(/pc/image/game_intro/12008490/chain.png?v=20121012_02);
  background-repeat: no-repeat;
  background-position: top center;
  width: 136px;
  position: absolute;
  top: 0g;
  right: -20px;
  height: 344px;
  padding-top: 35px;
  z-index: 1;
}
#container #gNav li a {
  background-image: url(/pc/image/game_intro/12008490/common.png?v=20121012_02);
  background-repeat: no-repeat;
  width: 88px;
  height: 80px;
  display: block;
  text-indent: -9999px;
  position: absolute;
  right: 24px;
}
#container #gNav li a.active {
  right: 0;
}
#container #gNav li#gNav00 a {
  background-position: 0 0;
  width: 56px;
  height: 57px;
  margin-left: 42px;
  right: 38px;
  top: 40px;
}
#container #gNav li#gNav00 a:hover {
  background-position: -60px 0;
}
#container #gNav li#gNav00 a.active {
  background-position: 0 -391px;
  width: 108px;
  height: 106px;
  cursor: default;
  top: 16px;
  right: 11px;
}
#container #gNav li#gNav01 a {
  background-position: 0 -86px;
  top: 125px;
}
#container #gNav li#gNav01 a:hover {
  background-position: -90px -86px;
}
#container #gNav li#gNav01 a.active {
  background-position: 0 -506px;
  width: 136px;
  height: 128px;
  cursor: default;
  top: 100px;
}
#container #gNav li#gNav02 a {
  background-position: 0 -194px;
  top: 215px;
}
#container #gNav li#gNav02 a:hover {
  background-position: -90px -194px;
}
#container #gNav li#gNav02 a.active {
  background-position: 0 -634px;
  width: 136px;
  height: 128px;
  cursor: default;
  top: 195px;
}
#container #gNav li#gNav03 a {
  background-position: 0 -304px;
  top: 308px;
}
#container #gNav li#gNav03 a:hover {
  background-position: -90px -304px;
}
#container #gNav li#gNav03 a.active {
  background-position: 0 -764px;
  width: 136px;
  height: 128px;
  cursor: default;
  top: 290px;
}
#container .lineTop {
  background-image: url(/pc/image/game_intro/12008490/line.png?v=20121012_02);
  background-repeat: repeat-x;
  background-position: center top;
  width: 100%;
  height: 41px;
  position: absolute;
  top: 33px;
  z-index: 10;
}
#container .lineBottom {
  background-image: url(/pc/image/game_intro/12008490/line.png?v=20121012_02);
  background-repeat: repeat-x;
  background-position: center top;
  width: 100%;
  height: 41px;
  position: absolute;
  top: 760px;
  z-index: 10;
}
#copyright {
  color: #FFF;
  background-color: #000;
  width: 100%;
  text-align: center;
  padding-top: 25px;
  padding-bottom: 20px;
  letter-spacing: 0.1em;
  background-color:#000;
}

/* header */
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);
}
header #mobageHeader .logo {
  margin: 0;
  padding: 15px 0 9px 19px;
  float: left;
  
}
header #mobageHeader .toTop {
  margin: 0;
  padding: 19px 0 9px 19px;
  float: left;
}
header #mobageHeader p.logo a {
  display: block;
  width: 107px;
  height: 28px;
  background: url(/pc/image/common/sprite.png?v=20120824_01) -92px 0 no-repeat;
  text-indent: -9999px;
  
}
header #mobageHeader p.toTop a {
  padding: 0 0 0 10px;
  font-size: 0.75em;
  background: url(/pc/image/game_intro/12007160/arrow.png?v=20120824_01) 0 0 no-repeat;
  color: #999;
}
header .socialNav {
  float: right;
  margin: 15px;
}
header .socialNav li {
  display: inline;
  float: left;
}
header .socialTw {
  margin-right: -15px;
}
header .socialTw iframe {
  vertical-align: bottom;
}

/* popUp */
#popUp {
  width: 100%;
  position: absolute;
  z-index: 9;
  text-align: center;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
}
#popUp #popUpBg {
  height: 729px;
  background: #000;
  width: 100%;
  z-index: 9;
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
#popUp #popUpMain {
  width: 531px;
  margin: 0 auto;
}
#popUp #popUpMain p {
  background-image: url(/pc/image/game_intro/12008490/section00.png?v=20121012_02);
  background-position: 0 -748px;
  background-repeat: no-repeat;
  width: 531px;
  height: 396px;
  text-indent: -9999px;
  z-index: 1000;
  color: #FFF;
  position: absolute;
  top: 100px;
}
#popUp #popUpMain dl {
  position: absolute;
  color: #FFF;
  top: 500px;
  text-align: left;
  font-size: 120%;
  margin-left: 70px;
}
#popUp #popUpMain dd {
  margin-left: 3em;
  margin-top: -1.2em;
}

/* section00 */
#section00 {
  background-image: url(/pc/image/game_intro/12008490/section00_bg.jpg?v=20121012);
  background-position: center top;
  background-repeat: no-repeat;
  height: 694px;
  padding-top: 35px;
}
#section00 #title {
  margin-bottom: 230px;
}
#section00 h1 {
  background-image: url(/pc/image/game_intro/12008490/section00.png?v=20121012_02);
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 436px;
  height: 223px;
  text-indent: -9999px;
  float: left;
  margin-right: 10px;
}
#section00 h2 {
  background-image: url(/pc/image/game_intro/12008490/section00.png?v=20121012_02);
  background-position: 0 -228px;
  background-repeat: no-repeat;
  width: 405px;
  height: 117px;
  text-indent: -9999px;
  float: left;
  margin-top: 28px;
}
#section00 #topPageNav {
  margin-bottom: 40px;
  height: 90px;
}
#section00 #topPageNav li {
  width: 290px;
  float: left;
  margin-right: 30px;
}
#section00 #topPageNav li#tNav03 {
  margin-right: 0;
}
#section00 #topPageNav li a {
  background-image: url(/pc/image/game_intro/12008490/section00.png?v=20121012_02);
  background-repeat: no-repeat;
  width: 290px;
  height: 90px;
  display: block;
  text-indent: -9999px;
}
#section00 #topPageNav li#tNav01 a {
  background-position: 0 -356px;
}
#section00 #topPageNav li#tNav01 a:hover {
  background-position: -301px -356px;
}
#section00 #topPageNav li#tNav02 a {
  background-position: 0 -457px;
}
#section00 #topPageNav li#tNav02 a:hover {
  background-position: -301px -457px;
}
#section00 #topPageNav li#tNav03 a {
  background-position: 0 -557px;
}
#section00 #topPageNav li#tNav03 a:hover {
  background-position: -301px -557px;
}
#section00 #search p {
  background-image: url(/pc/image/game_intro/12008490/section00.png?v=20121012_02);
  background-repeat: no-repeat;
  background-position: 0 -670px;
  width: 505px;
  height: 62px;
  text-indent: -9999px;
  float: right;
  margin-right: 16px;
}

/* section01 */
#section01 {
  background-image: url(/pc/image/game_intro/12008490/section01_bg.jpg?v=20121012);
  background-position: center top;
  background-repeat: no-repeat;
  height: 694px;
  padding-top: 35px;
  display: none;
  background-color: #fff;
  font-family: "ヒラギノ明朝 Pro W3", serif;
}
#section01 h1 {
  background-image: url(/pc/image/game_intro/12008490/section01.png?v=20121012_02);
  background-position: 0 -945px;
  background-repeat: no-repeat;
  width: 218px;
  height: 93px;
  text-indent: -9999px;
}
#section01 #character {
  background-image: url(/pc/image/game_intro/12008490/section01.png?v=20121012_02);
  background-position: 0 -46px;
  background-repeat: no-repeat;
  width: 356px;
  height: 490px;
  position: absolute;
  top: 140px;
  color: #FFF;
  z-index: 12;
}
#section01 h2 {
  background-image: url(/pc/image/game_intro/12008490/section01.png?v=20121012_02);
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 212px;
  height: 29px;
  text-indent: -9999px;
  position: absolute;
  top: -16px;
  left: 75px;
}
#section01 dt {
  background-image: url(/pc/image/game_intro/12008490/section01.png?v=20121012_02);
  background-repeat: no-repeat;
  width: 158px;
  height: 170px;
  text-indent: -9999px;
  position: absolute;
}
#section01 dd {
  width: 148px;
  position: absolute;
  padding: 0 5px;
  font-weight: bold;
}
#section01 .chara01Photo {
  background-position: 0 -539px;
  top: 12px;
  left: 14px;
}
#section01 .chara02Photo {
  background-position: -174px -539px;
  top: 12px;
  left: 185px;
}
#section01 .chara03Photo {
  background-position: 0 -726px;
  top: 253px;
  left: 14px;
}
#section01 .chara04Photo {
  background-position: -174px -726px;
  top: 253px;
  left: 185px;
}
#section01 .chara01Txt {
  top: 186px;
  left: 14px;
}
#section01 .chara02Txt {
  top: 186px;
  left: 185px;
}
#section01 .chara03Txt {
  top: 419px;
  left: 14px;
}
#section01 .chara04Txt {
  top: 419px;
  left: 185px;
}
#section01 #yt {
  position: absolute;
  top: 55px;
  left: 290px;
}
#section01 #yt p {
  background-image: url(/pc/image/game_intro/12008490/section01.png?v=20121012_02);
  background-position: 0 -1154px;
  background-repeat: no-repeat;
  width: 338px;
  height: 92px;
  text-indent: -9999px;
  position: absolute;
  top: 475px;
  left: 90px;
}

#section01 #yt a#cm30 {
  background-image: url(/pc/image/game_intro/12008490/section01.png?v=20121012_02);
  background-position: 0 -1044px;
  background-repeat: no-repeat;
  width: 100px;
  height: 101px;
  text-indent: -9999px;
  position: absolute;
  top: 475px;
  left: 440px;
  display:block;
}

#section01 #yt a#cm30:hover {

  background-position: -106px -1044px;

}

#section01 .ytBg {
  width: 460px;
  background-color: #000;
  height: 275px;
  position: absolute;
  top: 190px;
  left: 88px;
}
#section01 iframe {
  position: absolute;
  top: 8px;
}
#section01 .fT {
  z-index: 11;
  position: absolute;
  top: 127px;
  left: 96px;
}
#section01 .fL {
  z-index: 11;
  position: absolute;
  left: -29px;
  top: 127px;
}
#section01 .fR {
  z-index: 11;
  position: absolute;
  left: 532px;
  top: 194px;
}
#section01 .fB {
  z-index: 11;
  position: absolute;
  top: 454px;
  left: 94px;
}

/* section02 */
#section02 {
  background-image: url(/pc/image/game_intro/12008490/section02_bg.jpg?v=20121012);
  background-position: center top;
  background-repeat: no-repeat;
  height: 694px;
  padding-top: 35px;
  display: none;
  font-family: "ヒラギノ明朝 Pro W3", serif;
  /*
  .fL {
  	z-index: 11;
  	position: absolute;
  	left: 42px;
  	top:190px;
  }
  
  .fR {
  	z-index: 11;
  	position: absolute;
  	left:531px;
  	top:190px;
  	
  }
  .fB {
  	z-index: 11;
  	position: absolute;
  	top:453px;
  	left: 143px
  	
  }
  */
}
#section02 h1 {
  background-image: url(/pc/image/game_intro/12008490/section02.png?v=20121012_02);
  background-position: 0 -910px;
  background-repeat: no-repeat;
  width: 272px;
  height: 160px;
  text-indent: -9999px;
  position: absolute;
  z-index: 12;
  top: -40px;
  left: 0;
  left: -35px;
}
#section02 #character {
  background-image: url(/pc/image/game_intro/12008490/section02.png?v=20121012_02);
  background-position: 0 -36px;
  background-repeat: no-repeat;
  width: 356px;
  height: 509px;
  position: absolute;
  top: 140px;
  left: 490px;
  color: #FFF;
  z-index: 12;
}
#section02 h2 {
  background-image: url(/pc/image/game_intro/12008490/section02.png?v=20121012_02);
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 212px;
  height: 29px;
  text-indent: -9999px;
  position: absolute;
  top: -16px;
  left: 75px;
}
#section02 dt {
  background-image: url(/pc/image/game_intro/12008490/section02.png?v=20121012_02);
  background-repeat: no-repeat;
  width: 158px;
  height: 170px;
  text-indent: -9999px;
  position: absolute;
}
#section02 dd {
  width: 148px;
  position: absolute;
  padding: 0 5px;
  font-weight: bold;
}
#section02 .chara01Photo {
  background-position: 0 -539px;
  top: 8px;
  left: 14px;
}
#section02 .chara02Photo {
  background-position: -174px -539px;
  top: 8px;
  left: 185px;
}
#section02 .chara03Photo {
  background-position: 0 -726px;
  top: 265px;
  left: 14px;
}
#section02 .chara04Photo {
  background-position: -174px -726px;
  top: 265px;
  left: 185px;
}
#section02 .chara01Txt {
  top: 182px;
  left: 14px;
}
#section02 .chara02Txt {
  top: 182px;
  left: 185px;
}
#section02 .chara03Txt {
  top: 431px;
  left: 14px;
}
#section02 .chara04Txt {
  top: 431px;
  left: 185px;
}
#section02 #yt {
  position: absolute;
  top: 55px;
  left: -80px;
}
#section02 #yt p {
  background-image: url(/pc/image/game_intro/12008490/section02.png?v=20121012_02);
  background-position: 0 -1070px;
  background-repeat: no-repeat;
  width: 467px;
  height: 84px;
  text-indent: -9999px;
  position: absolute;
  z-index: 15;
  left: 80px;
  top: 440px;


}
#section02 object,
#section02 .ytBg {
  width: 460px;
  background-color: #000;
  height: 270px;
  position: absolute;
  top: 188px;
  left: 88px;
}
#section02 iframe {
  position: absolute;
  top: 8px;
}
#section02 .fT {
  z-index: 11;
  position: absolute;
  top: 100px;
  z-index: 12;
}

/* section03 */
#section03 {
  background-image: url(/pc/image/game_intro/12008490/section03_bg.jpg?v=20121012);
  background-position: center top;
  background-repeat: no-repeat;
  height: 694px;
  padding-top: 35px;
  display: none;
  background-color: #fff;
  font-family: "ヒラギノ明朝 Pro W3", serif;
  /*
  .fL {
  	z-index: 11;
  	position: absolute;
  	left: 42px;
  	top:190px;
  }
  
  .fR {
  	z-index: 11;
  	position: absolute;
  	left:531px;
  	top:190px;
  	
  }
  .fB {
  	z-index: 11;
  	position: absolute;
  	top:453px;
  	left: 143px
  	
  }
  */
}
#section03 h1 {
  background-image: url(/pc/image/game_intro/12008490/section03.png?v=20121012_02);
  background-position: 0 0;
  background-repeat: no-repeat;
  width: 287px;
  height: 109px;
  text-indent: -9999px;
  position: absolute;
  z-index: 15;
  top: -15px;
  left: 0;
  left: -35px;
}
#section03 h2 {
  background-image: url(/pc/image/game_intro/12008490/section03.png?v=20121012_02);
  background-position: 0 -104px;
  background-repeat: no-repeat;
  width: 440px;
  height: 160px;
  text-indent: -9999px;
  position: absolute;
  top: 66px;
  left: -35px;
  z-index: 13;
}
#section03 #yt {
  position: absolute;
  top: -100px;
  left: -60px;
}

#section03 #yl {
  position: absolute;

}
#section03 iframe {
  position: absolute;



}
#section03 .fT {
  z-index: 11;
  position: absolute;
  top: 100px;
  z-index: 12;
}
#section03 .fL {
  z-index: 11;
  position: absolute;
  top: 507px;
  z-index: 12;
}

#section03 .fR {
  z-index: 11;
  position: absolute;
  top: 507px;
  left:395px;
  z-index: 12;
}

#section03 .fB {
  z-index: 11;
  position: absolute;
  top: 725px;
  left:67px;
  z-index: 12;
}

#section03 .ytBg {
  width: 376px;
  background-color: #000;
  height: 226px;
  position: absolute;
  top: 507px;
  left: 47px;

}
#section03 #card {
  background-image: url(/pc/image/game_intro/12008490/section03.png?v=20121012_02);
  background-position: 0 -312px;
  background-repeat: no-repeat;
  width: 389px;
  height: 168px;
  text-indent: -9999px;
  position: absolute;
  top: 26px;
  left: 450px;
  z-index: 13;
}

/* clearfix
------------------------------------------------------------*/
.cf:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  clear: both;
}

.cf {
  zoom: 1;
}

/* facebook */
.fb_iframe_widget span {
  overflow: hidden;
}


/*
    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/html/sg_gcc/img/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/html/sg_gcc/img/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;}

a { border:none; outline:none; }