3カラムレイアウトの外部ファイル(各ボックスの違いが解るよう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:5px;
font-size:95%;
margin-bottom:5px;
border:1px solid silver;
}

/∗ HPのレフトメニュー ∗/
div#leftmenu{
width:120px;
padding:0px 0px 4px;
font-size:95%;
border:1px solid silver;
float:left;
}

/∗ HPのレフトメニューの見出し部分 ∗/
h2.minititle{
color:green;
background-color:#90EE90;
border-bottom:1px solid silver;
margin-top:0px;
font-size:100%;
}

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

/∗ HPのメインコンテンツを囲むボックス ∗/
div#middle{
line-height:1.2;
width:456px;
font-size:95%;
margin:0px 5px 0px;
float:left;
}

/∗ メインコンテンツの1個目のボックス ∗/
div.middle1{
border:1px solid silver;
margin-bottom:5px;
padding:5px;
}

/∗ メインコンテンツの2個目のボックスの見出し ∗/
h3.update{
font-size:100%;
color:green;
margin:0px;
background-color:#90EE90;
border-bottom:1px solid silver;
}

/∗ メインコンテンツの2個目のボックスの高さとはみ出しの設定 ∗/
div#record{
height:100px;
overflow:scroll;
}

/∗ メインコンテンツの3個目のボックスの高さ ∗/
div#mh{height:217px;}

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