table {
    border-collapse: collapse; /* 罫線を結合して1本線にする */
    width: 100%;
}

th, td {
    border: 1px solid black; /* 各セルに黒い実線を引く */
    padding: 8px;
    text-align: left;
}

/* テキストようなボタン */
.text-button {
    border-style: none;
    display: inline-block; /* ボタンとしての領域を確保 */
    //padding: 10pnx 15px; /* テキスト周りの余白 */
    font-size: 1.0em;
    color: blue; /* テキスト色 */

    background: transparent;
    border-style: none;
    text-decoration: underline; /* 初期状態では下線 */
    cursor: pointer; /* マウスカーソルをポインターにする */
    //transition: color 0.3s ease, text-decoration-color 0.3s ease; /* ホバー時の変化を滑らかに */
}

.text-button:hover {
    color : #6699ff;
    //color: #0056b3; /* ホバー時のテキスト色 */
    text-decoration: underline; /* ホバー時に下線を表示 */
    text-decoration-color: #007bff; /* ホバー時の下線の色 */
}