<style>

        body {
            font-family: Arial, sans-serif;
            line-height: 1.6;
            margin: 0;
            padding: 20px;
            background-color: 	#ffff99; /* 背景色（水色#e0f7fa） */
        }

        /* コンテナ（テーブルを囲む）のスタイル */
        .container {
            background-color: #fff; /* コンテナの外枠は白 */
            padding: 20px;
            border-radius: 10px; /* 角を丸くする */
            box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); /* 少し影をつけて浮き上がった感じに */
            max-width: 100%; /* 幅を最大化 */
            margin: 0 auto; /* 中央揃え */
            overflow-x: auto; /* 横スクロールを許可 */
            border: 2px solid #000; /* コンテナの外枠を黒に */
        }

        /* テーブルのスタイル */
        table {
            width: 100%;
            border-collapse: collapse; /* 枠線が重ならないように */
            table-layout: fixed; /* 列幅を固定し、テーブルの幅が縮まらないようにする */
            border: 2px solid #000; /* テーブルの外枠線 */
        }

        /* th (ヘッダーセル) のスタイル */
        th {
            padding: 12px;
            text-align: left;
            border: 1px solid #000; /* ヘッダーの枠線 */
            background-color: #9900ff; /* ヘッダーの背景色 */
            font-weight: bold;
            color: #ffff; /* 文字色 */
            text-align: center;
        }
      li {
            padding: 10px;
            background-color: #ccff00; /* 文字の枠の色#f9f9f9#ccff00 */
            margin: 5px 0;
            border-radius: 4px;
        }
        /* td (データセル) のスタイル */
        td {
            padding: 12px;
            text-align: left;
            border: 1px solid #000; /* データセルの枠線 */
            background-color: #99ffff; /* データセルの背景色 */
            word-wrap: break-word; /* 長い単語でも折り返す */
        }

        /* 見出し（タイトル） */
        h1 {
            text-align: center;
            color: #333; /* 見出しの文字色 */
        }
        h2 {
            text-align: center;
            color: #ff0000;
            font-size: 1.5em; /* 見出し2の大きさ */
            margin-bottom: 10px;
        }
        /* センター揃え */
        .centered {
            text-align: center;
        }
    footer {
        text-align: center;
        padding: 10px;
        background-color: #333;
        color: white;
        margin-top: 20px;
    }
    </style>
