#subtitle {
	border-left:3px solid #c588de;
	border-bottom:3px solid #c588de;
	}

h1 {
	margin:0;
	background-color:#c588de;
	}

h2 {
	margin:0;
	padding:55px 0 0 31px;
	}

h3 {
	background-color:#DBF0FF;
	border-bottom:3px solid #065799;
}
h4 {
	font-weight:bold;
	font-size:120%;
	padding:5px 0 7px 0;
	margin:1.5em 0 -0.2em 0;
	border-bottom:1px dotted #CCCCCC;
}


p.lead { 
	color: #9654b2;
	margin-bottom:15px;
	}


#navigation li {
	font-size:90%;
	background :url(../images/common/navi-arrow.gif) no-repeat 10px center;
	}
#navigation li.fam {
	background :url(../images/common/navi-arrow2.gif) no-repeat 10px center;
	}
#navigation li.selected {
	letter-spacing: -0.04em; 
	color: #2175BB;
	font-weight:bold;
	background :#f7e3ff url(../images/common/navi-arrow-selected.gif) no-repeat 10px center;
	}
	
#navigation li.self {
	color: #FFFFFF;
	padding:7px 0 7px 10px;
	background :#9654b2;
	}
	
#navigation li.family {
	color: #FFFFFF;
	padding:7px 0 7px 10px;
	background :#5d0e7e;
	}

.topics {
	width:530px;
	margin:0 15px 30px 15px;
	padding:0 0 10px 0;
	background : #FFEFF2 url(../images/common/topics-bg.gif) no-repeat center bottom;
	}

.topics-title {
	margin:15px 1.8em 0 1.8em;
	}
.topics p {
	margin:1em 1.8em;
	}


#lesson {
	width:502px;
	margin:50px 0 0 0;
	padding-bottom:10px;
	background : #FFFFFF url(../images/common/lesson_head.gif) no-repeat center top;
	}
#lesson_bottom {
	width:502px;
	 height:4px;
	margin-bottom:20px;
	background:url(../images/common/lesson_bottom.gif) no-repeat;
}
.lesson_title {
	padding:60px 0 10px 20px;
}
#lesson p {
	margin-left:20px;
	margin-right:20px;
}
.lesson_link {
	text-align:center;
	margin:20px 0 10px 12px;
	width:476px;
	height:86px;
	background:url(../images/common/lesson_link_box.gif) no-repeat;
}
.lesson_link_title {
	padding:10px 0;
}
.lesson_link_btn img {
	margin:0px 5px;
}


#box {
	padding:0 1em;
	border:1px solid #E2CAEB;
	background-color:#F6EBFA;
	}