*	{
	margin:0;
	padding:0;
	}

img	{border:none;
	}

body	{
	font-family: Verdana, "lr oSVbN", Osaka, "qMmpS Pro W3";
	letter-spacing: 0.5px;
	vertical-align:baseline;
	text-align:center;
	}
	
p	{font-size:12px;
	color:#333333;
	line-height:1.5;
	}

a	{color:#cc3399;
	text-decoration:none;
	}

a:hover	{
	text-decoration:underline;
}

.clear{clear:both;
}

hr{
	border:1px dotted #cccccc;
	margin:8px 0;
}

#wrappar	{
	background:url(../images/body_bg.gif) repeat-y top left;
	margin:0 auto;
	width:846px;
	height:auto;
	text-align:left;
	}

div#wrapper:after {
	content: "";
	display: block;
	clear: both;
}

div#contents	{background:url(../images/bg.gif);
		margin:0 auto;
		width:800px;
		height:auto;
		min-height:1px;
		}


*html body #contents	{background:url(../images/bg.gif);
		margin:0 23px;
		width:800px;
		height:auto;
		min-height:1px;
		}


/* start: clearfix ------------------------------ */
div#contents:after {
	content: "";
	display: block;
	clear: both;
}

#contents { display:inline-table; }

/* Hides from Mac IE \*/
* html #contents { height:1px; }
#contents { display:block; }
/* */
/* end: clearfix ------------------------------ */

div#header{
	width:800px;
	height:auto;
	position:relative;
	top:0;
	left:0;
}

.top_back{
	width:800px;
	height:93px;
	background:url(../images/header02.gif) no-repeat top left;
	position:relative;
	top:0;
	left:0;
}

div#main{
	padding:0 10px;
	width:800px;
	height:auto;

}


div#left	{
	clear:both;
	float:left;
	width:500px;
	height:auto;
	float:left;
}

div#right{
	float:right;
	position:relative;
	width:250px;
	height:auto;
	padding-left:0px;
}


div#footer{
	clear:both;
	width:800px;
	height:174px;
	margin-top:20px;
	background:url(../images/footer.gif) no-repeat left top;
}

div#footer p	{
	text-align:center;
	padding-top:120px;
	width:800px;
	height:auto;
	color:#cc0066;
}

h2{
	color:#cc0066;
	font-size:14px;
	margin-left:10px;
}

h3{
	color:#666633;
	font-size:14px;
	font-weight:normal;
}


.aisatu{
	width:480px;
	height:50px;
	background:url(../images/lesson.gif) no-repeat center bottom;
	margin-left:40px;
}

.okeiko{
	width:300px;
	height:auto;
	float:left;
	margin:0 10px 10px 10px;
}


.okeiko dt{
	width:200px;
	height:20px;
	color:#cc0066;
	font-size:14px;
	margin-top:10px;
}

.okeiko dd{
	font-size:12px;
	margin-left:10px;
}


.box_top{
	width:214px;
	height:49px;
	background:url(../images/whats_new.gif) no-repeat left bottom;
}

.box_middle{
	width:210px;
	height:auto;
	background:url(../images/middle_box.gif) repeat-y left top;
	text-align:center;
}

.box_bottom{
	width:214px;
	height:16px;
	background:url(../images/bottom_box.gif) no-repeat left top;

}

.btn_box{
	width:410px;
	height:34px;
	margin:0 0 10px 30px;
}



*html body .top_btn{
	position:absolute;
	top:80px;
	left:250px;
}


.top_btn{
	width:410px;
	height:34px;
	position:relative;
	top:-45px;
	left:230px;
}

div#re_top{
	background: url(../images/rpt_top.gif) no-repeat left top;
	width:480px;
	height:27px;
	margin-left:30px;
}

div#re_middle{
	background: #fff url(../images/rpt_middle.gif) no-repeat left bottom;
	width:480px;
	height:auto;
	margin-left:30px;

}

div#re_middle p{
	width:460px;
	height:auto;
	margin:0 0 0 10px;
}	

div#re_bottom{
	background: url(../images/rpt_bottom.gif) no-repeat left top;
	width:480px;
	height:27px;
	margin-left:30px;
}