/* 全体のスタイルを設定 */
body {
    font-family: "メイリオ", "ヒラギノ角ゴ ProN", sans-serif;
    margin: 20px auto;
    max-width:880px;
}

header {
    margin: 0 50px;
}

article {
    margin: 0 50px;
}

footer {
    margin: 0 50px;
}

/* フッターのスタイルを設定 */
footer {
    background-color: #333333;
    height:80px;
    text-align:center;
}

footer p {
    color: white;
    font-size: 12px;
    padding: 34px;
}

/* ボタン全体のスタイル */
button {
    margin: 3px; /* 折り返した際の行間とボタン間の間隔 */
    height: 24px; /* 固定の高さを指定 */
    line-height: 24px; /* テキストの高さを中央揃え */
    padding: 0 10px; /* 横方向の余白を指定 */
    box-sizing: border-box; /* ボタン内の余白を含めてサイズ計算 */
    border: 1px solid black; /* ボーダーの色と太さ */
    font-weight: 500;
}

/* 子ボタンのボーダー・文字スタイル */
.ko button {
    border: 1px solid gray; /* ボーダーの色と太さ */
    color: #555555; /* 文字色を指定 */
    font-style: oblique; /* 文字スタイルを指定 */
    background-color: white; /* 背景色 */
}

/* ボタン全体のホバースタイル */
button:hover {
    background-color: darkgray; /* ホバー時の濃いグレー */
}

/* ツールチップをデフォルトで表示する */
.tooltip-text {
    display: none;
}


/* ボタンの文字色 */
.btfc-red button {
    color: red;
}

.btfc-green button {
    color: green;
}

.btfc-blue button {
    color: blue;
}

.btfc-yellow button {
    color: yellow;
}

.btfc-gray button {
    color: gray;
}

.btfc-white button {
    color: white;
}

.btfc-black button {
    color: black;
}

/* ボタンの背景色＆ボタンの幅 */
.btbc-000000 button { background-color: #000000; width:85px; }
.btbc-000022 button { background-color: #000022; width:85px; }
.btbc-000044 button { background-color: #000044; width:85px; }
.btbc-000066 button { background-color: #000066; width:85px; }
.btbc-000088 button { background-color: #000088; width:85px; }
.btbc-0000aa button { background-color: #0000AA; width:85px; }
.btbc-0000cc button { background-color: #0000CC; width:85px; }
.btbc-0000ee button { background-color: #0000EE; width:85px; }
.btbc-002200 button { background-color: #002200; width:85px; }
.btbc-002222 button { background-color: #002222; width:85px; }
.btbc-002244 button { background-color: #002244; width:85px; }
.btbc-002266 button { background-color: #002266; width:85px; }
.btbc-002288 button { background-color: #002288; width:85px; }
.btbc-0022aa button { background-color: #0022AA; width:85px; }
.btbc-0022cc button { background-color: #0022CC; width:85px; }
.btbc-0022ee button { background-color: #0022EE; width:85px; }
.btbc-004400 button { background-color: #004400; width:85px; }
.btbc-004422 button { background-color: #004422; width:85px; }
.btbc-004444 button { background-color: #004444; width:85px; }
.btbc-004466 button { background-color: #004466; width:85px; }
.btbc-004488 button { background-color: #004488; width:85px; }
.btbc-0044aa button { background-color: #0044AA; width:85px; }
.btbc-0044cc button { background-color: #0044CC; width:85px; }
.btbc-0044ee button { background-color: #0044EE; width:85px; }
.btbc-006600 button { background-color: #006600; width:85px; }
.btbc-006622 button { background-color: #006622; width:85px; }
.btbc-006644 button { background-color: #006644; width:85px; }
.btbc-006666 button { background-color: #006666; width:85px; }
.btbc-006688 button { background-color: #006688; width:85px; }
.btbc-0066aa button { background-color: #0066AA; width:85px; }
.btbc-0066cc button { background-color: #0066CC; width:85px; }
.btbc-0066ee button { background-color: #0066EE; width:85px; }
.btbc-008800 button { background-color: #008800; width:85px; }
.btbc-008822 button { background-color: #008822; width:85px; }
.btbc-008844 button { background-color: #008844; width:85px; }
.btbc-008866 button { background-color: #008866; width:85px; }
.btbc-008888 button { background-color: #008888; width:85px; }
.btbc-0088aa button { background-color: #0088AA; width:85px; }
.btbc-0088cc button { background-color: #0088CC; width:85px; }
.btbc-0088ee button { background-color: #0088EE; width:85px; }
.btbc-00aa00 button { background-color: #00AA00; width:85px; }
.btbc-00aa22 button { background-color: #00AA22; width:85px; }
.btbc-00aa44 button { background-color: #00AA44; width:85px; }
.btbc-00aa66 button { background-color: #00AA66; width:85px; }
.btbc-00aa88 button { background-color: #00AA88; width:85px; }
.btbc-00aaaa button { background-color: #00AAAA; width:85px; }
.btbc-00aacc button { background-color: #00AACC; width:85px; }
.btbc-00aaee button { background-color: #00AAEE; width:85px; }
.btbc-00cc00 button { background-color: #00CC00; width:85px; }
.btbc-00cc22 button { background-color: #00CC22; width:85px; }
.btbc-00cc44 button { background-color: #00CC44; width:85px; }
.btbc-00cc66 button { background-color: #00CC66; width:85px; }
.btbc-00cc88 button { background-color: #00CC88; width:85px; }
.btbc-00ccaa button { background-color: #00CCAA; width:85px; }
.btbc-00cccc button { background-color: #00CCCC; width:85px; }
.btbc-00ccee button { background-color: #00CCEE; width:85px; }
.btbc-00ee00 button { background-color: #00EE00; width:85px; }
.btbc-00ee22 button { background-color: #00EE22; width:85px; }
.btbc-00ee44 button { background-color: #00EE44; width:85px; }
.btbc-00ee66 button { background-color: #00EE66; width:85px; }
.btbc-00ee88 button { background-color: #00EE88; width:85px; }
.btbc-00eeaa button { background-color: #00EEAA; width:85px; }
.btbc-00eecc button { background-color: #00EECC; width:85px; }
.btbc-00eeee button { background-color: #00EEEE; width:85px; }
.btbc-220000 button { background-color: #220000; width:85px; }
.btbc-220022 button { background-color: #220022; width:85px; }
.btbc-220044 button { background-color: #220044; width:85px; }
.btbc-220066 button { background-color: #220066; width:85px; }
.btbc-220088 button { background-color: #220088; width:85px; }
.btbc-2200aa button { background-color: #2200AA; width:85px; }
.btbc-2200cc button { background-color: #2200CC; width:85px; }
.btbc-2200ee button { background-color: #2200EE; width:85px; }
.btbc-222200 button { background-color: #222200; width:85px; }
.btbc-222222 button { background-color: #222222; width:85px; }
.btbc-222244 button { background-color: #222244; width:85px; }
.btbc-222266 button { background-color: #222266; width:85px; }
.btbc-222288 button { background-color: #222288; width:85px; }
.btbc-2222aa button { background-color: #2222AA; width:85px; }
.btbc-2222cc button { background-color: #2222CC; width:85px; }
.btbc-2222ee button { background-color: #2222EE; width:85px; }
.btbc-224400 button { background-color: #224400; width:85px; }
.btbc-224422 button { background-color: #224422; width:85px; }
.btbc-224444 button { background-color: #224444; width:85px; }
.btbc-224466 button { background-color: #224466; width:85px; }
.btbc-224488 button { background-color: #224488; width:85px; }
.btbc-2244aa button { background-color: #2244AA; width:85px; }
.btbc-2244cc button { background-color: #2244CC; width:85px; }
.btbc-2244ee button { background-color: #2244EE; width:85px; }
.btbc-226600 button { background-color: #226600; width:85px; }
.btbc-226622 button { background-color: #226622; width:85px; }
.btbc-226644 button { background-color: #226644; width:85px; }
.btbc-226666 button { background-color: #226666; width:85px; }
.btbc-226688 button { background-color: #226688; width:85px; }
.btbc-2266aa button { background-color: #2266AA; width:85px; }
.btbc-2266cc button { background-color: #2266CC; width:85px; }
.btbc-2266ee button { background-color: #2266EE; width:85px; }
.btbc-228800 button { background-color: #228800; width:85px; }
.btbc-228822 button { background-color: #228822; width:85px; }
.btbc-228844 button { background-color: #228844; width:85px; }
.btbc-228866 button { background-color: #228866; width:85px; }
.btbc-228888 button { background-color: #228888; width:85px; }
.btbc-2288aa button { background-color: #2288AA; width:85px; }
.btbc-2288cc button { background-color: #2288CC; width:85px; }
.btbc-2288ee button { background-color: #2288EE; width:85px; }
.btbc-22aa00 button { background-color: #22AA00; width:85px; }
.btbc-22aa22 button { background-color: #22AA22; width:85px; }
.btbc-22aa44 button { background-color: #22AA44; width:85px; }
.btbc-22aa66 button { background-color: #22AA66; width:85px; }
.btbc-22aa88 button { background-color: #22AA88; width:85px; }
.btbc-22aaaa button { background-color: #22AAAA; width:85px; }
.btbc-22aacc button { background-color: #22AACC; width:85px; }
.btbc-22aaee button { background-color: #22AAEE; width:85px; }
.btbc-22cc00 button { background-color: #22CC00; width:85px; }
.btbc-22cc22 button { background-color: #22CC22; width:85px; }
.btbc-22cc44 button { background-color: #22CC44; width:85px; }
.btbc-22cc66 button { background-color: #22CC66; width:85px; }
.btbc-22cc88 button { background-color: #22CC88; width:85px; }
.btbc-22ccaa button { background-color: #22CCAA; width:85px; }
.btbc-22cccc button { background-color: #22CCCC; width:85px; }
.btbc-22ccee button { background-color: #22CCEE; width:85px; }
.btbc-22ee00 button { background-color: #22EE00; width:85px; }
.btbc-22ee22 button { background-color: #22EE22; width:85px; }
.btbc-22ee44 button { background-color: #22EE44; width:85px; }
.btbc-22ee66 button { background-color: #22EE66; width:85px; }
.btbc-22ee88 button { background-color: #22EE88; width:85px; }
.btbc-22eeaa button { background-color: #22EEAA; width:85px; }
.btbc-22eecc button { background-color: #22EECC; width:85px; }
.btbc-22eeee button { background-color: #22EEEE; width:85px; }
.btbc-440000 button { background-color: #440000; width:85px; }
.btbc-440022 button { background-color: #440022; width:85px; }
.btbc-440044 button { background-color: #440044; width:85px; }
.btbc-440066 button { background-color: #440066; width:85px; }
.btbc-440088 button { background-color: #440088; width:85px; }
.btbc-4400aa button { background-color: #4400AA; width:85px; }
.btbc-4400cc button { background-color: #4400CC; width:85px; }
.btbc-4400ee button { background-color: #4400EE; width:85px; }
.btbc-442200 button { background-color: #442200; width:85px; }
.btbc-442222 button { background-color: #442222; width:85px; }
.btbc-442244 button { background-color: #442244; width:85px; }
.btbc-442266 button { background-color: #442266; width:85px; }
.btbc-442288 button { background-color: #442288; width:85px; }
.btbc-4422aa button { background-color: #4422AA; width:85px; }
.btbc-4422cc button { background-color: #4422CC; width:85px; }
.btbc-4422ee button { background-color: #4422EE; width:85px; }
.btbc-444400 button { background-color: #444400; width:85px; }
.btbc-444422 button { background-color: #444422; width:85px; }
.btbc-444444 button { background-color: #444444; width:85px; }
.btbc-444466 button { background-color: #444466; width:85px; }
.btbc-444488 button { background-color: #444488; width:85px; }
.btbc-4444aa button { background-color: #4444AA; width:85px; }
.btbc-4444cc button { background-color: #4444CC; width:85px; }
.btbc-4444ee button { background-color: #4444EE; width:85px; }
.btbc-446600 button { background-color: #446600; width:85px; }
.btbc-446622 button { background-color: #446622; width:85px; }
.btbc-446644 button { background-color: #446644; width:85px; }
.btbc-446666 button { background-color: #446666; width:85px; }
.btbc-446688 button { background-color: #446688; width:85px; }
.btbc-4466aa button { background-color: #4466AA; width:85px; }
.btbc-4466cc button { background-color: #4466CC; width:85px; }
.btbc-4466ee button { background-color: #4466EE; width:85px; }
.btbc-448800 button { background-color: #448800; width:85px; }
.btbc-448822 button { background-color: #448822; width:85px; }
.btbc-448844 button { background-color: #448844; width:85px; }
.btbc-448866 button { background-color: #448866; width:85px; }
.btbc-448888 button { background-color: #448888; width:85px; }
.btbc-4488aa button { background-color: #4488AA; width:85px; }
.btbc-4488cc button { background-color: #4488CC; width:85px; }
.btbc-4488ee button { background-color: #4488EE; width:85px; }
.btbc-44aa00 button { background-color: #44AA00; width:85px; }
.btbc-44aa22 button { background-color: #44AA22; width:85px; }
.btbc-44aa44 button { background-color: #44AA44; width:85px; }
.btbc-44aa66 button { background-color: #44AA66; width:85px; }
.btbc-44aa88 button { background-color: #44AA88; width:85px; }
.btbc-44aaaa button { background-color: #44AAAA; width:85px; }
.btbc-44aacc button { background-color: #44AACC; width:85px; }
.btbc-44aaee button { background-color: #44AAEE; width:85px; }
.btbc-44cc00 button { background-color: #44CC00; width:85px; }
.btbc-44cc22 button { background-color: #44CC22; width:85px; }
.btbc-44cc44 button { background-color: #44CC44; width:85px; }
.btbc-44cc66 button { background-color: #44CC66; width:85px; }
.btbc-44cc88 button { background-color: #44CC88; width:85px; }
.btbc-44ccaa button { background-color: #44CCAA; width:85px; }
.btbc-44cccc button { background-color: #44CCCC; width:85px; }
.btbc-44ccee button { background-color: #44CCEE; width:85px; }
.btbc-44ee00 button { background-color: #44EE00; width:85px; }
.btbc-44ee22 button { background-color: #44EE22; width:85px; }
.btbc-44ee44 button { background-color: #44EE44; width:85px; }
.btbc-44ee66 button { background-color: #44EE66; width:85px; }
.btbc-44ee88 button { background-color: #44EE88; width:85px; }
.btbc-44eeaa button { background-color: #44EEAA; width:85px; }
.btbc-44eecc button { background-color: #44EECC; width:85px; }
.btbc-44eeee button { background-color: #44EEEE; width:85px; }
.btbc-660000 button { background-color: #660000; width:85px; }
.btbc-660022 button { background-color: #660022; width:85px; }
.btbc-660044 button { background-color: #660044; width:85px; }
.btbc-660066 button { background-color: #660066; width:85px; }
.btbc-660088 button { background-color: #660088; width:85px; }
.btbc-6600aa button { background-color: #6600AA; width:85px; }
.btbc-6600cc button { background-color: #6600CC; width:85px; }
.btbc-6600ee button { background-color: #6600EE; width:85px; }
.btbc-662200 button { background-color: #662200; width:85px; }
.btbc-662222 button { background-color: #662222; width:85px; }
.btbc-662244 button { background-color: #662244; width:85px; }
.btbc-662266 button { background-color: #662266; width:85px; }
.btbc-662288 button { background-color: #662288; width:85px; }
.btbc-6622aa button { background-color: #6622AA; width:85px; }
.btbc-6622cc button { background-color: #6622CC; width:85px; }
.btbc-6622ee button { background-color: #6622EE; width:85px; }
.btbc-664400 button { background-color: #664400; width:85px; }
.btbc-664422 button { background-color: #664422; width:85px; }
.btbc-664444 button { background-color: #664444; width:85px; }
.btbc-664466 button { background-color: #664466; width:85px; }
.btbc-664488 button { background-color: #664488; width:85px; }
.btbc-6644aa button { background-color: #6644AA; width:85px; }
.btbc-6644cc button { background-color: #6644CC; width:85px; }
.btbc-6644ee button { background-color: #6644EE; width:85px; }
.btbc-666600 button { background-color: #666600; width:85px; }
.btbc-666622 button { background-color: #666622; width:85px; }
.btbc-666644 button { background-color: #666644; width:85px; }
.btbc-666666 button { background-color: #666666; width:85px; }
.btbc-666688 button { background-color: #666688; width:85px; }
.btbc-6666aa button { background-color: #6666AA; width:85px; }
.btbc-6666cc button { background-color: #6666CC; width:85px; }
.btbc-6666ee button { background-color: #6666EE; width:85px; }
.btbc-668800 button { background-color: #668800; width:85px; }
.btbc-668822 button { background-color: #668822; width:85px; }
.btbc-668844 button { background-color: #668844; width:85px; }
.btbc-668866 button { background-color: #668866; width:85px; }
.btbc-668888 button { background-color: #668888; width:85px; }
.btbc-6688aa button { background-color: #6688AA; width:85px; }
.btbc-6688cc button { background-color: #6688CC; width:85px; }
.btbc-6688ee button { background-color: #6688EE; width:85px; }
.btbc-66aa00 button { background-color: #66AA00; width:85px; }
.btbc-66aa22 button { background-color: #66AA22; width:85px; }
.btbc-66aa44 button { background-color: #66AA44; width:85px; }
.btbc-66aa66 button { background-color: #66AA66; width:85px; }
.btbc-66aa88 button { background-color: #66AA88; width:85px; }
.btbc-66aaaa button { background-color: #66AAAA; width:85px; }
.btbc-66aacc button { background-color: #66AACC; width:85px; }
.btbc-66aaee button { background-color: #66AAEE; width:85px; }
.btbc-66cc00 button { background-color: #66CC00; width:85px; }
.btbc-66cc22 button { background-color: #66CC22; width:85px; }
.btbc-66cc44 button { background-color: #66CC44; width:85px; }
.btbc-66cc66 button { background-color: #66CC66; width:85px; }
.btbc-66cc88 button { background-color: #66CC88; width:85px; }
.btbc-66ccaa button { background-color: #66CCAA; width:85px; }
.btbc-66cccc button { background-color: #66CCCC; width:85px; }
.btbc-66ccee button { background-color: #66CCEE; width:85px; }
.btbc-66ee00 button { background-color: #66EE00; width:85px; }
.btbc-66ee22 button { background-color: #66EE22; width:85px; }
.btbc-66ee44 button { background-color: #66EE44; width:85px; }
.btbc-66ee66 button { background-color: #66EE66; width:85px; }
.btbc-66ee88 button { background-color: #66EE88; width:85px; }
.btbc-66eeaa button { background-color: #66EEAA; width:85px; }
.btbc-66eecc button { background-color: #66EECC; width:85px; }
.btbc-66eeee button { background-color: #66EEEE; width:85px; }
.btbc-880000 button { background-color: #880000; width:85px; }
.btbc-880022 button { background-color: #880022; width:85px; }
.btbc-880044 button { background-color: #880044; width:85px; }
.btbc-880066 button { background-color: #880066; width:85px; }
.btbc-880088 button { background-color: #880088; width:85px; }
.btbc-8800aa button { background-color: #8800AA; width:85px; }
.btbc-8800cc button { background-color: #8800CC; width:85px; }
.btbc-8800ee button { background-color: #8800EE; width:85px; }
.btbc-882200 button { background-color: #882200; width:85px; }
.btbc-882222 button { background-color: #882222; width:85px; }
.btbc-882244 button { background-color: #882244; width:85px; }
.btbc-882266 button { background-color: #882266; width:85px; }
.btbc-882288 button { background-color: #882288; width:85px; }
.btbc-8822aa button { background-color: #8822AA; width:85px; }
.btbc-8822cc button { background-color: #8822CC; width:85px; }
.btbc-8822ee button { background-color: #8822EE; width:85px; }
.btbc-884400 button { background-color: #884400; width:85px; }
.btbc-884422 button { background-color: #884422; width:85px; }
.btbc-884444 button { background-color: #884444; width:85px; }
.btbc-884466 button { background-color: #884466; width:85px; }
.btbc-884488 button { background-color: #884488; width:85px; }
.btbc-8844aa button { background-color: #8844AA; width:85px; }
.btbc-8844cc button { background-color: #8844CC; width:85px; }
.btbc-8844ee button { background-color: #8844EE; width:85px; }
.btbc-886600 button { background-color: #886600; width:85px; }
.btbc-886622 button { background-color: #886622; width:85px; }
.btbc-886644 button { background-color: #886644; width:85px; }
.btbc-886666 button { background-color: #886666; width:85px; }
.btbc-886688 button { background-color: #886688; width:85px; }
.btbc-8866aa button { background-color: #8866AA; width:85px; }
.btbc-8866cc button { background-color: #8866CC; width:85px; }
.btbc-8866ee button { background-color: #8866EE; width:85px; }
.btbc-888800 button { background-color: #888800; width:85px; }
.btbc-888822 button { background-color: #888822; width:85px; }
.btbc-888844 button { background-color: #888844; width:85px; }
.btbc-888866 button { background-color: #888866; width:85px; }
.btbc-888888 button { background-color: #888888; width:85px; }
.btbc-8888aa button { background-color: #8888AA; width:85px; }
.btbc-8888cc button { background-color: #8888CC; width:85px; }
.btbc-8888ee button { background-color: #8888EE; width:85px; }
.btbc-88aa00 button { background-color: #88AA00; width:85px; }
.btbc-88aa22 button { background-color: #88AA22; width:85px; }
.btbc-88aa44 button { background-color: #88AA44; width:85px; }
.btbc-88aa66 button { background-color: #88AA66; width:85px; }
.btbc-88aa88 button { background-color: #88AA88; width:85px; }
.btbc-88aaaa button { background-color: #88AAAA; width:85px; }
.btbc-88aacc button { background-color: #88AACC; width:85px; }
.btbc-88aaee button { background-color: #88AAEE; width:85px; }
.btbc-88cc00 button { background-color: #88CC00; width:85px; }
.btbc-88cc22 button { background-color: #88CC22; width:85px; }
.btbc-88cc44 button { background-color: #88CC44; width:85px; }
.btbc-88cc66 button { background-color: #88CC66; width:85px; }
.btbc-88cc88 button { background-color: #88CC88; width:85px; }
.btbc-88ccaa button { background-color: #88CCAA; width:85px; }
.btbc-88cccc button { background-color: #88CCCC; width:85px; }
.btbc-88ccee button { background-color: #88CCEE; width:85px; }
.btbc-88ee00 button { background-color: #88EE00; width:85px; }
.btbc-88ee22 button { background-color: #88EE22; width:85px; }
.btbc-88ee44 button { background-color: #88EE44; width:85px; }
.btbc-88ee66 button { background-color: #88EE66; width:85px; }
.btbc-88ee88 button { background-color: #88EE88; width:85px; }
.btbc-88eeaa button { background-color: #88EEAA; width:85px; }
.btbc-88eecc button { background-color: #88EECC; width:85px; }
.btbc-88eeee button { background-color: #88EEEE; width:85px; }
.btbc-aa0000 button { background-color: #AA0000; width:85px; }
.btbc-aa0022 button { background-color: #AA0022; width:85px; }
.btbc-aa0044 button { background-color: #AA0044; width:85px; }
.btbc-aa0066 button { background-color: #AA0066; width:85px; }
.btbc-aa0088 button { background-color: #AA0088; width:85px; }
.btbc-aa00aa button { background-color: #AA00AA; width:85px; }
.btbc-aa00cc button { background-color: #AA00CC; width:85px; }
.btbc-aa00ee button { background-color: #AA00EE; width:85px; }
.btbc-aa2200 button { background-color: #AA2200; width:85px; }
.btbc-aa2222 button { background-color: #AA2222; width:85px; }
.btbc-aa2244 button { background-color: #AA2244; width:85px; }
.btbc-aa2266 button { background-color: #AA2266; width:85px; }
.btbc-aa2288 button { background-color: #AA2288; width:85px; }
.btbc-aa22aa button { background-color: #AA22AA; width:85px; }
.btbc-aa22cc button { background-color: #AA22CC; width:85px; }
.btbc-aa22ee button { background-color: #AA22EE; width:85px; }
.btbc-aa4400 button { background-color: #AA4400; width:85px; }
.btbc-aa4422 button { background-color: #AA4422; width:85px; }
.btbc-aa4444 button { background-color: #AA4444; width:85px; }
.btbc-aa4466 button { background-color: #AA4466; width:85px; }
.btbc-aa4488 button { background-color: #AA4488; width:85px; }
.btbc-aa44aa button { background-color: #AA44AA; width:85px; }
.btbc-aa44cc button { background-color: #AA44CC; width:85px; }
.btbc-aa44ee button { background-color: #AA44EE; width:85px; }
.btbc-aa6600 button { background-color: #AA6600; width:85px; }
.btbc-aa6622 button { background-color: #AA6622; width:85px; }
.btbc-aa6644 button { background-color: #AA6644; width:85px; }
.btbc-aa6666 button { background-color: #AA6666; width:85px; }
.btbc-aa6688 button { background-color: #AA6688; width:85px; }
.btbc-aa66aa button { background-color: #AA66AA; width:85px; }
.btbc-aa66cc button { background-color: #AA66CC; width:85px; }
.btbc-aa66ee button { background-color: #AA66EE; width:85px; }
.btbc-aa8800 button { background-color: #AA8800; width:85px; }
.btbc-aa8822 button { background-color: #AA8822; width:85px; }
.btbc-aa8844 button { background-color: #AA8844; width:85px; }
.btbc-aa8866 button { background-color: #AA8866; width:85px; }
.btbc-aa8888 button { background-color: #AA8888; width:85px; }
.btbc-aa88aa button { background-color: #AA88AA; width:85px; }
.btbc-aa88cc button { background-color: #AA88CC; width:85px; }
.btbc-aa88ee button { background-color: #AA88EE; width:85px; }
.btbc-aaaa00 button { background-color: #AAAA00; width:85px; }
.btbc-aaaa22 button { background-color: #AAAA22; width:85px; }
.btbc-aaaa44 button { background-color: #AAAA44; width:85px; }
.btbc-aaaa66 button { background-color: #AAAA66; width:85px; }
.btbc-aaaa88 button { background-color: #AAAA88; width:85px; }
.btbc-aaaaaa button { background-color: #AAAAAA; width:85px; }
.btbc-aaaacc button { background-color: #AAAACC; width:85px; }
.btbc-aaaaee button { background-color: #AAAAEE; width:85px; }
.btbc-aacc00 button { background-color: #AACC00; width:85px; }
.btbc-aacc22 button { background-color: #AACC22; width:85px; }
.btbc-aacc44 button { background-color: #AACC44; width:85px; }
.btbc-aacc66 button { background-color: #AACC66; width:85px; }
.btbc-aacc88 button { background-color: #AACC88; width:85px; }
.btbc-aaccaa button { background-color: #AACCAA; width:85px; }
.btbc-aacccc button { background-color: #AACCCC; width:85px; }
.btbc-aaccee button { background-color: #AACCEE; width:85px; }
.btbc-aaee00 button { background-color: #AAEE00; width:85px; }
.btbc-aaee22 button { background-color: #AAEE22; width:85px; }
.btbc-aaee44 button { background-color: #AAEE44; width:85px; }
.btbc-aaee66 button { background-color: #AAEE66; width:85px; }
.btbc-aaee88 button { background-color: #AAEE88; width:85px; }
.btbc-aaeeaa button { background-color: #AAEEAA; width:85px; }
.btbc-aaeecc button { background-color: #AAEECC; width:85px; }
.btbc-aaeeee button { background-color: #AAEEEE; width:85px; }
.btbc-cc0000 button { background-color: #CC0000; width:85px; }
.btbc-cc0022 button { background-color: #CC0022; width:85px; }
.btbc-cc0044 button { background-color: #CC0044; width:85px; }
.btbc-cc0066 button { background-color: #CC0066; width:85px; }
.btbc-cc0088 button { background-color: #CC0088; width:85px; }
.btbc-cc00aa button { background-color: #CC00AA; width:85px; }
.btbc-cc00cc button { background-color: #CC00CC; width:85px; }
.btbc-cc00ee button { background-color: #CC00EE; width:85px; }
.btbc-cc2200 button { background-color: #CC2200; width:85px; }
.btbc-cc2222 button { background-color: #CC2222; width:85px; }
.btbc-cc2244 button { background-color: #CC2244; width:85px; }
.btbc-cc2266 button { background-color: #CC2266; width:85px; }
.btbc-cc2288 button { background-color: #CC2288; width:85px; }
.btbc-cc22aa button { background-color: #CC22AA; width:85px; }
.btbc-cc22cc button { background-color: #CC22CC; width:85px; }
.btbc-cc22ee button { background-color: #CC22EE; width:85px; }
.btbc-cc4400 button { background-color: #CC4400; width:85px; }
.btbc-cc4422 button { background-color: #CC4422; width:85px; }
.btbc-cc4444 button { background-color: #CC4444; width:85px; }
.btbc-cc4466 button { background-color: #CC4466; width:85px; }
.btbc-cc4488 button { background-color: #CC4488; width:85px; }
.btbc-cc44aa button { background-color: #CC44AA; width:85px; }
.btbc-cc44cc button { background-color: #CC44CC; width:85px; }
.btbc-cc44ee button { background-color: #CC44EE; width:85px; }
.btbc-cc6600 button { background-color: #CC6600; width:85px; }
.btbc-cc6622 button { background-color: #CC6622; width:85px; }
.btbc-cc6644 button { background-color: #CC6644; width:85px; }
.btbc-cc6666 button { background-color: #CC6666; width:85px; }
.btbc-cc6688 button { background-color: #CC6688; width:85px; }
.btbc-cc66aa button { background-color: #CC66AA; width:85px; }
.btbc-cc66cc button { background-color: #CC66CC; width:85px; }
.btbc-cc66ee button { background-color: #CC66EE; width:85px; }
.btbc-cc8800 button { background-color: #CC8800; width:85px; }
.btbc-cc8822 button { background-color: #CC8822; width:85px; }
.btbc-cc8844 button { background-color: #CC8844; width:85px; }
.btbc-cc8866 button { background-color: #CC8866; width:85px; }
.btbc-cc8888 button { background-color: #CC8888; width:85px; }
.btbc-cc88aa button { background-color: #CC88AA; width:85px; }
.btbc-cc88cc button { background-color: #CC88CC; width:85px; }
.btbc-cc88ee button { background-color: #CC88EE; width:85px; }
.btbc-ccaa00 button { background-color: #CCAA00; width:85px; }
.btbc-ccaa22 button { background-color: #CCAA22; width:85px; }
.btbc-ccaa44 button { background-color: #CCAA44; width:85px; }
.btbc-ccaa66 button { background-color: #CCAA66; width:85px; }
.btbc-ccaa88 button { background-color: #CCAA88; width:85px; }
.btbc-ccaaaa button { background-color: #CCAAAA; width:85px; }
.btbc-ccaacc button { background-color: #CCAACC; width:85px; }
.btbc-ccaaee button { background-color: #CCAAEE; width:85px; }
.btbc-cccc00 button { background-color: #CCCC00; width:85px; }
.btbc-cccc22 button { background-color: #CCCC22; width:85px; }
.btbc-cccc44 button { background-color: #CCCC44; width:85px; }
.btbc-cccc66 button { background-color: #CCCC66; width:85px; }
.btbc-cccc88 button { background-color: #CCCC88; width:85px; }
.btbc-ccccaa button { background-color: #CCCCAA; width:85px; }
.btbc-cccccc button { background-color: #CCCCCC; width:85px; }
.btbc-ccccee button { background-color: #CCCCEE; width:85px; }
.btbc-ccee00 button { background-color: #CCEE00; width:85px; }
.btbc-ccee22 button { background-color: #CCEE22; width:85px; }
.btbc-ccee44 button { background-color: #CCEE44; width:85px; }
.btbc-ccee66 button { background-color: #CCEE66; width:85px; }
.btbc-ccee88 button { background-color: #CCEE88; width:85px; }
.btbc-cceeaa button { background-color: #CCEEAA; width:85px; }
.btbc-cceecc button { background-color: #CCEECC; width:85px; }
.btbc-cceeee button { background-color: #CCEEEE; width:85px; }
.btbc-ee0000 button { background-color: #EE0000; width:85px; }
.btbc-ee0022 button { background-color: #EE0022; width:85px; }
.btbc-ee0044 button { background-color: #EE0044; width:85px; }
.btbc-ee0066 button { background-color: #EE0066; width:85px; }
.btbc-ee0088 button { background-color: #EE0088; width:85px; }
.btbc-ee00aa button { background-color: #EE00AA; width:85px; }
.btbc-ee00cc button { background-color: #EE00CC; width:85px; }
.btbc-ee00ee button { background-color: #EE00EE; width:85px; }
.btbc-ee2200 button { background-color: #EE2200; width:85px; }
.btbc-ee2222 button { background-color: #EE2222; width:85px; }
.btbc-ee2244 button { background-color: #EE2244; width:85px; }
.btbc-ee2266 button { background-color: #EE2266; width:85px; }
.btbc-ee2288 button { background-color: #EE2288; width:85px; }
.btbc-ee22aa button { background-color: #EE22AA; width:85px; }
.btbc-ee22cc button { background-color: #EE22CC; width:85px; }
.btbc-ee22ee button { background-color: #EE22EE; width:85px; }
.btbc-ee4400 button { background-color: #EE4400; width:85px; }
.btbc-ee4422 button { background-color: #EE4422; width:85px; }
.btbc-ee4444 button { background-color: #EE4444; width:85px; }
.btbc-ee4466 button { background-color: #EE4466; width:85px; }
.btbc-ee4488 button { background-color: #EE4488; width:85px; }
.btbc-ee44aa button { background-color: #EE44AA; width:85px; }
.btbc-ee44cc button { background-color: #EE44CC; width:85px; }
.btbc-ee44ee button { background-color: #EE44EE; width:85px; }
.btbc-ee6600 button { background-color: #EE6600; width:85px; }
.btbc-ee6622 button { background-color: #EE6622; width:85px; }
.btbc-ee6644 button { background-color: #EE6644; width:85px; }
.btbc-ee6666 button { background-color: #EE6666; width:85px; }
.btbc-ee6688 button { background-color: #EE6688; width:85px; }
.btbc-ee66aa button { background-color: #EE66AA; width:85px; }
.btbc-ee66cc button { background-color: #EE66CC; width:85px; }
.btbc-ee66ee button { background-color: #EE66EE; width:85px; }
.btbc-ee8800 button { background-color: #EE8800; width:85px; }
.btbc-ee8822 button { background-color: #EE8822; width:85px; }
.btbc-ee8844 button { background-color: #EE8844; width:85px; }
.btbc-ee8866 button { background-color: #EE8866; width:85px; }
.btbc-ee8888 button { background-color: #EE8888; width:85px; }
.btbc-ee88aa button { background-color: #EE88AA; width:85px; }
.btbc-ee88cc button { background-color: #EE88CC; width:85px; }
.btbc-ee88ee button { background-color: #EE88EE; width:85px; }
.btbc-eeaa00 button { background-color: #EEAA00; width:85px; }
.btbc-eeaa22 button { background-color: #EEAA22; width:85px; }
.btbc-eeaa44 button { background-color: #EEAA44; width:85px; }
.btbc-eeaa66 button { background-color: #EEAA66; width:85px; }
.btbc-eeaa88 button { background-color: #EEAA88; width:85px; }
.btbc-eeaaaa button { background-color: #EEAAAA; width:85px; }
.btbc-eeaacc button { background-color: #EEAACC; width:85px; }
.btbc-eeaaee button { background-color: #EEAAEE; width:85px; }
.btbc-eecc00 button { background-color: #EECC00; width:85px; }
.btbc-eecc22 button { background-color: #EECC22; width:85px; }
.btbc-eecc44 button { background-color: #EECC44; width:85px; }
.btbc-eecc66 button { background-color: #EECC66; width:85px; }
.btbc-eecc88 button { background-color: #EECC88; width:85px; }
.btbc-eeccaa button { background-color: #EECCAA; width:85px; }
.btbc-eecccc button { background-color: #EECCCC; width:85px; }
.btbc-eeccee button { background-color: #EECCEE; width:85px; }
.btbc-eeee00 button { background-color: #EEEE00; width:85px; }
.btbc-eeee22 button { background-color: #EEEE22; width:85px; }
.btbc-eeee44 button { background-color: #EEEE44; width:85px; }
.btbc-eeee66 button { background-color: #EEEE66; width:85px; }
.btbc-eeee88 button { background-color: #EEEE88; width:85px; }
.btbc-eeeeaa button { background-color: #EEEEAA; width:85px; }
.btbc-eeeecc button { background-color: #EEEECC; width:85px; }
.btbc-eeeeee button { background-color: #EEEEEE; width:85px; }
.btbc-ffffff button { background-color: #FFFFFF; width:85px; }
#toggle-tooltip { background-color: #CCEEEE; width:175px; font-weight: 600; }


/* h1タグの書式を設定 */
h1{
    font-size: 24px;
    background-color: #000000;
    color: #ffffff;
    padding-left: 1em;
    line-height: 40px;
}

/* h2タグの書式を設定 */
h2{
    font-size: 16px;
    font-weight: normal;
    color: #ffffff;
    background-color: #696969;
    margin-bottom: 5px;
    padding-left:16px
}

/* ulタグの書式を設定 */
ul{
    font-size: 12px;
}

/* 横にずらっと並べるボタン群のスタイル */
.horizontal-buttons {
    display: inline;
    flex-wrap: nowrap; /* 横一列に並べる */
    gap: 10px; /* ボタン間の間隔 */
    margin-bottom: 20px; /* 下のボタン群との余白 */
}

/* 列のボタン群のスタイル */
.vertical-buttons {
    display: flex;
    flex-direction: column; /* 縦に並べる */
    gap: 10px; /* ボタン間の間隔 */
}

/* 要素の上にマージンをとる 30px */
.margin-l{
    margin-top: 30px;
}

/* 要素の上にマージンをとる 20px */
.margin{
    margin-top: 20px;
}

/* 要素の上にマージンをとる 10px */
.margin-m{
    margin-top: 15px;
}

/* 要素の上にマージンをとる 7px */
.margin-s{
    margin-top: 10px;
}

/* ツールチップの親要素 */
.tooltip {
    position: relative;
    display: inline-block;
}

/* ツールチップの説明文のスタイル */
.tooltip .tooltip-text {
    visibility: hidden; /* 通常は非表示 */
    width: 200px; /* ツールチップの幅 */
    background-color: #555; /* 背景色 */
    color: #fff; /* 文字色 */
    text-align: center; /* 中央揃え */
    border-radius: 5px; /* 角を丸くする */
    padding: 5px 10px; /* 内側の余白 */
    position: absolute; /* 絶対位置 */
    z-index: 1; /* 他の要素より前面に表示 */
    bottom: 125%; /* ボタンの上に配置 */
    left: 50%; /* 中央揃え */
    transform: translateX(-50%); /* 中央揃えの補正 */
    opacity: 0; /* 非表示状態の透明度 */
    transition: opacity 0.3s; /* 表示時のアニメーション */
}

/* ツールチップの矢印のスタイル */
.tooltip .tooltip-text::after {
    content: '';
    position: absolute;
    top: 100%; /* ツールチップの下端に配置 */
    left: 50%; /* 中央揃え */
    margin-left: -5px; /* 矢印の位置調整 */
    border-width: 5px; /* 矢印のサイズ */
    border-style: solid; /* 矢印のスタイル */
    border-color: #555 transparent transparent transparent; /* 矢印の色 */
}

/* ボタンにホバーしたときにツールチップを表示 */
.tooltip:hover .tooltip-text {
    visibility: visible; /* 表示 */
    opacity: 1; /* 不透明にする */
}

.horizontal-buttons p {
    margin: 0; /* 余白を完全に削除 */
    padding: 0; /* 内側の余白も削除（通常は必要ないが念のため） */
    font-weight: 600;
}