div.contents { /*  ■ 講座案内部分（コンテンツ部分）の領域、スタイル設定 ■　*/
			width: 708px;
			position: absolute; top: 150px;
			text-align: center; 
}
p { /*  ■ レイアウトの都合上（要素間の余白を自由に設定するため）、段落の間隔（マージン）を全て０にしています ■ */
			 margin: 0px;
 }
h1 { /*  ■ ページのタイトル（講座一覧）のスタイル設定 ■ */
			background-color: #666666; 
			color: #ffffff; font-size: 18pt; font-weight: bold; 
			letter-spacing: 0.8em; 
			margin: 0px 9px 10px;
			padding: 5px 10px;
			border-bottom:  2px groove #cccccc;
}
div.course-info{ /*  ■ 講座一覧についての案内文のスタイル設定 ■ */
			
			width: 600px;
			font-size: 11pt; text-align: left; 
			line-height: 1.3em; 
			margin: 20px 0px 20px;
}
table.class-list { /*  ■ 講座一覧リストのテーブルのスタイル設定 ■ */
			background-color: #F0F0F0;
			margin: 10px 0px 30px;
			
}
th.class-kategorie { /*  ■ 講座一覧リストのカテゴリー名（<TH>内要素）部分のスタイル設定 ■ */
			background-color: #C70A0A; 
			color: #f0f0f0; 
			padding: 5px 10px; 
			border-left: 30px solid #C70A0A;
			border-right: 30px solid #C70A0A;
}
span.font-small { /*  ■ 講座一覧リストのカテゴリー名（<TH>内要素）サブタイトル部分のスタイル設定 ■ */
			/*  フォントサイズを２段階下げています */
			font-size: x-small;  
}
div.class-genre { /*  ■ 講座一覧リストの講座種別名（運動系、芸術系……等の部分）のスタイル設定 ■ */
			font-size: 12pt; 
			font-weight: bold; 
			background-color: #999999; 
			margin: 0px 0px 10px;
			padding: 5px 10px;  
			border-left: 20px inset #cccccc;
}
span.mark { /* ■  講座名の前についてるマーク（■）部分のスタイル設定 ■ */
			color: #999999; font-size: 11pt; margin-right: 5px; 
}
span.new { /* ■  講座名の前についてるマーク（■）部分のスタイル設定(new) ■ */
			color: red; font-size: 11pt; margin-right: 5px; 
}
div.class-name { /* ■  講座名のスタイル設定 ■ */
			background-color: #F0F0F0;
			font-size: 12pt; 
			margin: 10px 5px 10px 20px; 
}
.copyright {  /* ■ コピーライトの領域とスタイル設定 ■　*/
			font-size: 10pt; 
			text-align: center; 
			margin: 20px 0px 10px; 
			padding: 20px 0px 10px; 
			border-top: 3px solid #999999; 
}