#main {
	height: 285px;
	position: relative;
}

#main h2 {
	background: url(../img/top_catch.gif) no-repeat;
	width: 380px;
	height: 111px;
	margin: 0;
	top: 48px;
	left: 30px;
	position: absolute;
	text-indent: -9999px;
}

#main p {
	padding: 215px 0 10px 30px;
}

#contents {
	background: url(../img/top_main.jpg) no-repeat center top;
	margin: -3px 0 0;
}

#contents-in {
	width: 900px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#areaA {
	width: 240px;
	float: right;
	margin: 0;
	padding: 0 0 25px;
}

#areaA img.fl-r {
	float: right;
	margin: 0 0 10px 10px;
}

#areaA div.box-date {
	background: #351202 url(../img/top_date.jpg) no-repeat;
	margin: 0 0 5px;
	padding: 0 0 8px;
}

#areaA div.box-date h3 {
	display: none;
}

#areaA div.box-date p {
	background-color: #351202;
	color: #f0decc;
	font-weight: normal;
	font-style: normal;
	padding: 5px 8px 0;
}

#areaA div.box-date p strong {
	font-size: 14px;
}

#areaA div.box-date p a {
	color: #fff;
	text-decoration: underline;
}

#areaA div.box-date p.date {
	color: #fff;
	font-weight: bold;
	font-family: "Hiragino Mincho Pro","ヒラギノ明朝 Pro W6","MS 明朝","Times New Roman", Times, serif;
	margin: 0;
	padding: 7px 0 0 100px;
	font-weight: bold;
	font-family: "Hiragino Mincho Pro","ヒラギノ明朝 Pro W6","MS 明朝","Times New Roman", Times, serif;
	background-color: transparent;
	border-bottom: 1px solid #724420;
}

#areaA div.box-date p.date span {
	color: #fff;
	font-size: 19px;
}

#areaA div.box-date p.date span span.year {
	font-size: 12px;
	color: #fff;
}

#areaA div.box-date p.date span span.month,
#areaA div.box-date p.date span span.day {
	color: #fff;
}

#areaA div.box-tell {
	margin: 0 0 8px;
	position: relative;
	background: #351202;
}

#areaA div#slide-head {
	text-indent: -9999px;
	clear: both;
	width: 240px;
	height: 30px;
	margin: 0;
	padding: 0;
	line-height: 1px;
	background: #351202;
}
#areaA div.box-tell div#slide-head p {
	background: url(../img/top_slidebox.jpg) no-repeat center top;
	line-height: 1px;
	font-size: 1px;
	width: 240px;
	height: 30px;
}
#box-slide {
	border:2px solid #351202;
	width:236px;
	height:184px;
	margin: 0;
	padding: 0;
	background: #351202;
}

#areaA div.box-tell p {
	clear: both;
	width: 240px;
	height: 106px;
	background: url(../img/top_tellbox1.jpg) no-repeat;
}

#areaA div.box-tell a {
	display: block;
	margin: 0 auto;
	text-align: left;
	text-indent: -9999px;
	text-decoration: none;
	position: absolute;
	font-size: 1px;
	line-height: 1px;
	height: 16px;
	width: 100px;
	left: 42px;
	top: 200px;
}

#areaA div.box-pickup {
	background: url(../img/top_pickupbox_bg.jpg) no-repeat;
	padding: 0 0 20px;
}

#areaA div.box-pickup h3 {
	height: 32px;
	visibility: hidden;
}

#areaA div.box-pickup ul {
	padding: 8px 0 0;
}

#areaA div.box-pickup ul li {
	padding: 5px 10px 10px;
	clear: both;
}

#areaA div.box-pickup ul li p.banner {
	text-align: center;
	margin-bottom: 10px;
}

#areaA div.box-news {
	background: url(../img/top_whatsbox_bg.jpg) no-repeat;
	padding: 0 0 20px;
}

#areaA div.box-news h3 {
	height: 32px;
	visibility: hidden;
}

#areaA div.box-news ul {
	padding: 8px 0 0;
}

#areaA div.box-news ul li {
	padding: 0 10px 8px;
	clear: both;
}

#areaA div.box-partner {
	
}

#areaA div.box-partner h4 {
	background: url(../img/top_partner_h.jpg) no-repeat center top;
	text-indent: -9999px;
	margin: 0;
	height: 40px;
	padding: 0;
}

#areaA div.box-partner p {
	padding: 0;
	margin: 0 0 15px;
}

#areaA div.box-partner p img {
	
}

#contents-in #areaA div.box-lesson {
	margin: 15px 0 0 -13px;
	padding: 0;
}

#contents-in #areaA div.box-banner p {
	margin: 0;
	padding: 0 0 10px 0;
}

#contents-in #areaA div.box-banner {
	margin: 15px 0 0;
	padding: 0;
}

#areaA div.box-info {
	padding: 8px 0 0;
	border: 3px double #927385;
	margin: 10px 0 25px;
}

#areaA div.box-info h3 {
	color: #351202;
	padding: 0 0 0 10px;
	font-size: 1.2em;
}

#areaA div.box-info ul {
	padding: 5px 0 0;
}

#areaA div.box-info ul li {
	padding: 0 10px 8px;
	clear: both;
}

#areaA div.box-info ul li strong {
	color: #c00;
}

#areaB {
	width: 630px;
	float: left;
	padding: 0 0 30px;
}

#areaB div.block-info {
	margin: 0 0 20px 13px;
	padding: 0;
	width: 585px;
}

#areaB div.block-info p {
	padding: 10px 10px 10px 65px;
	background: #fff url(../../lesson/img/bg_lessoninfo.gif) no-repeat left top;
	border: 2px solid #e8b3bb;
}

#areaB div.block-banner {
	margin: -2px 0 0;
	width: 588px;
	position: relative;
	padding: 0 0 20px 13px;
}

#areaB div.block-banner ul {
	padding-bottom: 10px;
}

#areaB div.block-banner ul li {
	display: inline;
}

#areaB .block-banner ul li.first {
	padding-right: 10px;
}

#areaB .block-banner p {
	padding-bottom: 10px;
}

#areaB .block-banner h2 {
	padding: 9px 0;
}


#areaB div.block-banner ul li a {

}
/*
#areaB div.block-custom {
	margin: -2px 0 0;
	width: 588px;
	position: relative;
	padding: 0 0 20px 13px;
}

#areaB div.block-custom h2 {
	
}

#areaB div.block-custom h2 a {
	background: url(../img/banner_custom.jpg) no-repeat;
	width: 588px;
	height: 99px;
	display: block;
	text-decoration: none;
}

#areaB div.block-custom h2 a em {
	visibility: hidden;
}

#areaB div.block-custom p {
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
}
*/
#areaB div.block-item {
	width: 600px;
	margin: 0 0 20px 15px;
}

#areaB div.block-item h2 {
	padding: 0 0 15px;
}

#areaB div.block-item h2 img {
	
}

#areaB div.block-item h3 {
	clear: both;
	padding: 0 0 10px;
}

#areaB div.block-item h3 img {
	
}

#areaB div.block-item div.box-item {
	width: 290px;
	float: left;
	height: 150px;
	padding: 0;
}

#areaB div.block-item div.box-item .item-text {
	float: right;
	padding: 0;
	width: 165px;
}

#areaB div.block-item div.box-item h4 {
	margin: 0 0 0 0;
	padding: 0;
}

#areaB div.block-item div.box-item p.photo {
	float: left;
	width: 120px;
	padding: 0;
}

#areaB div.block-item div.box-item p.photo img {
	padding: 0;
}

#areaB div.block-item div.box-item p.photo a.img-w {
	display: block;
	margin: 0 auto 30px auto;
	text-align: center;
	background-color: #351202;
	width: 114px;
	height: 87px;
}

#areaB div.block-item div.box-item p.photo a.img-h {
	display: block;
	margin: 0 auto 30px 13px;
	text-align: center;
	background-color: #351202;
	width: 87px;
	height: 114px;
}

#areaB div.block-item div.box-item p.text {
	padding: 0;
	margin: 0 10px 5px 0;
	font-size: 10px;
}


#areaB div.block-item div.box-item p.price {
	float: left;
}

#areaB div.block-item div.box-item p.link {
	float: right;
	margin: 0 15px 20px;
	padding: 0;
}



#areaB div.block-item p.btn-lineup {
	text-align: center;
	clear: both;
	position: relative;
	padding: 5px 0 10px;
}

#areaB div.block-item p.btn-lineup a {
	display: block;
	background: url(../img/btn_lineup.gif) no-repeat;
	width: 294px;
	height: 45px;
	margin: 0 auto;
	text-align: left;
	text-indent: -9999px;
	text-decoration: none;
	padding: 0;
	position: relative;
}

#areaB div.block-howto {
	margin: 0 13px 20px;
	background: url(../img/top_howto_mid.gif) repeat-y;
	width: 588px;
}

#areaB div.block-howto img {
	margin: 30px 0 0 20px;
}

#areaB div.block-howto h2 {
	background: url(../img/top_howto_top.jpg) no-repeat;
	height: 215px;
	position: absolute;
	width: 588px;
}

#areaB div.block-howto p {
	position: relative;
	padding: 90px 270px 0 20px;
}

#areaB div.block-howto p.link {
	background: url(../img/top_howto_btm.gif) no-repeat left bottom;
	padding: 20px 0 20px 20px;
}

#areaB div.block-howto p.link a {
	background: url(../img/pnt1.gif) no-repeat left center;
	padding: 0 0 0 20px;
}

#areaB div.block-voice {
	margin: 0 15px 20px;
	width: 588px;
	background: url(../img/voice_bg.jpg);
}

#areaB .block-voice .box-voice-in {
	overflow: auto;
	height: 200px;
	margin-right: 5px;
}
#areaB div.block-voice .clear {
	background: url(../img/voice_foot.jpg) no-repeat center bottom;
	height: 20px;
	visibility: visible;
}
#areaB div.block-voice p.photo {
	float: right;
	padding: 10px;
	margin: 0;
}

#areaB div.block-voice p.voice-btn {
	text-align: right;
	padding-right: 25px;	
}

#areaB div.block-voice p.voice-btn a {
	background: url(../img/pnt1.gif) no-repeat left center;
	padding-left: 20px;
}

#areaB div.block-voice h2 {
	background: url(../img/voice_top.jpg) no-repeat left top;
	height: 46px;
	width: 588px;
	text-indent: -9999px;
}

#areaB div.block-voice dl {
	margin: 0 20px;
	padding: 8px 0;
}

#areaB div.block-voice dl dt {
	background: url(../img/ico_voice.gif) no-repeat;
	font-weight: bold;
	margin: 0;
	padding: 0 0 5px 20px;
	font-size: 1.1em;
}

#areaB div.block-voice dl dt span {
	font-weight: normal;
	font-style: normal;
	margin: 0 0 0 1.0em;
	color: #ac95a4;
}

#areaB div.block-voice dl dd {
	margin: 0;
	padding: 0 0 0 18px;
}

#areaB div.block-voice div.btm {
	background: url(../img/voice_btm.jpg) no-repeat left bottom;
	margin: 0;
	position: relative;
	font-size: 1px;
	line-height: 1px;
	height: 20px;
}

