
table {
   width: 210px;               /* テーブル幅を設定 */
   height: 60px;  
   border-collapse: collapse;  /* 幅なし枠に設定 */
   empty-cells: show;          /* 空セル部分を表示（本例では省略可）*/
   border: solid 0px #FFFFFF;     /* 線幅 1px 外枠を設定 */
}
tr {
   width: 210px;               /* テーブル幅を設定 */
   height: auto;  
   border: solid 0px #FFFFFF;　   /* 線幅 1px ヘッダ枠を設定 */
   text-align: center;         /* ヘッダセル内容を中央揃えで表示 */
   background-color: #FFFFFF;　/* ヘッダ内背景色を設定 */
}
td {
   width: auto;               /* テーブル幅を設定 */
   height: auto;  
   border: solid 0px #FFFFFF;     /* 線幅 1px セル枠を設定 */
   text-align: center;         /* セル内容を中央揃えで表示 */
}

.menu-box
{
	float: right;
	width: 212px;	/* floatの width 指定は必須*/

   /* 背景画像などがあればここに指定 */
}

.menu
{
	list-style-type: none;
	height: 22px;
	border-left: solid 1px #FF3366;
}

.menu td
{
   /* リストはインライン要素化して横に並べる */
   line-height: 22px;
   display: inline;
   color: white;
}

.menu td a
{
   /* リンクをブロック要素にする */
   background-image: url('../img/bot01.gif');
   background-repeat: repeat-x;
   padding: 0px 13px;
   display: block;
   float: left;
   border-right: solid 1px #330000;
}

.menu td a:hover
{
   /* マウスがメニュー領域内に入った時 */
   background-image: url('../img/bot01-hover.gif');
   background-repeat: repeat-x;
}