@charset "shift_jis";


/* トップ紹介テキスト */
p.info {
   margin:0 auto;
   padding: 6px;
   font-weight: normal;
   line-height: 1.4;
   letter-spacing: 0.1em; /* テキストの文字間 */
   font-size: 15px; /* テキストサイズ */
   color: #ff0000; /* 文字色 */
   text-align:center; /* テキストの配置 */
}

/* 送信完了テキスト */
p.thanks {
   margin-top: 40px;
   margin-bottom: 120px;
   padding: 0;
   font-weight: normal;
   line-height: 1.6em;
   letter-spacing: 0.1em; /* テキストの文字間 */
   font-size: 14px; /* テキストサイズ */
   text-align:left; /* テキストの配置 */
}

/* --- 赤文字 --- */
span.red {
   color: #ff0000; /* 文字色 */
}

/* --- フォームテーブル --- */
table.form {
   width: 100%; /* 表の幅 */
   margin: 10px; /* 表の下マージン */
   border-collapse: collapse;
}
/* --- セル --- */
   table.form th {
   width: 30%;
   padding: 15px 10px; /* セルのパディング（上下、左右） */
   border-top: 1px #d2d2d2 solid; /* セルの境界線 */
   border-right: 1px #d2d2d2 dotted; /* セルの境界線 */
   border-left: none; /* セルの境界線 */
   border-bottom: 1px #d2d2d2 solid; /* セルの境界線 */
   background-color: #eeeeee; /* データセルの背景色 */
   text-align: left; /* テキストの配置 */
   font-weight: normal;
   vertical-align : middle;
   font-size: 14px; テキストのサイズ */
   letter-spacing: 0.1em;
}
   table.form td {
   padding: 5px 5px; /* セルのパディング（上下、左右） */
   border-top: 1px #d2d2d2 solid; /* セルの境界線 */
   border-right: none; /* セルの境界線 */
   border-left: none; /* セルの境界線 */
   border-bottom: 1px #d2d2d2 solid; /* セルの境界線 */
   background-color: #ffffff; /* データセルの背景色 */
   text-align: left; /* テキストの配置 */
   vertical-align : middle;
   font-size: 22px; テキストのサイズ */
}
/* --- フォーム・インプット＆テキストエリアの枠 --- */
   input {
   padding: 4px;
   height: 18px;
   font-size: 14px; テキストのサイズ */
   color: #333; /* フォント色 */
   border: solid 1px #d2d2d2; /* ラインの種類と色 */
}

/* --- フォーム・インプット＆テキストエリアの枠 --- */
   textarea {
   padding: 4px;
   font-size: 14px; テキストのサイズ */
   color: #333; /* フォント色 */
   border: solid 1px #d2d2d2; /* ラインの種類と色 */
}

input.mode1 {
  ime-mode: active;   /* 全角モード */
}
textarea.mode1 {
  ime-mode: active;   /* 全角モード */
}
input.mode2 {
  ime-mode: inactive; /* 半角モード */
}

/* --- フォーカス --- */
   input:focus, textarea:focus {
   outline: double 1px #dc143c; /* 選択時のラインの種類と色 */
}
/* --- 送信ボタン --- */
   input.btn {
   width: 200px; /* ボタンの幅 */
   height: 50px; /* ボタンの高さ */
   padding: 0; /* パディング */
   font-size: 16px; /* テキストサイズ */
   color: #696969; /* 文字色 */
   font-weight: bold; /* テキストの太さ */
   background-color: #F5F5F5;  /* 背景色 */ 
   margin-top: 20px; /* 表の下マージン */
   margin-bottom: 20px; /* 表の下マージン */
}
   input.radio { 
   border: 1px inset #eeeeee;
   outline: 1px inset #eeeeee;
}
   label.lb { 
   border-bottom: 1px dashed #c0c0c0;
}