body {
    margin: 0;
}

img {
    border: 0;
}

.w100 {
    width: 100%;
}

.w95 {
    width: 95%;
}

.w90 {
    width: 90%;
}

.w85 {
    width: 85%;
}

.w80 {
    width: 80%;
}

#wrapper {
    margin: 0px auto;
    padding-bottom: 40px;
    background: #fff;
}

#main_frame {
    width: 1280px;
    margin: 0px auto 40px;
    position: relative;
}

#main_frame img {
    display: block;
}

#main_frame .sky_web_main {
    background-image: url(./../img/skaper_web_main_bg.jpg);
    display: block;
    width: 290px;
    height: 180px;
    position: absolute;
    top: 218px;
    right: 318px;
}

#main_frame .sky_web_main img {
    position: absolute;
    top: 57px;
    right: 18px;
    width: 256px;
}

.sky_frame {
    position: relative;
    width: 1280px;
    height: 320px;
    margin: 0px auto;
    background-image: url(./../img/pc_sky_back.jpg);
}

.sky_text {
    text-align: center;
    padding-top: 90px;
}

.sky_left {
    position: absolute;
    top: 135px;
    left: 50px;
    z-index: 1;
}

.sky_right {
    position: absolute;
    top: 135px;
    right: 50px;
    z-index: 1;
}

.sky_image {
    display: inline-block;
    width: 580px;
    height: 160px;
}

.sky_left:hover img, #main_frame .sky_web_main:hover {
    opacity: 0.66;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}

.white_cover {
    display: block;
    position: absolute;
    top: 135px;
    left: 50px;
    z-index: 0;
}

.white_image {
    display: inline-block;
    width: 580px;
    height: 160px;
}

#live_frame {
    width: 1278px;
    border: solid 1px;
    border-color: #b3b3b3;
    padding: 30px 0px 0px 0px;
    margin: 30px 0px;
}

.live_image {
    text-align: center;
    padding: 0px 29px;
    margin: 0px 0px 30px 0px;
}

.live_image img {
    display: block;
}

.live_image_mixed_1 {
    position: relative;
    text-align: center;
    padding: 0px 0px 762px 0px;
    margin: 0px;
}

.live_image_mixed_top_1 {
    width: 1220px;
    position: absolute;
    padding: 0px;
    margin: 0px;
}

.live_image_mixed_top_1 img {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.info_frame {
    text-align: center;
    width: 1280px;
    padding: 0px 0px 0px 0px;
    margin: 30px 0px;
}

.info_image {
    padding: 0px 30px;
    margin: 0px 0px 30px 0px;
}

.info_image img {
    display: block;
}

.info_text {
    text-align: center;
}

area{
  border:none;
  outline:none;
}

#main_frame .youtube {
    position: absolute;
    top: 57px;
    right: 350px;
    display: block;
    text-align: center;
}

/*=====footer[s]=====*/
.foot_info {
  width: 100%;
  margin: 0;
  background: #fff; }

.foot_info .info_midashi--ch1 {
  width: 100%;
  margin: 0;
  background: #fff;
  color: #f0027f; }

.foot_info .info_midashi--ch2 {
  width: 100%;
  margin: 0;
  background: #fff;
  color: #00a0c6; }

.foot_info .foot_info-box {
  min-width: 970px;
  max-width: 1280px;
  margin: 20px auto;
  border-bottom: 1px solid #ccc;
  padding: 10px 0px 30px; }

.foot_info .foot_info-box p {
  margin: 10px auto 0;
  line-height: 25px; }

body{margin:0;}
#rotating-section{ 
                position:relative;
                background:#1CB0EC  top center no-repeat fixed;
                height:600px;
                overflow:hidden;
                }
.rect1,.rect2,.rect3,.rect4{
        position:absolute;
        width:100px;
        height:100px;
        bottom:-150px;
        background:#fff;
        -webkit-animation: mymove2 4s linear infinite;
}

.rect1{left:50%;}
.rect2{left:10%;-webkit-animation-delay:0.3s;}
.rect3{left:25%;-webkit-animation-delay:2s;}
.rect4{left:85%;-webkit-animation-delay:1s;}


.rect5,.rect6,.rect7,.rect8{
        position:absolute;
        width:50px;
        height:50px;
        background:#fff;
        bottom:-150px;
        -webkit-animation: mymove2 4s linear infinite;  
}

.rect5{left:0%;}
.rect6{left:15%;-webkit-animation-delay:2.2s;}
.rect7{left:45%;-webkit-animation-delay:0.8s;}
.rect8{left:77%;-webkit-animation-delay:1.4s;}


.rect9,.rect10{
        position:absolute;
        width:300px;
        height:300px;
        background:#fff;
        bottom:-250px;
        border-radius:50%;
        -webkit-animation: mymove3 5s linear infinite;  
}

.rect9{left:3%;}
.rect10{left:95%;-webkit-animation-delay:0s;}

.rect13,.rect14{
        position:absolute;
        width:0px;
        height:0px;
        border:solid 40px transparent;
        border-bottom:solid 40px #fff;
        bottom:-150px;
        -webkit-animation: mymove4 4s linear infinite;
}


.rect13{left:45%;border-bottom:solid 65px #fff;-webkit-animation-delay:0.6s;}
.rect14{left:72%;border-bottom:solid 120px #fff;-webkit-animation:mymove5 6s liner infinte;-webkit-animation-delay:1s;}


.rect11,.rect12{
        position:absolute;
        width:0px;
        height:0px;
        border:solid 40px transparent;
        border-bottom:solid 40px #fff;
        bottom:-150px;
        -webkit-animation: mymove5 4s linear infinite;
}

.rect11{left:30%;}
.rect12{left:65%;border-bottom:solid 60px #fff;-webkit-animation-delay:1.3s;}

.rect15{
        position:absolute;
        width:300px;
        height:300px;
        background:#fff;
        bottom:-400px;
        -webkit-animation: mymove3 6s linear infinite;
}

.rect15{left:55%;}


.rect17{
        position:absolute;
        width:150px;
        height:150px;
        background:#fff;
        bottom:-400px;
    }

@-webkit-keyframes mymove2{
    
    0%{ transform:rortate(0deg);opacity:1;}
    100%{transform:rotate(540deg);opacity:0;bottom:340px;}
    }

@-webkit-keyframes mymove3{
    
    0%{ transform:rortate(0deg);opacity:1;}
    100%{transform:rotate(720deg);opacity:0;bottom:540px;}
    }

@-webkit-keyframes mymove4{ 
    0%{ transform:rortate(0deg);opacity:1;}
    100%{transform:rotate(720deg);opacity:0;bottom:540px;}
    }

@-webkit-keyframes mymove5{ 
    0%{ opacity:1;}
    100%{opacity:0;bottom:540px;}
    }