@charset "shift_jis";


/* タイトル */
h2 {
   margin:0 auto;
   padding: 20px 0;
   font-weight: normal;
   line-height: 1.4;
   letter-spacing: 0.1em; /* テキストの文字間 */
   font-size: 17px; /* テキストサイズ */
   text-align:left; /* テキストの配置 */
}

/* タイトル */
h3 {
   margin:0 auto;
   padding: 20px 0;
   font-weight: bold;
   line-height: 1.4;
   letter-spacing: 0.1em; /* テキストの文字間 */
   font-size: 17px; /* テキストサイズ */
   text-align:center; /* テキストの配置 */
}

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

p.date {
   margin: 2px 0 0 0;
   padding: 0;
   line-height: 1.3em;
   font-size: 12px;
   color: #000;
   font-weight: normal;
   letter-spacing: -0.02em;
   white-space: normal;
   text-align:left;
   font-family:"Lucida Grande","ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', Meiryo, Osaka,'ＭＳ ゴシック',"MS Gothic",sans-serif;
}

p.list {
   margin: 0 0 4px 0;
   padding: 0;
   font-size: 13px;
   line-height: 1.3em;
   color: #0000ff;
   font-weight: normal;
   letter-spacing: -0.02em;
   white-space: normal;
   text-align:left;
   font-family:"Lucida Grande","ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', Meiryo, Osaka,'ＭＳ ゴシック',"MS Gothic",sans-serif;
}

p.list a:link { color: #0000ff;
}  
p.list a:visited {                 
  color: #0000ff;
}
p.list a:hover { color: #0000ff;
}

/* 送信完了テキスト */
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; /* テキストの配置 */
}

/* メンテナンスボタン */
p.botan {
   margin-top: 20px;
   margin-bottom: 10px;
   padding: 0;
   text-align:right; /* テキストの配置 */
   font-size: 12px; /* テキストサイズ */
}

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

/* --- フォームテーブル --- */
table.form {
   width: 100%; /* 表の幅 */
   margin: 0 auto; /* 表の下マージン */
   border-collapse: collapse;
}
/* --- セル --- */
   table.form th {
   width: 30%;
   padding: 5px 20px; /* セルのパディング（上下、左右） */
   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;
   font-size: 14px; テキストのサイズ */
   letter-spacing: 0.1em;
}

   table.form td {
   padding: 5px 15px; /* セルのパディング（上下、左右） */
   border-top: 1px #d2d2d2 solid; /* セルの境界線 */
   border-right: none; /* セルの境界線 */
   border-left: none; /* セルの境界線 */
   border-bottom: 1px #d2d2d2 solid; /* セルの境界線 */
   background-color: #ffffff; /* データセルの背景色 */
   text-align: left; /* テキストの配置 */
   font-size: 14px; テキストのサイズ */
}

/* --- ニューステーブル --- */
table.news {
   width: 100%; /* 表の幅 */
   margin: 0 auto; /* 表の下マージン */
   border: 1px #bae3ff solid; /* セルの境界線 */
   border-collapse: collapse;
}
/* --- セル --- */
   table.news th {
   padding: 12px; /* セルのパディング（上下、左右） */
   border-left: none; /* セルの境界線 */
   border-left: none; /* セルの境界線 */
   border-left: none; /* セルの境界線 */
   border-left: none; /* セルの境界線 */
   background-color: #bae3ff; /* データセルの背景色 */
   text-align: left; /* テキストの配置 */
   font-weight: normal;
   font-size: 16px; テキストのサイズ */
   letter-spacing: 0.1em;
}

   table.news td {
   padding: 12px; /* セルのパディング（上下、左右） */
   border-left: none; /* セルの境界線 */
   border-right: none; /* セルの境界線 */
   border-left: none; /* セルの境界線 */
   border-left: none; /* セルの境界線 */
   background-color: #ffffff; /* データセルの背景色 */
   text-align: left; /* テキストの配置 */
   font-size: 14px; テキストのサイズ */
}

/* --- ログ編集テーブル --- */
table.log {
   width: 100%; /* 表の幅 */
   margin: 0 auto; /* 表の下マージン */
   border-collapse: collapse;
}
/* --- セル --- */
   table.log th {
   width: 30px;
   padding: 5px 0; /* セルのパディング（上下、左右） */
   border-top: 1px #d2d2d2 solid; /* セルの境界線 */
   border-right: 1px none; /* セルの境界線 */
   border-left: none; /* セルの境界線 */
   border-bottom: 1px #d2d2d2 solid; /* セルの境界線 */
   background-color: #fff; /* データセルの背景色 */
   text-align: center; /* テキストの配置 */
   font-weight: normal;
   font-size: 14px; テキストのサイズ */
   letter-spacing: 0.1em;
}

   table.log 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; /* テキストの配置 */
   font-size: 14px; テキストのサイズ */
}

/* --- ファイル容量テーブル --- */
table.file {
   width: 100%; /* 表の幅 */
   margin: 0 auto; /* 表の下マージン */
   border-collapse: collapse;
}
/* --- セル --- */
   table.file th {
   padding: 5px 0; /* セルのパディング（上下、左右） */
   border-top: 1px #d2d2d2 solid; /* セルの境界線 */
   border-right: 1px #d2d2d2 solid; /* セルの境界線 */
   border-left: 1px #d2d2d2 solid; /* セルの境界線 */
   border-bottom: 1px #d2d2d2 solid; /* セルの境界線 */
   background-color: #eeeeee; /* データセルの背景色 */
   text-align: center; /* テキストの配置 */
   font-weight: normal;
   font-size: 13px; テキストのサイズ */
   letter-spacing: 0.1em;
}

   table.file td {
   padding: 5px 15px; /* セルのパディング（上下、左右） */
   border-top: 1px #d2d2d2 solid; /* セルの境界線 */
   border-right: 1px #d2d2d2 solid; /* セルの境界線 */
   border-left: 1px #d2d2d2 solid; /* セルの境界線 */
   border-bottom: 1px #d2d2d2 solid; /* セルの境界線 */
   background-color: #ffffff; /* データセルの背景色 */
   text-align: center; /* テキストの配置 */
   font-size: 13px; テキストのサイズ */
}
/* --- フォーム・インプット＆テキストエリアの枠 --- */
   input {
   margin: 2px 0;
   padding: 4px;
   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 {
   padding: 4px; /* パディング */
   font-size: 13px; /* テキストサイズ */
   color: #333; /* 文字色 */
   font-weight: normal; /* テキストの太さ */
   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;
}