@charset "utf-8";

@import "../../../files/css/layout.css";

body {
	overflow-x: hidden;
}

/*-------------------------------------------------------------------------
	Title
/*-----------------------------------------------------------------------*/

#title {
  height: 350px;
	background: url(../img/title/bg.png) no-repeat center bottom,
              url(../img/title/bg_ptn.png) repeat-x center bottom;
  position: relative;
  z-index: 0;
}
	#title h1 {
    padding-top: 68px;
    text-align: center;
	}
    #title .deco01 {
      position: absolute;
      top: 0;
      left: -128px;
    }
    #title .deco02 {
      position: absolute;
      bottom: -165px;
      right: -188px;
    }
  #title .txt {
    padding-top: 35px;
    text-align: center;
  }
	#title #logo-3ds {
		position: absolute;
		top: 10px;
		right: 10px;
		z-index: 1;
	}


/*------------------------------------------------------------
  Contents
------------------------------------------------------------*/

#contents {
    background: url(../img/bg.png) center top;
    overflow: hidden;
}
  #contents .ability {
      width: 459px;
      position: relative;
  }
  #contents .ability > * {
    position: relative;
    z-index: 1;
  }
    #contents .ability .entry {
        height: 40px;
        width: 200px;
        padding-top: 10px;
        background-color: #dc1e1e;
        border-top-right-radius: 16px;
        border-top-left-radius: 16px;
        display: block;
        text-align: center;
        position: absolute;
        right: 10px;
    }
    #contents .ability h2 {
      padding-top: 9px;
      z-index: 3;
    }
    #contents .ability .box {
      width: 422px;
      margin: -42px 0 0 37px;
      padding: 9px;
      background-color: #000;
    }
      #contents .ability .box .thumbs {
        height: 242px;
        width: 404px;
        display: block;
      }
        #contents .ability .box .thumbs iframe {
          height: 100%;
        }
      #contents .ability .box .txt {
        padding: 21px 0 16px;
        text-align: center;
      }
    #contents .ability .deco {
      position: absolute;
      top: 0;
      left: 0; 
      z-index: 0;
    }

/*-----------  sec01  -----------*/

#contents #sec01 {
  margin: 100px 0 0 442px;
}
  #contents  #sec01 .deco {
    top: -264px;
    left: -660px;
  }

/*-----------  sec02  -----------*/

#contents #sec02 {
  margin: 52px 0 0 -16px;
}
  #contents  #sec02 .deco {
    top: 0px;
    left: 480px;
  }

/*-----------  sec03  -----------*/

#contents #sec03 {
  margin: 0 0 0 502px;
}
  #contents  #sec03 .box {
    position: relative;
    z-index: 0;
  }
  #contents  #sec03 .deco {
    top: -64px;
    left: -657px;
  }

/*-----------  sec04  -----------*/

#contents #sec04 {
  margin: 0 0 0 13px;
}
  #contents  #sec04 .deco {
    top: -36px;
    left: 467px;
  }

/*-----------  sec05  -----------*/

#contents #sec05 {
  margin: 30px 0 0 362px;
}
  #contents  #sec05 .deco {
    top: -207px;
    left: -580px;
  }

/*-----------  sec06  -----------*/

#contents #sec06 {
  margin: 46px 0 0 52px;
}
  #contents  #sec06 .deco {
    top: -290px;
    left: 440px;
  }

/*-----------  sec07  -----------*/

#contents #sec07 {
  margin: 14px 0 0 500px;
}
  #contents  #sec07 .deco {
    top: -84px;
    left: -713px;
  }

/*-----------  sec08  -----------*/

#contents #sec08 {
  margin: 44px 0 0 62px;
}
  #contents  #sec08 .deco {
    top: -24px;
    left: -282px;
  }

/*-----------  sec09  -----------*/

#contents #sec09 {
  margin: 108px 0 0 -17px;
}
  #contents  #sec09 .deco {
    top: 64px;
    left: -96px;
  }

/*-----------  sec10  -----------*/

#contents #sec10 {
  margin: -153px 0 0 480px;
}
  #contents  #sec10 .deco {
    top: 214px;
    left: -558px;
  }

/*-----------  sec11  -----------*/

#contents #sec11 {
  margin: 78px 0 0 70px;
}
  #contents  #sec11 .deco {
    top: -54px;
    left: -300px;
  }

/*-----------  sec12  -----------*/

#contents #sec12 {
  margin: 40px 0 0 0;
}
#contents #sec12.ability h2 {
    padding-top: 8px;
    z-index: 3;
}

/*-----------  sec13  -----------*/

#contents #sec13 {
  margin: 40px 0 60px 360px;
}
  #contents  #sec13 .deco {
    top: 115px;
    left: -458px;
  }


/*-------------------------------------------------------------------------
  No.1,No.15
/*-----------------------------------------------------------------------*/

#no1,#no15 {
  background: url(../img/no1/bg.png) center top;
}
    #no1 .ttl h2 {
      padding: 20px 0 0 12px;
      position: relative;
      z-index: 3
    } 
    #no1 .ttl .deco {
      position: absolute;
      top: -216px;
      left: -216px;
    }
    #no1 .ttl .bg {
      min-height: 250px;
      width: 100%;
      background: url(../img/no1/ttl/bg.png) no-repeat center top;
      background-size: cover;
      position: absolute;
    }
    #no1 .ttl .bg img{
      height: 100%;
      width: 100%;
    }

  #no1 .result {
    position: absolute;
    top: -4%;
    right: 15px;
    z-index: 4;
  }
  #no15 .deco04 {
    position: absolute;
    bottom: -86px;
    left: -198px;
  }

  #no15 .ttl h2 {
      padding: 66px 0 0 12px;
      position: relative;
      z-index: 3
    } 
    #no15 .ttl .deco {
      position: absolute;
      top: -216px;
      left: -216px;
    }
    #no15 .ttl .bg {
      min-height: 270px;
      width: 100%;
      background: url(../img/no15/ttl/bg.png) no-repeat center top;
      background-size: cover;
      position: absolute;
    }
    #no15 .ttl .bg img{
      height: 100%;
      width: 100%;
    }

  #no15 .result {
    position: absolute;
    top: 10%;
    left: 55px;
    z-index: 4;
  }

/*-----------  sec14  -----------*/

#contents #sec14 {
  margin: 60px 0 0 20px;
}
#contents #sec14.ability h2 {
    padding-top: 8px;
    z-index: 3;
}
  #contents  #sec14 .deco01 {
    position: absolute;
    top: 98px;
    left: -262px;
    z-index: 0;
  }
  #contents  #sec14 .deco02 {
    position: absolute;
    top: 46px;
    left: 432px;
  }
  #contents  #sec14.ability .box .txt2 {
    padding: 5px 0;
    text-align: center;
    position: relative;
  }
    #contents  #sec14.ability .box .txt2 a {
      margin: auto;
      display: inline-block;
      position: absolute;
      bottom: 12px;
      left: 104px;
    }

/*-----------  sec15  -----------*/

#contents #sec15 {
}
#contents #sec15.ability h2 {
    padding-top: 8px;
    z-index: 3;
}

.wrap_sleep {
  position: relative;
  height: 740px;
}
  #contents  #no15 .deco01 {
    position: absolute;
    top: -62px;
    left: -140px;
    z-index: 0;
  }
  #contents  #no15 .deco02 {
    position: absolute;
    top: 450px;
    right: -100px;
  }
  #contents  #no15 .deco03 {
    position: absolute;
    top: 210px;
    left: -15px;
    z-index: 1;
  }
  #contents  #sec15.ability {
    position: absolute;
    top: 60px;
    right: 20px;
  }
  #contents  #sec15.ability .box .txt2 {
    padding: 5px 0;
    text-align: center;
    position: relative;
  }
    #contents  #sec15.ability .box .txt2 a {
      margin: auto;
      display: inline-block;
      position: absolute;
      bottom: 12px;
      left: 104px;
    }


/*-------------------------------------------------------------------------
	You Tube
/*-----------------------------------------------------------------------*/

.buttonBar {
	display: none;
}