@charset "utf-8";

/* init **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
*{ margin:0; padding:0; box-sizing:border-box; }
select option{ padding:0 5px; }
body{ color:#000; background:url(../images/bg.jpg) repeat; font:16px helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif; line-height:1.8; text-align:center; min-width:1080px;_display: inline;_zoom:1;  }
h1 , h2 , h3 , h4 , h5 , h6 , address{ font-style:normal; font-weight:normal; font-size:100%; }
ul{ list-style-type:none; }
img{ border:0; vertical-align:bottom; }

table{ border-spacing:0; border:0; }
table th{ text-align:left; vertical-align:middle; font-weight:normal; }
table td{ word-break:break-all; }

.floatR{ float:right; }
.floatL{ float:left; }

.alignL{ text-align:left; }
.alignR{ text-align:right; }
.alignC{ text-align:center; }

.rel{ position:relative; }
.abs{
    position: absolute;
    width: 151px;
    height: 135px;
}


/* clearfix **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.cf:after{ content:" "; display:block; clear:both; }


/* link **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
a:link , a:visited{ color:#0000ff; text-decoration:underline; }
a:hover{ color:#ff8000; text-decoration:underline; }


/* font decoration **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* size */
.fontSS{ font-size:12px; }
.fontS{ font-size:14px; }
.fontL{ font-size:20px; }

/* color */
.txt-red{ color:#e90000; font-weight:bold; }
.txt-blue{ color:#004bd5; font-weight:bold; }

/*indent */
.idt , ul.assist li , .system li{ padding-left:1.0em; text-indent:-1.0em; }
.idt-half{ padding-left:0.5em; text-indent:-0.5em; }

/*other */
.str{ font-weight:bold; }
.str-reset{ font-weight:normal; }

.underline{ text-decoration:underline; }
.underline-double{ border-bottom:double medium; }

.waveline{ background:url(../images/wave_line.png) repeat-x left bottom; padding-bottom:7px; }
.waveline-red{ background:url(../images/wave_line_red.png) repeat-x left bottom; padding-bottom:7px; }
.waveline-blue{ background:url(../images/wave_line_blue.png) repeat-x left bottom; padding-bottom:7px; }

.marker{background-color:#fff600; }


/* space **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
/* padding */
.spt0{ padding-top:0px !important; }
.spt5{ padding-top:5px !important; }
.spt10{ padding-top:10px !important; }
.spt15{ padding-top:15px !important; }
.spt20{ padding-top:20px !important; }
.spt25{ padding-top:25px !important; }
.spt30{ padding-top:30px !important; }
.spt35{ padding-top:35px !important; }

.spb0{ padding-bottom:0px !important; }
.spb5{ padding-bottom:5px !important; }
.spb10{ padding-bottom:10px !important; }
.spb15{ padding-bottom:15px !important; }
.spb20{ padding-bottom:20px !important; }
.spb25{ padding-bottom:25px !important; }
.spb30{ padding-bottom:30px !important; }
.spb35{ padding-bottom:35px !important; }

/* margin */
.smt0{ margin-top:0px !important; }
.smt5{ margin-top:5px !important; }
.smt10{ margin-top:10px !important; }
.smt15{ margin-top:15px !important; }
.smt20{ margin-top:20px !important; }
.smt25{ margin-top:25px !important; }
.smt30{ margin-top:30px !important; }
.smt35{ margin-top:35px !important; }
.smt40{ margin-top:40px !important; }
.smt45{ margin-top:45px !important; }
.smt50{ margin-top:50px !important; }

.smb0{ margin-bottom:0px !important; }
.smb5{ margin-bottom:5px !important; }
.smb10{ margin-bottom:10px !important; }
.smb15{ margin-bottom:15px !important; }
.smb20{ margin-bottom:20px !important; }
.smb25{ margin-bottom:25px !important; }
.smb30{ margin-bottom:30px !important; }
.smb35{ margin-bottom:35px !important; }
.smb40{ margin-bottom:40px !important; }
.smb45{ margin-bottom:45px !important; }
.smb50{ margin-bottom:50px !important; }

.sml0{ margin-left:0px !important; }
.sml20{ margin-left:20px !important; }
.sml30{ margin-left:30px !important; }
.sml50{ margin-left:50px !important; }

.smr0{ margin-right:0px !important; }
.smr20{ margin-right:20px !important; }
.smr30{ margin-right:30px !important; }
.smr50{ margin-right:50px !important; }

/* paragraph */
p{ margin:0 50px 30px; }
p.lh-reset{ line-height:1.0; }

/* original frame */
.box{ margin:0 50px; }


/* wrap **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.wrap{ width:1000px; margin:0 auto; position:relative; }


/* header **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.header{ background:url(../images/header_bg.jpg) no-repeat center top; margin-bottom:40px; }
.header .top{ background:url(../images/header_top_bg.png) repeat-x; height:120px; }

.header h1{ float:left; }
.header .timer{ width:389px; height:68px; float:right; margin:16px 0; position:relative; }
.header .timer .timeDay{ position:absolute; top:39px; left:8px; }
.header .timer .timeHr{ position:absolute; top:39px; left:110px; }
.header .timer .timeMmin{ position:absolute; top:39px; left:225px; }
.header .timer .timeSec{ position:absolute; top:39px; left:312px; }

.header .tokuten{ position:relative; margin-bottom:30px; }
.header .tokuten .badge{ position:absolute; top:50px; right:-25px; }

.header .pv{ margin-top:40px; }
.header .pv .movie{ padding:8px; width:716px; margin:0 auto 15px; border-radius:5px; border:solid 1px #c677da;
                    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4e087b+0,330052+100 */
                    background: #4e087b; /* Old browsers */
                    background: -moz-linear-gradient(top,  #4e087b 0%, #330052 100%); /* FF3.6-15 */
                    background: -webkit-linear-gradient(top,  #4e087b 0%,#330052 100%); /* Chrome10-25,Safari5.1-6 */
                    background: linear-gradient(to bottom,  #4e087b 0%,#330052 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4e087b', endColorstr='#330052',GradientType=0 ); /* IE6-9 */
                   }

.header .pv .att{ width:700px; color:#fff; text-align:left; margin:0 auto; font-size:12px; }


/* contents **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.contents{ background-color:#fff; text-align:left; border-radius:10px 10px 0 0; padding:15px 0 30px; }

.contents h2{ position:relative; height:268px; margin-bottom:20px; }
.contents h2 img{ position:absolute; top:0px; left:-34px; }

.secvoice .voice{ background:url("../images/sec_voice_top.jpg")no-repeat center top, url("../images/sec_voice_bottom.jpg")no-repeat center bottom,url("../images/sec_voice_center.jpg")repeat-y; width:900px; margin:0 auto 30px; padding:30px 0 30px; }
.secvoice .voice h3{ margin-bottom:0; text-align:center; }
.secvoice p{margin:0 50px 0;}

.section1 ul{ width:900px; margin:0 auto; padding-bottom:15px; }
.section1 li{ margin-bottom:25px; position:relative; }
.section1 li.user1 .abs{ top:180px; left:800px; }
.section1 li.user2 .abs{ top:170px; left:-30px; }
.section1 li.user3 .abs{
    top: 188px;
    left: 725px;
}
.section1 li.user4 .abs{
    top: 135px;
    left: 1px;
}
.section1 li.user5 .abs{
    top: 171px;
    left: 790px;
}
.section1 li.user6 .abs{
    top: 183px;
    left: -21px;
}
.section1 li.user7 .abs{
    top: 169px;
    left: 773px;
}
.section1 li.user8 .abs{
    top: 158px;
    left: -36px;
}
.section1 li.user9 .abs{
    top: 191px;
    left: 786px;
}
.section1 li.user10 .abs{
    top: 237px;
    left: 735px;
}
.section1 li.user11 .abs{ top:210px; left:-30px; }
.section1 li.user12 .abs{ top:120px; left:770px; }




.section4 .enneagram{ background:url(../images/enneagram_bg.jpg) no-repeat; width:906px; height:797px; margin:0 auto 30px; position:relative; padding-top:140px; }
.section4 .enneagram h3{ position:absolute; top:30px; left:-30px; }

.photo{ float:right; }

.section6 dl{ background:url(../images/ptn2.png) repeat; border:solid 1px #cad2e2; border-radius:10px; padding:15px; margin-bottom:30px; }
.section6 dt{ margin-bottom:10px;}
.section6 dd{ background-color:#fff; padding:20px; margin-bottom:25px; border-radius:0 0 6px 6px; }
.section6 dd:last-child{ margin-bottom:0px; }
.section6 .photo{ float:right; margin-left:15px; }

.section7 .ptn1 , .section7 .ptn2 , .section7 .ptn3{ margin-bottom:30px; padding:10px; border-radius:5px;
                background: #f2cf6b; /* Old browsers */
                background: -moz-linear-gradient(top,  #f2cf6b 0%, #f9f7c0 29%, #f8ee91 53%, #c3a44a 100%); /* FF3.6-15 */
                background: -webkit-linear-gradient(top,  #f2cf6b 0%,#f9f7c0 29%,#f8ee91 53%,#c3a44a 100%); /* Chrome10-25,Safari5.1-6 */
                background: linear-gradient(to bottom,  #f2cf6b 0%,#f9f7c0 29%,#f8ee91 53%,#c3a44a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2cf6b', endColorstr='#c3a44a',GradientType=0 ); /* IE6-9 */
               }
.section7 .ptn1 .inner , .section7 .ptn2 .inner , .section7 .ptn3 .inner{ background-color:rgba(255,255,255,0.75); padding:30px 0 20px; }
.section7 .ptn1 p{ margin-bottom:15px; }
.section7 .ptn1 .photo{ float:right; margin:0 15px; }
.section7 .ptn2 .photo{ float:right; margin:0 0 0 15px; }
.section7 h3{ position:relative; height:80px; }
.section7 .ptn1 h3 img{ position:absolute; top:-6px; left:-32px; }
.section7 .ptn1 ul{ margin:0 0 15px 50px; }
.section7 .box li{ background:url(../images/tokuten_arrow.png) no-repeat 0px 8px; font-size:18px; font-weight:bold; padding-left:20px; }
.section7 .box .ptn2 li{ font-size:16px; font-weight:bold; padding-left:20px; }
.section7 .ptn2{ width:440px; float:left; }
.section7 .ptn2 .inner{ padding:40px 20px 20px; }
.section7 .ptn2 h3 img{ position:absolute; top:-6px; left:-32px; }
.section7 .ptn3 .inner{ padding:20px; }
.section7 .ptn3 h3{ height:60px; }
.section7 .ptn3 h3 img{ position:absolute; top:-15px; left:-30px; }

.section8 .box{ background:url(../images/note.png) repeat; padding:30px 0; margin-bottom:30px; }
.section8 .photo{ float:right; margin-right:30px; }
.section8 ul{ margin:0 0 30px 50px; }
.section8 li{ background:url(../images/tokuten_arrow.png) no-repeat 0px 8px; font-size:18px; font-weight:bold; padding-left:20px; }

.profile{ background:url(../images/profile_bg.jpg) repeat center center; padding:15px; margin-bottom:30px; }
.profile .inner{ background-color:rgba(255,255,255,0.9); border:solid 1px #fff; padding:20px; border-radius:7px; }
.profile p{ margin:0 0 15px; }

.mailform{ width:900px; margin:0 auto 30px; position:relative; }
.mailform .nam{ position:absolute; top:143px; left:202px; height:51px; width:663px; border:none; font-size:18px; }
.mailform .mai{ position:absolute; top:208px; left:202px; height:51px; width:663px; border:none; font-size:18px; }
.mailform .btn{ position:absolute; top:285px; left:119px; }
.mailform .txt{ font-size:14px; margin-top:10px; }
.mailform .book{ position:absolute; top:-30px; right:-20px; }

/* favorite decoration **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.shadow , .section1 li , .section8 .box , .section6 dl , .section7 .ptn1 , .section7 .ptn2 , .section7 .ptn3
{ box-shadow:0px 0px 8px rgba(0,0,0,0.4); }

table{ border-collapse:separate; border-spacing:1px; background-color:#cdcdcd; line-height:2; font-size:14px; }
table th , table td{ border:1px solid #fff; padding:5px 10px; }
table th{ font-weight:bold; background-color:#cdcdcd; width:22%; vertical-align:middle; }
table td{ background-color:#fff; }
table ol{ margin-left:20px; }

ul.assist{ font-size:12px; padding:15px 25px 12px; line-height:1.6; border:solid 1px #cdcdcd; }

.system{ font-size:14px; }

dl.rule{ padding:20px; background-color:#f6f6f6; border-radius:3px; border:solid 1px #cdcdcd; font-size:12px; line-height:1.6; text-align:left; }
dl.rule dt{ font-weight:bold; font-size:14px; text-align:center; }



/* footer **********
///////////////////////////////////////////////////////////////////////////////////////////////*/
.footer{ background-color:#333; padding:20px 0; text-align:center;}