#topicBoxClassList{
	padding:20px 20px 20px;
}

#selectClass{
	margin-top:0;
	}
#selectClass .title{
	margin-bottom:0.3em;
	}
    
div#classListTitle p{
    width:650px;
	font:16px 小塚ゴシック Pro;
    }


a:link { color: #72a100; text-decoration: underline;}
a:visited { color: #72a100; }
a:active { color: #72a100; }
a:hover { color: #b9d06a; text-decoration: underline;}

#classListNavigations h4{
    float:left;
    display:inline;
    color:#89a835;
}

ul#choose{
    float:left;
    display:inline;
    width:600px;
    margin:0 0 0 10px;
}
ul#choose li{
    float:left;
    display:inline;
    margin:0 0 0 2px;
}
div#classListWapper{
	margin:20px 0 0 0;
	width:650px;
}
div#classListWapper h4{
    float:left;
    display:inline;
    color:#89a835;
    height:60px:
  	padding:0 20px 0 0;
    width: 50px;
}
div#classNav{
    width: 600px;
    float:left;
    display:inline;
}

ul.classList{
    font-size:12px;
    margin:0 0 0 0d;
}
ul.classList li{
	display: inline;
	float: left;
	width: 192px;
    min-height: 1.4em;
	background: url(../i/classList_icon.png) top left no-repeat;
    padding: 0 0 5px 7px;
}

* html ul.classList li {
    height: 1.4em;
}

div#classTable{
	clear:both;
	margin:0 20px;
}
div#classTable p{
    text-align:right;
    margin:20px 25px 0;
}
div#classTable table{
	table-layout:fixed;
    width:650px;
    border:1px solid #bababa;
}
div#classTable th{
    color:#89a835;
    text-align:center;
    border-left:1px solid #bababa;
    border-bottom:3px solid #89a835;
    padding:5px 0;
	font-weight:bold;
}
div#classTable th.class{
    width:200px;
}
div#classTable th.chapter{
    width:136px;
}
div#classTable .className{
    color:#89a835;
    width:190px;
    background-color:#fff;
    border:none;
}


div#classTable td{
    border-left:1px solid #bababa;
    border-bottom:1px dotted #bababa;
    padding:10px 5px;
    line-height:2em;
}
div#classTable td.chap{
    width:116px;
    padding:5px 10px;
}
div#classTable tr.odd {
	background:#F8F8F8;
}

div#classTable td.even {
	background:#fff;
}


.courseDetails{
	margin:20px 15px 30px 0;
	text-align:left;
    background:url(../i/classList_bg_btn.png) no-repeat;
    width:653px;
    height:44px;
	}
.courseDetails li{
    float:left;
    display:inline;
    padding:5px 2px;
}
.courseDetails li.head{
    width: 60px;
    over-flow: hidden;
    line-height: 100%;
    font-size:12px;
    font-weight:bold;
    padding:16px 5px 0px;
}
.courseDetails img{
	vertical-align:middle;
}

.classListIcon{
	padding:20px;
	text-align:center;
	}
.classListIcon li{
	display:inline;
	list-style-type:none;
	padding-left:0;
	padding-right:10px;
	}
	.courseDetails img{
	margin:0;
	}