@charset "UTF-8";
@import "../base/common.css";
@import "../base/style.css";
@import "../tool/style.css";

/* =========================================================
   Pieces
========================================================= */
.piece {
  margin-bottom: 10px;
}

/* common-banner
----------------------------------------------- */
#pageHeader {
  background-color: #fff;
}

#pageHeaderContainer {
  max-width: 1600px;
  margin: 0 auto;
}

#commonBanner {
  margin: 0;
}

#commonBanner .pieceBody {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
}

#commonBanner h1 a {
  display: block;
  background-color: #fff;
}

#commonBanner ul {
  display: flex;
  align-items: center;
}

#commonBanner li:not(:first-child) {
  margin-left: 6px;
}

@media only screen and (max-width: 601px) {
  #commonBanner .pieceBody {
    flex-wrap: wrap;
    padding: 0 60px 0 20px;
  }

  #commonBanner h1 {
    margin-bottom: 10px;
  }

  #google_translate_element {
    position: absolute;
    top: 20px;
    right: 10px;
  }
}

#google_translate_element {
  display: inline-block;
}

#search-button {
  border: 0;
}

#search-box {
  float: left;
  padding: 3px 2px 4px;
  border: 0;
  border-right: solid 1px #adadad;
  border-radius: 3px 0 0 3px;
  background-color: #fff;
  font-size: 90%;
}

#search-button {
  display: inline-block;
  float: left;
  margin-left: 1px;
  padding: 3px 5px 0 18px;
  background: url("./images/ic-b-search.png") no-repeat 2px center;
  border-radius: 0 3px 3px 0;
  font-size: 90%;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}

/* searchbox  */
#commonBanner div[id^="___gcse_"],
#menu div[id^="___gcse_"] {
  box-sizing: border-box;
  display: inline-block;
  width: 100%;
  max-width: 250px;
  min-height: 26px;
  margin: 0 6px 0 0;
  padding: 0;
  border: 1px solid #adadad;
  background-color: #fff;
  border-radius: 3px;
  vertical-align: middle;
}

#menu div[id^="___gcse_"] {
  max-width: 220px;
  min-height: 36px;
  margin: 0;
  border-radius: 8px;
}

@media only screen and (min-width: 601px) {
  #page-top #commonBanner div[id^="___gcse_"] {
    display: none;
  }

  #menu div[id^="___gcse_"] * {
    min-height: 36px;
  }

  table.gsc-search-box {
    margin-bottom: 0 !important;
  }
}

@media only screen and (max-width: 601px) {
  #page-top #bnSearch {
    display: none;
  }
}

.gsc-search-box {
  border: none !important;
  box-shadow: none !important;
}

.gsc-input {
  width: 97% !important;
}

.gsc-input-box {
  width: 100%;
  min-width: 14em;
  border: 0 !important;
  background-color: transparent !important;
}

.gsc-input-box-hover,
.gsc-input-box-focus {
  border: none !important;
  box-shadow: none !important;
  max-height: 100% !important;
}

.gsib_a {
  padding: 0 4px 1px !important;
}

.gsst_a {
  position: relative;
  top: 3px;
  padding-top: 0 !important;
}

form.gsc-search-box {
  margin-bottom: 0 !important;
  background: none !important;
}

.gsc-search-button {
  position: relative;
  top: 0;
  margin-left: -12px !important;
}

.gsc-search-button-v2 {
  padding: 0 4px 0 0 !important;
  border: none !important;
  background: none !important;
  white-space: nowrap;
  overflow: hidden;
}

.gsc-search-button-v2 svg {
  fill: #A34848 !important;
  width: 14px;
  height: 14px;
}

.gsc-search-button-v2:focus {
  border: none !important;
  box-shadow: none !important;
}

.gsc-search-button-v2:hover {
  cursor: pointer;
}

#gsearchresult table {
  margin: 0 !important;
  border: none !important;
}

#gsearchresult td {
  margin: 0 !important;
  padding: 0 8px !important;
  border: none !important;
}

.gsc-above-wrapper-area-container {
  margin-bottom: 0 !important;
}

.gsc-result-info-container {
  border: 0 !important;
}

#menu table.gsc-search-box td.gsc-input {
  max-width: 190px;
}

/* global-navi
----------------------------------------------- */
#pageNavBody {
  padding-bottom: 5px;
  background-color: #fcf2e3;
}

#globalNavi {
  margin-bottom: 0;
  border-top: 1px solid #c2c2c2;
  border-bottom: 1px solid #c2c2c2;
  box-shadow: 0 2px 3px #999;
}

#globalNavi .smartSwitch,
#globalNavi>span {
  display: none;
}

#globalNavi>ul {
  display: flex;
}

#globalNavi>ul>li {
  position: relative;
  flex: 1 1 0%;
}

#globalNavi>ul>li>a {
  height: 100%;
}

#globalNavi>ul>li>a {
  display: block;
  border-left: 1px solid #fff;
  border-right: 1px solid #c2c2c2;
  background: linear-gradient(to bottom, #ffffff 0%, #c9e5ff 100%);
  color: #000;
  font-size: 98%;
  font-weight: bold;
  text-decoration: none;
}

#globalNavi li li a {
  display: block;
  padding: 10px 10px 10px 20px;
  border: 1px solid #0c4e8d;
  border-top: 0;
  background: #fff url("./images/ic-arrow-s01.gif") no-repeat 10px center;
  font-weight: 500;
  text-decoration: none;
}

#globalNavi li li:first-child a {
  border-top: 1px solid #0c4e8d;
}

#globalNavi>ul>li:first-child>a,
#globalNavi>ul>li>a:hover,
#globalNavi>ul>li.current>a,
#globalNavi>ul>li.current>a:hover,
#page-index #globalNavi>ul>li.home>a,
#page-index #globalNavi>ul>li.home>a:hover,
#globalNavi li li a:hover,
#globalNavi li li a:focus {
  background: linear-gradient(to bottom, #1d6bc0 0%, #0c5090 100%);
  color: #fff;
}

#globalNavi>ul>li:last-child>a {
  border-right: 1px solid #c2c2c2;
}

#globalNavi li a span {
  display: block;
  padding: 10px 5px 10px 38px;
  background-position: 5px 7px;
  background-repeat: no-repeat;
}

#globalNavi>ul>li.bunya {
  display: flex;
  justify-content: center;
  align-items: center;
  border-left: 1px solid #c2c2c2;
  border-right: 1px solid #c2c2c2;
  background: linear-gradient(to bottom, #1d6bc0 0%, #0c5090 100%);
  color: #fff;
  font-size: 105%;
  font-weight: bold;
}

#globalNavi li.bunya span {
  display: block;
  padding: 0 20px 0 0;
  background: url("./images/ic-arrow.svg") no-repeat right center;
  background-size: 16px auto;
  text-align: center;
}

#globalNavi li.home a span {
  background-image: url("./images/ic-gnavi01.png");
}

#globalNavi li.safety a span {
  background-image: url("./images/ic-gnavi02.png");
}

#globalNavi li.life a span {
  background-image: url("./images/ic-gnavi03.png");
}

#globalNavi li.health a span {
  background-image: url("./images/ic-gnavi04.png");
}

#globalNavi li.education a span {
  background-image: url("./images/ic-gnavi05.png");
}

#globalNavi li.culture a span {
  background-image: url("./images/ic-gnavi06.png");
}

#globalNavi li.industry a span {
  background-image: url("./images/ic-gnavi07.png");
}

#globalNavi li.government a span {
  background-image: url("./images/ic-gnavi08.png");
}

@media only screen and (min-width: 601px) {
  #globalNavi ul ul {
    position: absolute;
    min-width: 100%;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    transition: all .2s ease;
    z-index: 100;
  }

  #globalNavi ul li:not(:last-child) ul {
    left: 0;
  }

  #globalNavi ul li:last-child ul {
    right: 0;
  }

  #globalNavi>ul>li:hover ul,
  #globalNavi>ul>li:focus ul {
    visibility: visible;
    opacity: 1;
  }
}

@media only screen and (max-width: 600px) {
  #globalNavi ul ul {
    display: none;
  }

  #globalNavi>ul>li.bunya {
    border: 0;
  }

  #globalNavi li.bunya span {
    padding: 10px;
    background: none;
  }
}

/* top-photo
----------------------------------------------- */
#photo {
  margin-bottom: 10px;
  padding: 3px;
  background: #fff;
  border-radius: 3px;
  box-shadow: 1px 1px 3px #999;
  overflow: hidden;
}

/* recent-docs
----------------------------------------------- */
#recentDocs {
  background: #fff;
  box-shadow: 1px 1px 3px #999;
  border-radius: 3px;
}

#recentDocs .pieceHeader {
  padding: 3px 0;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(to bottom, #ffffff 0%, #c9e5ff 100%);
}

#recentDocs h2 {
  margin-left: 5px;
  padding: 0 0 0 5px;
  border-left: 3px solid #1d6bc0;
  color: #000;
  font-size: 95%;
  font-weight: bold;
  text-decoration: none;
}

#recentDocs .pieceBody {
  padding: 10px 10px 5px;
}

#recentDocs .pieceBody ul.docs {
  padding-bottom: 10px;
  border-bottom: 1px dotted #999;
}

#recentDocs .pieceBody ul.docs li {
  padding: 3px 8px 3px 15px;
  background: url("./images/ic-arrow-s03.gif") 5px 0.7em no-repeat;
}

#recentDocs .feed {
  float: left;
  margin-top: 4px;
  margin-left: 8px;
}

#recentDocs .more {
  padding-top: 10px;
}

/* doc-tab
----------------------------------------------- */
#docTab {
  background: #fff;
  box-shadow: 1px 1px 3px #999;
  border-radius: 3px;
}

#docTab .tabs:before,
#docTab .tabs:after {
  content: "";
  display: table;
}

#docTab .tabs:after {
  clear: both;
}

#docTab .tabs {
  position: relative;
  width: 100%;

  z-index: 1;
}

#docTab .tabs li {
  float: left;
  width: 50%;
  background: linear-gradient(to bottom, #ffffff 0%, #c9e5ff 100%);
  text-align: center;
}

#docTab .tabs li:last-child {
  width: 50%;
}

#docTab .tabs li.current {
  background: linear-gradient(to bottom, #1d6bc0 0%, #0c5090 100%);
}

#docTab .tabs li.news {
  border-radius: 3px 0 0 0;
}

#docTab .tabs li.tender {
  border-radius: 0 3px 0 0;
}

#docTab .tabs li a {
  display: block;
  padding: 6px 0 2px;
  border-right: 1px solid #bbcde3;
  color: #000;
  text-decoration: none;
}

#docTab .tabs li.tender a {
  border-right: 0;
}

#docTab .tabs li.current a {
  color: #fff;
  font-weight: bold;
}

#docTab .wrapper {
  position: relative;
  z-index: 0;
}

#docTab .content {
  padding: 10px 10px 5px;
}

#docTab .content ul {
  padding-bottom: 10px;
  border-bottom: 1px dotted #999;
}

#docTab .content li {
  padding: 3px 8px 3px 15px;
  background: url("./images/ic-arrow-s03.gif") 5px 0.7em no-repeat;
}

.links:after,
.feed:after {
  content: "";
  clear: both;
  display: block;
}

.feed {
  margin: 0 0 0 15px;
  padding: 5px 0 5px 15px;
  background: url("./images/ic-rss.gif") left 45% no-repeat;
}

#docTab .feed {
  float: left;
}

.feed li {
  float: left;
}

.feed li:first-child {
  margin-right: 5px;
  padding-right: 5px;
}

.links .more {
  padding: 5px 15px;
}

/* shinchakuIchiran
----------------------------------------------- */
#shinchakuIchiran {
  padding: 5px 10px;
}

#shinchakuIchiran ul {
  padding-bottom: 10px;
  border-bottom: 1px dotted #999;
}

#shinchakuIchiran li {
  padding: 3px 8px 3px 15px;
  background: url("./images/ic-arrow-s03.gif") 5px 0.7em no-repeat;
}

/* important, topics, attention, policyList
----------------------------------------------- */
#important,
#topics,
#attention,
#sesakuTopics,
#kumamotojishin,
#policyList {
  margin-bottom: 10px;
  background: #fff;
  box-shadow: 1px 1px 3px #999;
  border-radius: 3px;
}

#important .pieceHeader,
#kumamotojishin .pieceHeader {
  width: 100%;
  padding: 3px 0;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(to bottom, #ffe6f8 0%, #fbbefc 100%);
}

#topics .pieceHeader,
#attention .pieceHeader,
#sesakuTopics .pieceHeader {
  width: 100%;
  padding: 3px 0;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(to bottom, #ffe8b2 0%, #ffc55b 100%);
}

#policyList .pieceHeader {
  width: 100%;
  padding: 3px 0;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(to bottom, #dcf4c9 0%, #aae26f 100%);
}

#important h2,
#kumamotojishin h2 {
  display: block;
  margin-left: 5px;
  padding: 0 0 0 5px;
  border-left: 3px solid #f776cd;
  color: #000;
  font-size: 95%;
  font-weight: bold;
  text-decoration: none;
}

#topics h2,
#attention h2,
#sesakuTopics h2,
#policyList h2 {
  display: block;
  margin-left: 5px;
  padding: 0 0 0 5px;
  border-left: 3px solid #ed8a00;
  color: #000;
  font-size: 95%;
  font-weight: bold;
  text-decoration: none;
}

#policyList h2 {
  border-left: 3px solid #249604;
}

#important .pieceBody,
#topics .pieceBody,
#attention .pieceBody,
#sesakuTopics .pieceBody,
#kumamotojishin .pieceBody,
#policyList .pieceBody {
  padding: 10px 10px 5px;
}

#topics .pieceBody ul,
#attention .pieceBody ul,
#sesakuTopics .pieceBody ul,
#kumamotojishin .pieceBody ul,
#policyList .pieceBody ul {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #999;
}

#important .pieceBody li,
#kumamotojishin .pieceBody li {
  padding: 3px 8px 3px 15px;
  background: url("./images/ic-arrow-s02.gif") 5px 0.7em no-repeat;
}

#topics .pieceBody li,
#attention .pieceBody li,
#sesakuTopics .pieceBody li,
#policyList .pieceBody li {
  padding: 3px 8px 3px 15px;
  background: url("./images/ic-arrow-s03.gif") 5px 0.8em no-repeat;
}

/* top-left-menu
----------------------------------------------- */
#bnEmergency {
  margin-bottom: 5px !important;
  border: solid 3px #ff0000;
  border-radius: 3px;
  background: linear-gradient(to bottom, #ffffff 0%, #ffff06 100%);
}

#bnMedical {
  border: solid 1px #3e923e;
  border-radius: 3px;
  background: linear-gradient(to bottom, #ffffff 0%, #d4ff92 100%);
}

.menuInner .piece:last-child {
  margin-bottom: 0;
}

#bnEmergency .pieceContainer,
#bnMedical .pieceContainer {
  background-image: url("./images/ic-btn-a-bousai.png");
  background-position: 5px 5px;
  background-repeat: no-repeat;
}

#bnMedical .pieceContainer {
  background-image: url("./images/ic-btn-a-iryou.png");
}

#bnEmergency .pieceBody a,
#bnMedical .pieceBody a {
  display: block;
  padding: 5px 20px 5px 48px;
  line-height: 1;
  text-decoration: none;
}

#bnEmergency a:hover,
#bnEmergency a:focus,
#bnMedical a:hover,
#bnMedical a:focus {
  opacity: 0.9;
}

#bnEmergency .title {
  display: block;
  margin-bottom: 5px;
  padding-top: 7px;
  color: #dd0000;
  font-weight: bold;
  font-size: 120%;
}

#bnMedical .title {
  display: block;
  margin-bottom: 5px;
  padding-top: 7px;
  color: #007c00;
  font-weight: bold;
}

#bnEmergency .body,
#bnMedical .body {
  color: #000;
  font-size: 75%;
}

#bnSearch {
  margin-bottom: 5px;
  min-height: 60px;
  padding: 8px 5px 5px;
  border-radius: 8px;
  background-color: #a9bdbf;
  box-sizing: border-box;
}

#bnSearch h2 {
  margin-bottom: 5px;
  font-size: 94%;
  text-align: center;
}

#bnUnit {
  margin-bottom: 5px;
  /*border: 1px solid #8e6a70;
  border-radius: 8px;
  background: linear-gradient(to bottom, #ffffff 0%, #eacea7 100%);*/
}

#bnUnit a {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 60px;
  padding: 10px 20px;
  border-radius: 8px;
  /*background: url("./images/ic-btn-a-soshiki.png") 5px center no-repeat;*/
  background-color: #cb714b;
  /*color: #7c0017;*/
  color: #000;
  font-size: 115%;
  font-weight: bold;
  text-decoration: none;
  box-sizing: border-box;
}

#bnUnit a:hover,
#bnUnit a:focus {
  opacity: 0.9;
}

#menu #public {
  margin: 0;
}

#top-movie {
  margin-bottom: 10px;
  padding: 3px 0 6px;
  background: #fff;
  box-shadow: 1px 1px 3px #999;
  border-radius: 3px;
  overflow: hidden;
}

#opinion .pieceHeader,
#pref .pieceHeader,
#public .pieceHeader,
#twitter .pieceHeader,
#top-movie .pieceHeader {
  margin-bottom: 5px;
  padding: 3px 5px 3px 3px;
  border-radius: 2px;
  background: linear-gradient(to bottom, #dcf4c9 0%, #aae26f 100%);
}

#opinion .pieceHeader h2,
#pref .pieceHeader h2,
#public .pieceHeader h2,
#twitter .pieceHeader h2,
#top-movie .pieceHeader h2 {
  padding-left: 5px;
  border-left: 3px solid #249604;
  font-size: 95%;
}

#purpose .smartTitle,
#opinion .smartTitle,
#pref .smartTitle,
#public .smartTitle,
#twitter .smartTitle,
#top-movie .smartTitle {
  display: none;
}

#top-movie .pieceBody {
  text-align: center;
}

#purpose {
  padding: 5px;
  border-radius: 6px;
  background-color: #6eda3c;
}

#purpose h2 {
  margin-bottom: 5px;
  text-align: center;
}

#purpose ul {
  height: 100%;
}

#purpose li {
  border: 1px solid #adadad;
  border-radius: 3px;
  background: linear-gradient(to bottom, #ffffff 0%, #d0d2d6 100%);
}

#purpose li:not(:last-child) {
  margin-bottom: 5px;
}

#purpose li a {
  display: block;
  padding: 15px 0 15px 50px;
  color: #000;
  font-weight: bold;
  text-decoration: none;
}

#purpose li a:hover,
#purpose li a:focus {
  opacity: 0.9;
}

#purpose li.application a {
  background: url("./images/ic-btn-b-shinsei.png") 5px center no-repeat;
}

#purpose li.examination a {
  background: url("./images/ic-btn-b-shikaku.png") 5px center no-repeat;
}

#purpose li.event a {
  background: url("./images/ic-btn-b-event.png") 5px center no-repeat;
}

#purpose li.collect a {
  background: url("./images/ic-btn-b-bosyu.png") 5px center no-repeat;
}

#purpose li.furusato a {
  background: url("./images/ic-btn-b-furusato.png") 5px center no-repeat;
}

#opinion .pieceBody #pref .pieceBody,
#public .pieceBody {
  padding: 5px 0 0 3px;
}

#opinion ul,
#pref ul,
#public ul {
  padding: 0 2px;
}

#opinion ul li,
#pref ul li,
#public ul li {
  padding: 1px 0 1px 18px;
  background: url("./images/ic-arrow-l.png") left 0.4em no-repeat;
  font-size: 90%;
  font-weight: bold;
}

#opinion ul ul li,
#pref ul ul li,
#public ul ul li {
  margin-left: 1em;
  padding-left: 1px 0 1px 15px;
  background: url("./images/ic-arrow-s01.gif") 5px 0.4em no-repeat;
  font-size: 75%;
  font-weight: normal;
}

#opinion ul li span,
#pref ul li span,
#public ul li span {
  font-size: 85%;
}

#opinion ul li a img,
#pref ul li a img,
#public ul li a img {
  margin-left: 1px;
  vertical-align: middle;
}

/* top-right-menu
----------------------------------------------- */
#bnUpper,
#bnMiddle,
#info,
#twitter {
  margin-bottom: 10px;
  padding: 3px 0 0;
  background: #fff;
  box-shadow: 1px 1px 3px #999;
  border-radius: 3px;
  overflow: hidden;
}

#bnUpper {
  padding: 3px 3px 0;
  text-align: center;
}

#bnUpper img {
  margin-bottom: 3px;
  width: 100%;
  max-width: 100%;
}

.bnMiddleContainer {
  padding: 0 4px;
}

#governor {
  margin: 0 auto 3px !important;
  border: solid 1px #9fbcd5;
  border-radius: 3px;
  background-color: #d4f5ff;
  background-image: url("./images/bg-governor3.png");
  background-position: right bottom;
  background-repeat: no-repeat;
}

#governor .pieceContainer {
  background-image: url("./images/ic-arrow-rbn01.png");
  background-position: 1px 1px;
  background-repeat: no-repeat;
}

#governor .pieceBody a {
  display: block;
  min-height: 97px;
  padding: 5px 80px 5px 25px;
  line-height: 1;
  text-decoration: none;
}

#governor .title {
  display: block;
  margin-bottom: 5px;
  padding-top: 5px;
  color: #0d5294;
  font-size: 95%;
  font-weight: bold;
}

#governor .body span {
  display: block;
  padding: 1px 0 2px 7px;
  background-image: url("./images/ic-dot01.gif");
  background-position: left 0.4em;
  background-repeat: no-repeat;
  color: #000;
  font-size: 75%;
}

#policy {
  margin: 0 auto 3px !important;
  border: solid 1px #d1a6af;
  border-radius: 3px;
  background-color: #ebe0ae;
}

#policy .pieceContainer {
  background-image: url("./images/ic-arrow-rbn02.png");
  background-position: 1px 1px;
  background-repeat: no-repeat;
}

#policy .pieceBody a {
  display: block;
  padding: 5px 0 0;
  line-height: 1;
  text-decoration: none;
}

#policy .title {
  display: block;
  margin-bottom: 5px;
  padding: 5px 0 0 25px;
  color: #7c0017;
  font-weight: bold;
}

#policy .body {
  display: block;
  min-height: 99px;
  padding: 5px 0 0 65px;
  background-image: url("./images/image-rbn02.png");
  background-position: left bottom;
  background-repeat: no-repeat;
}

#policy .body span {
  display: block;
  padding: 1px 0 2px 7px;
  background-image: url("./images/ic-dot01.gif");
  background-position: left 0.4em;
  background-repeat: no-repeat;
  color: #000;
  font-size: 75%;
}

#eachCategory {
  margin: 0 auto 3px !important;
  border: solid 1px #d09ab5;
  border-radius: 3px;
  background-color: #ebd4fa;
}

#eachCategory .pieceContainer {
  position: relative;
  background-image: url("./images/ic-arrow-rbn03.png");
  background-position: 1px 1px;
  background-repeat: no-repeat;
}

#eachCategory .pieceBody a {
  display: block;
  padding: 5px 0 0;
  line-height: 1;
  text-decoration: none;
}

#eachCategory .title {
  display: block;
  padding: 5px 0 0 25px;
  color: #601F6D;
  font-weight: bold;
}

#eachCategory .body {
  display: block;
  position: relative;
  right: -5px;
  min-height: 85px;
  padding: 10px 90px 0 25px;
  background-image: url("./images/image-rbn03.png");
  background-position: right top;
  background-repeat: no-repeat;
}

#eachCategory .body span {
  display: block;
  padding: 1px 0 2px 7px;
  background-image: url("./images/ic-dot01.gif");
  background-position: left 0.6em;
  background-repeat: no-repeat;
  color: #000;
  font-size: 75%;
  line-height: 1.3;
}

#info,
#twitter {
  margin-bottom: 15px !important;
  padding: 10px;
}

#info .pieceHeader,
#twitter .pieceHeader {
  margin-bottom: 5px;
  padding: 3px 5px 3px 3px;
  border-radius: 2px;
  background: linear-gradient(to bottom, #dcf4c9 0%, #aae26f 100%);
}

#info .pieceHeader h2,
#twitter .pieceHeader h2 {
  padding-left: 5px;
  border-left: 3px solid #249604;
  font-size: 90%;
}

#info .smartTitle {
  display: none;
}

#info ul {
  padding: 0 2px;
}

#info ul li {
  padding: 1px 0 1px 18px;
  background: url("./images/ic-arrow-l.png") left 0.4em no-repeat;
  font-size: 90%;
  font-weight: bold;
}

#info ul ul li {
  padding: 1px 0 5px;
  background: none;
  font-size: 75%;
  font-weight: normal;
}

#info ul li a img {
  margin-left: 1px;
  vertical-align: middle;
}

#info .more {
  padding: 5px 0 12px;
  font-size: 75%;
  text-align: right;
}

#bnLower2 {
  display: none;
}

#bnLower,
#bnLower2 {
  width: 180px;
  margin: 0 auto !important;
}

#bnLower .pieceHeader,
#bnLower2 .pieceHeader {
  margin-bottom: 3px;
  padding-bottom: 10px;
  background: url("./images/tl_bar01.gif") left bottom repeat-x;
}

#bnLower .pieceHeader h2,
#bnLower2 .pieceHeader h2 {
  font-size: 75%;
  font-weight: normal;
}

#bnLower img,
#bnLower2 img {
  margin-bottom: 3px;
}

/* common-footer
----------------------------------------------- */
#pageFooter {
  background: #0d5294;
  font-size: 90%;
}

#address:after {
  content: "";
  clear: both;
  display: block;
}

#address {
  padding: 15px 20px 10px;
  box-shadow: 0 2px 3px #999 inset;
  background: #fff;
}

#address h2 {
  float: left;
  margin-right: 10px;
  font-size: 100%;
  font-weight: normal;
}

#address div {
  overflow: hidden;
}

#address div a {
  margin-right: 15px;
  padding: 1px 0 1px 13px;
  background: url("./images/ic-arrow-s01.gif") 3px 0.6em no-repeat;
}

#address .smartText {
  display: none;
}

#footerNavi {
  padding: 10px 0 0;
  color: #fff;
  text-align: center;
}

#smartSwitch {
  display: none;
}

#copyright {
  padding: 0 0 10px;
  text-align: center;
}

#footerNavi a,
#copyright {
  color: #fff;
  font-size: 90%;
}

/* breadCrumbs
----------------------------------------------- */
#breadCrumbs {
  clear: both;
  padding: 10px 10px 0;
}

.category #breadCrumbs,
.doc #breadCrumbs {
  padding: 10px 0 0;
}

/* categorytype-title
----------------------------------------------- */
#categorytypeTitle .pieceBody {
  margin: 0;
  background: linear-gradient(to bottom, #0c5090 0%, #1d6bc0 100%);
}

#categorytypeTitle .pieceBody h1 {
  padding: 12px 0 6px 15px;
  color: #fff;
  font-size: 130%;
  font-weight: normal;
}

/* category-title
----------------------------------------------- */
#categoryTitle .pieceBody {
  margin: 0 3px;
  overflow: hidden;
}

/* kubun */
#categoryTitle.kubun .pieceBody {
  margin: 0;
  background: linear-gradient(to bottom, #0c5090 0%, #1d6bc0 100%);
}

#categoryTitle.kubun h1 {
  padding: 12px 0 6px 15px;
  color: #fff;
  font-size: 130%;
  font-weight: normal;
}

/* mokuteki */
#categoryTitle.mokuteki .pieceBody {
  margin: 0 3px;
  border-bottom: 1px solid #c2c2c2;
  background: linear-gradient(to bottom, #ffffff 0%, #e6e7e8 100%);
}

#categoryTitle.mokuteki h1 {
  height: 88px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

#categoryTitle.shinsei h1 {
  background: url("./images/title/tl_mokuteki_01.png") left center no-repeat;
}

#categoryTitle.shikaku h1 {
  background: url("./images/title/tl_mokuteki_02.png") left center no-repeat;
}

#categoryTitle.event h1 {
  background: url("./images/title/tl_mokuteki_03.png") left center no-repeat;
}

#categoryTitle.boshu h1 {
  background: url("./images/title/tl_mokuteki_04.png") left center no-repeat;
}

#categoryTitle.goiken h1 {
  background: url("./images/title/tl_goiken-goyoubou.png") left center no-repeat;
}

#categoryTitle.guide h1 {
  background: url("./images/title/tl_kenchoguide.png") left center no-repeat;
}

#categoryTitle.hodo h1 {
  background: url("./images/title/tl_houdou.png") left center no-repeat;
}

/* seisaku */
#categoryTitle.seisaku .pieceBody {
  margin: 0 3px;
  background: linear-gradient(to bottom, #0c5090 0%, #1d6bc0 100%);
}

#categoryTitle.seisaku .pieceBody h1 {
  padding: 12px 0 6px 15px;
  color: #fff;
  font-size: 130%;
  font-weight: normal;
}

/* category-left-menu, category-right-menu, article-left-menu
----------------------------------------------- */
#categoryList .pieceHeader,
#relationLink .pieceHeader,
#access .pieceHeader,
#unitList .pieceHeader,
#link .pieceHeader {
  margin-bottom: 5px;
  padding: 3px 5px 3px 3px;
  border-radius: 2px;
  background: linear-gradient(to bottom, #dcf4c9 0%, #aae26f 100%);
}

#categoryList .pieceHeader h2,
#relationLink .pieceHeader h2,
#access .pieceHeader h2,
#unitList .pieceHeader,
#link .pieceHeader {
  padding-left: 5px;
  border-left: 3px solid #249604;
  font-size: 95%;
}

#categoryList .smartTitle,
#relationLink .smartTitle,
#access .smartTitle,
#unitList .smartTitle,
#link .smartTitle {
  display: none;
}

/*#categoryList ul,*/
#relationLink ul,
#access ul,
#unitList ul,
#link ul {
  padding: 0 2px;
}

/*#categoryList li,*/
#unitList li,
#link li {
  padding: 1px 0 1px 18px;
  background: url("./images/ic-arrow-l.png") left 0.4em no-repeat;
  font-size: 90%;
  font-weight: bold;
}

/*#categoryList li li {
  padding: 1px 0 1px 15px;
  background: url("./images/ic-arrow-s01.gif") 5px 0.4em no-repeat;
  font-size: 75%;
  font-weight: normal;
}

#categoryList li span {
  font-size: 85%;
}

#categoryList li a img {
  margin-left: 1px;
  vertical-align: middle;
}
*/
#categoryList li img {
  margin-bottom: 10px;
}

#relationLink li {
  padding: 1px 0 1px 15px;
  background: url("./images/ic-arrow-s01.gif") 5px 0.5em no-repeat;
  font-weight: normal;
  word-break: break-all;
  word-wrap: break-word;
}

#access li {
  padding: 3px 8px 3px 15px;
  background: url("./images/ic-arrow-s03.gif") 5px 0.7em no-repeat;
  word-break: break-all;
  word-wrap: break-word;
}

/* calendar
----------------------------------------------- */
#calendar,
#calendarTodaysList {
  margin: 0 0 10px;
  border-radius: 3px;
  background: #fff;
  box-shadow: 1px 1px 3px #999;
  font-size: 95%;
  overflow: hidden;
}

#calendar .pieceHeader {
  margin: 10px 10px 5px;
  padding: 3px 5px 3px 3px;
  border-radius: 2px;
  background: linear-gradient(to bottom, #dcf4c9 0%, #aae26f 100%);
}

#calendar .pieceHeader h2 {
  padding-left: 5px;
  border-left: 3px solid #249604;
  font-size: 95%;
}

#calendar h3 {
  padding: 3px 5px;
  font-size: 95%;
  text-align: center;
}

#calendar table {
  margin: 0 auto;
  border: 1px solid #aaa;
}

#calendar table th,
#calendar table td {
  padding: 5px 6px;
  border: 1px solid #aaa;
  text-align: center;
}

#calendar table th.sat,
#calendar table td.sat {
  background: #dcf0f6;
  color: #0066cc;
}

#calendar table th.sun,
#calendar table td.sun {
  background: #ffe2d4;
  color: #cc0000;
}

#calendar table td.holiday {
  color: #cc0000;
}

#calendar table td.today {
  background: #fffa97;
  font-weight: bold;
}

#calendar table td.prevMonth,
#calendar table td.nextMonth {
  color: #999;
}

#calendar .pagination {
  margin: 5px 0;
}

#calendar .pagination a {
  padding: 0;
}

#calendar .pagination a.prev_page:before {
  content: "<";
  display: inline;
}

#calendar .pagination a.next_page:after {
  content: ">";
  display: inline;
}

#calendarTodaysList .pieceHeader h2 {
  padding: 3px 5px;
  background: linear-gradient(to bottom, #ffffff 0%, #c9e5ff 100%);
  font-size: 95%;
  text-align: center;
}

#calendarTodaysList #simple_tabs:before,
#calendarTodaysList #simple_tabs:after {
  content: "";
  display: table;
}

#calendarTodaysList #simple_tabs:after {
  clear: both;
}

#calendarTodaysList #simple_tabs {
  padding: 0;

  border-left: 1px solid #bbcde3;
}

#calendarTodaysList #simple_tabs li {
  display: block;
  float: left;
  width: 2em;
  margin: 0;
  padding: 2px 8px 1px;
  border: 1px solid #bbcde3;
  border-bottom: 0;
  border-left: 0;
  background: linear-gradient(to bottom, #ffffff 0%, #c9e5ff 100%);
}

#calendarTodaysList #simple_tabs li.current {
  background: linear-gradient(to bottom, #1d6bc0 0%, #0c5090 100%);
  color: #fff;
}

#calendarTodaysList .pieceBody {
  padding: 10px;
}

#calendarTodaysList #simple_tab_panels>div {
  border: 0;
  border-top: 2px solid #125aa1;
  padding: 5px 0 0;
}

#calendarTodaysList #simple_tab_panels ul {
  list-style-type: disc;
  margin-left: 18px;
}

#calendarTodaysList #simple_tab_panels ul li {
  padding: 3px 0;
}

/* disaster-notices
----------------------------------------------- */
#disaster {
  margin-bottom: 0;
}

#disasterNoticesContainer .body {
  clear: none;
}

#disasterNoticesContainer .bodyInner {
  margin: 0;
  padding: 5px 0;
}

#disasterNoticesContainer .notice {
  margin: 0 0 5px;
  padding: 10px;
  border: 5px solid #e61919;
}

#disasterNoticesContainer .wrap .notice {
  border: none;
  margin: 10px 0;
  padding: 0px;
}

#disasterNoticesContainer .wrap {
  margin: 0 0 5px;
  padding: 10px;
  border: 5px solid #e61919;
  background-color: #fff;
}

#disasterNoticesContainer .earthquake {
  background: #ffffb1;
}

#disasterNoticesContainer .tsunami .body {
  font-size: 110%;
}

#disasterNoticesContainer .report {
  margin-bottom: 10px;
  border-bottom: 1px solid #aaa;
}

#disasterNoticesContainer .information:after {
  content: "";
  clear: both;
  display: block;
}

#disasterNoticesContainer .information .about span {
  display: inline-block;

  vertical-align: middle;
}

#disasterNoticesContainer .information .title {
  padding: 3px 6px;
  background: #e61919;
  color: #fff;
}

#disasterNoticesContainer .specialWarning .information .title {
  background: #aa00d9;
}

#disasterNoticesContainer .intensity {
  color: #e61919;
}

#disasterNoticesContainer .information .title,
#disasterNoticesContainer .area,
#disasterNoticesContainer .intensity {
  font-size: 115%;
  font-weight: bold;
}

#disasterNoticesContainer .link {
  display: block;
  margin-bottom: 10px;
  text-align: right;
}

#disaster2 {
  text-align: right;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 20px;
}

#disaster2 span {
  display: block;
  margin: 0 0 12px;
}

#disaster2 a {
  display: inline-block;
  background-color: #fff;
}

/* =========================================================
   Fix Layout 4 Columns
========================================================= */
@media only screen and (min-width: 1601px) {

  /* top-right-menu
----------------------------------------------- */
  #bnLower2 {
    display: none;
    clear: both;
    width: auto;
    padding: 10px;
  }

  #bnLower2 li {
    float: left;
  }

  #bnLower2 li a {
    display: block;
    margin: 0 5px 5px 0;
  }

  /* disaster-notices
----------------------------------------------- */
  #disasterNoticesContainer {
    padding: 0 100px;
  }

  #disasterNoticesContainer .information .about {
    float: left;
    margin-right: 10px;
  }
}

/* =========================================================
   Fix Layout 3 Columns
========================================================= */
@media only screen and (min-width: 760px) and (max-width: 1600px) {

  /* disaster-notices
----------------------------------------------- */
  #disasterNoticesContainer {
    padding: 0 50px;
  }

  #disasterNoticesContainer .information .about {
    float: left;
    margin-right: 10px;
  }

  #disaster2 {
    padding: 0 50px;
  }
}

@media only screen and (min-width: 760px) {
  #globalNavi>ul {
    flex-wrap: nowrap;
  }
}

@media only screen and (max-width: 759px) {
  #globalNavi>ul {
    flex-wrap: wrap;
  }
}

/* =========================================================
   Fix Layout 2 Columns
========================================================= */
@media only screen and (min-width: 601px) and (max-width: 759px) {

  /* common-banner
----------------------------------------------- */
  #commonBanner .menu {
    width: 60%;
  }

  .lowerMenu p {
    width: 45%;
  }

  .lowerMenu p a {
    text-align: left;
  }

  #search-box {
    width: 70%;
  }

  #search-button {
    width: 25%;
  }

  .lowerMenu form {
    width: 48%;
  }

  .headerMenu {
    width: 50%;
  }

  /* globalnavi
----------------------------------------------- */
  #globalNavi>ul>li {
    flex: 0 1 25%;
  }

  /* top-right-menu
----------------------------------------------- */
  #page-index #bnUpper,
  #bnMiddle {
    float: left;
  }

  #page-index #bnUpper,
  #bnMiddle {
    width: 33%;
    margin: 0 10px 10px 0;
  }

  #page-index #bnUpper a {
    display: block;
  }

  #page-index #bnUpper img {
    width: 100%;
    max-width: 100%;
  }

  #page-index #bnUpper .pieceContainer,
  #bnMiddle .bnMiddleContainer {
    padding: 0 3px;
  }

  #governor,
  #policy,
  #eachCategory {
    width: auto;
  }

  #info {
    overflow: hidden;
  }

  #info .pieceContainer {
    margin: 0 5px !important;
  }

  #bnLower {
    clear: both;
    width: auto;
  }

  #bnLower li {
    float: left;
    width: 25%;
  }

  #bnLower li a {
    display: block;
    margin: 0 5px 5px 0;
  }

  #bnLower li img {
    width: 100%;
    max-width: 100%;
  }

  /* category-left-menu, category-right-menu, article-left-menu
----------------------------------------------- */
  #relationLink,
  #access {
    float: left;
    width: 33%;
    margin: 0 10px 10px 0;
  }

  /* disaster-notices
----------------------------------------------- */
  #disasterNoticesContainer {
    padding: 0 20px;
  }

  #disasterNoticesContainer .information .about {
    float: left;
    margin: 0 10px 10px 0;
  }

  #disaster2 {
    padding: 0 20px;
  }
}

/* =========================================================
   smart phone
========================================================= */
@media only screen and (max-width: 600px) {

  /* commonBanner
----------------------------------------------- */
  #commonHeader {
    display: none;
  }

  #commonBanner {
    position: relative;
    padding: 10px 0 7px;
    border-bottom: 2px solid #0D5294;
  }

  #commonBanner h1 {
    padding-top: 0;
  }

  #commonBanner .logo {
    float: none;
    padding: 0;
    text-align: center;
  }

  #commonBanner .logo img {
    width: 200px;
    height: auto;
  }

  #commonBanner .menu {
    float: none;
    width: auto;
    padding: 10px 0 0 10px;
  }

  #commonBanner .menu ul {
    display: none;
  }

  #commonBanner .menu ul.language {
    display: block;
    background: none;
  }

  #commonBanner .upperMenu {
    text-align: left;
  }

  #google_translate_element {
    margin-left: 16px;
  }

  #commonBanner .lowerMenu {
    float: none;
    text-align: left;
  }

  .lowerMenu form {
    width: 80%;
    height: 34px;
    max-height: none;
    margin: 0;
    border: 0;
    background: none;
    overflow: visible;
  }

  #search-box {
    width: 75%;
    height: 1.5em !important;
    border: 1px solid #adadad;
  }

  #search-button {
    height: 2.15em;
    margin: 0;
    border: 1px solid #adadad;
    border-left: 0;
    background-image: url("./images/ic-b-search.png"), linear-gradient(to bottom, #fdfdfd 0%, #d8d8d8 100%);
    background-repeat: no-repeat, repeat;
    background-position: 2px center, left top;
  }

  /* global-navi
----------------------------------------------- */
  #container {
    position: relative;
  }

  #globalNavi {
    border: 0;
    box-shadow: none;
  }

  #pageNavBody {
    padding-bottom: 0;
    background-color: #fff;
  }

  #globalNavi {
    position: static;
    max-height: 100%;
  }

  #globalNavi .smartSwitch {
    display: block;
    position: absolute;
    right: 10px;
    width: 44px;
    height: 44px;
    margin-top: -44px;
    background: linear-gradient(to bottom, #1d6bc0 0%, #0c5090 100%);
    cursor: pointer;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }

  #globalNavi .smartSwitch a {
    display: block;
    height: 44px;
    background: url("./images/ic/bg-img-menu.png") no-repeat center center;
    background-size: 14px 14px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }

  #globalNavi>ul {
    display: none;
    height: auto;
    padding: 10px 8px;
    background: #0D5294;
  }

  #globalNavi>ul>li {
    flex-basis: 100%;
  }

  #globalNavi>ul>li>a,
  #globalNavi>ul>li.current>a,
  #page-index #globalNavi>ul>li.home>a {
    width: auto;
    min-height: 44px;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #c2c2c2;
  }

  #globalNavi>ul>li:first-child>a {
    border-left: 0;
  }

  #globalNavi>ul>li:last-child>a {
    border-right: 0;
    border-bottom: 0;
  }

  /* top-photo
----------------------------------------------- */
  #photo {
    width: 100%;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
  }

  /* important, sesakuTopics, attention
----------------------------------------------- */
  #important,
  #sesakuTopics,
  #attention,
  #policyList {
    box-shadow: none;
    border-radius: 0;
  }

  #important .pieceHeader,
  #sesakuTopics .pieceHeader,
  #attention .pieceHeader,
  #policyList .pieceHeader {
    height: 28px;
    line-height: 28px;
    border-radius: 0;
  }

  #important .pieceBody,
  #sesakuTopics .pieceBody,
  #attention .pieceBody,
  #policyList .pieceBody {
    padding: 0;
  }

  #sesakuTopics .pieceBody ul,
  #attention .pieceBody ul,
  #policyList .pieceBody ul {
    margin-bottom: 0;
    border-bottom: 0;
  }

  #important .pieceBody li,
  #topics .pieceBody li,
  #attention .pieceBody li,
  #policyList .pieceBody li {
    padding: 10px 8px 10px 15px;
    border-bottom: 1px solid #858585;
    background: linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%);
  }

  #sesakuTopics .pieceBody .more,
  #attention .pieceBody .more,
  #policyList .pieceBody .more {
    padding: 0 15px 10px;
    border-bottom: 1px solid #858585;
    background: linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%);
  }

  /* recent-docs
----------------------------------------------- */
  #recentDocs {
    box-shadow: none;
    border-radius: 0;
  }

  #recentDocs .pieceHeader {
    height: 28px;
    line-height: 28px;
    border-radius: 0;
  }

  #recentDocs .pieceBody {
    padding: 0;
  }

  #recentDocs .pieceBody ul.docs {
    margin-bottom: 0;
    border-bottom: 0;
  }

  #recentDocs .pieceBody ul.docs li {
    padding: 10px 8px 10px 15px;
    border-bottom: 1px solid #858585;
    background: linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%);
  }

  #recentDocs .pieceBody .more {
    padding: 0 15px 10px;
    border-bottom: 1px solid #858585;
    background: linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%);
  }

  /* doc-tab
----------------------------------------------- */
  #docTab {
    box-shadow: none;
    border-radius: 0;
  }

  #docTab .tabs li.news,
  #docTab .tabs li.tender {
    border-radius: 0;
  }

  #docTab .tabs li a {
    display: block;
    height: 44px;
    padding: 0;
    line-height: 44px;
  }

  #docTab .content {
    padding: 0;
  }

  #docTab .content ul {
    border-bottom: 0;
  }

  #docTab .content li {
    padding: 10px 8px 10px 15px;
    border-bottom: 1px solid #858585;
    background: linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%);
  }

  .feed {
    display: none;
  }

  .links .more {
    padding: 0 15px 10px;
    border-bottom: 1px solid #858585;
    background: linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%);
  }

  /* top-left-menu
----------------------------------------------- */
  #bnEmergency .pieceBody {
    background-position: 97% 90%;
  }

  #bnUnit {
    margin-bottom: 5px !important;
  }

  #purpose,
  #opinion,
  #pref,
  #public,
  #twitter,
  #top-movie {
    margin-bottom: 5px !important;
    padding: 0;
    border: 1px solid #249604;
    border-radius: 3px;
  }

  #purpose .pieceHeader,
  #opinion .pieceHeader,
  #pref .pieceHeader,
  #public .pieceHeader,
  #twitter .pieceHeader,
  #top-movie .pieceHeader {
    display: none;
  }

  #purpose .smartTitle,
  #opinion .smartTitle,
  #pref .smartTitle,
  #public .smartTitle,
  #twitter .smartTitle,
  #top-movie .smartTitle {
    display: block;
    border-radius: 3px;
    background: linear-gradient(to bottom, #dcf4c9 0%, #aae26f 100%);
  }

  #unitList .smartTitle p,
  #purpose .smartTitle p,
  #opinion .smartTitle p,
  #pref .smartTitle p,
  #public .smartTitle p,
  #twitter .smartTitle p,
  #top-movie .smartTitle p {
    padding: 10px;
    background: url("./images/ic/bg-img-accordion_menu-down.png") 98% center no-repeat;
  }

  #unitList .open,
  #purpose .open,
  #opinion .open,
  #pref .open,
  #public .open,
  #twitter .open,
  #top-movie .open {
    border-bottom: 1px solid #249604;
  }

  #unitList p,
  #purpose .open p,
  #opinion .open p,
  #pref .open p,
  #public .open p,
  #twitter .open p,
  #top-movie .open p {
    background: url("./images/ic/bg-img-accordion_menu-up.png") 98% center no-repeat;
  }

  #unitList .pieceBody,
  #purpose .pieceBody,
  #opinion .pieceBody,
  #pref .pieceBody,
  #public .pieceBody,
  #twitter .pieceBody,
  #top-movie .pieceBody {
    display: none;
    padding: 10px 10px 5px;
  }

  #opinion ul li,
  #pref ul li,
  #public ul li {
    background: url("./images/ic-arrow-l.png") left 0.8em no-repeat;
    line-height: 2.5;
  }

  #opinion ul ul li,
  #pref ul ul li,
  #public ul ul li {
    background: url("./images/ic-arrow-s01.gif") 5px 0.8em no-repeat;
    line-height: 2.5;
  }

  /* top-right-menu
----------------------------------------------- */
  #bnUpper,
  #bnMiddle,
  #info {
    box-shadow: none;
    border-radius: 0;
  }

  #bnUpper:after {
    content: "";
    clear: both;
    display: block;
  }

  #bnUpper {
    margin-bottom: 0 !important;
    text-align: left;
  }

  #bnUpper .banner {
    float: left;
    width: 50%;
    margin: 0 0 10px;
  }

  #bnUpper .banner a {
    display: block;
    padding: 0 10px;
  }

  #bnUpper img {
    width: 100%;
  }

  #bnMiddle {
    border-radius: 3px;
  }

  #governor,
  #policy,
  #eachCategory {
    width: auto;
    margin-bottom: 0 !important;
    border-bottom: 0;
    border-radius: 0;
  }

  #eachCategory {
    border-bottom: 1px solid #D09AB5;
  }

  #info {
    padding: 0;
    border: 1px solid #249604;
    border-radius: 3px;
  }

  #info .pieceContainer {
    margin: 0 !important;
  }

  #info .pieceHeader {
    display: none;
  }

  #info .smartTitle {
    display: block;
    border-radius: 3px;
    background: linear-gradient(to bottom, #dcf4c9 0%, #aae26f 100%);
  }

  #info .smartTitle p {
    padding: 10px;
    background: url("./images/ic/bg-img-accordion_menu-down.png") 98% center no-repeat;
  }

  #info .open {
    border-bottom: 1px solid #249604;
  }

  #info .open p {
    background: url("./images/ic/bg-img-accordion_menu-up.png") 98% center no-repeat;
  }

  #info .pieceBody {
    display: none;
    padding: 10px 10px 5px;
  }

  #info ul li {
    background: url("./images/ic-arrow-l.png") left 0.8em no-repeat;
    line-height: 2.5;
  }

  #info ul ul li {
    background: none;
    line-height: 2.5;
  }

  #bnLower {
    width: auto;
    margin-top: 25px !important;
  }

  #bnLower .pieceHeader {
    margin-bottom: 5px;
  }

  #bnLower .banner {
    float: left;
    width: 50%;
    margin: 0 0 10px;
  }

  #bnLower .banner a {
    display: block;
    padding: 0 10px;
  }

  #bnLower img {
    width: 100%;
  }

  /* common-footer
----------------------------------------------- */
  #page-index #address {
    display: block;
  }

  #address {
    display: none;
    padding: 10px;
    border-top: 1px solid #0d5294;
  }

  #address h2 {
    float: none;
  }

  #address div {
    display: none;
  }

  #address div a {
    background: url("./images/ic-arrow-s01.gif") 3px 0.4em no-repeat;
  }

  #address .smartText {
    display: block;
  }

  #footerNavi {
    padding: 0;
  }

  #footerNavi a {
    display: block;
    height: 44px;
    padding: 0 10px;
    border-bottom: 1px solid #fff;
    line-height: 44px;
    text-decoration: none;
    text-align: left;
  }

  #footerNavi .separator {
    display: none;
  }

  #smartSwitch {
    display: block;
  }

  #smartSwitch a {
    display: block;
    width: 95%;
    height: 44px;
    line-height: 44px;
    margin: 10px auto;
    padding: 0;
    border: 1px solid #d0d0d0;
    background: linear-gradient(to bottom, #ffffff 0%, #d7dbda 100%);
    color: #000;
    text-align: center;
  }

  /* breadCrumbs
----------------------------------------------- */
  #breadCrumbs {
    display: none;
  }

  /* category-left-menu, category-right-menu, article-left-menu
----------------------------------------------- */
  #categoryList,
  #relationLink,
  #access,
  #unitList,
  #link {
    clear: both;
    margin-bottom: 5px !important;
    border: 1px solid #249604;
    border-radius: 3px;
  }

  #categoryList .pieceHeader,
  #relationLink .pieceHeader,
  #access .pieceHeader,
  #unitList .pieceHeader,
  #link .pieceHeader {
    display: none;
  }

  #categoryList .smartTitle,
  #relationLink .smartTitle,
  #access .smartTitle,
  #unitList .smartTitle,
  #link .smartTitle {
    display: block;
    border-radius: 3px;
    background: linear-gradient(to bottom, #dcf4c9 0%, #aae26f 100%);
  }

  #categoryList .smartTitle p,
  #relationLink .smartTitle p,
  #access .smartTitle p,
  #unitList .smartTitle p,
  #link .smartTitle p {
    padding: 10px;
    background: url("./images/ic/bg-img-accordion_menu-down.png") 98% center no-repeat;
  }

  #categoryList .open,
  #relationLink .open,
  #access .open,
  #unitList .open,
  #link .open {
    border-bottom: 1px solid #249604;
  }

  #categoryList .open p,
  #relationLink .open p,
  #access .open p,
  #unitList .open p,
  #link .open p {
    background: url("./images/ic/bg-img-accordion_menu-up.png") 98% center no-repeat;
  }

  #categoryList .pieceBody,
  #relationLink .pieceBody,
  #access .pieceBody,
  #link .pieceBody {
    display: none;
    padding: 10px 10px 5px;
  }

  #categoryList ul li,
  #relationLink ul li,
  #access ul li,
  #unitList ul li,
  #link ul li {
    background: url("./images/ic-arrow-l.png") left 0.9em no-repeat;
    line-height: 2.5;
  }

  #categoryList ul li a,
  #relationLink ul li a,
  #access ul li a,
  #unitList ul li a,
  #link ul li a {
    height: auto;
  }

  #categoryTitle.mokuteki h1 {
    background-size: 100% auto;
  }

  /* disaster-notices
----------------------------------------------- */
  #disasterNoticesContainer {
    padding: 10px;
  }

  #disasterNoticesContainer .information .about {
    float: left;
    margin: 0 10px 0 0;
  }

  #disasterNoticesContainer .report {
    font-size: 90%;
  }

  #disasterNoticesContainer .information .title {
    margin-bottom: 5px;
  }

  #disasterNoticesContainer .link {
    padding: 0 10px;
    text-align: left;
  }

  #disaster2 {
    position: relative;
    top: -10px;
    text-align: left;
    padding: 0 20px;
  }

  /* special
----------------------------------------------- */
  #pageTitle h1,
  #special {
    display: inline-block;

    vertical-align: middle;
  }

  #special {
    margin-left: 1em;
  }
}

/* bosai-banner
----------------------------------------------- */
#bosaiBanner a {
  display: block;
  padding: 0.5em 1em;
  border: 2px solid #cc4000;
  border-radius: 0.5em;
  background-color: #c95019;
  color: #fff;
  font-weight: 500;
  text-decoration: none;
}

#bosaiBanner a:hover,
#bosaiBanner a:focus {
  opacity: 0.9;
}

#bosaiBanner a span {
  display: block;
}

#bosaiBanner a .title {
  font-size: 130%;
}

#bosaiBanner a .external {
  font-family: "Source Han Serif JP", "Noto Serif JP", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
  font-size: 115%;
  text-align: right;
}

#bosaiBanner a .external+img {
  display: none;
}

/* emergency
----------------------------------------------- */
#emergency {
  border: 5px solid #f00;
  background-color: #fff;
  padding: 16px;
}

#emergency h2 {
  margin-bottom: 1em;
}

#emergency p {
  margin-bottom: 1em;
  padding-left: 1em;
}

/* corona
----------------------------------------------- */
#page-soshiki-130401-2020020300117 #unitAddress,
#page-soshiki-130401-2020022700441 #unitAddress {
  display: none;
}

/* maintenance
----------------------------------------------- */
#maintenance {
  padding: 0 10px;
  border: 3px solid #ee0000;
}

#maintenance h2 {
  margin: 0.5rem 0 1rem;
  color: #ee0000;
  font-size: 130%;
  text-align: center;
}

#maintenance p {
  margin-bottom: 1em;
  text-indent: 1em;
}

@media only screen and (max-width: 600px) {
  #maintenance {
    margin: 0 10px;
  }
}