@charset "utf-8";
/*
YUI 3.5.0 (build 5089)
Copyright 2012 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
http://yuilibrary.com/license/
*/
html{color:#000;background:#FFF}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}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

/**
 * Sales Letter
 * 
 */

html {
    background: #000;
}

body {
    text-align: center;
    font-family: "ヒラギノ角ゴ pro W3", "Hiragino Kaku Gothic pro", "メイリオ", Meiryo, "ＭＳＰゴシック", sans-serif;
}


/* Clear */

.cl {
    clear:both;
}

/* Clearfix */

.clearfix {zoom:1;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;
}

/* Hide text */

.hide-text {
    font-size: 1px !important;
    line-height: 1px !important;
    text-indent: -9999px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

/* Visually hidden */

.visuallyhidden {
    position: absolute;
    width: 1px; /* 0にしてしまうとダメ */
    height: 1px; /* 0にしてしまうとダメ */
    padding: 0;
    margin: -1px;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;   
}


/**
 * Container
 */

.container {
    background-color: transparent;
    background-image: url(img/bg-page.jpg);
    background-repeat: repeat;
    background-position: center top;
    background-attachment: fixed;
    background-size: cover;
    margin: 0 auto;
}

#sub .container {
    background-image: none;
}


/**
 * Header
 */

.header {
    height: 390px;
}

.header h1,
.header h2 {
    position: absolute;
    width: 1px; /* 0にしてしまうとダメ */
    height: 1px; /* 0にしてしまうとダメ */
    padding: 0;
    margin: -1px;
    border: 0;
    clip: rect(0 0 0 0);
    overflow: hidden;
}

.header .img {
    padding-top: 85px;
}


/**
 * Main area
 */

.main-head {
    width: 840px;
    margin: 0 auto;
}

.main {
    margin: 0 auto ;
    width: 840px;
    background: #fff;
}

.main .inner {
    position: relative;
    top: -110px;
    margin: 0 auto -110px;
    width: 740px;
}

.main p {
    margin: 0 0 1em;
    color:#222;
    text-align: left;
    font-size: 16px;
    line-height: 2;
}

.main p.note {
    color: #666;
    font-size: 13px;
    line-height: 1.5;
}

.main p.sign {
    margin: 3em 0 5em;
    text-align: right;
    line-height: 1.5;
}

.main ul {
    margin: 15px 0 18px 40px;
    padding: 0;
    list-style-type:disc;
}
.main ol {
    margin: 15px 0 18px 40px;
    padding: 0;
    list-style-type: decimal;
}
.main li {
    margin: 0 0 1px;
    padding: 0;
    text-align: left;
    font-size: 16px;
    line-height: 1.7;
}

/* 見出し */

.subhead {
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
    margin: 3em auto 1em;
    padding: 0;
}

.main .subhead.firstline {
    margin-top: 0;
}

.h4 {
    font-size: 32px;
    font-weight: bold;
    text-align: left;
    line-height: 1.5;
    margin: 0 0 20px;
    padding: 0;
}

/* Image right */

.img-right {
    float: right;
    margin: 5px 0 20px 20px;
    display: inline;
}

/* 強調文字 */

strong {
    font-weight: bold;
}

.em-bold {
    font-weight: bold;
}

.em-big {
    font-size: 18px;
}

.em-big1 {
    font-size: 22px;
}

.em-big2 {
    font-size: 26px;
}

.em-marker {
    padding: 2px;
    background: yellow;
}

.em-red {
    color: #cc0000;
}

.em-underline {
    text-decoration: underline;
}

/* カウントダウン */

.countdown {
    margin: 50px 0 50px;
    padding:25px;
    background: #c00 url(img/bg-cowntdown.jpg) repeat-x center top;
    color:#fff;
    font-size: 32px;
    font-weight:bold;
    line-height: 1;
    text-align: center;
    text-shadow: 0px 0px 10px rgba(255,255,255,0.75);
}

.countdown-order {
    margin: 0;
    padding:18px 15px 15px;
    background: #c00 url(img/bg-cowntdown.jpg) repeat-x center top;
    color:#fff;
    font-size: 24px;
    font-weight:bold;
    line-height: 1;
    text-align: center;
    text-shadow: 0px 0px 10px rgba(255,255,255,0.75);
}

/* ご注意 */

.attention {
    margin: 0 0 50px;
    padding: 25px 15px 10px;
    border: 1px #e60000 solid;
}

.main .attention h4 {
    margin: 0 0 10px;
    color: #e60000;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    line-height: 1;
}

.main .attention p {
    color: #e60000;
    text-align: center;
    font-size: 15px;
    line-height: 1.5;
}

/* チェックリスト1 */

.main .check1 {
    margin: 2em 0;
    padding: 2em 2em 1.5em;
    background: #f8f8f8;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3) inset;
       -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3) inset;
            box-shadow: 0 1px 3px rgba(0, 0, 0, .3) inset;
    color:#333;
    text-align: left;
}

.main .check1 li {
    margin: 0 0 7px;
    padding: 0 0 2px 24px;
    background: transparent url(img/check1.png) no-repeat 0 2px;
    list-style-type: none;
    text-align: left;
    font-size: 16px;
    line-height: 1.5;
    text-shadow: 0 1px 0 #fff;
}

/* チェックリスト2 */

.main .check2 {
    color:#333;
    text-align: left;
    margin: 0 0 15px;
    padding: 10px 20px 1px;
}

.main .check2 li {
    margin: 0 0 7px;
    padding: 0 0 2px 24px;
    background: transparent url(img/check1.png) no-repeat 0 2px;
    list-style-type: none;
    text-align: left;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.5;
}

/* チェックリスト3 */

.main .check3 {
    width: 750px;
    margin: 20px -5px 20px;
    background: transparent url(img/check-bg-body.jpg) repeat-y center center;
}

.main .check3 .head {
    background: transparent url(img/check-bg-head.jpg) no-repeat center top;
}

.main .check3 .foot {
    padding:36px 36px 46px;
    background: transparent url(img/check-bg-foot.jpg) no-repeat center bottom;
}

.main .check3 ul {
    margin: 0;
    padding: 0;
}

.main .check3 li {
    margin: 0 0 10px;
    padding: 8px 0 2px 40px;
    background: transparent url(img/check3.png) no-repeat 0 0;
    color: #333;
    list-style-type: none;
    text-align: left;
    font-weight: normal;
    font-size: 16px;
    line-height: 1.5;
}

/* 動画 */

.movie {
    margin:50px auto;
    padding:30px;
    width:640px;
    border-width: 1px;
    border-style: solid;
    border-color: #666 #333 #000;
    background: #777;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #777), color-stop(100%, #222));
    background:    -moz-linear-gradient(top, #777 0%, #222 100%);
    background: -webkit-linear-gradient(top, #777 0%, #222 100%);
    background:      -o-linear-gradient(top, #777 0%, #222 100%);
    background:     -ms-linear-gradient(top, #777 0%, #222 100%);
    background:   linear-gradient(to bottom, #777 0%, #222 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777', endColorstr='#222',GradientType=0 );
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
       -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
}

/* プロフィール */

#k-profile {
    width: 740px;
    margin: 35px auto 100px;
    background: transparent url(img/bg-prof-body.jpg) repeat-y center center;
}

#k-profile .head {
    background: transparent url(img/bg-prof-head.jpg) no-repeat center top;
}

#k-profile .foot {
    padding: 245px 30px 20px;
    background: transparent url(img/bg-prof-foot.jpg) no-repeat center bottom;
}

/* メッセージ */

#k-profile .k-message {
    width: 680px;
    margin: 65px auto 0;
    background: transparent url(img/bg-message-body.jpg) repeat-y center center;
}

#k-profile .k-message .head {
    background: transparent url(img/bg-message-head.jpg) no-repeat center top;
}

#k-profile .k-message .foot {
    padding: 45px 30px 45px;
    background: transparent url(img/bg-message-foot.jpg) no-repeat center bottom;
}

.main .k-message p {
    color: #192E42;
    font-size: 14.2px;
    line-height: 35px;
    background: url(img/bg-noteline.gif) ;
    margin: 0px;
    padding: 0;
}

/* お客様の声 */

.voice-container {
    margin: 50px auto;
}

.voice-subhead {
    margin: 0 0 50px;
    text-align: left;
}

.voice {
    margin: 5px -4px;
    width: 748px;
    background: transparent url(img/voice-bg-body.jpg) repeat-y center center;
}

.voice .head {
    background: transparent url(img/voice-bg-head.jpg) no-repeat center top;
}

.voice .foot {
    padding: 50px 50px 80px;
    background: transparent url(img/voice-bg-foot.jpg) no-repeat center bottom;
}

.h-group {
    margin: 0 0 30px;
    padding: 0 0 30px 80px;
    border-bottom: 1px solid #ccc;
    background: transparent url(img/voice-h-bullet.png) no-repeat left top;
}

.voice-head {
    margin: -5px 0 10px ;
    padding: 0;
    color: #444;
    text-align: left;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.33;
}

.voice-name {
    margin: 0;
    color: #666;
    text-align: left;
    font-size: 14px;
    line-height: 1.33;
}

.voice-photo {
    float: right;
    border: 7px solid #fff;
    margin: -70px -15px 25px 25px;
    -webkit-transform: rotate(5deg);
       -moz-transform: rotate(5deg);
            transform: rotate(5deg);
    -webkit-transform-origin: center center;
       -moz-transform-origin: center center;
            transform-origin: center center;
    -webkit-box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.3) ;
       -moz-box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.3) ;
            box-shadow: 6px 6px 12px rgba(0, 0, 0, 0.3) ;
}

.voice-photo img {
    width: 150px;
}

.main .voice p {
    margin: 0px;
    padding: 0;
    background: url(img/bg-noteline.gif) ;
    color: #192E42;
    font-size: 14.2px;
    line-height: 35px;
}

/* 教材 */

#content {
    margin: 50px -50px 50px ;
    padding: 90px 50px 40px;
    background: #F1C9C8 url(img/content-bg.jpg) no-repeat center top;
}

#content .section {
    margin: 20px auto 20px;
    padding: 0 25px 20px;
    background: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .33);
       -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .33);
            box-shadow: 0 1px 3px rgba(0, 0, 0, .33);
}

#content .section-head {
    margin: 0 -25px 25px;
}

.main #content h5 {
    margin: 21px 0 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
    color: #333;
    text-align: left;
    font-weight: bold;
    font-size: 17px;
    line-height: 1.5;
}

.main #content p {
    margin: 0 0 15px;
    color: #333;
    text-align: left;
    font-size: 14px;
    line-height: 1.5;
}

.main #content li {
    font-size: 14px;
    line-height: 1.5;
}

/* サポートメンバー */

#support-menber {
    margin: 50px -50px;
    padding: 50px 50px 10px;
    background: #ededed;
}

.support-menber-subhead {
    margin: 0 0 50px;
    text-align: left;
}

#support-menber .box {
    margin: 40px auto;
    padding: 40px 40px 20px;
    background: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .33);
       -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .33);
            box-shadow: 0 1px 3px rgba(0, 0, 0, .33);
}

.main #support-menber .box h4 {
    margin: 0 0 15px;
    padding: 15px 0 0;
    border-top: 1px solid #f00;
    color: #333;
    text-align: left;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.33;
}

.main #support-menber .box p {
    margin: 0 0 1em;
    color: #333;
    text-align: left;
    font-size: 14px;
    line-height: 2;
}

.sm-photo {
    float: right;
    margin: 0 0 25px 25px;
    border: 7px solid #fff;
    -webkit-box-shadow: 6px 6px 12px rgba(0,0,0,0.3) ;
       -moz-box-shadow: 6px 6px 12px rgba(0,0,0,0.3) ;
            box-shadow: 6px 6px 12px rgba(0,0,0,0.3) ;
}

    .sm-photo img {
        width: 180px;
    }

/* お申し込み */

.order {
    margin: 50px -50px -30px ;
    padding: 320px 50px 120px;
    background: #000 url(img/order-bg.jpg) no-repeat center top;
}

.order .box {
    margin: 0 70px;
    padding: 20px 20px 10px;
    background: #fff;
    -webkit-box-shadow: 0 0 12px 5px rgba(0, 0, 0, .66);
       -moz-box-shadow: 0 0 12px 5px rgba(0, 0, 0, .66);
            box-shadow: 0 0 12px 5px rgba(0, 0, 0, .66);
}

.order p {
    font-size:12px;
    line-height:175%;
    text-align:left;
    margin:0px 0px 8px;
}

.order table {
    font-family: Arial, Helvetica, sans-serif;
    border-collapse:collapse;
    border-spacing:0;
    width:100%;
    margin:0 0 20px;
    border-top:#ccc solid 1px;
    background: #f0f0f0;
}

.order td {
    color:#cc0000;
    font-size:14px;
    line-height:175%;
    padding: 10px 0 6px 12px;
    border-bottom:#ccc solid 1px;
}

.order td img {
    padding:0 10px 0 0;
}

.order td strong {
    color:#cc0000;
    font-size:21px;
    font-weight:bold;
}

.cell-a {
    border-top:#999999 solid 1px;
    background: #f3f3f3 url(img/order_bg_cell-a.jpg) repeat-x left bottom;
}

.cell-b {
    border-top:#ccc solid 1px;
}

.order-attention {
    margin: 20px 70px 0;
    padding: 20px;
    background: #f8f8f8;
}

.main .order-attention p {
    margin: 0 0 8px;
    color: #555;
    text-align: left;
    font-size: 12px;
    line-height: 1.66;
}

.main .order-attention h4 {
    margin: 0 0 20px;
    text-align: left;
    font-weight:  bold;
    font-size: 15px;
    line-height: 1.66;
}

.main .order-attention h5 {
    text-align: left;
    font-weight: bold;
    font-size: 13px;
    line-height: 1.66;
}

/* よくあるご質問 */

.faq {
    margin: 30px -50px ;
    padding: 50px 50px 40px;
    background: #ededed;
}

.subhead-faq {
    margin: 0 0 50px;
    text-align: left;
}

.faq-head {
    text-align: left;
    margin: 0 0 40px;
    padding: 0;
}

.main .faq h4 {
    color: #333;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.33;
    text-align: left;
    margin: -1px 0 0;
    padding: 0;
    text-shadow: 0 1px 0 #fff;
}

.main .faq p {
    font-size: 15px;
    line-height: 1.66;
    text-align: left;
    margin: 3px 0 12px;
}

.qa-q {
    padding: 20px 20px 15px 55px;
    border: 1px solid #ccc;
    border-top-color: #bbb;
    border-bottom-color: #cdcdcd;
    background: #f3f3f3 url(img/faq-q.png) no-repeat 20px 20px;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .2) inset;
       -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .2) inset;
            box-shadow: 0 2px 2px rgba(0, 0, 0, .2) inset;
}

.qa-a {
    margin: 0 auto 20px;
    padding: 15px 20px 10px 55px;
    border: 1px solid #ccc;
    border-top-width: 0;
    border-top-color: transparent;
    border-bottom-color: #efefef;
    background: #f8f8f8 url(img/faq-a.png) no-repeat 20px 20px;
    -webkit-box-shadow: 0 -1px 2px rgba(0, 0, 0, .2) inset;
       -moz-box-shadow: 0 -1px 2px rgba(0, 0, 0, .2) inset;
            box-shadow: 0 -1px 2px rgba(0, 0, 0, .2) inset;
}

/* Footer */

.footer {
    margin: 0;
    padding: 25px 0 75px;
    background: #000;
}

.footer p {
    margin: 0;
    padding: 0;
    color: #bbb;
    text-align: center;
    letter-spacing: 1px;
    font-weight: normal;
    font-size: 11px;
    line-height: 1;
}

.footer a {
    color: #eee;
    text-decoration: none;
}


/**
 * Sub page
 */

#sub .main {
}

#sub .main .inner {
    top: 0;
    margin: 0 auto;
    padding: 50px 0;
}

#sub .main h1 {
    font-size:22px;
    font-weight:bold;
    line-height:1.5;
    text-align:left;
    margin:0 0 44px 0;
    padding:0 0 5px;
    border-bottom: #ccc solid 2px;
}

#sub .main h2 {
    font-size:16px;
    font-weight:bold;
    line-height:1.5;
    text-align:left;
    background:#f0f0f0;
    margin:3em 0 1em 0;
    padding:5px 10px;
}

#sub .main h3 {
    font-size:14px;
    font-weight:bold;
    line-height:1.5;
    text-align:left;
    border-bottom:#ccc solid 1px;
    margin:2em 0 1em 0;
    padding:0 0 5px 0;
}

#sub .main h4 {
    font-size:14px;
    font-weight:bold;
    line-height:1.5;
    text-align:left;
    margin:0 0 5px 0;
}

#sub .main h5 {
    color:#454545;
    font-size:13px;
    font-weight:bold;
    line-height:170%;
    text-align:left;
    margin:0 0 5px 0;
}

#sub .main p {
    font-size:13px;
    line-height:170%;
    text-align:justify;
    text-justify:inter-ideograph;
    line-break:strict;
    text-indent:0em;
    margin:0 0 1em 0;
}

#sub .main ul,
#sub .main ol {
    margin:0 0 2em 2em;
    padding: 0;
}

#sub .main li {
    list-style-type: disc;
    font-size:13px;
    line-height:170%;
    text-align:left;
}

#sub .main table {
    border-collapse: collapse;
    border-spacing: 0px;
    width:700px;
    margin:10px 0 20px 0;
    border-bottom:#ccc solid 1px;
}

#sub .main th,
#sub .main td {
    vertical-align:top;
}

#sub .main th {
    font-size:13px;
    font-weight:bold;
    line-height:170%;
    text-align:left;
    white-space: nowrap;
    padding:12px 15px;
    background:#eeeeee;
    border-top:#ccc solid 1px;
}

#sub .main td {
    font-size:13px;
    line-height:170%;
    text-align:left;
    padding:12px 15px;
    border-top:#ccc solid 1px;
}