<style type="text/css"><!--
/* 表示領域全体 */
div.tabbox {
   margin: 0px; padding: 0px; width: 600px;
}

/* タブ部分 */
div.tabbox ul.tabs { 
   margin:  0px; /* 外側の余白を消す */
   padding: 0px; /* 内側の余白を消す */
   width: 400px; /* 横幅 */
}
div.tabbox ul.tabs li {
   margin: 0px;  /* 各項目周囲の余白をなくす */
   padding: 0px; /* 各項目内側の余白をなくす */
   list-style-type: none; /* 先頭記号を消す */
   float: left;  /* リスト項目を横方向に並べる */
   width: 120px; /* タブのデフォルトの横幅 */
   /* 左上の角丸 */
   background-image: url("/images/tab-base.gif");
   background-repeat: no-repeat;
   background-position: left top;
}
div.tabbox ul.tabs a { 
   display: block; /* ブロックレベルに */
   padding: 5px 0px;      /* 内側の余白 */
   height: 20px;          /* タブの高さ */
   text-align: center;    /* 中央寄せ */
   text-decoration: none; /* 下線を消す */
   color: white; 
   /* 右上の角丸 */
   background-image: url("/images/tab-right.gif");
   background-repeat: no-repeat;
   background-position: right top;
}
div.tabbox ul.tabs li.tab1 { background-color: #0074bf; text-decoration:none }
div.tabbox ul.tabs li.tab2 { background-color: #fd9d02; text-decoration:none }
div.tabbox ul.tabs li.tab3 { background-color: #5a5c5e; text-decoration:none }
div.tabbox ul.tabs a:hover { text-decoration:underline }

div.tabbox div.tab { clear: left; }

/* タブ中身のボックス */
div.tab { overflow: auto; clear: left; }
div#tab1 {
   border: 1px solid #0074bf; 
}
div#tab2 {
   border: 1px solid #fd9d02; 
}
div#tab3 {
   border: 1px solid #5a5c5e; 
}
div.tab p { margin: 2em; }
--></style>
