2カラムレイアウトの外部ファイル(各ボックスの違いが解るようdiv#id名の部分を色分けしています。)
/∗ HPのレイアウト全体を中央寄せ、行間1.4 ∗/
body{
text-align:center;
line-height:1.4;
}

/∗ HPのレイアウト全体を囲む枠線無しのdivタグのボックス ∗/
div#body{
width:710px;
margin:auto;
text-align:left;
}

/∗ HPのヘッダー ∗/
div#header{
padding:10px;
margin-bottom:5px;
border:1px solid silver;
}

/∗ HPのメインコンテンツ ∗/
div#middle{
border:1px solid silver;
line-height:1.2;
width:540px;
height:400px;
font-size:95%;
margin-right:5px;
float:left;
text-align:left;
}

/∗ HPのライトメニュー ∗/
div#rightmenu{
width:160px;
padding:0px;
height:400px;
font-size:95%;
border:1px solid silver;
float:left;
margin-bottom:5px;
}

/∗ HPのライトメニューのリストの余白 ∗/
ul{
margin-left:22px;
padding:0px;
}

/∗ HPのフッター ∗/
div#footer{
padding:10px;
border:1px solid silver;
text-align:center;
clear:both;
}