/* ▼(A)表示領域全体 */
div.tabbox { margin: 0px; padding: 0px; }

/* ▼(B)タブ部分 */
p.tabs { margin: 0px; padding: 0px; font-size: 12px; }
p.tabs a {
   /* ☆リンクをタブのように見せる */
   display: block;
/*   width: 5em;*/
   float: left;
   margin: 0px 1px 0px 0px;
   padding: 0px 2px 0px 2px;
   text-align: center;
}
/* ◇各タブの配色 */
p.tabs a.tab1 { background-color: #555555; color: #CCCCCC; }
p.tabs a.tab2 { background-color: #555555; color: #CCCCCC; }
p.tabs a.tab3 { background-color: #555555; color: #CCCCCC; }
p.tabs a:hover { color: #FF0000; }

/* ▼(C)タブ中身のボックス */
div.tab {
   /* ☆ボックス共通の装飾 */
   height: 350px;
	font-size: 12px;
   overflow: auto;
   clear: left;
}
/* ◇各ボックスの配色 */
div#tab1 { border: 1px solid #333333; background-color: #000000; }
div#tab2 { border: 1px solid #333333; background-color: #000000; }
div#tab3 { border: 1px solid #333333; background-color: #000000; }
div.tab p { margin: 0.5em; }