/* --- 全体 --- */
body {
margin: 0;
padding: 0;
background-color: #EEEEEE; /* ページの背景色 */
color: #000000; /* 全体の文字色 */
text-align: center; /* 全体の中央揃え */
font-size: 100%; /* 全体の文字サイズ */
margin-left:auto;
margin-right:auto;
}

/* --- 全体のリンクテキスト --- */
a:link { color: #000000; 
text-decoration: none; /* テキストの下線（なし） */
}
a:visited { color: #000000; 
text-decoration: none; /* テキストの下線（なし） */
}
a:hover { color: #00FFFF;
text-decoration: none; /* テキストの下線（なし） */
}
a:active { color: #000000;
text-decoration: none; /* テキストの下線（なし） */
}

/* --- コンテナ --- */
#container {
}

/* --- ヘッダ --- */
#header {
}

/* --- コンテンツ --- */
#content {
}

/* --- フッタ --- */
#footer {
}

/* --- ボックス --- */
.section {
width: 600px; /* ボックスの幅 */
margin: 5px 0; /* ボックスのマージン（上下、左右） */
font-size: 80%; /* ボックスの文字サイズ */
color: #000000; /* ボックスの文字色 */
background-color: #EEEEEE; /* ボックスの背景色 */
}
/* --- タブエリア --- */
.section .sectionNav {
width: 100%; /* タブエリアの幅 */
margin: 0;
padding: 0;
list-style-type: none;
}
.section .sectionNav li {
position: relative;
z-index: 1;
width: 90px; /* タブの幅 */
height: 23px;
margin: 0 3px -1px 0; /* タブのマージン（上右下左） */
background-color: #333333; /* タブの背景色 */
/* border: 1px #c0c0c0 solid; /* タブの枠線 */
border-bottom-style: none;
text-align: center;
float: left;
font-family: "Comic Sans MS", "Arial", "Courier", "MS UI Gothic", "ＭＳ ゴシック";
}

/* --- リンク --- */
.section .sectionNav li a {
display: block;
position: relative; /* IE6用 */
padding: 3px 2px; /* リンクエリアのパディング（上下、左右） */
text-decoration: none; /* テキストの下線（なし） */
color: #FFFFFF;
}
/* --- ポイント時の設定 --- */
.section .sectionNav li a:hover {
color: #FF6600; 
text-decoration: underline; /* テキストの下線（あり） */
}

/* --- アクティブなタブ --- */
.section .sectionNav li.active {
z-index: 3;
background-color: #ffffff; /* アクティブタブの背景色 */
font-weight: bold; /* 太字 */
}
.section .sectionNav li.active a {
color: #000000; /* アクティブタブの文字色 */
}
/* --- ポイント時の設定 --- */
.section .sectionNav li.active a:hover {
text-decoration: none; /* テキストの下線（なし） */
}

/* --- 本文(textarea)部分は各ページのレイアウトcssへ記載されています --- */