@charset "UTF-8";
/* CSS Document */
/*テーブルタイトル----------------------------*/
.tbl_title {
  font-weight: 400;
  font-size: 16px;
  margin-bottom: 10px;
}
.tbl_title span {
  display: inline-block;
}
/* ==============================================
ボタン小（テーブル内）　幅固定（td内に１つ）
=============================================== */
table .btn_s {
  margin: 0px auto 0 auto;
  width: 80px;
  text-align: center;
  padding: 3px 0;
  /*cursor: pointer;*/
  border-radius: 4px;
  /*background-color: #94F2A4;*/
  border: solid 1px #54BF66;
  transition: 0.5s; /*hover処理の時間*/
}
table .btn_s:hover {
  background-color: #5AB4BD;
  color: #ffffff;
}
/*テーブル内のボタン----------------------------*/
table a {
  text-decoration: none;
  color: #44A01B;
}
@media only screen and (max-width: 749px) {
  table .btn_s {
    width: 60px;
    text-align: center;
    padding: 0px 0;
  }
}
/* ==============================================
ボタン小　幅フリー  <span class="btn_s_free">スポーツ振興課</span>
=============================================== */
/*発注見通し工事で使用*/
/*テーブル内のボタン----------------------------*/
table .btn_s_free {
  margin: 2px 2px 2px 0; /*複数点の場合必須*/
  text-align: center;
  padding: 3px 6px;
  /*cursor: pointer;*/
  border-radius: 4px;
  /*background-color: #94F2A4;*/
  border: solid 1px #54BF66;
  transition: 0.5s; /*hover処理の時間*/
}
table .btn_s_free:hover {
  background-color: #5AB4BD;
  color: #ffffff;
}
/* =============================================

テーブル基本レイアウト

============================================== */
table.tbl_bace {
  width: 100%;
  /*max-width: 800px;*/ /*各テーブルで指定*/
  margin: 0px auto 0px 0;
  border-collapse: collapse;
  border-spacing: 0;
  vertical-align: middle;
}
.tbl_bace th {
  border-bottom: solid 2px #8CDAA8;
  padding: 6px 8px;
  background-color: #C6F1D6;
}
.tbl_bace tr {
  border-top: solid 1px #8CDAA8;
}
.tbl_bace tr:last-child {
  border-bottom: solid 1px #8CDAA8;
}
.tbl_bace th, .tbl_bace td {
  vertical-align: middle;
  padding: 6px 8px;
  box-sizing: border-box;
  border-right: solid 1px #8CDAA8
}
.tbl_bace th:last-child, .tbl_bace td:last-child {
  border-right: solid 0px;
}
@media (max-width: 749px) {
  .tbl_bace td {
    padding: 6px 3px;
  }
}
/*******************************************************

 提出方法など

********************************************************/
table.foufou_tbl {
  width: 100%;
  max-width: 800px;
}
table.foufou_tbl .td01 { /*項目*/
  width: 20%;
  min-width: 80px;
}
table.foufou_tbl .td02 span { /*内容*/
  display: inline-block;
  margin-right: 10px;
}
/*******************************************************

 申請書様式等書類一覧
基本設計の修正

********************************************************/
.youshiki_ichiran_tbl {
  width: 100%;
  max-width: 800px;
}
.youshiki_ichiran_tbl th {
  text-align: center;
}
.youshiki_ichiran_tbl .td01 { /*項目*/
  /*width: 100%;*/
  width: 60%;
}
.youshiki_ichiran_tbl .td01 span { /*内容*/
  display: inline-block;
  margin-right: 10px;
}
.youshiki_ichiran_tbl .td02 { /*内容*/
  width: 20%;
}
.youshiki_ichiran_tbl .td03 { /*内容*/
  width: 20%;
}

/*******************************************************

変更届に必要な提出書類

********************************************************/
.syorui_ichiran_tbl {
  width: 100%;
  /*max-width: 800px;*/
}
.syorui_ichiran_tbl th {
  text-align: center;
  background-color: #D9F9ED;
}
.syorui_ichiran_tbl td {
  width: 16%;
  text-align: center;
}
/*変更名*/
.syorui_ichiran_tbl td:first-child {
  width: 30%;
  text-align: left;
}

@media (max-width: 500px) {
  .syorui_ichiran_tbl th {
    display: none;
  }
  .syorui_ichiran_tbl td {
    width: 100%;
	  		 display: block;
	   text-align: left;
  border-top: solid 1px #8CDAA8;
	  border-right: 0;
  }
/*変更名は通常表示*/
.syorui_ichiran_tbl td:first-child {
  width: 100%;
  background-color: #C7F9AD;
}
/*ラベル表示を右に置く*/
.syorui_ichiran_tbl .td02:before, .syorui_ichiran_tbl .td03:before, .syorui_ichiran_tbl .td04:before, .syorui_ichiran_tbl .td05:before {
  content: attr(data-label);
  width: 200px;
  display: inline-block;
  margin-right: 10px;
  border: solid 0px;
}

}
/*******************************************************

注意事項（変更届に必要な提出書類）

********************************************************/
.tbl_tyuuijikou {
  width: 100%;
  max-width: 800px;
  border: solid 0px;
}
.tbl_tyuuijikou td {
  vertical-align: top;
}
.tbl_tyuuijikou .td01 {
  width: 30px;
}

/*******************************************************

各種様式

********************************************************/
.kakusyu_youshiki_ichiran_tbl{
  width: 100%;
  /*max-width: 800px;*/
	text-align: center;
}
.kakusyu_youshiki_ichiran_tbl th {


}
.kakusyu_youshiki_ichiran_tbl .td01{/*No*/
  width: 20px;
  text-align: center;
}
.kakusyu_youshiki_ichiran_tbl .td02{/*タイトル*/
  width: 35%;
  text-align: left;
}
.kakusyu_youshiki_ichiran_tbl .td03{/*説明*/
  text-align: left;
}
.kakusyu_youshiki_ichiran_tbl .td04{/*ファイル*/
  width: 140px;
}
/*ダウンロードアイコン*/
.kakusyu_youshiki_ichiran_tbl .td04 img{/*ファイル*/
  width: 40px;
	 vertical-align:middle;
	border: solid 0px;
}

@media (max-width: 500px) {
.kakusyu_youshiki_ichiran_tbl .td02{/*タイトル*/
  width: 30%;
}
.kakusyu_youshiki_ichiran_tbl .td04{/*ファイル*/
  width: 80px;
}	
}

/*******************************************************

関係規則・要綱

********************************************************/
.kisoku_ichiran_tbl {
  width: 100%;
  max-width: 800px;
}
.kisoku_ichiran_tbl th {
  text-align: center;

}
.kisoku_ichiran_tbl .td01{/*No*/
  width: 20px;
  text-align: center;
}
.kisoku_ichiran_tbl .td03{/*ファイル*/
  width: 140px;
  text-align: center;
}
@media (max-width: 500px) {
.kisoku_ichiran_tbl .td03{/*ファイル*/
  width: 80px;
}	
}
/*******************************************************

発注見通し工事一覧

********************************************************/
/*課別一覧
-----------------------------------*/
.mitooshi_ichiran_tbl {
  width: 100%;
  max-width: 800px;
}
.mitooshi_ichiran_tbl th {
  text-align: center;
}
.mitooshi_ichiran_tbl .td01 { /*部名*/
  /*width: 100%;*/
  width: 30%;
  table-layout: fixed;
  min-width: 110px;
}
.mitooshi_ichiran_tbl tr:last-child { /*部名*/
  border-bottom: solid 1px #8CDAA8;
}
.mitooshi_ichiran_tbl .td02 { /*担当課*/
}
.mitooshi_ichiran_tbl .td02 span { /*担当課*/
  display: inline-block;
}
/*工事詳細一覧
-----------------------------------*/
.mitooshi_kouji_ichiran_tbl {
  width: 100%;
  max-width: 1200px;
  text-align: center;
}
.mitooshi_kouji_ichiran_tbl th {
  background-color: #D9F9ED;
}
.mitooshi_kouji_ichiran_tbl .td01 { /*No*/
  width: 20px;
}
.mitooshi_kouji_ichiran_tbl .td02 { /*工事の名称*/
  text-align: left;
  width: 24%;
}
.mitooshi_kouji_ichiran_tbl.td02 span {
  display: inline-block;
}
.mitooshi_kouji_ichiran_tbl .td03 { /*場所*/
  text-align: left;
  width: 16%;
}
.mitooshi_kouji_ichiran_tbl .td04 { /*期間*/
  width: 8%;
}
.mitooshi_kouji_ichiran_tbl .td05 { /*種別*/
  text-align: left;
  width: 12%;
}
.mitooshi_kouji_ichiran_tbl .td06 { /*概要*/
  text-align: left;
}
.mitooshi_kouji_ichiran_tbl .td07 { /*入札及び*/
  width: 12%;
}
.mitooshi_kouji_ichiran_tbl .td08 { /*入札時期*/
  width: 10%;
}
@media (max-width: 1000px) {
  .mitooshi_kouji_ichiran_tbl {
    text-align: left;
  }
  /*テーブルヘッダーを消す*/
  .mitooshi_kouji_ichiran_tbl th {
    display: none;
  }
  /*ラインを太くする
	--------------------------------*/
  .mitooshi_kouji_ichiran_tbl tr {
    border-top: solid 2px #8CDAA8;
  }
  .mitooshi_kouji_ichiran_tbl tr:last-child {
    border-bottom: solid 2px #8CDAA8;
  }
  /*td縦並びにする*/
  .mitooshi_kouji_ichiran_tbl td {
    display: block;
    border: 0;
    /*height: auto;*/
  }
  /*Noを消す*/
  .mitooshi_kouji_ichiran_tbl .td01 {
    display: none;
  }
  /*td幅100%*/
  .mitooshi_kouji_ichiran_tbl .td02, .mitooshi_kouji_ichiran_tbl .td03, .mitooshi_kouji_ichiran_tbl .td04, .mitooshi_kouji_ichiran_tbl .td05, .mitooshi_kouji_ichiran_tbl .td06, .mitooshi_kouji_ichiran_tbl .td07, .mitooshi_kouji_ichiran_tbl .td08 {
    width: 100%;
  }
  /*工事名称の背景色*/
  .mitooshi_kouji_ichiran_tbl .td01, .mitooshi_kouji_ichiran_tbl .td02 {
    background-color: #C6F1D6;
  }
  /* tdに設定したaria-label 名称　住所などを表示する */
  .mitooshi_kouji_ichiran_tbl td::before {
    content: attr(aria-label); /* tdに設定した */
    display: inline-block;
    font-weight: bold;
    width: 140px;
    padding-right: 0px;
    margin-right: 20px;
    /* white-space: nowrap;*/
  }
}
@media (max-width: 450px) {
   .mitooshi_kouji_ichiran_tbl td::before {
    content: attr(aria-label); /* tdに設定した */
    display: inline-block;
    font-weight: bold;
    width: 60px;
    padding-right: 0px;
    margin-right: 20px;
    /* white-space: nowrap;*/
  }
  } 






/*******************************************************
ディバイスサイズ設定
============================================= */
/*@media  (max-width: 749px) {
}*/
/* タブレット用 */
@media (min-width: 750px) and (max-width: 1023px) {}
/* Desktop View------------------------------- */
@media (min-width: 1024px) {}