@charset "UTF-8";

#gloabal-header-top {
  padding: 20px 0;
  background: #E4007F; }
  #gloabal-header-top p {
    color: #fff;
    font-weight: bold;
    line-height: 100%;
    text-align: center;
	font-size:40px;
	font-size: 4.0rem;
	line-height:125%;
	margin-bottom:0px; }
	
/*----------------------------------------
	#global-header
----------------------------------------*/
#global-header1 {
  width: 100%;
  text-align: center;
  background: url(../images/back-global-header1.jpg) no-repeat center top; }

#global-header2 {
  width: 100%;
  text-align: center;
  background: url(../images/back-global-header2.jpg) no-repeat center top; }

#global-header3 {
  width: 100%;
  text-align: center;
  background: url(../images/back-global-header3.jpg) no-repeat center top; }

#global-header4 {
  width: 100%;
  text-align: center;
  background: url(../images/back-global-header4.jpg) no-repeat center top; }

#global-header5 {
  width: 100%;
  text-align: center;
  background: url(../images/back-global-header5.jpg) no-repeat center top; }

#global-header6 {
  width: 100%;
  text-align: center;
  background: url(../images/back-global-header6.jpg) no-repeat center top; }

#global-header7 {
  width: 100%;
  text-align: center;
  background: url(../images/back-global-header7.jpg) no-repeat center top; }

/*----------------------------------------
	#warning
----------------------------------------*/
#warning {
  padding: 50px 0 0;
  height: 770px;
  background: url(../images/back-warning.jpg) no-repeat center top; }
  #warning h2 {
    margin-bottom: 65px; }
  #warning .inner {
    margin: 0 auto;
    padding: 50px 50px 30px;
    width: 880px;
    background: rgba(0, 0, 0, 0.8); }
    
/*----------------------------------------
	#topMovie
----------------------------------------*/
#topMovie {
  padding: 50px 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.9); }
  #topMovie h2 {
    margin-bottom: 30px; }

/*----------------------------------------
	#recommend
----------------------------------------*/
#recommend, .voice {
  padding-top: 78px;
  width: 100%;
  text-align: center;
  background: url(../images/back-recommend.jpg) repeat-y center top fixed; }
  #recommend dl, .voice dl {
    margin: 0 auto;
    padding: 50px;
    width: 588px;
    text-align: left;
    background: rgba(0, 0, 0, 0.8); }
  #recommend dt, .voice dt {
    margin-bottom: 30px;
    padding-bottom: 30px;
    font-size: 70px;
    font-size: 7rem;
    color: #fff;
    font-weight: normal;
    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
    line-height: 120%;
    border-bottom: 1px solid #fff; }
  #recommend dd, .voice dd {
    margin-bottom: 50px;
    border-bottom: 1px dotted #fff; }
  #recommend p, .voice p {
    margin-bottom: 20px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    line-height: 160%; }
  #recommend .name, .voice .name {
    padding: 10px;
    font-size: 20px;
    font-size: 2rem;
    color: #333;
    display: inline-block;
    background: #fff; }

.voice dt {
  font-size: 40px;
  font-size: 4rem; }
.voice dd {
  margin-bottom: 40px; }

/*----------------------------------------
	#result
----------------------------------------*/
#result {
  padding: 30px 0 50px;
  background: url(../images/back-result.jpg) no-repeat center top fixed; }
  #result .heading1 {
    background: url(../images/back-heading-result1.png) no-repeat center 108px; }
  #result .heading2 {
    margin-bottom: 50px;
    padding: 55px 0 45px;
    background: url(../images/back-heading-result1.png) no-repeat center top; }
  #result .heading3 {
    margin-bottom: 50px;
    padding: 70px 0;
    background: url(../images/back-heading-result2.png) no-repeat center top; }
  #result li {
    margin-bottom: 30px; }

/*----------------------------------------
	#prologue
----------------------------------------*/
#prologue {
  background: url(../images/back-prologue.jpg) no-repeat center top fixed; }
  #prologue .inner {
    margin: 0 auto;
    width: 980px;
    text-align: left; }
  #prologue p {
    margin-bottom: 20px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    line-height: 160%; }

#prologue-daisuke {
  margin-bottom: 50px;
  padding: 80px;
  background: rgba(158, 0, 93, 0.9); }
  #prologue-daisuke .text {
    padding: 50px; }

#profile {
  margin-bottom: 50px;
  padding: 30px;
  border: 2px solid #fff; }
  #profile h3 {
    margin-bottom: 30px; }
  #profile p {
    font-size: 15px;
    font-size: 1.5rem; }

#voice-fxjin {
  width: 980px;
  height: 1250px;
  position: relative; }
  #voice-fxjin h3 {
    margin-bottom: 30px; }
  #voice-fxjin p {
    font-size: 15px;
    font-size: 1.5rem; }
  #voice-fxjin .text {
    padding: 30px;
    width: 650px;
    background: rgba(237, 27, 36, 0.9); }
  #voice-fxjin .image {
    position: absolute;
    z-index: 2;
    right: 0; }

#voice-staff {
  padding: 30px;
  background: rgba(57, 181, 74, 0.9); }
  #voice-staff dl {
    margin-bottom: 30px;
    padding: 50px;
    border: 2px solid #fff; }
  #voice-staff dt {
    font-size: 40px;
    font-size: 4rem;
    color: #fff;
    font-weight: bold;
    line-height: 160%; }
    #voice-staff dt span {
      font-size: 20px;
      font-size: 2rem; }
    #voice-staff dt img {
      margin: 0 0 20px;
      float: right; }
  #voice-staff p {
    font-size: 15px;
    font-size: 1.5rem; }

/*----------------------------------------
	#logic
----------------------------------------*/
#logic {
  background: url(../images/back-logic.png) no-repeat center top fixed; }
  #logic h2 {
    width: 100%;
    background: #fff;
    text-align: center; }
  #logic .inner {
    margin: 0 auto;
    padding: 50px;
    width: 700px;
    text-align: left;
    background: rgba(255, 255, 255, 0.97); }
  #logic p {
    margin-bottom: 20px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 160%; }

#logic2 h3 {
  padding: 100px 0;
  background: rgba(255, 255, 255, 0.9) url(../images/back-heading-logic2.png) no-repeat center center; }

#logic3 h3 {
  padding-top: 50px;
  background: rgba(255, 255, 255, 0.9); }

/*----------------------------------------
	#tool
----------------------------------------*/
#tool {
  text-align: left;
  background: url(../images/back-tool.jpg) no-repeat center top fixed; }
  #tool h2, #tool h3 {
    text-align: center; }
  #tool .text {
    margin: 0 auto;
    padding: 0 100px 80px;
    width: 780px;
    background: url(../images/back-tool-inner.png) repeat-y left top; }
  #tool p {
    margin-bottom: 20px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    line-height: 160%; }
  #tool dl {
    padding-bottom: 1px;
    margin: 0 auto;
    width: 980px;
    background: url(../images/back-tool-inner.png) repeat-y left top; }
  #tool dd {
    padding: 50px 50px 30px;
    margin: 50px auto;
    width: 700px;
    background: #fff; }
    #tool dd p {
      color: #333; }
  #tool li {
    color: #fff; }

#weak {
  padding: 50px 0 0;
  background: rgba(0, 0, 0, 0.8); }
  #weak .text {
    margin: 0 auto;
    width: 800px;
    text-align: left;
    background: none; }
  #weak p {
    margin-bottom: 20px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    line-height: 160%; }

#theory .text {
  padding-top: 50px; }

/*----------------------------------------
	#merit
----------------------------------------*/
#merit {
  padding-top: 50px;
  background: url(../images/back-merit.jpg) no-repeat center top fixed; }
  #merit dl {
    margin: 0 auto;
    width: 980px;
    text-align: left; }
  #merit dd {
    padding: 50px;
    background: rgba(0, 0, 153, 0.7); }
    #merit dd .inner {
      padding: 50px 50px 30px;
      background: #fff; }
    #merit dd p {
      margin-bottom: 20px;
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 160%; }

/*----------------------------------------
	#contentsList
----------------------------------------*/
#contentsList {
  padding-bottom: 1px;
  background: url(../images/back-contentsList.jpg) no-repeat center top fixed; }
  #contentsList h2 {
    margin-bottom: 50px;
    background: rgba(255, 255, 255, 0.9); }
  #contentsList h3 {
    background: url(../images/back-subheading-contentsList.png) no-repeat center center; }
  #contentsList .inner {
    margin: 0 auto;
    padding: 40px 70px 50px;
    width: 720px;
    text-align: left;
    background: rgba(255, 255, 255, 0.9); }
  #contentsList p {
    margin-bottom: 20px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 160%; }

.contentsList {
  margin-bottom: 80px; }

#contentsList1 dd {
  margin-bottom: 50px;
  padding: 10px 30px 30px;
  background: #ff0138; }
  #contentsList1 dd p {
    margin-bottom: 20px;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 160%; }
#contentsList1 .dd-inner {
  padding: 30px;
  background: #fff; }
#contentsList1 .summary ul {
  padding: 30px 30px 10px;
  background: #42210B; }
#contentsList1 .summary li {
  margin-bottom: 20px;
  padding: 2px 0 0 40px;
  font-size: 18px;
  font-size: 1.8rem;
  color: #fff;
  line-height: 140%;
  background: url(../images/icon-check-white.png) no-repeat left top; }

#contentsList4 .curriculum {
  background: #000 url(../images/back-contentsList4-curriculum.png) no-repeat left top; }
  #contentsList4 .curriculum dd {
    padding: 30px 50px 30px; }
  #contentsList4 .curriculum li {
    color: #fff; }

/*----------------------------------------
    #data
----------------------------------------*/
#data {
  padding: 20px 0;
  background: #fff; }
  #data h1 {
    text-align: left;
    margin-bottom: 10px; }

.forex-type {
  margin: 0 auto;
  width: 800px; }

.table {
  margin-bottom: 50px;
  overflow: hidden;
  border-left: 1px solid #333; }
  .table .table-l, .table .table-m, .table .table-r {
    width: 33.2%;
    float: left;
    overflow: hidden; }
  .table ul {
    text-align: center;
    float: left; }
  .table li {
    margin: 0;
    padding: 8px 0;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: normal;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
  .table .th {
    background: #333;
    color: #fff; }
  .table .start {
    width: 40%; }
    .table .start .th {
      border-right: 1px solid #fff; }
  .table .end {
    width: 40%; }
    .table .end .th {
      border-right: 1px solid #fff; }
  .table .benefit {
    width: 20%; }
    .table .benefit .th {
      border-right: 1px solid #fff; }
  .table .table-r .benefit .th {
    border-right: 1px solid #333; }

/*----------------------------------------
    #resultData
----------------------------------------*/
#resultData {
  margin: 0 auto 50px;
  width: 980px;
  height: 500px;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }
  #resultData iframe {
    margin: 0 auto;
    width: 980px;
    height: 500px;
    box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.99);
    -moz-box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.99);
    -webkit-box-shadow: 0px 0px 36px rgba(0, 0, 0, 0.99); }

/*----------------------------------------
    #bonus
----------------------------------------*/
#bonus {
  padding: 50px;
  background: url(../images/back-bonus.jpg) no-repeat center top fixed; }
  #bonus dl {
    margin: 0 auto;
    width: 800px;
    text-align: left; }
  #bonus dd {
    padding: 30px;
    background: url(../images/back-bonus-inner.jpg) repeat-y left top; }
  #bonus .text {
    padding: 50px 50px 30px;
    background: rgba(0, 0, 0, 0.8); }
  #bonus p {
    margin-bottom: 20px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    line-height: 160%; }
  #bonus li {
    color: #fff; }

/*----------------------------------------
    #price
----------------------------------------*/
#price {
  padding: 90px 0;
  background: url(../images/back-price.png) no-repeat center top fixed; }
  #price .inner {
    margin: 0 auto 90px;
    padding: 80px 80px 60px;
    width: 640px;
    text-align: left;
    background: rgba(255, 255, 255, 0.9); }
  #price h2 {
    margin-bottom: 80px; }
  #price p {
    margin-bottom: 20px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 160%; }

/*----------------------------------------
	.product
----------------------------------------*/
.product {
  padding-bottom: 50px;
  text-align: center;
  background: url(../images/back-contentsList.jpg) no-repeat center top fixed; }
  .product h2 {
    background: rgba(255, 255, 255, 0.9); }
  .product .product1 {
    background: url(../images/back-product1.png) no-repeat center top; }
  .product .product2 {
    margin-bottom: 50px;
    padding: 30px 0;
    background: rgba(0, 0, 0, 0.8); }

.btn-green {
  margin: 0 auto;
  padding: 40px 0;
  width: 680px; }
  .btn-green a {
    margin: 0 auto;
    padding: 20px;
    display: block;
    background-color: #1ca800;
    *zoom: 1;
    letter-spacing: -5px;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF1CA800', endColorstr='#FF0B8E14');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1ca800), color-stop(100%, #0b8e14));
    background-image: -moz-linear-gradient(top, #1ca800 0%, #0b8e14 100%);
    background-image: -webkit-linear-gradient(top, #1ca800 0%, #0b8e14 100%);
    background-image: linear-gradient(to bottom, #1ca800 0%, #0b8e14 100%);
    width: 90%;
    text-align: center;
    color: #FFF;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 60px;
    font-size: 6rem;
    box-shadow: 0 12px 0 #176802;
    line-height: 1.4;
    font-weight: 800;
    text-shadow: 0px 1px 0px #333;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    cursor: pointer; }
    .btn-green a:hover {
      box-shadow: none;
      transform: translate3d(0, 10px, 0); }

.btn-red {
  margin: 0 auto 30px;
  padding: 0;
  width: 680px; }
  .btn-red a {
    margin: 0 auto;
    padding: 10px 20px 20px;
    display: block;
    background-color: #ff3333;
    *zoom: 1;
    letter-spacing: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ffff3333', endColorstr='#ffc62c2c');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ff3333), color-stop(100%, #c62c2c));
    background-image: -moz-linear-gradient(top, #ff3333 0%, #c62c2c 100%);
    background-image: -webkit-linear-gradient(top, #ff3333 0%, #c62c2c 100%);
    background-image: linear-gradient(to bottom, #ff3333 0%, #c62c2c 100%);
    width: 90%;
    text-align: center;
    color: #FFF;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 40px;
    font-size: 4rem;
    box-shadow: 0 12px 0 #7f1c1c;
    line-height: 100%;
    font-weight: 800;
    text-shadow: 0px 1px 0px #333;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    cursor: pointer; }
    .btn-red a:hover {
      box-shadow: none;
      transform: translate3d(0, 10px, 0); }
    .btn-red a span {
      font-size: 23px;
      font-size: 2.3rem; }

.btn-blue {
  margin: 0 auto 30px;
  padding: 0;
  width: 680px; }
  .btn-blue a {
    margin: 0 auto;
    padding: 10px 20px 20px;
    display: block;
    background-color: #0000ff;
    *zoom: 1;
    letter-spacing: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#ff0000ff', endColorstr='#ff0000ce');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0000ff), color-stop(100%, #0000ce));
    background-image: -moz-linear-gradient(top, #0000ff 0%, #0000ce 100%);
    background-image: -webkit-linear-gradient(top, #0000ff 0%, #0000ce 100%);
    background-image: linear-gradient(to bottom, #0000ff 0%, #0000ce 100%);
    width: 90%;
    text-align: center;
    color: #FFF;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 40px;
    font-size: 4rem;
    box-shadow: 0 12px 0 #000070;
    line-height: 100%;
    font-weight: 800;
    text-shadow: 0px 1px 0px #333;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    cursor: pointer; }
    .btn-blue a:hover {
      box-shadow: none;
      transform: translate3d(0, 10px, 0); }
    .btn-blue a span {
      font-size: 23px;
      font-size: 2.3rem; }

.btn-green2 {
  margin: 0 auto 30px;
  padding: 0;
  width: 680px; }
  .btn-green2 a {
    margin: 0 auto;
    padding: 10px 20px 20px;
    display: block;
    background-color: #1ca800;
    *zoom: 1;
    letter-spacing: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF1CA800', endColorstr='#FF0B8E14');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1ca800), color-stop(100%, #0b8e14));
    background-image: -moz-linear-gradient(top, #1ca800 0%, #0b8e14 100%);
    background-image: -webkit-linear-gradient(top, #1ca800 0%, #0b8e14 100%);
    background-image: linear-gradient(to bottom, #1ca800 0%, #0b8e14 100%);
    width: 90%;
    text-align: center;
    color: #FFF;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 40px;
    font-size: 4rem;
    box-shadow: 0 12px 0 #176802;
    line-height: 100%;
    font-weight: 800;
    text-shadow: 0px 1px 0px #333;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    cursor: pointer; }
    .btn-green2 a:hover {
      box-shadow: none;
      transform: translate3d(0, 10px, 0); }
    .btn-green2 a span {
      font-size: 23px;
      font-size: 2.3rem; }

.attention {
  margin: 0 auto 50px;
  padding: 30px 30px 1px;
  width: 620px;
  text-align: left;
  background: #fff; }
  .attention dt {
    margin-bottom: 10px;
    padding: 5px;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    border-bottom: 1px dotted #333;
    border-left: 3px solid #900; }
  .attention dd {
    margin-bottom: 30px; }
  .attention p {
    margin-bottom: 10px;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 160%; }
  .attention .ifrm-container {
    width: 98%;
    height: 100px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    display: inline-block;
    border: solid 1px #bbb; }
    .attention .ifrm-container iframe {
      width: 100%;
      height: 100%;
      display: block;
      border: none; }

/*----------------------------------------
    #faq
----------------------------------------*/
#faq {
  padding: 300px 0 50px;
  background: url(../images/back-faq.jpg) no-repeat center top fixed; }
  #faq dl {
    margin: 0 auto;
    width: 700px;
    text-align: left; }
  #faq dt {
    padding: 30px 30px 30px 60px;
    font-size: 18px;
    font-size: 1.8rem;
    color: #fff;
    line-height: 160%;
    background: rgba(241, 90, 36, 0.95) url(../images/icon-question.png) no-repeat 30px 30px; }
  #faq dd {
    padding: 50px 50px 30px;
    background: rgba(255, 255, 255, 0.95);
    border: 3px solid #f15a24; }
    #faq dd p {
      margin-bottom: 20px;
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 160%; }

/*----------------------------------------
    #epilogue
----------------------------------------*/
#epilogue {
  background: url(../images/back-epilogue.jpg) no-repeat center top fixed; }
  #epilogue h2 {
    margin-bottom: 50px; }
  #epilogue .inner {
    margin: 0 auto;
    padding: 50px 0;
    width: 980px;
    text-align: left; }
  #epilogue .text {
    padding: 50px 50px 30px;
    width: 550px;
    background: rgba(0, 0, 0, 0.8); }
  #epilogue p {
    margin-bottom: 20px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    line-height: 160%; }

/*----------------------------------------
    #add
----------------------------------------*/
#add {
  background: url(../images/back-add.jpg) no-repeat center top fixed; }
  #add .outer {
    margin: 0 auto;
    padding: 50px 50px 1px;
    width: 700px;
    text-align: left;
    background: rgba(0, 0, 0, 0.8); }
  #add h2 {
    margin-bottom: 30px; }
  #add p {
    margin-bottom: 20px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    line-height: 160%; }
  #add li {
    color: #fff; }
  #add .inner {
    margin-bottom: 100px; }

/*----------------------------------------
    #topBonus
----------------------------------------*/
#bonus-top {
  padding: 50px 0;
  text-align: center;
  background: #fff; }

#topBonus201604 {
  background: url(../images/back-topBonus201604.jpg) no-repeat center top fixed; }
  #topBonus201604 h2 {
    margin-bottom: 30px; }
  #topBonus201604 dl {
    margin: 0 auto;
    width: 980px;
    background: rgba(92, 0, 0, 0.8); }
  #topBonus201604 dd {
    padding: 50px 70px;
    text-align: left; }
  #topBonus201604 p {
    margin-bottom: 20px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    line-height: 160%; }
