@charset "UTF-8";
/* CSS Document */
#lessons .subHeader{
	
}

#lessons .subHeader h2{
	background:url(../images/lessons/lessons.gif) no-repeat 0 0 #f6F6F6;
}


#lessons .content dl{
	padding:10px 0;
}

#lessons .content dt{
	padding:2px 0 2px 25px;
	background: url("../images/common/dtTitle.gif") repeat-y 0 0 transparent;
}
#lessons .content dd{
	padding:3px 0 0 25px;
}


#lessons .content .table{
	padding:0;
}

#lessons .content .table dt{
	clear: left;
	float: left;
	width: 200px;
	padding: 0;
	background: none;
}
#lessons .content .table dd{
	padding: 0;
}


/*list*/
#lessonsList{
	
}

#lessonsList .subHeader h2{
	background:url(../images/lessons/lessons.gif) no-repeat 0 -32px #f6F6F6;
}

#lessonsContent .subHeader h2{
	background:url(../images/lessons/lessons.gif) no-repeat 0 -64px #f6F6F6;
}

/*授業案内*/
.mainR .lessons .content,
#lessonsList .mainR .content,
#lessonsContent .mainR .content{
	clear:both;
	padding:10px 13px;
	position: relative;
}

.mainR .thanks{
	padding:30px 0 30px 0;
}


.mainR .lessons .lessonsTitle,
#lessonsList .mainR .lessonsTitle,
#lessonsContent .mainR .lessonsTitle{
	float: left;
	width: 495px;
	border-left:8px #eaeaea solid;
	padding: 0 0 0 11px;
}
.mainR .lessons .lessonsContent,
#lessonsList .mainR .lessonsContent{
	clear:left;
	float: left;
	display:inline;
	margin: 6px 0 0 20px;
	width: 535px;
}
#lessonsContent .mainR .lessonsContent{
	clear:both;
	/*display:inline;
	float: left;*/
	padding: 6px 160px 0 20px;
}
#lessonsContent .mainR .lessonsOtherContent{
	clear: both;
	width: 664px;
	margin: 0 0 0 20px;
	padding: 20px 0 55px 0;
}

.mainR .lessons .lessonsContent dt,
#lessonsList .mainR .lessonsContent dt,
#lessonsContent .mainR .lessonsContent dt{
	clear: both;
	float: left;
}

.mainR .lessons .lessonsCategory,
#lessonsList .mainR .lessonsCategory{
	float:right;
	text-align:right;
	margin: 0 0 170px 0;
	/*top:10px;
	right:13px;*/
}
.mainR .lessonsEnd .lessonsCategory{
	margin: 0 0 10px 0;
}

#lessonsContent .mainR .lessonsCategory{
	float:right;
	text-align:right;
	margin: 0;
}

.mainR .lessons .imgHtmlBtn,
#lessonsList .mainR .imgHtmlBtn,
#lessonsContent .mainR .imgHtmlBtn{
	position: absolute;
	top:40px;
	right:13px;
	width: 80px;
	height: 80px;
	/*margin: 10px 0 80px 0;*/
}
#lessonsContent .lessonsPhoto{
	position: absolute;
	top:70px;
	right:13px;
	width: 160px;
	height: 160px;
}

.mainR .lessons .entryBtn,
#lessonsList .mainR .entryBtn,
#lessonsContent .mainR .entryBtn{
	position:absolute;
	right: 13px;
	bottom: 10px;
	width: 119px;
	height: 45px
}
.mainR .lessons .entryBtn a,
#lessonsList .mainR .entryBtn a,
#lessonsContent .mainR .entryBtn a{
	width: 119px;
	height: 45px;
	background:url(../images/lessons/lessons.gif) no-repeat 0 -96px transparent;
}
.mainR .lessons .entryBtn a:hover,
#lessonsList .mainR .entryBtn a:hover,
#lessonsContent .mainR .entryBtn a:hover{
	background-position: -119px -96px;
}
.mainR .lessons .entryEnd,
#lessonsList .mainR .entryEnd,
#lessonsContent .mainR .entryEnd{
	position:absolute;
	right: 13px;
	bottom: 10px;
	width: 119px;
	height: 45px;
	background:url(../images/lessons/lessons.gif) no-repeat -357px -96px transparent;
}
.mainR .lessons .entryTimeup,
#lessonsList .mainR .entryTimeup,
#lessonsContent .mainR .entryTimeup{
	position:absolute;
	right: 13px;
	bottom: 10px;
	width: 119px;
	height: 45px;
	background:url(../images/lessons/lessons.gif) no-repeat -238px -96px transparent;
}
.mainR .lessons .cancelBtn,
#lessonsList .mainR .cancelBtn,
#lessonsContent .mainR .cancelBtn{
	position:absolute;
	right: 13px;
	bottom: 10px;
	width: 119px;
	height: 45px
}
.mainR .lessons .cancelBtn a,
#lessonsList .mainR .cancelBtn a,
#lessonsContent .mainR .cancelBtn a{
	width: 119px;
	height: 45px;
	background:url(../images/lessons/lessons.gif) no-repeat 0 -197px transparent;
}
.mainR .lessons .cancelBtn a:hover,
#lessonsList .mainR .cancelBtn a:hover,
#lessonsContent .mainR .cancelBtn a:hover{
	background-position: -119px -197px;
}


#lessonsContent .mainR .content{
	padding-bottom: 20px;
}

#lessonsContent .mainR .entryBtn,
#lessonsContent .mainR .entryEnd,
#lessonsContent .mainR .entryTimeup,
#lessonsContent .mainR .cancelBtn{
	position:absolute;
	left: 295px;
	bottom: 20px;
}


#lessonsContent .mainR .entryTopBtn{
	clear: both;
	margin: 10px auto 0 auto;
	width: 119px;
	height: 45px
}
#lessonsContent .mainR .entryTopBtn a{
	width: 119px;
	height: 45px;
	background:url(../images/lessons/lessons.gif) no-repeat 0 -96px transparent;
}
#lessonsContent .mainR .entryTopBtn a:hover{
	background-position: -119px -96px;
}
#lessonsContent .mainR .entryTopEnd{
	position:absolute;
	left: 295px;
	bottom: 10px;
	width: 119px;
	height: 45px;
	background:url(../images/lessons/lessons.gif) no-repeat -238px -96px transparent;
}
#lessonsContent .mainR .cancelTopBtn{
	clear: both;
	position: relative;
	margin: 10px auto 0 auto;
	width: 119px;
	height: 45px
}
#lessonsContent .mainR .cancelTopBtn a{
	width: 119px;
	height: 45px;
	background:url(../images/lessons/lessons.gif) no-repeat 0 -197px transparent;
}
#lessonsContent .mainR .cancelTopBtn a:hover{
	background-position: -119px -197px;
}






.mainR .lessons .hanko,
#lessonsList .mainR .hanko,
#lessonsContent .mainR .hanko{
	position: absolute;
	top: 8px;
	right: 106px;
	width: 56px;
	height: 56px;
}
.mainR .lessons .bosyutyu,
#lessonsList .mainR .bosyutyu,
#lessonsContent .mainR .bosyutyu{
	background:url(../images/lessons/lessons.gif) no-repeat 0 -141px transparent;
}
.mainR .lessons .majika,
#lessonsList .mainR .majika,
#lessonsContent .mainR .majika{
	background:url(../images/lessons/lessons.gif) no-repeat -56px -141px transparent;
}
.mainR .lessons .shimekiri,
#lessonsList .mainR .shimekiri,
#lessonsContent .mainR .shimekiri{
	background:url(../images/lessons/lessons.gif) no-repeat -112px -141px transparent;
}