@charset "utf-8";
html {
  /* body end */

}
html body {
  background: url("../images/00.png");
  /* #wrapper / div end */

}
html body strong {
  font-weight: bold;
}
html body em {
  text-decoration: underline;
  font-style: normal;
}
html body del {
  text-decoration: line-through;
}
html body .red {
  color: #f00;
}
html body .yellow {
  background: #ff0;
}
html body .back-yellow {
  background: #fffde5;
}
html body .contents {
  width: 900px;
  margin: 0 auto;
}
html body .clearfix:after {
  content: "";
  display: block;
  clear: both;
}
html body a:hover img {
  opacity: 0.6;
}
html body a:hover .imgover {
  opacity: 1;
}
html body input[type="image"]:hover {
  opacity: 0.6;
}
html body #wrapper {
  /* #header */

  /* #main */

  /* #footer */

}
html body #wrapper #top-ppc {
  border-top: 3px solid #00458f;
  border-bottom: 2px solid #00458f;
}
html body #wrapper #top-ppc .contents {
  width: 820px;
  padding: 10px 0 0 0;
}
html body #wrapper #top-ppc .contents .catch {
  font-size: 12px;
  font-weight: bold;
}
html body #wrapper #top-ppc .contents .clearfix {
  line-height: 88px;
}
html body #wrapper #top-ppc .contents .clearfix img {
  vertical-align: middle;
}
html body #wrapper #top-ppc .contents .clearfix .logo {
  float: left;
}
html body #wrapper #top-ppc .contents .clearfix .inquiry {
  float: right;
}
html body #wrapper #header {
  background: url("../images/01.png") no-repeat center top;
  height: 528px;
  /* .contents */

}
html body #wrapper #header .contents {
  padding: 10px 0 0 0;
  /* #i3 */

}
html body #wrapper #header .contents #i3 {
  margin: 0 0 0 -20px;
}
html body #wrapper #belt {
  margin-top: -55px;
  height: 91px;
  background: url("../images/03_1.png") no-repeat center top;
}
html body #wrapper #main {
  /* .contents */

}
html body #wrapper #main .contents {
  border-left: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  padding: 1px 0;
  /* #i6 */

  /* #i8 */

  /* #i17 */

  /* #i22 */

  /* #i23 */

  /* #i24 */

  /* #i25 */

  /* #i26 */

  /* #i27 */

  /* #i28 */

  /* #i29 */

  /* #i44 */

  /* #i45 */

  /* #i46 */

  /* #i47 */

  /* #i48 */

  /* #i49 */

  /* #i50 */

  /* #i51 */

  /* #i52 */

  /* #i53 */

  /* #i56 */

  /* #roleplays */

  /* #i90 */

  /* #i91 */

  /* #i92 */

  /* #i94 */

  /* #i95 */

  /* #i96 */

  /* #i97 */

  /* #i98 */

  /* #i99 */

  /* #i100 */

  /* #i101 */

  /* #i104 */

  /* #i107 */

  /* .back-yellow */

  /* #i128 */

  /* #voices */

  /* #sub-voices */

  /* #i245 */

  /* #i246 */

  /* #i247 */

  /* #i248 */

  /* #i249 */

  /* #i250 */

  /* #i251 */

  /* #i252 */

  /* #i253 */

  /* #i254 */

  /* #i255 */

  /* #i256 */

  /* #i265 */

  /* #i266 */

  /* #benefits */

  /* #i292 */

  /* #i301 */

  /* #recommends */

  /* #i362 */

  /* #i363 */

  /* #i364 */

  /* #i365 */

  /* #i369 */

  /* #i370 */

  /* #faq */

  /* #i416 */

  /* #i417 */

  /* #i418 */

  /* #i419 */

  /* #i423 */

  /* #i424 */

}
html body #wrapper #main .contents p {
  font-size: 16px;
  line-height: 28px;
  margin: 0 100px 26px 110px;
}
html body #wrapper #main .contents #i6 {
  margin: -1px 0 0 0;
  text-align: center;
}
html body #wrapper #main .contents #i8 {
  margin: 0 0 97px 0;
  text-align: center;
}
html body #wrapper #main .contents #i7 {
  position: relative;
  margin: 0 0 48px 0;
  /* #i9 */

  /* #i10 */

  /* #i11 */

  /* #i12 */

  /* #i13 */

  /* #i14 */

  /* #i15 */

  /* #i16 */

}
html body #wrapper #main .contents #i7 #i9 {
  position: absolute;
  left: 120px;
  top: -80px;
  margin: 0;
}
html body #wrapper #main .contents #i7 #i10 {
  padding: 100px 0 0 0;
  margin: 0 0 25px 0;
  text-align: center;
}
html body #wrapper #main .contents #i7 #i11 {
  margin: 0 0 0 0;
  text-align: center;
}
html body #wrapper #main .contents #i7 #i12 {
  margin: -10px 0 0 0;
  text-align: center;
}
html body #wrapper #main .contents #i7 #i13 {
  margin: 0 0 30px 0;
  text-align: center;
}
html body #wrapper #main .contents #i7 #i14 {
  margin: 0 0 35px 0;
  text-align: center;
}
html body #wrapper #main .contents #i7 #i15 {
  margin: 0 0 25px 0;
  text-align: center;
}
html body #wrapper #main .contents #i7 #i16 {
  margin: 0;
  text-align: center;
  padding: 0 0 25px 0;
}
html body #wrapper #main .contents #i17 {
  background: url("../images/11.png") no-repeat center 65px;
  position: relative;
  margin: 0 0 20px 0;
  /* #i18 */

  /* #i19 */

  /* #i20 */

  /* #i21 */

}
html body #wrapper #main .contents #i17 #i18 {
  position: absolute;
  left: 15px;
  top: -25px;
  margin: 0;
}
html body #wrapper #main .contents #i17 #i19 {
  margin: 0 0 25px 0;
  text-align: center;
}
html body #wrapper #main .contents #i17 #i20 {
  margin: 0 0 30px 0;
  text-align: center;
}
html body #wrapper #main .contents #i17 #i21 {
  margin: 0 -50px 0 0;
  text-align: center;
}
html body #wrapper #main .contents #i22 {
  margin: 0;
  text-align: center;
}
html body #wrapper #main .contents #i30 {
  padding: 0 0 5px 0;
  margin: 0 0 15px 0;
  /* #i31 */

  /* #i32 */

  /* #i33 */

  /* #i36 */

  /* #i37 */

  /* #i40 */

  /* #i41 */

}
html body #wrapper #main .contents #i30 #i31 {
  margin: 0 0 16px 0;
  text-align: center;
}
html body #wrapper #main .contents #i30 #i32 {
  margin: 0 0 -20px 0;
  text-align: center;
}
html body #wrapper #main .contents #i30 p {
  margin: 0 350px 26px 110px;
}
html body #wrapper #main .contents #i30 #i33 {
  padding: 20px 0 0 0;
  background: url("../images/18.png") no-repeat 575px top;
  /* #i34 */

  /* #i35 */

}
html body #wrapper #main .contents #i30 #i36 {
  margin: 0 0 -20px 0;
  text-align: center;
}
html body #wrapper #main .contents #i30 #i37 {
  padding: 20px 0 0 0;
  background: url("../images/20.png") no-repeat 575px top;
  /* #i38 */

  /* #i39 */

}
html body #wrapper #main .contents #i30 #i40 {
  margin: 0 0 -20px 0;
  text-align: center;
}
html body #wrapper #main .contents #i30 #i41 {
  padding: 20px 0 0 0;
  background: url("../images/22.png") no-repeat 575px top;
  /* #i42 */

  /* #i43 */

}
html body #wrapper #main .contents #i44 {
  margin: 0;
  text-align: center;
}
html body #wrapper #main .contents #i50 {
  margin: 0 0 -5px 0;
  text-align: center;
}
html body #wrapper #main .contents #i51 {
  margin: 0 0 20px 0;
  text-align: center;
}
html body #wrapper #main .contents #i52 {
  margin: 0 0 20px 0;
  text-align: center;
}
html body #wrapper #main .contents #i53 {
  background: url("../images/27.png") no-repeat 575px top;
  min-height: 221px;
}
html body #wrapper #main .contents #i53 p {
  margin: 0 340px 26px 110px;
}
html body #wrapper #main .contents #i56 {
  background: url("../images/29.png") no-repeat center top;
  min-height: 501px;
  margin: 0 0 18px 0;
  position: relative;
  /* #i57 */

  /* #i58 */

}
html body #wrapper #main .contents #i56 #i57 {
  position: absolute;
  left: 70px;
  top: -40px;
  margin: 0;
}
html body #wrapper #main .contents #i56 #i58 {
  margin: 0;
  padding: 50px 0 0 0;
  text-align: center;
}
html body #wrapper #main .contents #roleplays {
  width: 751px;
  margin: 0 auto 18px auto;
  background: #fef0e3;
  /* #i60 */

  /* .roleplay */

}
html body #wrapper #main .contents #roleplays #i60 {
  margin: 0 0 0 0;
}
html body #wrapper #main .contents #roleplays .roleplay {
  padding: 30px 0 30px 0;
}
html body #wrapper #main .contents #roleplays .roleplay .caption {
  margin: -20px 0 0 30px;
  float: left;
}
html body #wrapper #main .contents #roleplays .roleplay .img {
  float: right;
  margin: 0 30px 0 0;
}
html body #wrapper #main .contents #roleplays .roleplay p {
  margin: 0 340px 0 30px;
}
html body #wrapper #main .contents #roleplays .roleplay:nth-child(odd) {
  background: #fffef5;
}
html body #wrapper #main .contents #roleplays .roleplay:nth-child(odd) .caption {
  margin: -20px 25px 0 0;
  float: right;
}
html body #wrapper #main .contents #roleplays .roleplay:nth-child(odd) .img {
  float: left;
  margin: 0 0 0 30px;
}
html body #wrapper #main .contents #roleplays .roleplay:nth-child(odd) p {
  margin: 0 25px 0 345px;
}
html body #wrapper #main .contents #i91 {
  margin: 0 0 10px 0;
  text-align: center;
}
html body #wrapper #main .contents #i92 {
  background: url("../images/44.png") no-repeat 550px top;
  min-height: 184px;
}
html body #wrapper #main .contents #i92 p {
  margin: 0 345px 26px 110px;
}
html body #wrapper #main .contents #i94 {
  margin: -20px 0 10px 0;
  text-align: center;
}
html body #wrapper #main .contents #i95 {
  margin: 0 0 10px 0;
  text-align: center;
}
html body #wrapper #main .contents #i100 {
  margin: 0 0 10px 0;
  text-align: center;
}
html body #wrapper #main .contents #i101 {
  background: url("../images/48.png") no-repeat 570px 0;
  min-height: 224px;
}
html body #wrapper #main .contents #i101 p {
  margin: 0 345px 26px 110px;
}
html body #wrapper #main .contents #i104 {
  background: url("../images/50.png") no-repeat center top;
  min-height: 501px;
  margin: 0 0 15px 0;
  position: relative;
  /* #i105 */

  /* #i106 */

}
html body #wrapper #main .contents #i104 #i105 {
  position: absolute;
  left: 70px;
  top: -35px;
  margin: 0;
}
html body #wrapper #main .contents #i104 #i106 {
  margin: 0;
  padding: 50px 0 0 0;
  text-align: center;
}
html body #wrapper #main .contents #i107 {
  margin: 0 0 140px 0;
  text-align: center;
}
html body #wrapper #main .contents #i108 {
  padding: 1px 0;
  margin: 0 0 16px 0;
  /* #i109 */

  /* #i110 */

  /* #i111 */

  /* #i112 */

  /* #i113 */

  /* #i114 */

  /* #i115 */

  /* #i116 */

  /* #i117 */

  /* #i118 */

  /* #i119 */

  /* #i120 */

  /* #i121 */

  /* #i122 */

  /* #i123 */

  /* #i124 */

  /* #i125 */

  /* #i126 */

  /* #i127 */

}
html body #wrapper #main .contents #i108 #i109 {
  margin: -110px 0 0 0;
  text-align: center;
}
html body #wrapper #main .contents #i108 #i110 {
  margin-bottom: 0;
}
html body #wrapper #main .contents #i108 #i112 {
  margin-bottom: 0;
}
html body #wrapper #main .contents #i108 #i114 {
  margin-bottom: 0;
}
html body #wrapper #main .contents #i108 #i116 {
  margin-bottom: 0;
}
html body #wrapper #main .contents #i108 #i118 {
  margin-bottom: 0;
}
html body #wrapper #main .contents #i108 #i120 {
  margin-bottom: 0;
}
html body #wrapper #main .contents #i108 #i122 {
  margin-bottom: 0;
}
html body #wrapper #main .contents #i108 #i124 {
  margin-bottom: 0;
}
html body #wrapper #main .contents #i108 #i126 {
  margin-bottom: 0;
}
html body #wrapper #main .contents #i128 {
  margin: 0;
  text-align: center;
}
html body #wrapper #main .contents #voices {
  margin: 0 0 26px 0;
  /* .voice */

}
html body #wrapper #main .contents #voices .voice:before {
  content: "";
  display: block;
  width: 754px;
  height: 7px;
  background: url("../images/96.png") no-repeat #ffffff;
}
html body #wrapper #main .contents #voices .voice:after {
  content: "";
  display: block;
  width: 754px;
  height: 6px;
  background: url("../images/98.png") no-repeat #ffffff;
}
html body #wrapper #main .contents #voices .voice {
  margin: 0 auto 10px auto;
  width: 754px;
  background: url("../images/97.png") no-repeat center center;
  padding: 0;
}
html body #wrapper #main .contents #voices .voice .photo {
  float: left;
  margin: 20px 0 0 18px;
}
html body #wrapper #main .contents #voices .voice .caption {
  margin: 16px 0 0 190px;
}
html body #wrapper #main .contents #voices .voice p {
  margin: 0 35px 26px 190px;
}
html body #wrapper #main .contents #sub-voices {
  background: #f7f5f6;
  border: 2px solid #353535;
  margin: 0 70px 10px 75px;
  height: 270px;
  overflow-y: scroll;
  /* .voice */

}
html body #wrapper #main .contents #sub-voices .voice {
  margin: 0 20px 0 10px;
  padding: 15px 0 15px 50px;
  background: url("../../140827/images/79.png") no-repeat 0 15px;
}
html body #wrapper #main .contents #sub-voices .voice p {
  font-size: 15px;
  line-height: 26px;
  margin: 0 0 12px 0;
}
html body #wrapper #main .contents #sub-voices .voice + .voice {
  border-top: 1px dashed #353535;
}
html body #wrapper #main .contents #i245 {
  margin: 0 0 40px 0;
  text-align: center;
}
html body #wrapper #main .contents #i246 {
  margin: 0;
  text-align: center;
}
html body #wrapper #main .contents #i247 {
  margin: 0 0 40px 0;
  text-align: center;
}
html body #wrapper #main .contents #i248 {
  margin: 0;
  text-align: center;
}
html body #wrapper #main .contents #i256 {
  margin: 0 0 10px 0;
  text-align: center;
}
html body #wrapper #main .contents .entry {
  margin: 0 0 30px 0;
  /* #i257 */

  /* #i258 */

  /* #i259 */

  /* .privacy */

  /* #i263 */

  /* #i264 */

}
html body #wrapper #main .contents .entry .button {
  margin: 0;
  text-align: center;
}
html body #wrapper #main .contents .entry .pay {
  margin: 0;
  text-align: center;
}
html body #wrapper #main .contents .entry .toku {
  margin: 0 0 35px 0;
  text-align: center;
}
html body #wrapper #main .contents .entry .privacy {
  margin: 0 35px 5px 30px;
  height: 200px;
  overflow-y: scroll;
  border: 1px solid #333;
}
html body #wrapper #main .contents .entry .privacy p {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 15px 0;
  padding: 12px 0 0 0;
  text-align: center;
}
html body #wrapper #main .contents .entry .privacy p + p {
  font-size: 13px;
  line-height: 22px;
  margin: 0 30px 20px 20px;
  padding: 0;
  font-weight: normal;
  text-align: left;
}
html body #wrapper #main .contents .entry .caution {
  font-size: 13px;
  text-align: center;
  margin: 0 0 30px 0;
}
html body #wrapper #main .contents .entry .policy {
  margin: 0;
  text-align: center;
}
html body #wrapper #main .contents #i265 {
  margin: 0;
  text-align: center;
}
html body #wrapper #main .contents #i266 {
  margin: 0 0 -30px 0;
  text-align: center;
}
html body #wrapper #main .contents #benefits {
  /* .benefit */

}
html body #wrapper #main .contents #benefits .benefit {
  /* #i270 */

  /* #i274 */

  /* #i278 */

  /* #i282 */

  /* #i286 */

  /* #i290 */

}
html body #wrapper #main .contents #benefits .benefit .caption {
  margin: 0 0 20px 0;
  text-align: center;
  padding: 0;
}
html body #wrapper #main .contents #benefits .benefit p {
  margin: 0 80px 0 110px;
  padding-right: 325px;
}
html body #wrapper #main .contents #benefits .benefit .checklist {
  margin: 20px 0 26px 0;
  text-align: center;
  padding: 0;
}
html body #wrapper #main .contents #benefits .benefit #i270 {
  background: url("../images/70.png") no-repeat right 0;
  min-height: 230px;
}
html body #wrapper #main .contents #benefits .benefit #i274 {
  background: url("../images/72.png") no-repeat right 0;
  min-height: 230px;
}
html body #wrapper #main .contents #benefits .benefit #i278 {
  background: url("../images/74.png") no-repeat right 0;
  min-height: 230px;
}
html body #wrapper #main .contents #benefits .benefit #i282 {
  background: url("../images/76.png") no-repeat right 0;
  min-height: 230px;
}
html body #wrapper #main .contents #benefits .benefit #i286 {
  background: url("../images/78.png") no-repeat right 0;
  min-height: 230px;
}
html body #wrapper #main .contents #benefits .benefit #i290 {
  background: url("../images/80.png") no-repeat right 0;
  min-height: 230px;
}
html body #wrapper #main .contents #i292 {
  margin: 0;
  text-align: center;
}
html body #wrapper #main .contents #i301 {
  margin: 0 0 10px 0;
  text-align: center;
}
html body #wrapper #main .contents #recommends {
  margin: 0 70px 0 100px;
  /* .recommend */

}
html body #wrapper #main .contents #recommends .recommend + .recommend {
  border-top: 3px solid #f7d022;
  padding: 26px 0 0 0;
}
html body #wrapper #main .contents #recommends .recommend .caption {
  margin: 0 0 10px 0;
  text-align: center;
}
html body #wrapper #main .contents #recommends .recommend .photo {
  float: right;
  margin: 0 -5px 0 0;
}
html body #wrapper #main .contents #recommends .recommend p {
  margin: 0 175px 26px 20px;
}
html body #wrapper #main .contents #i362 {
  margin: 0;
  text-align: center;
}
html body #wrapper #main .contents #faq:before {
  content: "";
  display: block;
  background: url("../images/83.png") no-repeat center top #ffffff;
  width: 804px;
  height: 13px;
}
html body #wrapper #main .contents #faq:after {
  content: "";
  display: block;
  background: url("../images/85.png") no-repeat center top #ffffff;
  width: 804px;
  height: 13px;
}
html body #wrapper #main .contents #faq {
  width: 804px;
  margin: 0 auto 26px auto;
  background: url("../images/84.png") repeat-y center top;
  /* #i372 */

  /* .faq */

}
html body #wrapper #main .contents #faq #i372 {
  margin: -50px 0 0 -45px;
  text-align: center;
}
html body #wrapper #main .contents #faq .faq {
  /* #i374 */

  /* #i375 */

  /* #i376 */

  /* #i377 */

  /* #i378 */

  /* #i379 */

  /* #i381 */

  /* #i382 */

  /* #i383 */

  /* #i384 */

  /* #i386 */

  /* #i387 */

  /* #i388 */

  /* #i389 */

  /* #i390 */

  /* #i392 */

  /* #i393 */

  /* #i394 */

  /* #i396 */

  /* #i397 */

  /* #i398 */

  /* #i400 */

  /* #i401 */

  /* #i402 */

  /* #i403 */

  /* #i404 */

  /* #i406 */

  /* #i407 */

  /* #i408 */

  /* #i410 */

  /* #i411 */

  /* #i412 */

  /* #i414 */

  /* #i415 */

}
html body #wrapper #main .contents #faq .faq .caption {
  margin: 0 55px 10px 55px;
}
html body #wrapper #main .contents #faq .faq p {
  margin: 0 55px 26px 55px;
}
html body #wrapper #footer {
  background: #3399cc;
  font-size: 12px;
  line-height: 14px;
  padding: 12px 0;
  /* .contents */

  /* div */

}
html body #wrapper #footer .contents {
  text-align: center;
  color: #fff;
  /* ul */

  /* p */

}
html body #wrapper #footer .contents ul {
  margin-bottom: 12px;
  /* li */

}
html body #wrapper #footer .contents ul li {
  display: inline-block;
  /* a */

}
html body #wrapper #footer .contents ul li a {
  color: #fff;
  padding: 0 12px;
}
html body #wrapper #footer .contents ul li + li {
  border-left: 1px solid #fff;
}
html body #wrapper #footer div {
  /* ul */

  /* p */

}
html body #wrapper #footer div ul {
  /* li */

}
html body #wrapper #footer div ul li {
  /* a */

}
html body #wrapper #footer-menu-ppc {
  border-top: 1px solid #003676;
}
html body #wrapper #footer-menu-ppc .contents a:hover img {
  opacity: 1;
}
html body #wrapper #footer-menu-ppc .contents ul {
  text-align: center;
}
html body #wrapper #footer-menu-ppc .contents ul li {
  display: inline-block;
}
html body #wrapper #footer-menu-ppc .contents ul li + li {
  margin-left: 3px;
}
html body #wrapper #footer-menu-ppc .contents .clearfix p {
  line-height: 88px;
}
html body #wrapper #footer-menu-ppc .contents .clearfix p img {
  vertical-align: middle;
}
html body #wrapper #footer-menu-ppc .contents .clearfix .inquiry {
  float: left;
}
html body #wrapper #footer-menu-ppc .contents .clearfix .logo {
  float: right;
}
html body #wrapper #footer-ppc {
  background: #003676;
  font-size: 12px;
  line-height: 14px;
  padding: 12px 0;
  /* .contents */

}
html body #wrapper #footer-ppc .contents {
  text-align: center;
  color: #fff;
  /* ul */

}
html body #wrapper #footer-ppc .contents ul {
  margin-bottom: 8px;
  float: left;
  /* li */

}
html body #wrapper #footer-ppc .contents ul li {
  display: inline-block;
  /* a */

}
html body #wrapper #footer-ppc .contents ul li a {
  color: #fff;
  padding: 0 12px;
}
html body #wrapper #footer-ppc .contents ul li + li {
  border-left: 1px solid #fff;
}
html body #wrapper #footer-ppc .contents p {
  float: right;
}
/* html end */