@charset "utf-8";
/* CSS Document */

/* ================================================
基本の枠組み
================================================ */

body {
	text-align: center;
	color: #333;
}

#wrap {
	width: 950px;
	margin: 0 auto;
	text-align: left;
}

/* navi */
#siteID {
	margin-bottom: 2px;
}
#navi {
	width: 210px;
	float: left;
	margin-bottom: 20px;
}
#naviNavi {
	margin-bottom: 8px;
}
#naviNavi li {
	height: 38px;
}

#naviBanner {
	margin-bottom: 8px;
}
#naviBanner li {
	margin-bottom: 5px;
}

#naviVoice {
	background-color: #82c8e3;
	padding: 5px 10px 10px;
}
#naviVoice h3 {
	color: #e02542;
	font-weight: bold;
	margin-bottom: 5px;
}
#naviVoice h4 {
	color: #fff;
	font-weight: bold;
	margin-bottom: 0.5em;
}
#naviVoice p {
	font-size: 80%;
}

/* content */
#content {
	width: 720px;
	float: right;
	margin-bottom: 20px;
}
#areaHeadLink {
	font-size: 85%;
	text-align: right;
	margin-top: 10px;
	margin-bottom: 8px;
}
#areaHeadLink li {
	display: inline;
	background: url(/_shared/_images/ico_link_header.gif) left center no-repeat;
	padding-left: 12px;
	margin-left: 10px;
}

#areaPromotion {
	margin-bottom: 15px;
}

#areaAgeNavi {
	background: url(/_shared/_images/bg_age_navi.gif) left top no-repeat;
	padding: 11px;
	padding-top: 8px;
	margin-bottom: 15px;
}
#areaAgeNavi h2 {
	margin-bottom: 5px;
}
#areaAgeNavi li {
	display: inline;
	margin-right: 3px;
}

/* --------------campaign------------------------- */

#main h1 {
	margin: 0px 0px 20px;
}
#mam {
	background: url(../images/img_mam.gif) no-repeat right bottom;
	width: 695px;
	margin: 0px 0px 15px;
	height: 207px;
}
#mam ul li {
	display: inline;
}
#mam li img {
	margin: 0px 7px 0px 0px;
}
#mam p {
	margin: 0px;
	padding: 0px;
	clear: both;
}
#comment {
	margin: 0px 0px 10px;
	width: 720px;
}
#comment .miniBtn {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 56px;
}
#comment .miniBtn li {
	margin: 0px 0px 2px;
}
#comment .listComment01 {
	background: #eef9bc url(../images/bg_comment01.gif) no-repeat center bottom;
	margin: 0px 0px 4px;
	padding: 25px 20px;
	float: right;
	width: 614px;
	min-height: 120px;
}
#comment .listComment02 {
	background: #d5f3ff url(../images/bg_comment02.gif) no-repeat center bottom;
	margin: 0px 0px 4px;
	padding: 25px 20px;
	float: right;
	width: 614px;
	min-height: 120px;
}
#comment .listComment03 {
	background: #ffdfc5 url(../images/bg_comment03.gif) no-repeat center bottom;
	margin: 0px 0px 4px;
	padding: 25px 20px;
	float: right;
	width: 614px;
	min-height: 120px;
}
*html .listComment01,
*html .listComment02,
*html .listComment03{
	height: 125px;	
}
#comment .comment li {
	background: url(../images/icon_dot.gif) no-repeat left center;
	padding-left: 8px;
	line-height: 120%;
	margin-bottom: 8px;
}
#naviBtn {
	margin: 0px 0px 3px;
	clear: both;
}
#naviBtn .btnL {
	margin: 0px 0px 2px;
	padding: 0px;
	float: left;
	width: 172px;
}
#naviBtn .ageNav {
	margin: 28px 0px 0px;
	float: right;
	width: 540px;
}
#naviBtn .ageNav li {
	display: inline;
}
.ageNav li img {
	margin-left: 2px;
}


#voice {
	margin: 0px 0px 0px 175px;
	padding: 0px 0px 6px;
	width: 545px;
	clear: both;
	height: 280px;
}
.voice_a {
	background: #FFE12B url(../images/bg_voice_a.gif) no-repeat left top;
}
.voice_b {
	background: #FFE12B url(../images/bg_voice_b.gif) no-repeat left top;
}
.voice_c {
	background: #FFE12B url(../images/bg_voice_c.gif) no-repeat left top;
}
.voice_bc {
	background: #FFE12B url(../images/bg_voice_bc.gif) no-repeat left top;
}
.voice_cd {
	background: #FFE12B url(../images/bg_voice_cd.gif) no-repeat left top;
}
#voice h2 {
	margin: 19px 0px 0px 10px;
	height: 95px;
	width: 41px;
	float: left;
	display: inline;
}
#voice .wrapVoice {
	float: right;
	width: 469px;
	margin: 27px 6px 0px 0px;
	display: inline;
}
#voice .wrapVoice h3 {
	font-size: 115%;
	font-weight: bold;
	margin-left: 170px;
}
#voice .wrapVoice h4 {
	background: url(../images/bg_sticky.gif) no-repeat left top;
	padding: 9px 10px 4px 18px;
	width: 128px;
	margin-top: -30px;
}
* html #voice .wrapVoice h4 {
	margin-top: -20px;
}
#voice .wrapVoice .boxVoice {
	background: #FFF url(../images/bg_sticky_btm.gif) no-repeat left top;
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 7px;
	padding-bottom: 5px;
}
#voice .photoVoice {
	margin: 0;
	padding: 0px;
	float: left;
	width: 200px;
}
#voice .txtVoice {
	float: right;
	width: 230px;
}
#voice .txtVoice p {
	line-height: 160%;
}

#voice .txtVoice .more {
	font-weight: bold;
	text-align: right;
}
#voice .page,
#panelSlideQA .page {
	clear: both;
	margin: 0px;
	padding: 7px 0px;
	width: 452px;
	font-weight: bold;
}
.pageQA li {
	display: inline;
	margin: 0 5px;
}
.page .prev {
	margin: 0px;
	padding: 0px;
	float: left;
}
.page .next {
	margin: 0px;
	padding: 0px;
	float: right;
}
#freeLesson {
	background: #def5fe;
	padding: 0px 0px 22px;
	margin: 0px 0px 20px;
}
#freeLesson h2 {
	margin: 0px 0px 10px;
}
#freeLesson .step {
	background: url(../images/bg_step_btm.gif) no-repeat left bottom;
	width: 714px;
	clear: both;
}
#freeLesson .wrapStep {
	background: url(../images/bg_step_top.gif) no-repeat left top;
	margin: 0px;
	padding: 0px;
	width: 714px;
}
#freeLesson .step h3 {
	margin: 27px 0px 0px 6px;
	padding: 0px;
	float: left;
	height: 50px;
	width: 64px;
	display: inline;
}
#freeLesson .boxStep {
	margin: 16px 6px 0px 0px;
	padding: 0px 0px 10px;
	float: right;
	width: 628px;
	display: inline;
}
.boxStep h4 {
	margin: 0px 0px 9px;
}
.boxStep .txtStep {
	text-align: center;
	margin: 0px 0px 9px;
}
.boxStep .booking {
	background: url(../images/bg_booking.gif) no-repeat left bottom;
	margin: 0px;
	padding: 0px 0px 19px;
	width: 628px;
}
.formBooking {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 228px;
}
.formBooking p {
	width: 212px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	line-height: 140%;
}

.inpuiry {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 394px;
}
.inpuiry .error {
	margin: 0px 0px 0px 6px;
	width: 381px;
	background: #FFF;
	padding: 0px;
}
.error .mobile {
	margin: 0px 0px 0px 11px;
	padding: 0px 0px 0px 38px;
	float: left;
	width: 127px;
	background: url(../images/img_mobile.gif) no-repeat left top;
	display: inline;
}
.mobile p {
	margin: 0px 0px 2px;
	line-height: 130%;
}

.error .qr {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 186px;
	display: inline;
}
.qr li {
	width: 93px;
	float: left;
	margin: 0px;
	padding: 0px;
}
.qr p {
	margin: 0px 0px 2px;
	padding: 0px;
	word-break: normal;
}
.boxExp {
	background: #FFF url(../images/bg_exp.gif) no-repeat left 30px;
}
.boxExp .exp {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 280px;
}
.boxExp .briefing {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 280px;
}
.exp p,
.briefing p{
	margin: 0px;
	padding: 10px 10px 20px;
	line-height: 140%;
}
.plan {
	margin: 0px;
	padding: 0px;
	width: 628px;
}
.plan li {
	display: inline;
}
.plan .or img {
	margin: 31px 19px 0px 16px;
}
.btnInquiry {
	text-align: center;
}

#mam a:hover,
.miniBtn a:hover,
#naviBtn a:hover,
.plan a:hover,
.btnInquiry a:hover {
	background: url(none);
}






/* footer */
#footer {
	clear: both;
	margin-bottom: 20px;
}


/* module */
.mgnB0 {
	margin-bottom: 0px;
}
.mgnB2 {
	margin-bottom: 2px;
}
.mgnB6 {
	margin-bottom: 6px;
}
.mgnB8 {
	margin-bottom: 8px;
}
.mgnB10 {
	margin-bottom: 10px;
}
.mgnB20 {
	margin-bottom: 20px;
}
#main .line {
	margin: 28px 0px;
	clear: both;
}

.clear {
	clear: both;
}


/* sliding panel */
#panelSlideQA {
	margin: 0px 0px 4px;
	float: right;
	width: 654px;
	height: 370px;
}
.panelSlideQA1 {
	background: #eef9bc;
}
.panelSlideQA2 {
	background: #d5f3ff;
}
.panelSlideQA3 {
	background: #ffdfc5;
}
#panelSlideQA a {
	font-weight: bold;
}
#panelSlideQA h3 {
	padding-left: 25px;
	min-height: 20px;
	font-weight: bold;
	font-size: 100%;
	margin-bottom: 10px;
}
* html #panelSlideQA h3 {
	height: 20px;
}
#panelSlideQA h3.age1 {
	background: url(../images/ttl_qa_1_sub.png) left top no-repeat;
}
#panelSlideQA h3.age2 {
	background: url(../images/ttl_qa_2_sub.png) left top no-repeat;
}
#panelSlideQA h3.age3 {
	background: url(../images/ttl_qa_3_sub.png) left top no-repeat;
}
.SlidingPanelsContentGroup {
 width: 10000px;
}
#panelSlideQA .SlidingPanelsContent {
 height: auto;
 width: 654px;
 float: left;
 height: 370px;
}
#panelSlideQA .SlidingPanelsContent .panel {
 height: 300px;
}
#panelSlideQA .SlidingPanelsContent .panel .inner {
 clear: both;
 height: 250px;
 overflow: auto;
}
#panelSlideQA .slide01 {
	background: url(../images/bg_comment01.gif) no-repeat center bottom
}
#panelSlideQA .slide02 {
	background: url(../images/bg_comment02.gif) no-repeat center bottom
}
#panelSlideQA .slide03 {
	background: url(../images/bg_comment03.gif) no-repeat center bottom
}


#panelSlideQA .slide01a {
	background: url(../images/bg_comment01a.gif) no-repeat center bottom
}
#panelSlideQA .slide01b {
	background: url(../images/bg_comment01b.gif) no-repeat center bottom
}
#panelSlideQA .slide01c {
	background: url(../images/bg_comment01c.gif) no-repeat center bottom
}
#panelSlideQA .slide02a {
	background: url(../images/bg_comment02a.gif) no-repeat center bottom
}
#panelSlideQA .slide02b {
	background: url(../images/bg_comment02b.gif) no-repeat center bottom
}
#panelSlideQA .slide02bc {
	background: url(../images/bg_comment02bc.gif) no-repeat center bottom
}
#panelSlideQA .slide02c {
	background: url(../images/bg_comment02c.gif) no-repeat center bottom
}
#panelSlideQA .slide03a {
	background: url(../images/bg_comment03a.gif) no-repeat center bottom
}
#panelSlideQA .slide03b {
	background: url(../images/bg_comment03b.gif) no-repeat center bottom
}
#panelSlideQA .slide03c {
	background: url(../images/bg_comment03c.gif) no-repeat center bottom
}

#panelSlideQA .SlidingPanelsContent .panel {
  margin: 10px 15px;
}

/* 会員の声 */
#voice .SlidingPanelsContent {
 height: auto;
 width: 545px;
 float: left;
}
#voice .SlidingPanelsContent .panel {
}