@charset "utf-8";
/*
 * This Stylesheet was based on Yahoo! UI Library's Reset and Fonts CSS.
 * http://developer.yahoo.com/yui/reset/
 * http://developer.yahoo.com/yui/fonts/
 * http://developer.yahoo.net/yui/license.txt
*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
  margin: 0;
  padding: 0;
  line-height: 1.41;
}

body { margin: 0; padding: 0; font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "Osaka", "MS PGothic", arial, helvetica, sans-serif; line-height: 1.5; color: #222; }

body { font-size: 87.5%; }


table {
  border-collapse: collapse;
  border-spacing: 0;
}

table th {
  text-align: left;
}

img {
  border: none;
  vertical-align: bottom;
}

address,caption,cite,code,dfn,em,strong,th,var {
  font-style: normal;
  font-weight: normal;
}

li {
  list-style: none;
  position: relative;
}

fieldset {
  border: none;
}

input,textarea,select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

input,textarea,select {
  *font-size: 100%;
}


input.text {
  _height: 1.55em;  /* for Win IE6 */
}

input.email,
input.password,
input.num {
  ime-mode: inactive;
}

input.submit {
  line-height: 1;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}

input.button {
  padding: 0 2px;
  vertical-align: middle;
  *vertical-align: top;
  font-size: 12px;
  *font-size: 74%;
  cursor: pointer;
}

textarea {
  margin-bottom: 5px;
  line-height: 1.21;
  overflow: auto;
}

input.text:focus,
textarea:focus {
  color: #000;
  background: #fff;
}

select {
  cursor: pointer;
}

button {
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
}

p, ul, ol,
ul li,
ol li,
table,
table th,
table td {
  font-size: 100%;
}

p {
  line-height: 1.71;
}

dt {

}

li {
  line-height: 1.71;
}

table td ul,
table td ul li,
dl dd ul,
dl dd ul li {
  font-size: 100%;
}

strong,
b {
  font-weight: bold;
}

u {
  text-decoration: underline;
}

del {
  text-decoration: line-through;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: bold;
}
.fadeIn,
.fadeInSlow{
	display:none;
}
a{
	outline:none;
}

a,
a:link {
  color: #99BF1F;
  text-decoration:none;
}

a:visited {
  color: #99BF1F;
}

a:hover,
a:active {
  color: #99BF1F;
  text-decoration:underline
}

::-moz-selection {
  color: #fff;
  background: #99BF1F;
}

::selection {
  color: #fff;
  background: #99BF1F;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  width: 100%;
  height: 0;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
}

.clearfix {
  display: inline-block;
}

/* Hides from IE-mac Hack \*/
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/* margin */
.mT0 {margin-top:0px!important;}
.mT7 {margin-top:7px!important;}
.mT10 {margin-top:10px!important;}
.mT20 {margin-top:20px!important;}
.mT25 {margin-top:25px!important;}
.mT30 {margin-top:30px!important;}
.mT40 {margin-top:40px!important;}
.mT50 {margin-top:50px!important;}

.mB0 {margin-bottom:0px!important;}
.mB5 {margin-bottom:5px!important;}
.mB7 {margin-bottom:7px!important;}
.mB10 {margin-bottom:10px!important;}
.mB15 {margin-bottom:15px!important;}
.mB20 {margin-bottom:20px!important;}
.mB25 {margin-bottom:25px!important;}
.mB30 {margin-bottom:30px!important;}
.mB35 {margin-bottom:35px!important;}
.mB40 {margin-bottom:40px!important;}
.mB45 {margin-bottom:45px!important;}
.mB50 {margin-bottom:50px!important;}
.mB60 {margin-bottom:60px!important;}
.mB70 {margin-bottom:70px!important;}
.mB100 {margin-bottom:100px!important;}

.mR0 {margin-right:0px!important;}
.mR10 {margin-right:10px!important;}
.mR15 {margin-right:15px!important;}
.mR20 {margin-right:20px!important;}
.mR25 {margin-right:25px!important;}
.mR30 {margin-right:30px!important;}

.mL5 {margin-left:5px!important;}
.mL10 {margin-left:10px!important;}
.mL20 {margin-left:20px!important;}
.mL30 {margin-left:30px!important;}

.m0auto { margin:0 auto;}

.p10{ padding:10px;}
.p20{ padding:20px;}
.p40{ padding:40px;}
.p55{ padding:55px;}
.p80{ padding:80px}
.pB0{ padding-bottom:0px!important}
.pB10{ padding-bottom:10px;}
.pT10{ padding-top:10px;}
.pT20{ padding-top:20px;}
.pT50{ padding-top:50px;}
.pT100{ padding-top:100px;}

/* border */
.border1{ border:1px solid #cccccc}
.border2{ border:1px solid #cccccc; padding:1px}
.bTd{ border-top: 1px dotted #ccc;}
.bBnone{ border-bottom:none!important;}
.bTnone{ border-top:none!important;}
.bL4{ border-left:4px solid #cccccc; padding-left:6px;}

.b{ font-weight:bold}
.n{ font-weight:normal}

/* display */
.di-b{display: inline-block;}

/* align */
.align-l{ text-align:left!important;}
.align-c{ text-align:center!important;}
.align-r{ text-align:right!important;}

/* box */
.box-a, .box-b, .box-c,
.box-l {float:left}
.box-r{ float:right}

/* font */
.font10 { font-size: 72%; }
.font11 { font-size: 79%; }
.font12{ font-size: 86%; }
.font13 { font-size: 93%; }
.font14 { font-size: 100%; }
.font15 { font-size: 108%; }
.font16 { font-size: 115%; }
.font17 { font-size: 122%; }
.font18 { font-size: 129%; }
.font19 { font-size: 136%; }
.font20 { font-size: 143%; }
.font21 { font-size: 150%; }
.font22 { font-size: 158%; }
.font23 { font-size: 165%; }
.font24 { font-size: 172%; }
.font25 { font-size: 179%; }
.font26 { font-size: 186%; }

/* radius */
.rad2{
-moz-border-radius:2px ;
-webkit-border-radius:2px ;
border-radius:2px;}
.rad2200{
-moz-border-radius:2px 2px 0 0 ;
-webkit-border-radius:2px 2px 0 0 ;
border-radius:2px 2px 0 0;}
.rad0022{
-moz-border-radius:0 0 2px 2px ;
-webkit-border-radius:0 0 2px 2px ;
border-radius:0 0 2px 2px;}
.rad2002{
-moz-border-radius:2px 0 0 2px ;
-webkit-border-radius:2px 0 0 2px ;
border-radius:2px 0 0 2px;}
.rad0220{
-moz-border-radius:0 2px 2px 0 ;
-webkit-border-radius:0 2px 2px 0 ;
border-radius:0 2px 2px 0;}
.rad4{
-moz-border-radius:4px ;
-webkit-border-radius:4px ;
border-radius:4px;}
.rad4400{
-moz-border-radius:4px 4px 0 0 ;
-webkit-border-radius:4px 4px 0 0 ;
border-radius:4px 4px 0 0;}
.rad0044{
-moz-border-radius:0 0 4px 4px ;
-webkit-border-radius:0 0 4px 4px ;
border-radius:0 0 4px 4px;}
.rad4004{
-moz-border-radius:4px 0 0 4px ;
-webkit-border-radius:4px 0 0 4px ;
border-radius:4px 0 0 4px;}
.rad0440{
-moz-border-radius:0 4px 4px 0 ;
-webkit-border-radius:0 4px 4px 0 ;
border-radius:0 4px 4px 0;}
@charset "utf-8";
/* CSS Document */

/* @group commonstyle
--------------------------------------------------------------------------------------------------------------------*/
/* link */
a,a:link{ color: #0993AC; text-decoration:none; }
a:visited { color: #0993AC; }
a:hover, a:active { color: #0993AC; text-decoration: underline; }
::-moz-selection {color: #000;background: #f3f3f3;}
::selection { color: #000;background: #f3f3f3;}
.right-link{ float: right; font-weight: normal;}
.box-link{cursor: pointer;}

/* @group font */
.georgia { font-family:"Georgia", serif;}
.times { font-family: Times New Roman Italic; }
.alpha:hover{ opacity: 0.8}

/* @group layout
--------------------------------------------------------------------------------------------------------------------*/
body{ line-height: 1.71;min-width: 1100px;  max-width:1300px;  margin: 0 auto !important;  background: #001742}
.base{ background: #F2F2F2; position: relative;}
.doc {margin: 0px auto; position: relative; text-align: left; color: #444}
.w960{ width: 960px;}
.w1100{ width: 1100px;}
.w1140{ width: 1140px;}


/* @group common style
--------------------------------------------------------------------------------------------------------------------*/
#header { text-align: center; height: 80px; background: #fff}
#header #logo { float: left; margin-right: 20px; margin-top: 20px;}
#header p { float: left; margin-top: 30px; font-size: 90%;}
#header ul{float: right;}
#header ul li{ float: right;}
#header .right { float: right;}
#header .right li { float: left; padding-top: 30px; margin-right: 20px; font-weight: bold;}
#header .right li a:hover { color: #987A03;}
#header .right li.buy { background: #987A03; height: 80px;padding: 0 20px;}
#header .right li.buy a { color: #FFF; font-size: 120%}
#header .right li.buy a span { display: inline-block; margin-top: 25px;}

/* top -------------------------------------------------------------------------------------------------------------*/
#father-main-visual{ background: url(../images/main.jpg) top center no-repeat; height: 444px}
#father-main-visual h1{ text-indent: -9999em;}
#father-main-visual{}
#father-main-visual{}


/* @group top
--------------------------------------------------------------------------------------------------------------------*/
/* common */
.unit{ background: #fff;}
.title-style01{ font-size: 23px; color: #F6E60C; background: #001742; font-weight: normal; text-align: center; padding: 10px 0}
.title-style02{ font-size: 21px; color: #001742; border-left:5px solid #001742; font-weight: normal;  padding:0 0 0 15px; margin-top: 30px;}

/* block01 */
.block01 { margin-top: 15px; margin-bottom: 40px;}
.block01 li { float: left; width: 440px;}
.block01 li.last-child { float: right;}
.block01 .btn{ text-align: center; margin-top: 15px;}
.block01 .btn a{display: block; width: 330px; margin-left: 55px; background: #F6E60C; font-size: 21px ; text-align: center; padding: 15px 0; color: #001742}
.block01 .btn a:hover{text-decoration: none;}
.block01 .t-intro{ border: double 3px #6C7A3D; padding: 5px; text-align: center; margin-top: 30px;}
.block01 .fig img{ text-align: center;}

/* block02 */
.block02{ padding-top: 20px}
.block02 .unit01{ background: #fff url(../images/unit01_03.jpg) 0 50px no-repeat; padding-bottom: 40px;}
.block02 .unit01 .unit01-a{ padding:30px 50px 0 360px;}
.block02 .unit01 .unit01-a h3{ font-size: 23px; font-weight: normal; margin-top: 20px;}
.block02 .unit01 .unit01-a .clearfix{ margin-top: 15px;}
.block02 .unit01 .unit01-a img{ border: 1px solid #ccc}
.block02 .unit01 .unit01-a .box-r{ width: 350px}
.block02 .unit01 .unit01-a{}
.block02 .unit01 .fig{text-align: center;}
.block02 .unit01 .note{ padding:0 70px; margin-top: 10px; font-size: 12px;}
.block02 .unit01 .btn{ margin-top: 15px; }
.block02 .unit01 .btn a{color: #001742}
.block02 .unit01 .btn a:hover{text-decoration:none}
.block02 .unit02{ margin:50px 0; padding-bottom: 50px;}
.block02 .unit02 .section-lv2{ padding: 0 70px}
.block02 .unit02 .catch{ text-align: center; font-size: 23px;}
.block02 .unit02 .catch span{ font-weight: bold; color: #0993AC}
.block02 .unit02 .quote{ background: #F2F2F2; padding:20px 50px; font-size: 21px; margin-top: 20px;}
.block02 .unit02 .text-body{ margin-top: 10px; font-size: 15px;}
.block02 .unit01{}
.block02 .unit01{}
.block02{}

.point-wrapper{ text-align: center; font-size: 21px; color: #0993AC; margin-bottom: 20px;}
.point-wrapper span.dt{ display:block; font-weight: bold; margin-top: 10px;}
.point-wrapper span.score{ padding: 10px; display: inline-block; color: #fff; background: #0993AC; padding: 5px 10px ; font-size: 48px; margin-right: 10px; line-height: 1;}
.point-wrapper .note{ font-size: 12px; color: #666; margin-top: 10px;}

.block02 .btn{ text-align: center; margin-top: 15px;}
.block02 .btn a{display: inline-block; margin-left: 55px; background: #F6E60C; font-size: 21px ; text-align: center; padding: 15px 50px; box-shadow: 1px 1px 1px rgba(0,0,0,0.3); color: #001742}
.block02 .btn a:hover{ text-decoration: none;}

/* block03 */
.block03{ padding-top: 30px}
.block03 .section-lv2{ padding: 0 70px}
.block03{}
.block03{}
.block03{}

/* sep-fig */
.sep-fig{ height: 312px; background: url(../images/sepfig.jpg) top center no-repeat;}

.block01-ft{ background: #001742; margin: 0; padding: 10px 0 50px 0}


/*sp*/
.sp{ text-align: center;}
.sp .btnWrapper{ text-align: center;}
.sp a.buy {background: #D53251 url(../images/block02_02.png) no-repeat 96% 50%; padding: 0px 50px 10px 30px; font-size: 160%; color: #FFF; text-decoration: none; font-weight: bold; border-radius: 5px; display: inline-block; line-height: 1.1;}
.sp a.buy span { font-size: 12px; line-height: 1.3;}


/* block05 */
.ftlogotx {
	margin-bottom: 20px;
}
.ftlogotx a{ color: #fff}
.ftlogotx a:hover{
	text-decoration: underline;
}
/* ft */
#ft { background: #fff;color: #666; text-align: center; padding: 40px 0;}
#ft a { color: #666;}
#ft .footer { margin-bottom: 30px;}
#ft a:hover { text-decoration: underline;}
#ft .copyrights { font-size: 80%;}



.static #header{ border-bottom: 1px solid #ccc}
.static .mainTitle { font-size: 160%; text-align: center; color: #987A03; font-weight: normal; padding-bottom: 8px; border-bottom: 1px solid #987A03; margin-bottom: 20px;}
.static .main-wrapper{ padding: 40px 0}
.static{}

.tokushoTable tr th{ background: #F3F2E9}
.tokushoTable tr th,
.tokushoTable tr td{ padding: 15px 10px; border-bottom: 1px solid #ccc}

.stepList li{ margin-bottom: 20px;}
.stepList li{}
.stepList li{}
.stepList h3{ font-size: 15px; font-weight: bold; border-left: 5px solid #987A03; padding-left: 10px;}

.alertWrapper h2{ background: #ccc; padding: 5px 10px}
.alertWrapper .body{ border: 1px solid #ccc; padding: 20px; margin-top: 1px ;}


/* ===== SP用 =========================== */
@media only screen and (max-width: 640px) {



body{ width: 100%; min-width: inherit;}

.base{ background: #F2F2F2; position: relative;}
.doc {margin: 0px auto; position: relative; text-align: left; color: #444;}

.w960,
.w1100,
.w1140{ width: 100%}
.doc.w960{ width: 96%; margin: 0 2%}

.sp-none {
display: none;
}
.sp-only {
display: block;
}

#header { text-align: center; height: 60px; background: #fff}
#header  img{ width: 130px }
#header #logo { float: left; margin-right: 0px; margin-top: 20px;}
#header .right li { float: left; padding-top: 30px; margin-right: 0px; font-weight: bold;}
#header .right li a:hover { color: #987A03;}
#header .right li.buy { background: #987A03; height: 60px;padding: 0 20px;}
#header .right li.buy a { color: #FFF; font-size: 100%}
#header .right li.buy a span { display: inline-block; margin-top: 15px;}
.title-style01{ font-size: 21px; color: #F6E60C; background: #001742; font-weight: normal; text-align: center; padding: 10px 0}
.title-style02{ font-size: 18px; color: #001742; border-left:5px solid #001742; font-weight: normal;  padding:0 0 0 15px; margin-top: 30px;}
#father-main-visual{ background-size: 120%; height: 160px}

/* block01 */
.block01 { margin-top: 0px; padding-bottom: 40px;}
.block01 li { float:none; text-align: center; width: 100%}
.block01 li img{ width: 100%}
.block01 li.last-child { float: none;}
.block01 .btn{ text-align: center; margin-top: 15px;}
.block01 .btn a{display: inline-block; width: 240px; margin-left: 0px; background: #F6E60C; font-size: 18px ; text-align: center; padding: 10px 0; color: #001742}
.block01 .btn a:hover{text-decoration: none;}
.block01 .t-intro{ border: double 3px #6C7A3D; padding: 5px; text-align: center; margin-top: 30px;}
.block01 .fig img{ text-align: center;}

.block01 .t-intro{ border: double 3px #6C7A3D; padding: 5px; text-align: center; margin-top: 30px;}
.block01 .t-intro img{ width: 100%}
.block01 .fig img{ text-align: center;}

/* block02 */
.block02{ padding-top: 20px}
.block02 .unit01{ background: #fff url(../images/unit01_03.jpg) 0 50px no-repeat; padding-bottom: 40px;}
.block02 .unit01 .unit01-a{ padding: 10px}
.block02 .unit01 .unit01-a h3{ font-size: 23px; font-weight: normal; margin-top: 20px;}
.block02 .unit01 .unit01-a .clearfix{ margin-top: 15px;}
.block02 .unit01 .unit01-a .box-l{ width: 49%}
.block02 .unit01 .unit01-a img{ border: 1px solid #ccc; width: 100%}
.block02 .unit01 .unit01-a .box-r{ width: 49%; word-break:break-all;}
.block02 .unit01 .unit01-a{}
.block02 .unit01 .fig{text-align: center;}
.block02 .unit01 .fig img{ width: 100%}
.block02 .unit01 .note{ padding:0 10px; margin-top: 10px; font-size: 12px;}
.block02 .unit01 .btn{ margin-top: 15px; }
.block02 .unit01 .btn a{color: #001742}
.block02 .unit01 .btn a:hover{text-decoration:none}
.block02 .unit02{ margin:50px 0; padding-bottom: 50px;}
.block02 .unit02 .section-lv2{ padding: 0 20px}
.block02 .unit02 .catch{ text-align: center; font-size: 18px; line-height: 1.4;}
.block02 .unit02 .catch span{ font-weight: bold; color: #0993AC}
.block02 .unit02 .quote{ background: #F2F2F2; padding:10px 20px; font-size: 15px; margin-top: 20px;}
.block02 .unit02 .text-body{ margin-top: 10px; font-size: 14px;}
.block02 .unit02 .fig img{ width: 100%}
.block02 .unit01{}
.block02 .unit01{}
.block02{}

.point-wrapper{ text-align: center; font-size: 21px; color: #0993AC; margin-bottom: 20px;}
.point-wrapper span.dt{ display:block; font-weight: bold; margin-top: 10px;}
.point-wrapper span.score{ padding: 10px; display: inline-block; color: #fff; background: #0993AC; padding: 5px 10px ; font-size: 48px; margin-right: 10px; line-height: 1;}
.point-wrapper .note{ font-size: 12px; color: #666; margin-top: 10px;}

.block02 .btn{ text-align: center; margin-top: 15px;}
.block02 .btn a{display: inline-block; margin-left: 0px; background: #F6E60C; font-size: 21px ; text-align: center; padding: 15px 50px; box-shadow: 1px 1px 1px rgba(0,0,0,0.3); color: #001742}
.block02 .btn a:hover{ text-decoration: none;}

/* sep-fig */
.sep-fig{ height: 130px; background: url(../images/sepfig.jpg) top center no-repeat; background-size: 120%}

.block01-ft{ background: #001742; margin: 0; padding: 10px 0 50px 0}

}