@charset "utf-8";

/*body要素でサイト全体の基本の文字色を決定する*/
body { 
  margin: 0;
  padding: o;
  color: #333;
  font-family: 'Arial','sans-serif';
}

/*page topボタンの装飾*/
#scrollTop {
    background-color: #EEE3EF;
    bottom: 20px;
    padding: 4px;
    position: fixed;
    right: 300px;
}

/*a要素でリンクの基本色を決める*/
a { color: #b7a077; }/*他の候補は#0068B7*/

/*visited疑似クラスは訪問済みリンクの指定*/
a:visited {color: #a8a8a8; }/*他の候補は#AB00B8*/

/*要素にマウスポインタを載せた時の装飾の記述*/
a:hover {
  color: #988564;/*他の候補は#2600D1*/
  font-weight: bold;
  text-decoration: none;
}
a:hover img { opacity: 0.7; }

/*画像リンクにアニメーションを設定する*/
a img { trandition: opacity 0.2s linear}

/*変化後の装飾を設定する*/
a:hober img { opacity: 0.7;}

/*見出しhの上のマージンを０にする（バランスをよくするため）*/
h1, h2 ,h3 ,h4 ,h5 ,h6 { 
    margin-top: 0;
}

/*段落の初期マージンと行間を調整する*/
p {
  margin-top: 0;
  line-height: 1.8;
}

/*p要素のclass leadの一文字目を大きくする*/
p {
    margin: 0;
}
.lead::first-letter {
    float: left;
    padding: 0.1em 0.05em 0 0;
    line-height: 0.95em;
    font-size: 3.1em;
    font-weight: bold;
}

strong {
color: #DD0606;
}


/*画像の初期の縦位置を調整する。プロパティの値をbottomにすると、下の余白を消せる*/
img { vertical-align: bottom; }

/*メイン部分のh1要素を装飾する*/
#main h1 {
  background-image: url(../ja/images/header_bg.jpg);
  padding: 15px 15px 15px 10px;
  padding: 15px 15px 15px 10px;
  font-size: 26px;
  border-bottom: solid 1px #8b7348; /*他の候補rgb(0, 0, 128);*/
}

/*メイン部分のh2要素を装飾する*/
#main h2 {
  font-size: 22px;
  border: 1px solid #b7a077; /*他の候補rgb(0, 0, 128)*/
  padding: 11px 22px;
  border-radius: 5px;
}

/*メイン部分のh3要素を装飾する*/
#main h3 {
  font-size: 18px;
  border-left: solid 3px #b7a077; /*他の候補rgb(0, 0, 128)*/
  padding: 4px 9px 4px 14px;
}

/*ヘッダーのを決める。marginのauto指定で左右中央揃えにする。*/
header {
  width: 980px;
  margin: 0 auto;
}

/*サイトのロゴを左に配置する*/
header h1 {
  float: left;
  margin: 5px 0 10px;
}

/*お問い合わせボタンを右端に配置する*/
header #header_contact {
  float: right;
  margin: 35px 0 0;
}

/*グローバルナビの基本枠を作る*/
#global_navi {
  width: 980px;
  clear: both;
  overflow: hidden;
  margin: 16px auto;
}

/*リストの行頭アイコンを外す*/
#global_navi ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*リストを横並びにする*/
#global_navi ul li {
  width: 195px;
  float: left;
  margin-right: 1px;
  text-align: center;
}

/*ナビゲーションのデザインを整える*/
#global_navi ul li a {
  display: block;
  padding: 16px;
  background-color: #352b23; /*他の候補 background-color: rgb(0, 79, 206);*/
  color: #fff;
  text-decoration: none;
  transition: background-color 0.2s linear;
}

/*現在地の色を変える*/
#global_navi ul li.current a {
   background-color: #b7a077;　/*他の候補色 background-color: rgb(0, 0, 128); */
}

/*マウスポインタを載せた時に色が変わるようにする*/
#global_navi ul li a:hover {
  background-color: #8c7a5b; /*他の候補色 background-color: rgb(0, 79, 206);*/
}

/*wrapperの基本枠を作る*/
#wrapper {
  width: 980px;
  margin: 0 auto;
  overflow: hidden;
}

/*コンテンツエリアとサイドバーの鉾幅を指定する*/
#main {
  width: 730px;
  float: left;
}
#sidebar {
  width: 220px;
  float: right;
}

/*バナーエリアに下マージンを設定する*/
#side_banner { margin-bottom: 30px; } 

/*関連リンクの見出しを整える*/
#side_banner h2 {
  background-color:#716961; /*他の候補色rgb(211, 211, 211);*/
  color: #fff;
  padding: 7px;
  font-size: 14px;
  text-align: center;
}
/*バナー画像のリストの記号を消す*/
#side_banner ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#side_banner ul li { margin-bottom: 10px; }

/*お問い合わせエリアに下マージンを設定する*/
#side_contact { margin-bottom: 30px; }

/*お問い合わせエリアに囲みを付ける*/
#side_contact {
  border: 1px solid #b7a077;
  color: #7f7259;
  text-align: center;
}

/*お知らせエリアの見出しを装飾する*/
#side_contact h2 {
  background-color: #b7a077; /*他の候補色rgb(0, 0, 128);*/
  color: #fff;
  padding: 7px;
  font-size: 16px;
}

/*サイドコンタクトのリストを装飾する*/
#side_contact ul li {
    list-style-position: outside;
    text-align: left;
    margin: 0;
    padding: 1px;
}
/*サイドコンタクトのp要素を装飾する*/
#side_contact p {
    text-align: left;
  padding-left: 14px;
  font-size: 16px;
}

/*サイドコンタクトのp要素を装飾する*/
#side_contact address {
    text-align: left;
  padding-left: 16px;
  font-size: 16px;
}

/*電話番号を目立出せる*/
#side_contact address {
  font-weight: bold;
  font-size: 14px;
  font-style: normal;
}
#side_contact_address img {
    vertical-align: middle;
    margin-right: 5px;
}

/*グラデーション、角丸やボーダーを設定して立体ボタン風に変更する*/
#side_contact .contact_button {
    display: inline-block;
    background: #f1ede4;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff),color-stop(100%,#f1ede4));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f1ede4 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#f1ede4 100%);
    color: #b7a077;
    padding: #b7a077;
    border: 1px solid #b7a077;
    border-radius: 5px;
    text-decoration: none;
}

/*マウスオーバー時にデザインを変える*/
#side_contact .contact_button:hover{
    background: #b7a077;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b7a077),color-stop(100%,#e2cda7));
    background: -webkit-linear-gradient(top,  #b7a077 0%,#e2cda7 100%);
    background: linear-gradient(to bottom,  #b7a077 0%,#e2cda7 100%);
    color: #fff;
}

/*フッターの基本枠を作成する*/
footer {
 background-color: #352b23;/*他の候補rgb(0, 79, 206);*/
  text-align: center;
}

/*フッターナビの背景色と余白を設定する*/
footer #footer_nav {
  background-color: #efefef;
  padding: 10px 0;
}

/*リストの行頭アイコンを消す*/
footer #footer_nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*リストを横並びにする*/
footer #footer_nav li {
  display: inline;
  border-left: solid 1px "aaa;
  margin-left: 8px;
  padding-left: 8px;
  font-size: smaller;
}

/*サイトの項目に右のボーダーを設定する*/
footer #footer_nav li:last-child {
  border-right: solid 1px #aaa;
  padding: 0 8px;
}
/*コピーライトを整える*/
footer small {
  display: block;
  padding: 8px 0;
  color: #fff;
}

/*パンくずリスト内の文字を小さくする*/
#breadcrumb { font-size: smaller; }

/*リストの行頭の数字を消す*/
#breadcrumb ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*リスト項目を横並びにする*/
#breadcrumb ol li { display: inline; }

/*テキストの右側に改装を示す＞をつける*/
#breadcrumb ol li::after {
  content: ">";
  padding-left: 7px;
}

/*最後の項目の＞を消す*/
#breadcrumb ol li:last-child::after { content: none; }

/*メインビジュアルの表示位置を整える*/
#main_visual {
  width: 980px;
  height: 280px;
  margin: 0 auto 48px;
}

/*pointというID名のセクションの下マージンの記述*/
#point { margin-bottom: 30px; }
#point section {
    margin-bottom: 10px;
    overflow: hidden;    
}
/*写真とキャプションをフロートしてテキストを回り込ませる*/
#point figure {
    float: right;
    margin: 0 0 0 16px;
}
/*キャプションの書式を整える*/
#point figcaption {
    font-size: 12px;
    color: #9c9689;
    text-align: center;
    }

/*news（お知らせ）セクションのdl要素とdt要素を設定する*/
#news dl { overflow: hidden; }
#news dt {
  width: 8em;
  float: left;
  margin-bottom: 10px;
  clear: both;
}
/*dd要素を設定する*/
#news dd {
  margin-left: 8em;
  margin-bottom: 10px;
}

div.tyusyaku1{
    margin-left: 3.0em; /* ブロック全体を 3em（3文字）分右に */
text-indent: -3.0em; /* 先頭の1行のみ 3em（3文字）分左に */
} 

div.tyusyaku2{
    margin-left: 3.0em; /* ブロック全体を 3em（3文字）分右に */
text-indent: -3.0em; /* 先頭の1行のみ 3em（3文字）分左に */
} 

/*手順を２段組みにする。ホームぺージ辞典381ページ*/
div#tejun {
    line-height: 1.7em;
    columns: 2 10em;
    column-rule-style: dotted;
    column-rule-width: thin;
}

/*手順のボックスを横に並べる。デザインレシピ412ページ*/
.tejun {
    overflow: hidden;
}

/*手順のボックス内のh4要素を記述*/
#tejunid h4 {
    text-align: center;
    font-size: 22px;
}

/*手順1のボックスのデザイン*/
.tejun1 {
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;
    border-radius: 20px;
    padding: 10px;
    width: 300px;
    height: 420px;
    border-top:2px solid #b7a077;
    border-left:2px solid #b7a077;
    text-align: left;
    box-shadow: 4px 4px #b7a077;
}

/*手順2のボックスのデザイン*/
.tejun2 {
    float: left;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    border-radius: 20px;
    padding: 10px;
    width: 300px;
    height:420px;
    border-top:2px solid #b7a077;
    border-left:2px solid #b7a077;
    text-align: left;
    box-shadow: 4px 4px #b7a077;
}


/*手順1aのリストスタイルを記述*/
ul.tejun1a {
    font-size:18px;
    font-weight:bold;
    list-style: square;
    list-style-position: outside;
}




/*Q&Aの予定表(section id="qa")のテーブル書式を整える*/
#qa table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 16px;
    background-color: #fff
}

/*票の罫線を設定する。thとtdには同じ指定にするので複数セレクタで同時に選択*/
#qa th,
#qa td {
  border: 1px solid #c7c7c7;
  padding: 8px;
}
/*見出しセルを装飾する*/
#qa th {
  background-color: #fff;
  text-align: left;
  width: 7em;
    }

/*qaのdd要素などを装飾する*/
#qa dl { overflow: hidden; }
#qa dt {
  width: 3em;
  float: left;
  clear: both;
}
/*dd要素を設定する*/
#qa dd {
  margin-left: 3em;
    background-color: #fff;
    padding: 4px;
    border-radius: 0.5em;
}

/*Q&Aの予定表(section id="qa")の写真の書式を整える*/
#qa figure {
    float:right;
    margin:0 0 0 16px;
}

/*ウェブ申告(section id="web")の高さの書式を整える*/
#web {
    height: auto;
}

/*ウェブ申告(section id="qa")の写真の書式を整える*/
#web figure {
    float:right;
    margin:0 0 0 16px;
}

/*手書き(section id="tegaki")の写真の書式を整える*/
#tegaki {
    height: auto;
}

/*手書き(section id="tegaki")の写真の書式を整える*/
#tegaki figure {
    float:right;
    margin:0 0 0 16px;
}

/*Webページの提出書類(section id="teisyutusyorui_web")の書式を記述*/
#teisyutusyorui_web table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 16px;
}
#teisyutusyorui_web th,
#teisyutusyorui_web td {
  border: 1px solid #c7c7c7;
  padding: 8px;
}
#teisyutusyorui_web th {
  background-color: #f1ede4;
  text-align: left;
  width: auto;
    }

/*Webページの提出書類(section id="teisyutusyorui_web")の特定のセルの書式を記述*/
/*1番目のセルを90pxに*/
#teisyutusyorui_web th:nth-child(1) {
    width:100px;
    }
/*2番目のセルを70pxに*/
#teisyutusyorui_web th:nth-child(2) {
    width:70px;
    }
/*3番目のセルをautoに*/
#teisyutusyorui_web th:nth-child(3) {
    width:auto;
    }
/*4番目のセルを80pxに*/
#teisyutusyorui_web th:nth-child(4) {
    width:80px;
    }
/*5番目のセルを250pxに*/
#teisyutusyorui_web th:nth-child(5) {
    width:250px;
    }

/*手書きページの提出書類(section id="teisyutusyorui_tegaki")の書式を記述*/
#teisyutusyorui_tegaki table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 16px;
}
#teisyutusyorui_tegaki th,
#teisyutusyorui_tegaki td {
  border: 1px solid #c7c7c7;
  padding: 8px;
}
#teisyutusyorui_tegaki th {
  background-color: #f1ede4;
  text-align: left;
  width: auto;
    }

/*手書きページの提出書類(section id="teisyutusyorui_tegaki")の書式を記述*/
#teisyutusyorui_tegaki table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 16px;
}
#teisyutusyorui_tegaki th,
#teisyutusyorui_tegaki td {
  border: 1px solid #c7c7c7;
  padding: 8px;
}
#teisyutusyorui_tegaki th {
  background-color: #f1ede4;
  text-align: left;
  width: auto;
    }

/*手書きページの提出書類(section id="teisyutusyorui_tegaki")の特定のセルの書式を記述*/
/*1番目のセルを90pxに*/
#teisyutusyorui_tegaki th:nth-child(1) {
    width:90px;
    }
/*2番目のセルを50pxに*/
#teisyutusyorui_tegaki th:nth-child(2) {
    width:50px;
    }
/*3番目のセルを190pxに*/
#teisyutusyorui_tegaki th:nth-child(3) {
    width:190px;
    }
/*4番目のセルを80pxに*/
#teisyutusyorui_tegaki th:nth-child(4) {
    width:80px;
    }

/*5番目のセルを200pxに*/
#teisyutusyorui_tegaki th:nth-child(5) {
    width:200px;
    }

/*Web及び手書きページの提出書類（英語）(section id="teisyutusyoruiEN")の書式を記述*/
#teisyutusyoruiEN table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 16px;
}
#teisyutusyoruiEN th,
#teisyutusyoruiEN td {
  border: 1px solid #c7c7c7;
  padding: 8px;
}
#teisyutusyoruiEN th {
  background-color: #f1ede4;
  text-align: left;
  width: 16em;
    }

/*記入例のダウンロード幅が狭くなってしまうので調整する書式を記述*/
.kinyuurei {
  width: 75px;
}

/*非居住者説明ページ(section id="hikyojuusya_teisyutusyorui")のテーブルの書式を記述*/
#hikyojuusya_teisyutusyorui table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 16px;
}
#hikyojuusya_teisyutusyorui th,
#hikyojuusya_teisyutusyorui td {
  border: 1px solid #c7c7c7;
  padding: 10px;
}
#hikyojuusya_teisyutusyorui th {
  background-color: #f1ede4;
  text-align: left;
  width: 8em;
    }

/*非居住者説明ページの例のテーブルの書式を記述*/
#hikyojuusya_teisyutusyorui_rei table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 16px;
}
#hikyojuusya_teisyutusyorui_rei th,
#hikyojuusya_teisyutusyorui_rei td {
  border: 1px solid #c7c7c7;
  padding: 8px;
}
#hikyojuusya_teisyutusyorui_rei th {
  background-color: #f1ede4;
  text-align: left;
  width: 8em;
    }

/*galleryの書式を記述*/
#gallery ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#gallery ul li {
  width: 220px;
  margin: 0 30px 30px 0;
  padding: 10px 0;
  border: solid 1px #ccc;
  float: left;
  text-align: center;
  color: #b7a077;
  font-weight: bold;
  box-shadow: 2px 2px epx rgba(0,0,0,0.1);
}
#gallery ul li:nth-child(3n) {
  margin-right: 9;
}

/*entryのdl要素に背景とボーダーを付ける*/
#entry dl {
    background: #f1ede4;
    border: 1px solid #ddd;
    border-top: 0;
}
#entry dl dt,
#entry dl dd {
    padding: 10px;
    border-top: 1px solid #ddd;
}

/*dt要素とdd要素を横並びにする*/
#entry dl dt {
    width: 13em;
    float: left;
    clear:both;
    font-weight: bold;
}

/*dd要素を整える*/
#entry dl dd {
    background-color: #fff;
    border-left: 1px solid #ddd;
    margin-left: 13em;
}

/*dt入力必須項目の※を赤文字にする*/
.must { color: #f00; }

/*お名前フィールドを装飾する*/
#entry #name {
    width: 15em;
    padding: 3px;    
}

/*e-mailフィールドを装飾する*/
#entry #email {
    width: 25em;
    padding: 3px;
}

/*チェックボックスとラジオボタンを装飾する*/
#entry #category2,
#entry #category3,
#entry #questionnqire2,
#entry #questionnqire3, {
    margin-left: 15px; 
}

/*テキストエリアを装飾する*/
#entry #detail {
    width: 36em;
    height: 15em;
}
/*送信ボタンを中央ぞろえにする*/
#entry #submit_button_cover {
    text=align: center;
}
/*送信ボタンを目立つ装飾にする*/
#entry #submit_button {
    background-color: #b7a077;
    border: 1px solid #b7a077;
    padding: 15px 100px;
    border-radius:10px;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    transition: background-dolor 0.1s linear;
}

/*マウスポインタを載せた時に表示を変える*/
#entry #submit_button:hover {
    background-color: #c7ae81;
}
/*マークしたい個所のcssを記述。cssデザインレシピ集p123参照*/
mark {
    background: #D4FF54;
}

/*pdfアイコン.pdf#zoom=100にのみ適用されるcssを記述。cssデザインレシピ集p391参照*/

a[href$=".pdf#zoom=100"]{
    border: 1px solid #1396c0;
    border-radius: 3px;
    background-color: #e0f4ff;
    text-decoration: none;
}
a[href$=".pdf#zoom=100"]::after {
    margin-left: 5px;
    content:url(../images/pdf.png);
    position: relative;
    bottom:-3px;
}

/*pdfアイコンにのみ適用されるcssを記述。cssデザインレシピ集p391参照*/
a[href$=".pdf"]{
    border: 1px solid #1396c0;
    border-radius: 3px;
    background-color: #e0f4ff;
    text-decoration: none;
}
a[href$=".pdf"]::after {
    margin-left: 5px;
    content:url(../images/pdf.png);
    position: relative;
    bottom:-3px;
}

/*excelアイコンにのみ適用されるcssを記述。cssデザインレシピ集p391参照*/
a[href$=".xlsx"]{
    border: 1px solid #1396c0;
    border-radius: 3px;
    background-color: #e0f4ff;
    text-decoration: none;
}
a[href$=".xlsx"]::after {
    margin-left: 5px;
    content:url(../images/excel.png);
    position: relative;
    bottom:-3px;
}
/*power pointアイコンにのみ適用されるcssを記述。cssデザインレシピ集p391参照*/
a[href$=".ppt"]{
    border: 1px solid #1396c0;
    border-radius: 3px;
    background-color: #e0f4ff;
    text-decoration: none;
}
a[href$=".ppt"]::after {
    margin-left: 5px;
    content:url(../images/ppt.png);
    position: relative;
    bottom:-3px;
}

/*word(.doc)アイコンにのみ適用されるcssを記述。cssデザインレシピ集p391参照*/
a[href$=".docx"]{
    padding: 0.5px;
    border: 1px solid #1396c0;
    border-radius: 3px;
    background-color: #e0f4ff;
    text-decoration: none;
}
a[href$=".docx"]::after {
    margin-left: 5px;
    content:url(../images/doc.png);
    position: relative;
    bottom:-3px;
}

/*jpg(.jpg)アイコンにのみ適用されるcssを記述。cssデザインレシピ集p391参照*/
a[href$=".jpg"]{
    padding: 0.5px;
    border: 1px solid #1396c0;
    border-radius: 3px;
    background-color: #e0f4ff;
    text-decoration: none;
}
a[href$=".jpg"]::after {
    margin-left: 5px;
    content:url(../images/jpg.png);
    position: relative;
    bottom:-3px;
}

/*年調対象者確認全体のはい/いいえのラジオボタンの記述*/
.kakunin input + label div { display: none; }
.kakunin input:checked + label div { display: block; padding: 5px 0px;}
.kakunin label {
    display: block;
    margin: 5px 0px;
    padding: 0.5em 1em;
    background-color: #e0f4ff;
    border-radius: 0.5em;
    cursor: pointer;
    /
}
.kakunin input {
    display:none;
}

/*Q&Aのallボタンのチェックボックスボタンの記述*/
.qanda_all input + label div { display: none; }
.qanda_all input:checked + label div { display: block; padding: 5px 0px;}
.qanda_all label {
    display: block;
    margin: 5px 0px;
    padding: 0.5em 1em;
    background-color: #E3EFE4;
    border-radius: 0.5em;
    cursor: pointer;
    /
}
.qanda_all input {
    display:none;
}

/*Q&Aのチェックボックスボタンの記述*/
.qanda input + label div { display: none; }
.qanda input:checked + label div { display: block; padding: 5px 0px;}
.qanda label {
    display: block;
    margin: 5px 0px;
    padding: 0.5em 1em;
    background-color: #f1ede4;
    border-radius: 0.5em;
    cursor: pointer;
    /
}
.qanda input {
    display:none;
}

/*ki_hai_syo_kakikataのチェックボックスボタンの記述*/
.ki_hai_syo_kakikata input + label div { display: none; }
.ki_hai_syo_kakikata input:checked + label div { display: block; padding: 5px 0px;}
.ki_hai_syo_kakikata label {
    display: block;
    margin: 5px 0px;
    padding: 0.5em 1em;
    background-color: #E5EFE3;
    border-radius: 0.5em;
    cursor: pointer;
    /
}
.ki_hai_syo_kakikata input {
    display:none;
}







/*収入所得確認テーブルの記述*/
#syu_nyu_syotoku table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 16px;
}

#syu_nyu_syotoku th,
#syu_nyu_syotoku td {
  border: 1px solid #c7c7c7;
  padding: 4px;
}
#syu_nyu_syotoku th {
  background-color: #f1ede4;
  text-align: left;
  height: 2em;
  width: 10em;
    }

/*年長対象者判定Java用フォームの装飾*/
#form {
    display: none;
}












  /* Edge のみ適用される記述 */

@supports (-ms-ime-align: auto) {
/*Webページの提出書類(section id="teisyutusyorui_web")の書式を記述*/
#teisyutusyorui_web table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 16px;
}
#teisyutusyorui_web th,
#teisyutusyorui_web td {
  border: 1px solid #c7c7c7;
  padding: 8px;
}
#teisyutusyorui_web th {
  background-color: #f1ede4;
  text-align: left;
  width: auto;
    }

/*Webページの提出書類(section id="teisyutusyorui_web")の特定のセルの書式を記述*/
/*1番目のセルをautoに*/
#teisyutusyorui_web th:nth-child(1) {
    width:auto;
    }
/*2番目のセルをautoに*/
#teisyutusyorui_web th:nth-child(2) {
    width:auto;
    }
/*3番目のセルをautoに*/
#teisyutusyorui_web th:nth-child(3) {
    width:auto;
    }
/*4番目のセルを20pxに*/
#teisyutusyorui_web th:nth-child(4) {
    width:20px;
    }
/*5番目のセルをautoに*/
#teisyutusyorui_web th:nth-child(5) {
    width:auto;
    }

/*手書きページの提出書類(section id="teisyutusyorui_tegaki")の書式を記述*/
#teisyutusyorui_tegaki table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 16px;
}
#teisyutusyorui_tegaki th,
#teisyutusyorui_tegaki td {
  border: 1px solid #c7c7c7;
  padding: 8px;
}
#teisyutusyorui_tegaki th {
  background-color: #f1ede4;
  text-align: left;
  width: auto;
    }

/*手書きページの提出書類(section id="teisyutusyorui_tegaki")の書式を記述*/
#teisyutusyorui_tegaki table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 16px;
}
#teisyutusyorui_tegaki th,
#teisyutusyorui_tegaki td {
  border: 1px solid #c7c7c7;
  padding: 8px;
}
#teisyutusyorui_tegaki th {
  background-color: #f1ede4;
  text-align: left;
  width: auto;
    }

/*手書きページの提出書類(section id="teisyutusyorui_tegaki")の特定のセルの書式を記述*/
/*1番目のセルをautoに*/
#teisyutusyorui_tegaki th:nth-child(1) {
    width:auto;
    }
/*2番目のセルをautoに*/
#teisyutusyorui_tegaki th:nth-child(2) {
    width:auto;
    }
/*3番目のセルをautoに*/
#teisyutusyorui_tegaki th:nth-child(3) {
    width:auto;
    }
/*4番目のセルを20pxに*/
#teisyutusyorui_tegaki th:nth-child(4) {
    width:20px;
    }

/*5番目のセルを70pxに*/
#teisyutusyorui_tegaki th:nth-child(5) {
    width:auto;
    }

/*Web及び手書きページの提出書類（英語）(section id="teisyutusyoruiEN")の書式を記述*/
#teisyutusyoruiEN table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 16px;
}
#teisyutusyoruiEN th,
#teisyutusyoruiEN td {
  border: 1px solid #c7c7c7;
  padding: 8px;
}
#teisyutusyoruiEN th {
  background-color: #f1ede4;
  text-align: left;
  width: 16em;
    }

/*記入例のダウンロード幅が狭くなってしまうので調整する書式を記述*/
.kinyuurei {
  width: 75px;
}

}







/*スマホ対応レスポンシブルデザイン用の記述(注意！これ以下のコードはcssの一番下に記述すること。)*/
/*画像の幅調整*/
@media screen and (max-width : 767px){
    img {
        max-width: 100%;
    }
/*複数セレクタを使い、各要素の幅を100%にする*/
    header,
    #global_navi,
    #sidebar,
    #wrapper{
        width: 100%;
    }

/*ヘッダー内を整える*/
header h1 {
    float: none;
    text-align: center;
}
header h1 img {
    width: 50%;
}
header #header_contact {
    display: none;
}

/*グローバルナビゲーションを２列の縦並びにする*/
#global_navi ul li {
    width: 50%;
    padding: 0.5px;
    margin: 0;
    box-sizing: border-box;
}
#global_navi ul li a {
    margin: 0;
}

/*最後のli要素だけ幅を広げる*/
#global_navi ul li:last-child {
    width: 100%;
}
/*メインコンテンツを整える*/
#main {
    width: 100%;
    padding: 0 5%;
    box-sizing: border-box;
}
#main figure {
    text-align: center;
}

/*メインビジュアルを幅１００％にする*/
#main_visual {
    width: 100%;
    height: auto;
}

#point gifure {
    float:none;
    margin 0 0 11px 0;
}

/*サイドバーを整える*/
#side_banner ul li {
    text-align: center;
    margin:11px auto;
}
#side_contact address img {
    width: 14px;
    height: 20px;
}

/*フォームを幅に収める*/
#entry dl dt {
    float none;
    width: 100%;
    box-sizing: border-box;
}
#entry dl dd {
    width:100%;
    margin-left: 0;
    border-left: none;
    box-sizing: border-box;
}
#entry #name,#entry #email, #entry #interest {
    max-width: 100%;
}
#entry #detail {
    width: 100%;
    box-sizing: :border-box;
}
}