a:link{ color: #0000cd;}
a:visited{ color: #0000cd;}
a:hover{ color: #ff00ff;} 

a{text-decoration: none;}

body {
	font-family:sans-serif;
	font-size:18px;
}

input[type="text"]{
    font-family:sans-serif;
    font-size: 18px;
}

.copybutt {
    font-family:sans-serif;
    font-size: 18px;
}

.clickable {
cursor: pointer;
background-color: #ffffff;
}

.clicked {
background-color: #ffffff !important;
cursor: default;
color: #000000;
}

td {
    height: 30px; /* セルの高さを30ピクセルに指定 */
}

        /* 中央揃え（水平・垂直）クラス */
        .align-center-middle {
            text-align: center;
            vertical-align: middle;
        }
        
        /* 左寄せ（水平）＋上下中央（垂直）クラス */
        .align-left-middle {
            text-align: left;
            vertical-align: middle;
            padding-left: 10px; /* 左寄せの場合、内側に余白を設ける */
        }

  /* 【パターン1】自動改行するテーブル */
  .auto-wrap-table {
    table-layout: auto; /* コンテンツに合わせて幅を自動調整（デフォルト） */
  }
  .auto-wrap-table td {
    /* 必要に応じて長い英単語なども折り返す設定 */
    overflow-wrap: break-word; 
  }

/* 【パターン2】横幅固定のテーブル */
  .fixed-width-table {
    width: 600px; /* テーブル全体の幅を固定（必要であれば%でも可） */
    table-layout: fixed; /* 列幅を固定するモードにする */
  }
  
  /* 特定の列幅を指定する場合 */
  .fixed-width-table .col-38-1 {
    width: 150px;
  }
  .fixed-width-table .col-38-2 {
    width: 450px;
  }
  .fixed-width-table .col-38-2 {
    width: 450px;
  }