@charset "Shift_JIS";
<style type="text/css"><!--
/* ▼(A)表示領域全体 */
div.tabbox {
width: 1000px;
margin: 0px;
padding: 0px;
}

/* ▼(B)タブ部分 */
p.tabs { width:900px; margin: 0px; padding: 0px; }
p.tabs a {
   /* ☆リンクをタブのように見せる */
   display: block; width: 13em; float: left;
   margin: 0px 1px 0px 0px; padding: 3px;
   text-align: center;
}
/*
/* ◇各タブの配色 */
p.tabs a.tab1 { background-color: #D3D5D4; color: #ffffff; border: 2px solid #333333;}
p.tabs a.tab2 { background-color: #D3D5D4; color: #ffffff; border: 2px solid #333333;}
p.tabs a.tab3 { background-color: #D3D5D4; color: #ffffff; border: 2px solid #333333;}
p.tabs a.tab4 { background-color: #D3D5D4; color: #ffffff; border: 2px solid #333333;}
/*
p.tabs a.tabA:hover { background-color: #D0EBFF;  color: yellow; }
p.tabs a.tabB:hover { background-color: #FEC5D3;  color: yellow; }
p.tabs a.tabC:hover { background-color: #B6BDFE;  color: yellow; }
p.tabs a.tabD:hover { background-color: #B6BDFE;  color: yellow; }
*/

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