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.school-info{ /*  ■ 校舎一覧についての案内文のスタイル設定 ■ */
			width: 600px;
			font-size: 11pt; text-align: left; 
			line-height: 1.3em; 
			margin: 20px 0px 20px;
}
div.school-list { /*  ■ 各校舎の写真、Ｔｅｌなどの情報部分のスタイル設定 ■ */
			text-align: left; 
			width: 500px;
			margin: 20px 0px 30px;
			border-top:  0px solid #cccccc;
			border-left:  0px solid #990000;
			border-right:  0px solid #990000;

}
img {  /*  ■ 画像にリンクを貼った際にリンクのボーダー（線）が表示されないようにする為に設定しています ■ */
			border:0;
 }
span.school-name { /*  ■ 校舎名の装飾用のスタイル設定（ネスケとＩＥで見え方が違ってしまいましたが気にしない方向で（＾＾；） ■ */
			width: 100%;
			background-color: #cccccc;
			margin: 0px 0px 5px;
			padding: 3px 10px;
}

.copyright {  /*  コピーライトの領域とスタイル設定　*/
			font-size: 10pt; 
			text-align: center; 
			margin: 20px 0px 10px; 
			padding: 20px 0px 10px; 
			border-top: 3px solid #999999; 
}