@charset "UTF-8";
@import url("reset.css");
@import url("clearfix.css");
@import url("base.css");

/* CSS Document */

/*area1
-------------------------------------------------------------*/
#courseInfo h1{
	color:#A67C52;
	font-size:2.0em;
	font-weight:bold;
	width:270px;
	height:65px;
	background-image: url(../img/common/main-top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:20px 236px 0 44px;
}

*html #onelesson{
	margin:0 0 0 10px;
}

*:first-child+html #onelesson{
	margin:0 0 0 5px;
}

#courseInfo #area1{
	margin:20px 0 0 0;
}

#courseInfo #area1Left{
	width:170px;
	float:left;
}

#courseInfo #area1Right{
	font-size:1.2em;
	line-height:1.6em;
	width:312px;
	height:260px;
	float:left;
	display:inline;
	padding:16px 10px 10px 30px;
	margin:0 0 0 20px;
	background-image: url(../img/onelesson/onelesson-area1-bg001.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/*area2
-------------------------------------------------------------*/

#courseInfo #area2{
	width:540px;
	clear: both;
	margin:30px 0 0 0;
}

#courseInfo #area2 h2{
	margin:0 0 10px 0;
}

#courseInfo .area2Box{
	padding:0 0 20px 0;
}

#courseInfo .area2Box h3{
	font-size: 1.3em;
	font-weight:bold;
	background-color: #E6E6E6;
	color:#009245;
	height:2.0em;
	text-align: center;
	padding:0.5em 0 0.5em 0;
}

*html #courseInfo .area2Box h3{
	height:2.2em;
}

#courseInfo .area2Box h3 a{
	color:#009245;
	text-decoration:none;
}

#courseInfo .area2Box h3 a:hover
,#courseInfo .area2Box h3 a:focus
,#courseInfo .area2Box h3 a:active{
	color:#009245;
	text-decoration:underline;
}

#courseInfo .area2Box h4{
	color:#F15A24;
	font-size: 1.2em;
	background-image: url(../img/onelesson/onelesson-list01.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding:0 2px 0 13px;
}

#courseInfo .area2BoxBottom{
	min-height: 220px;
	line-height: 1.5em;
}

*html #courseInfo .area2BoxBottom{
	height: 220px;
}

#courseInfo .area2Box p{
	font-size: 1.2em;
	padding:5px 2px 5px 2px;
}



#courseInfo .area2info{
	width: 163px;
	border: 1px solid #a67c52;
	float:left;
	margin:0 0 15px 15px;
}


*html #courseInfo .area2info{
	margin:0 0 15px 10px;
}


#courseInfo .area2BoxTop{
	height: 68px;
	width: 163px;
	border: 1px solid #a67c52;
}

#courseInfo .area2BoxBottom{
	width: 163px;
}

#courseInfo .area2BoxBottom h3{
	color:#009245;
	font-size:1.4em;
	font-weight:bold;
	padding:5px 2px 0 2px;
}



#courseInfo .boxBottom{
	font-size: 1.2em;
	text-align: right;
	padding:0 0 5px 0;
}

#courseInfo .boxBottom a{
	color:#666;
	text-decoration:none;
}

#courseInfo .boxBottom a:hover
,#courseInfo .boxBottom a:focus
,#courseInfo .boxBottom a:active{
	color:#666;
	text-decoration:underline;
}