@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body{}
#wrap{}

/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea{}
#headerAreaLogo{}
#pageTitle .pageTitleInner{ background-image:url(../images/img_title_v16.jpg);}
#pageTitle p{
	position: absolute;
	top: 145px;
	left: 87px;
	color: #FFF;
	font-size: 16px;
	line-height: 1.2em;
}

/*----------------------------------------------------------------------------
 ***                                                       Header - gNavi
----------------------------------------------------------------------------*/
#gNavi{}
#gNavi li a:hover{ background:url(../common_images/gnavi/yajirushi.png) center 43px no-repeat;}

/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
#contentsArea{}
#contentsAreaInner{}
h2{}


/*----------------------------------------------------------------------------
 ***                                                              mainsection
----------------------------------------------------------------------------*/
.mainSection{ width:685px;}
.mainSectionInner{}
.mainSection #vsSec{ margin-bottom:50px;}
.mainSection #vsSec .sectionInner{ margin:0 auto;}
.mainSection .h3Box{ border-left-color: #ED1E79; }
.mainSection .lessonBtn{ width:650px; margin:0 auto;}

#p_h3{ font-size:15px;}

#vsSec .planSec{ margin-top:30px;}
#vsSec .planSec .sectionInner{ padding:0 35px 0 10px;}
#vsSec .planSec h4{ font-size:22px; background:url(../price/images/icon_h4_01.png) left 2px no-repeat; padding-left:30px; border-bottom:1px dotted #999; margin-bottom:25px;}
#vsSec .planSec h5{ font-size:16px;}
#vsSec .planSec p{ font-size:14px; line-height:1.4em;}
#vsSec .planSec .floatL{ width:310px; margin-bottom:25px;}
#vsSec .planSec .floatL ul{ width:292px; height:71px; background-color:#FFEBEA; border-radius:5px; padding:9px 0 0 18px; margin-top:4px;}
#vsSec .planSec .floatL li{ background:url(../price/images/icon_li.png) left top no-repeat; font-size:14px; font-weight:bold; padding-left:35px; padding-top:2px; margin-bottom:5px; color:#333;}
#vsSec .planSec .exampleBox{}
#vsSec .planSec .exampleBox .sectionInner{ padding:0; margin:0; border:3px solid #CCC; border-radius:5px; padding:24px 20px 13px 20px;}
#vsSec .planSec .exampleBox .floatR{ width:430px;}
#vsSec .planSec .exampleBox .floatR h6{ background-color:#808080; font-size:16px; color:#FFF; padding-top:4px; padding-left:10px; margin-bottom:5px;}
#vsSec .planSec .exampleBox .floatR dl{ clear:both; border-bottom:1px dotted #999; padding:2px 0;}
#vsSec .planSec .exampleBox .floatR dt{ font-size:14px; color:#ED1E79; float:left; width:100px;}
#vsSec .planSec .exampleBox .floatR dd{ font-size:14px; color:#333;}
#vsSec .planSec .exampleBox .floatR dd span{ font-size:11px; line-height:1.2em;}
#vsSec .planSec .exampleBox .floatR dl.lastdl{ border:none;}
#vsSec .planSec .exampleBox .floatR dl.lastdl dd{ line-height:1.4em; padding-top:4px;}
#vsSec .planSec .exampleBox .floatL{ width:130px;}
#vsSec .planSec .exampleBox .floatR dt.hei_55{ height:55px;}
#vsSec #freePlan p.floatR{ margin-top:42px;}
#vsSec #freePlan .exampleBox .floatR dl.lastdl dt{ height:80px;}

#new_course,#sapri{ width:625px; margin-left:29px;}
#new_course h3,#sapri h3{ font-size:21px; color:#DB2474; padding:3px 0 6px 133px;}
#new_course{ width:625px; margin-left:29px; padding-top:20px;}
#new_course h3{border-bottom:4px solid #E6E6E6;}
#new_course h4{ margin-bottom:13px;}
#new_course #course_txt{ font-size:15px; margin:5px 0 3px 0;}
#new_course .floatL,
#new_course .floatR{ width:300px; margin-bottom:30px;}

/*#sapri{background:url(../price/images/back_sapri.png) left 28px no-repeat;height:230px;margin-bottom: -145px;}*/
#sapri h3{ background:url(../price/images/icon_h4_03.png) left top no-repeat; margin-bottom:15px;}
#sapri h3 span{ letter-spacing:-0.25em;}
#sapri h4{ margin-bottom:7px;}
#sapri p{ width:500px; margin-bottom:10px;}
#sapri ul li{ float:left; margin-right:10px;}
#sapri ul li.pdt10{ padding-top:10px;}

#usagiIMG{ display:none;}



.moushikomiBox{ margin:20px auto 50px; width: 90%;/* align-content: center; */}


/*----------------------------------------------------------------------------
 ***                                                              rightsection
----------------------------------------------------------------------------*/
.rightSection{}
.rightSectionInner{}

/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
#footerArea p{}
#footerArea{}
#footerAreaLink{}
#footerAreaInner{}
#footerAreaLogo{}
#footerCopyright{}

/*----------------------------------------------------------------------------
 ***                                                              ページトップ
----------------------------------------------------------------------------*/
.pagetop{}

/*----------------------------------------------------------------------------
 ***                                                                   section
----------------------------------------------------------------------------*/
.section{}
.sectionInner{}
