* {
   margin: 0;
   padding: 0; /* 全てのプロパティの余白とパディングをリセットしています。*/
}
#wrapper {
   width: 900px;
   margin: 0 auto;/* 幅固定（900px）でセンタリングします。*/
}
#header {
   width: 900px;
   height:300px;  /* サイトロゴの高さに合わせて調節して下さい。*/
}
#main {
   width: 900px;     /* メニューとコンテンツを囲んでいます。 */
   overflow: hidden; /* 親ボックスでフロート解除します。*/
   margin: 0 auto;/* 幅固定（900px）でセンタリングします。*/
}
#menu {
   float: left;
   width: 160px;     /* floatの width 指定は必須です。*/
   margin: 0 auto;
}
#contents {
   float: right;
   width: 640px;     /* floatの width 指定は必須です。*/
   margin: 0 auto;
}
#footer {
   clear: both;      /* IE6 以前の float 解除対応です。 */
   width: 900px;
   height:240px;
   margin: 0 auto;
}
#menu ul {
   list-style: none;
}