@charset "utf-8";

/* LESSON =============== */

.lesson {padding-top: 20px;}
.lesson h2 {margin-bottom: 10px;}
.lesson a {border-bottom: 1px dotted #fff;}

.lg {
	font-size: 14px;
	margin-bottom: 10px;}

#box01 {border-bottom: 1px dotted #f2f2f2;}

#box02 {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #f2f2f2;
	background: url(../img/img01.jpg) right 15px no-repeat;}

#box02 h3 {padding: 15px 0;}

.box02txt {margin: 0 0 10px 16px;}

#box02 dl  {
	width: 550px;
	margin-left: 16px;}

#box02 dl dt {
	padding: 13px 0;
	border-top: 1px dotted #666;}

#box02 dl dd {padding-bottom: 10px;}

.gr {
	color: #ccc;
	margin-top: 1em;}

.lessoninfo {position: relative;}

.lessoninfo img {
	position: absolute;
	left: 260px; top 36px;}

#box03 {margin-left: 15px;}

#box03 h4 {
	font-size: 14px;
	margin: 25px 0 5px 0;}

#lessonform {
	position: relative;
	margin-top: 20px;}

#form01 {width: 430px;}

#form01 td {padding: 5px 5px 5px 15px;}

#form01 caption {
	text-align: left;
	margin-bottom: 1em;}

.input {
	width: 263px;
	height: 1.2em;}

#textarea {
	position: absolute;
	left: 420px; top: 0;}

#textarea dt {padding: 2px 5px 12px 0;}

#msgarea {
	width: 470px;
	height: 170px;}

*:first-child+html #msgarea {width: 470px;height: 185px;} 
* html #msgarea {width: 470px;height: 185px;} 
html[xmlns*=""] body:last-child #msgarea {width: 470px;height: 180px;} 

.submit {margin: 15px;}