<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD>
<META http-equiv=Content-Type content===Shift_JIS>
<META content="MSHTML 6.00.2900.3199" name=GENERATOR><style type="text/css"><!--
/* 表示領域全体 */
div.tabbox {
   margin: 0px; padding: 0px; width: 400px;
}

/* タブ部分 */
<style type="text/css"><!--
   /* ▼表示領域全体 */
   div.tabbox {
      margin: 0px;
      padding: 0px;
      width: 400px; /* 全体の横幅 */
}
   /* ▼タブ部分 */
   div.tabbox ul.tabs {
      margin:  0px; /* 外側の余白を消す */
      padding: 0px; /* 内側の余白を消す */
   }
   div.tabbox ul.tabs li {
      margin: 0px;  /* 各項目周囲の余白をなくす */
      padding: 0px; /* 各項目内側の余白をなくす */
      list-style-type: none; /* 先頭記号を消す */
      float: left;  /* リスト項目を横方向に並べる */
      width: 120px; /* タブのデフォルトの横幅 */
      /* 左上の角丸 */
      background-image: url("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; /* 下線を消す */
      /* 右上の角丸 */
      background-image: url("tab-right.gif");
      background-repeat: no-repeat;
      background-position: right top;
   }
   /* ▼タブ個別の色・装飾 */
   div.tabbox ul.tabs li.tab1 {
      background-color: #B0E0E6; /* タブ１の色(青) */
   }
   div.tabbox ul.tabs li.tab2 {
      background-color: #98FB98; /* タブ２の色(黄) */
   }
   div.tabbox ul.tabs li.tab3 {
      background-color: #ffcccc; /* タブ３の色(赤) */
   }
   div.tabbox ul.tabs li.tab4 {
      background-color: #AAAAAA; /* タブ４の色(赤) */
      width: 120px;           /* タブ３の横幅 */
   }
   div.tabbox ul.tabs a:link,
   div.tabbox ul.tabs a:visited {
      color: #000000; /* タブの文字色(白) */
   }
   div.tabbox ul.tabs a:hover {
      /* タブにマウスを載せた際の装飾 */
      color: yellow;              /* 黄色 */
      text-decoration: underline; /* 下線 */
   }

   /* ▼タブに対応するボックス領域 */
   div.tabbox div.tab {
      height: 150px;  /* ボックスの横幅 */
      overflow: auto; /* スクロールバー自動表示 */
      clear: left;    /* 回り込み解除(必須) */
   }
   div.tabbox div#tab1 {
      /* タブ１の中身(枠線と背景色) */
      border: 3px solid #B0E0E6; background-color: #000066;
   }
   div.tabbox div#tab2 {
      /* タブ２の中身(枠線と背景色) */
      border: 3px solid #98FB98; background-color: #003300;
   }
   div.tabbox div#tab3 {
      /* タブ３の中身(枠線と背景色) */
      border: 3px solid #ffcccc; background-color: #8B0000;
   }
   div.tabbox div#tab4 {
      /* タブ４の中身(枠線と背景色) */
      border: 3px solid #ffcccc; background-color: #333333;
   }

   /* ▼ボックス内部の装飾(今回のテクニックとは無関係) */
   div.tabbox div.tab p { margin: 0.5em; }
   div.tabbox div.tab p.tabhead {
      font-weight: bold; border-bottom: 3px double gray;
   }
--></style>
</HEAD>
<BODY>body,table{font-size:15px;} a{color:#11ddff;} a:visited{color:#FF66FF;} 
a:hover{color:#FFFF80;} 
body{background-image:url(space05.gif);margin:0px;line-height:1.6;} .back { 
width:100%; padding:8px; } .main01 { margin-top:15px; width:715; } .main02 { 
width:700; } .title { font-size:25px; font-weight:bold; font-family:Arial; 
color:#ffffff; } .menu td { background-image:url(bar.gif); width:120; 
text-align:center; } .menu a { padding:5px; width:100%; } .menu a:link 
{color:#000000;} .menu a:visited {color: #000000;} .menu a:hover 
{color:#ff0000;background-color:#ffee44;} .area { width:30%;border-style:none; 
scrollbar-base-color:#dddddd; color:#444444; } li { padding:2px; } 
</BODY></HTML>
