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


body {
	background-image:url(../img/bg_body.gif);
	background-position:0 510px;
	background-repeat:repeat-x;
}

/*
#main h3 {
	width:auto;
	height:auto;
	padding:0;
	margin:0;
	background:none;
}
*/

/** メインヴィジュアル **/
#main-visual {
	width:980px;
	height:380px;
/*
	background-image:url(../img/top_bg-main-visual.gif);
	background-position:center bottom;
	background-repeat:repeat-x;
*/
	margin:0 auto 20px;
}
#main-visual h2 {
	width:980px;
	height:380px;
	margin:0 auto;
}


/** メリット **/
#merit {}


/* POINT */
.point { width:740px; margin:0 auto 25px; }
.point p.ttl { float:left; padding-top:5px; }
.point ul { float:right; width:620px; }
.point li {
	font-size:14px;
	font-weight:bold;
	padding:5px 5px 3px 30px;
	background:url(../img/ico_check.png) no-repeat 0 3px;
	border-bottom:1px dotted #8899aa;
}

#merit-02 h4 {
	padding-top:3px;
	margin-bottom:20px;
}
.box-merit-02 {
	width:740px;
	margin:30px auto;
}
.box-merit-02-inner { width:420px; }



/** 理念 **/
#top-poricy {
	width:680px;
	padding:10px 30px 20px;
	margin-bottom:40px;
	background-color:#fffef0;
	border:2px solid #d2e6b4;
}
#top-poricy h3 {
	margin-bottom:15px;
}
#top-poricy p {
	width:680px;
	line-height:30px;
	background:url(../img/top_bg-poricy.gif) repeat;
}



/** こんなあなたにピッタリです! **/
#top-match { margin-bottom:40px; }
#top-match h3 {
	float:left;
}
#top-match ul {
	float:right;
	width:350px;
	margin-top:20px;
}
#top-match li {
	font-size:13px;
	font-weight:bold;
	padding:5px 5px 3px 30px;
	background:url(../img/ico_check.png) no-repeat 0 3px;
	border-bottom:1px dotted #8899aa;
}



/** 例えば こんなことがあります！ **/
#top-example { margin-bottom:40px; }
#top-example h3 {
	float:right;
}
#top-example ul {
	float:left;
	width:400px;
	margin-top:20px;
}
#top-example li {
	font-size:13px;
	font-weight:bold;
	padding:5px 5px 3px 30px;
	background:url(../img/ico_check.png) no-repeat 0 3px;
	border-bottom:1px dotted #8899aa;
}



/** レッスン受講生の感想 **/
#top-voice {
	width:732px;
	height:auto;
	padding-bottom:20px;
	margin:0 auto 40px;
	background:url(../img/top_bg-voice.gif) repeat;
	border:4px solid #81511c;
}
#top-voice h3 {
	width:550px;
	height:60px;
	margin:0 auto 10px;
}
#top-voice-inner {
	width:714px;
	margin:0 auto;
}
#top-voice-inner .box-top-voice {
	float:left;
	width:180px;
	height:190px;
	padding:35px 20px 10px;
	margin:12px 8px;
}
#top-voice-inner .red { background-image:url(../img/top_bg_box-voice-r.gif); }
#top-voice-inner .yellow { background-image:url(../img/top_bg_box-voice-y.gif); }
#top-voice-inner .blue { background-image:url(../img/top_bg_box-voice-b.gif); }
#top-voice-inner .green { background-image:url(../img/top_bg_box-voice-g.gif); }
#top-voice-inner .box-voice p {
	font-size:13px;
	line-height:1.7em;
}
