@charset "utf-8";

#mainImage {
	margin-bottom: 20px;
	height: 290px;
	background: url(../topimg/bg_mainimage.png) repeat left top;
	position: relative;
}

.slider-wrapper {
	position: absolute;
	width: 550px;
	height: 270px;
	left: 10px;
	top: 10px;
}

.aboutKanon {
	position: absolute;
	width: 380px;
	right: 10px;
	top: 10px;
}

.aboutKanon h2 {
	margin: 15px 0 20px;
	width: 380px;
	height: 115px;
	background: url(../topimg/h2_index.png) repeat left top;
	text-indent: -9999px;
}

.aboutKanon p {
	line-height: 180%;
	font-size: 92%;
	text-align: center;
}

#topContents a {
	color: #FFF;
}

.bgTopcont {
	background: url(../topimg/bg_cont.png) repeat left top;
	float: left;
	padding: 15px 20px 20px;
	margin-right: 25px;
	color: #FFF;
	line-height: 150%;
}

*html .bgTopcont {
	background: none;
}

#topContents .lesson {
	width: 200px;
}

#topContents .profile {
	width: 420px;
}

#topContents .blog {
	width: 170px;
}

#topContents h3 {
	width: 73px;
	height: 19px;
	margin-bottom: 18px;
	text-indent: -9999px;
}


/*Lesson
=========================================*/
#topContents .lesson h3 {
	background: url(../topimg/h3_lesson.png) repeat left top;
}

#topContents .lesson h4 {
	margin-bottom: 5px;
}


/*Profile
=========================================*/
#topContents .profile h3 {
	background: url(../topimg/h3_profile.png) repeat left top;
}

#topContents .profile .name {
	font-size: 133%;
	margin-bottom: 20px;
}

#topContents .profile .name span {
	font-size: 80%;
}

#topContents .profile dt {
	float: left;
	padding: 0 0 15px 0;
}

#topContents .profile dd {
	padding: 0 0 15px 6em;
}


/*Blog
=========================================*/
#topContents .blog h3 {
	background: url(../topimg/h3_blog.png) repeat left top;
}

#topContents .blog dt {
	margin-bottom: 5px;
}

#topContents .blog dd {
	margin-bottom: 25px;
}