<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!-- TemplateBeginEditable name="doctitle" -->

<title>TOP</title>

<!-- TemplateEndEditable -->

<!-- TemplateBeginEditable name="head" -->

<!-- TemplateEndEditable -->

<style type="text/css">

<!--

body {

	font: 170% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;

	background: #666666;

	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */

	padding: 0;

	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */

	color: #000000;

}

.oneColLiqCtrHdr #container {

	width: 65%;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */

	background: #FFFFFF;

	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */

	border: 1px solid #000000;

	text-align: center; /* この設定は body エレメントの text-align: center より優先されます。 */

}

.oneColLiqCtrHdr #header {

	background: #ffffff; 

	padding: 0 10px 0 20px;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */

}

.oneColLiqCtrHdr #header h1 {

	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因上明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は上要です */

	padding: 10px 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */

}

.oneColLiqCtrHdr #mainContent {

	padding: 0 20px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */

	background: #FFFFFF;

}

.oneColLiqCtrHdr #footer { 

	padding: 0 10px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */

	background:#DDDDDD;

} 

.oneColLiqCtrHdr #footer p {

	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */

	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */

	font: 60% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;

}

body,td,th {

	font-family: Georgia, Times New Roman, Times, serif;

}

-->

</style></head>


<body class="oneColLiqCtrHdr">


<div id="container">

  <div id="header">

    <!-- end #header -->

    <p>&nbsp;</p>

    <p><img src="m1.gif" width="758" height="352" /></p>

    <h2><a href="top.html">Enter</a></p></h2>

    <p>&nbsp;</p>

  </div>

  <div id="mainContent">


<!-- end #mainContent --></div>

  <div id="footer">

<p><a href="http://rikkyochoir.blog.shinobi.jp/">立教学院聖歌隊blog　おとなりの聖歌隊員　</a></p>

<p><a href="http://www.rikkyo-choir-alumni.com/">聖歌隊OBOGサイト</a></p>

  <!-- end #footer --></div>

<!-- end #container --></div>

</body>

</html>