/**************************************************************************
CRバットマン
  GAME FLOW
**************************************************************************/
body,html {
  width: 100%;
  height: 100%;
}

a img {
  border: 0;
}

ul {
  list-style: none;
}

li, div, p, ul {
  margin: 0;
  padding: 0;
}

#gameflow {
  margin: 0 !important;
  padding: 0 !important;
  text-align: center;
  background-color: #000;
}

#cts-1 {
  margin: 0;
  padding: 0;
  min-width: 980px;
  background-image: url(../images/bg_1.jpg);
  background-repeat: no-repeat;
  background-position: top center;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-image: url(../../common/images/btn_bg.png);
  z-index: 999;
}

.header ul {
  margin: 0 auto;
  width: 980px;
  height: 90px;
  position: relative;
}

.header li {
  position: absolute;
}

.header .nav-1 {
  width: 323px;
  height: 90px;
  top: 0;
  left: 27px;
}

.header .nav-2 {
  width: 215px;
  height: 90px;
  top: 0;
  left: 385px;
}

.header .nav-3 {
  width: 216px;
  height: 90px;
  top: 0;
  left: 575px;
}

.header .nav-4 {
  width: 215px;
  height: 90px;
  top: 0;
  left: 765px;
}

#cts-1 .gameflow_text {
  padding-top: 90px;
}

.gameflow_text ul {
  margin: 0 auto;
  width: 980px;
  height: 776px;
  position: relative;
}

.gameflow_text li {
  position: absolute;
}

.gameflow_text .txt-1 {
  top: 84px;
  left: 35px;
}

.gameflow_text .txt-2 {
  top: 173px;
  left: 29px;
}

#cts-2 {
  margin: 0;
  padding: 0;
  min-width: 980px;
  background-image: url(../images/bg_2.jpg);
  background-repeat: no-repeat;
  background-position: top center;
}

#cts-2 .gameflow_text ul {
  height: 537px;
}

.gameflow_text .txt-3 {
  top: 21px;
  left: 34px;
}

.gameflow_text .txt-4 {
  top: 108px;
  left: 20px;
}

.gameflow_text .txt-5 {
  top: 270px;
  left: 20px;
}

.gameflow_text .txt-6 {
  top: 10px;
  left: 505px;
}

.gameflow_text .txt-7 {
  top: 73px;
  left: 524px;
}

.gameflow_text .btn-1 {
  top: 324px;
  left: 785px;
  z-index: 9;
}

#cts-3 {
  margin: 0;
  padding: 0;
  min-width: 980px;
  background-image: url(../images/bg_3.jpg);
  background-repeat: no-repeat;
  background-position: top center;
}

#cts-3 .gameflow_text ul {
  height: 892px;
}

.gameflow_text .txt-8 {
  top: 119px;
  left: 62px;
}

.gameflow_text .txt-9 {
  top: 119px;
  left: 484px;
}

.gameflow_text .txt-10 {
  top: 226px;
  left: 248px;
  z-index: 5;
}

.gameflow_text .txt-11 {
  top: 768px;
  left: 184px;
}

.gameflow_text .btn-2 {
  top: -48px;
  left: 785px;
  z-index: 9;
}

.footer {
  background-image: url(../../common/images/ftr_bg.png);
}

.footer ul {
  margin: 0 auto;
  width: 980px;
  height: 89px;
  position: relative;
}

.footer .facebook {
  position: absolute;
  top: 30px;
  left:641px;
}

.footer .twitter {
  position: absolute;
  top: 30px;
  left:726px;
}

.footer .ftr-1 {
  position: absolute;
  top: 19px;
  left: 802px;
}

.footer .ftr-2 {
  position: absolute;
  top: 24px;
  left: 753px;
}

.footer .ftr-3 {
  position: absolute;
  top: 21px;
  left: 852px;
}

.footer .ftr-4 {
  position: absolute;
  top: 60px;
  left: 456px;
}

/*
    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;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#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; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-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:url(../images/lightbox_bg.png);}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px;}
    #cboxTopRight{width:21px; height:21px;}
    #cboxBottomLeft{width:21px; height:21px;}
    #cboxBottomRight{width:21px; height:21px;}
    #cboxMiddleLeft{width:54px;}
    #cboxMiddleRight{width:54px;}
    #cboxTopCenter{height:21px;}
    #cboxBottomCenter{height:21px;}
    #cboxTitle, #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxCurrent {
      display: none !important;
    }
    #cboxContent{}
        .cboxIframe{}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom: 0;}
        #cboxLoadingOverlay{background:url(../images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
        #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        #cboxClose:active {outline:0;}
        #cboxClose{position:absolute; top:10px; right:-54px; background:url(../images/btn_close.png) no-repeat; width:44px; height:44px; text-indent:-9999px;}
        #cboxClose:hover{}


/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}