@charset "Shift_JIS";

#main {
background: #8F8;
margin: 5px 0px 5px 0px; /* セクションのマージン（上右下左） */
}

#main div.section {
margin: 5px 5px 5px 5px; /* セクションのマージン（上右下左） */
}

#topic {
margin: 10px 10px 10px 10px; /* セクションのマージン（上右下左） */
padding: 5px 5px 5px 5px;
border: 1px solid #888888;
background: #FFF;
}

/* 見出しエリア */
#heading {
margin: 0px 0px 0px 0px;
padding: 3px 3px 3px 3px;
background:linear-gradient(to bottom,#FFF,#CCC);
border: 1px solid #888888; /* 見出しエリアの境界線スタイル（上書き） */
}

dl.a {line-height: 120%;}

/* タブ */
#tabcontrol a {
   display: inline-block;            /* インラインブロック化 */
   border-width: 1px 1px 0px 1px;    /* 下以外の枠線を引く */
   border-style: solid;              /* 枠線の種類：実線 */
   border-color: black;              /* 枠線の色：黒色 */
   border-radius: 0.25em 0.25em 0 0; /* 枠線の左上角と右上角だけを丸く */
   padding: 0.10em 0.15em;              /* 内側の余白 */
   text-decoration: none;            /* リンクの下線を消す */
   color: black;                     /* 文字色：黒色 */
   background-color: white;          /* 背景色：白色 */
   font-weight: bold;                /* 太字 */
   position: relative;               /* JavaScriptでz-indexを調整するために必要 */
}
/* タブにマウスポインタが載った際(任意) */
#tabcontrol a:hover {
   text-decoration: underline;       /* 文字に下線を引く */
}

/* タブの中身 */
#tabbody div {
   border: 1px solid black; /* 枠線：黒色の実線を1pxの太さで引く */
   margin-top: -17px;        /* 上側にあるタブと1pxだけ重ねるために「-1px」を指定 */
   padding: 1em;            /* 内側の余白量 */
   background-color: white; /* 背景色：白色 */
   position: relative;      /* z-indexを調整するために必要 */
   z-index: 0;              /* 重なり順序を「最も背面」にするため */
}

/* タブの配色 */
#tabcontrol a:nth-child(1), #tabbody div:nth-child(1) { background-color: #ffffff; }/* 1つ目のタブとその中身用の配色 */
#tabcontrol a:nth-child(2), #tabbody div:nth-child(2) { background-color: #eeeeff; }/* 2つ目のタブとその中身用の配色 */
#tabcontrol a:nth-child(3), #tabbody div:nth-child(3) { background-color: #eeeeff; }/* 3つ目のタブとその中身用の配色 */
#tabcontrol a:nth-child(4), #tabbody div:nth-child(4) { background-color: #eeeeff; }/* 3つ目のタブとその中身用の配色 */
#tabcontrol a:nth-child(5), #tabbody div:nth-child(5) { background-color: #eeeeff; }/* 3つ目のタブとその中身用の配色 */
#tabcontrol a:nth-child(6), #tabbody div:nth-child(6) { background-color: #eeeeff; }/* 3つ目のタブとその中身用の配色 */
#tabcontrol a:nth-child(7), #tabbody div:nth-child(7) { background-color: #eeeeff; }/* 3つ目のタブとその中身用の配色 */