@charset "utf-8";

.op0{
    opacity: 0.0; /* Standard: Firefox 1.5, Opera, Safari */
    filter: alpha(opacity=0); /* IE 8 */
    -ms-filter: "alpha(opacity=0)"; /* IE 8 */
    -khtml-opacity: 0.0; /* Safari 1.x */
    -moz-opacity: 0.0; /* Firefox 1.5, Netscape */
}

.op1{
    opacity: 1.0; /* Standard: Firefox 1.5, Opera, Safari */
    filter: alpha(opacity=100); /* IE 8 */
    -ms-filter: "alpha(opacity=100)"; /* IE 8 */
    -khtml-opacity: 1.0; /* Safari 1.x */
    -moz-opacity: 1.0; /* Firefox 1.5, Netscape */
}

/*====== contents ======*/
#contents {
width: 960px;
/*height: 3965px;*/
margin: 0px auto;
}


/*p00***want**************************/

#p00{
    width: 960px;
    height: 432px;
    position: relative;
}
#p00title01{
    position: absolute;
    width: 960px;
    height: 432px;
    top:0px;
    left:0px;
    z-index: 1040;
}
#p00title03{
    position: absolute;
    width: 615px;
    height: 153px;
    top:155px;
    left:0px;
    z-index: 1050;
}
#p00chara{
    position: absolute;
    width: 350px;
    height: 368px;
    top:70px;
    left:610px;
    z-index: 1060;
}


/*p01***kanteishi**************************/

#p01{
    width: 960px;
    height: 896px;
    position: relative;
    text-align: left; /* ie7*/
}
#p01title01{
    position: absolute;
    width: 960px;
    height: 896px;
    margin:0 auto;
    z-index:2010;
}
#p01title02{
    position: absolute;
    width: 785px;
    height: 119px;
    top:155px;
    left:85px;
    z-index:2020;
}
#p01title03{
    position: absolute;
    width: 460px;
    height: 603px;
    top:305px;
    left:0px;
    z-index: 2030;
}
#p01title04{
    position: absolute;
    width: 460px;
    height: 603px;
    top:305px;
    right:0px;
    z-index: 2030;
}
#p01button_01{
    position: absolute;
    width: 239px;
    height: 56px;
    top:790px;
    left:98px;
    z-index: 2030;
}
#p01button_02{
    position: absolute;
    width: 239px;
    height: 56px;
    top:790px;
    right:98px;
    z-index: 2030;
}

/*p02**nervous**************************/

#p02{
    width: 960px;
    height: 532px;
    position: relative;
}

#p02title01{
    position: absolute;
    width: 960px;
    height: 502px;
    top:66px;
    left:2px;
    z-index:3020;
}
#p02title02{
    position: absolute;
    width: 197px;
    height: 192px;
    top:85px;
    right:50px;
    z-index:3030;
}
#p02title03{
    position: absolute;
    width: 228px;
    height: 230px;
    top:210px;
    left:105px;
    z-index:3040;
}
#p02title04{
    position: absolute;
    width: 245px;
    height: 240px;
    top:300px;
    left:305px;
    z-index:3050;
}
#p02title05{
    position: absolute;
    width: 248px;
    height: 247px;
    top:128px;
    right:245px;
    z-index:3060;
}

/*p03***support4**************************/

#p03{
    width: 960px;
    position: relative;
    text-align: left; /* ie7*/
}

#p03title01{
    width: 960px;
    height: 650px;
    top:25px;
    margin:0 auto;
    z-index:4030;
}
#p03title02{
    position: absolute;
    width: 785px;
    height: 127px;
    top:205px;
    left:138px;
    z-index:4040;
}
#p03title03{
    position: absolute;
    width: 785px;
    height: 169px;
    top:335px;
    left:138px;
    z-index:4050;
}
#p03title04{
    position: absolute;
    width: 785px;
    height: 199px;
    top:510px;
    left:138px;
    z-index:4060;
}
#p03title05{
    position: absolute;
    width: 785px;
    height: 171px;
    top:705px;
    left:138px;
    z-index:4070;
}

.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-30px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

/*p04***muryo_ticket**************************/

/*P04*************************/

#p04{
    width: 960px;
    height: 814px;
    position: relative;
    text-align: left; /* ie7*/
}

#p04title01{
    position: absolute;
    width: 960px;
    height: 846px;
    top:25px;
    margin:0 auto;
    z-index:4030;
}
#p04title02{
    position: absolute;
    width: 785px;
    height: 127px;
    top:205px;
    left:138px;
    z-index:4040;
}
#p04title03{
    position: absolute;
    width: 785px;
    height: 169px;
    top:335px;
    left:138px;
    z-index:4050;
}
#p04title04{
    position: absolute;
    width: 785px;
    height: 199px;
    top:510px;
    left:138px;
    z-index:4060;
}
#p04title05{
    position: absolute;
    width: 785px;
    height: 171px;
    top:705px;
    left:138px;
    z-index:4070;
}

.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-30px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}
/*p05***review**************************/

#p05{
    width: 960px;
    height: 896px;
    position: relative;
    text-align: left; /* ie7*/
}
#p05title01{
    position: absolute;
    width: 960px;
    height: 866px;
    top:35px;
    margin:0 auto;
    z-index:6000;
}
#p05title02{
    position: absolute;
    width: 435px;
    height: 700px;
    top:205px;
    left:0px;
    z-index: 6010;
}
#p05title03{
    position: absolute;
    width: 435px;
    height: 700px;
    top:205px;
    right:0px;
    z-index: 6010;
}




/*P06*************************/

#p06{
  width: 960px;
  height: 595px;
  text-align: left;
  padding-left: 20px;
}

#p06title01{
    position: absolute;
    width: 960px;
    height: 846px;
    top:25px;
    margin:0 auto;
    z-index:4030;
}
#p06title02{
    position: absolute;
    width: 785px;
    height: 127px;
    top:205px;
    left:138px;
    z-index:4040;
}
#p06title03{
    position: absolute;
    width: 785px;
    height: 169px;
    top:335px;
    left:138px;
    z-index:4050;
}
#p06title04{
    position: absolute;
    width: 785px;
    height: 199px;
    top:510px;
    left:138px;
    z-index:4060;
}
#p06title05{
    position: absolute;
    width: 785px;
    height: 171px;
    top:705px;
    left:138px;
    z-index:4070;
}

.fadeInDown {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeInDown;
 animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-30px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}