@charset "UTF-8";

@import "../emergency/style.css";

@import "../base/init.css";

@import "../base/style.css";

@import "../piece/style.css";



/* =========================================================

   TOP

========================================================= */



/* common banner

----------------------------------------------- */

#commonBanner h1 {

  float: left;

  width: 29%;

  height: 70px;

}



#commonBanner h1 a {

  display: block;

  width: 100%;

  height: 0px !important;

  overflow: hidden;

  padding-top: 70px;

  outline: 0;

}



/* mayor

----------------------------------------------- */

#mayor {

  margin-bottom: 5px;

}



#mayor .pieceHeader {

  color: #ffffff;

  font-weight: bold;

  font-size: 120%;

}



#mayor .pieceBody {}



#mayor .pieceBody img {

  float: right;

  margin-bottom: 6px;

}



#mayor ul {

  padding: 0;

  background-color: transparent;

}



#mayor ul:after {

  display: block;

  clear: both;

  height: 0.1px;

  font-size: 0.1em;

  line-height: 0;

  content: ".";

  visibility: hidden;

}



/* erea

----------------------------------------------- */

#ereaMap {

  border: 1px solid #006058;

}



#menu #ereaMap .pieceHeader {

  padding: 0;

  background-image: none;

}



#ereaMap .pieceBody {

  padding: 5px;

  background-color: #fffae8;

}



#ereaMap .pieceBody a {

  padding: 0 7px 0 6px;

  background-image: url("images/ic-chiiki.gif");

  background-repeat: no-repeat;

  background-position: left center;

}



/* footer-navi

----------------------------------------------- */

#footerNavi {

  width: 100%;

  background-color: #fff;

}



#footerNavi .pieceBody {

  padding: 10px 0;

  color: #0064b5;

}



#footerNavi a {

  color: #0064b5;

}



#footerNavi a:visited {

  color: #660099;

}



#footerNavi a:hover {

  color: #ff0000;

}



/* qr-code

----------------------------------------------- */

#qrCode {

  margin-top: 5px;

}



#qrCode img {

  float: left;

  margin-right: 4px;

}



/* top-photo

----------------------------------------------- */

#topPhoto {

  margin-bottom: 7px;

}



#topPhoto .pieceBody {

  width: 100%;

  overflow: hidden;

}



/* category Ichiran

----------------------------------------------- */

#ArticleCategory {

  clear: both;

}



#ArticleCategory .pieceHeader {

  margin-bottom: 10px;

  background-image: url("images/bg-shinchaku-repeat.gif");

  background-repeat: repeat-x;

  background-position: left top;

}



#ArticleCategory .pieceHeader h2 {

  height: 30px;

  line-height: 30px;

  margin-bottom: 10px;

  padding-left: 10px;

  background-image: url("images/tl-shinchaku.gif");

  background-repeat: no-repeat;

  background-position: left top;

  color: #ffffff;

  font-weight: bold;

  font-size: 120%;

}



.categoryKurashi,

.categoryFukushi,

.categoryKyoikubunka,

.categoryKanko,

.categorySangyoshigoto,

.categoryGyoseimachizukuri,

.categoryBosaigai {

  float: left;

  width: 100%;

  line-height: 1.5;

  margin-bottom: 5px;

  padding: 10px 0;

  background-color: #e3f5ff;

}



.categoryBosaigai {

  background-color: #fbe7eb;

}



#ArticleCategory .category h2 {

  float: left;

  line-height: 50px;

  padding-left: 60px;

}



#ArticleCategory .categoryKurashi h2 {

  background-image: url("images/ic-kurashi.gif");

  background-repeat: no-repeat;

  background-position: 10px center;

}



#ArticleCategory .categoryFukushi h2 {

  background-image: url("images/ic-fukushi.gif");

  background-repeat: no-repeat;

  background-position: 10px center;

}



#ArticleCategory .categoryKyoikubunka h2 {

  background-image: url("images/ic-kyoiku.gif");

  background-repeat: no-repeat;

  background-position: 10px center;

}



#ArticleCategory .categoryKanko h2 {

  background-image: url("images/ic-kanko.gif");

  background-repeat: no-repeat;

  background-position: 10px center;

}



#ArticleCategory .categorySangyoshigoto h2 {

  background-image: url("images/ic-sangyou.gif");

  background-repeat: no-repeat;

  background-position: 10px center;

}



#ArticleCategory .categoryGyoseimachizukuri h2 {

  background-image: url("images/ic-gyosei.gif");

  background-repeat: no-repeat;

  background-position: 10px center;

}



#ArticleCategory .categoryBosaigai h2 {

  background-image: url("images/ic-bosai.gif");

  background-repeat: no-repeat;

  background-position: 10px center;

}



#ArticleCategory .category .children {

  margin: 0 10px 0 180px;

}



#ArticleCategory .category .children div {

  display: inline;

  padding-right: 10px;

}



#ArticleCategory .categoryFukushi,

#ArticleCategory .categoryKyoikubunka,

#ArticleCategory .categoryKanko,

#ArticleCategory .categorySangyoshigoto,

#ArticleCategory .categoryGyoseimachizukuri,

#ArticleCategory .categoryBosaigai {

  clear: both;



}



/* life event, tool

------------------------------------- */

#lifeEvent {

  clear: both;

}



#tool {

  clear: both;

  padding-top: 5px;

}



#lifeEvent .pieceHeader,

#tool .pieceHeader {

  background-image: url("images/bg-shinchaku-repeat02.gif");

  background-repeat: repeat-x;

  background-position: left top;

  margin-right: 1%;



}



#lifeEvent .pieceHeader h2,

#tool .pieceHeader h2 {

  height: 30px;

  line-height: 30px;

  margin-bottom: 4px;

  padding-left: 20px;

  background-image: url("images/tl-shinchaku02.gif");

  background-repeat: no-repeat;

  background-position: left top;

  color: #777837;

  font-weight: bold;

  font-size: 120%;

}



#lifeEvent ul,

#tool ul {

  width: 100%;

  clear: both;

}



#lifeEvent li,

#tool li {

  float: left;

  width: 24.1%;

  vertical-align: middle;

  text-align: center;

  border: solid 1px #e8e7da;

  margin: 0.2% 0.4% 0.2% 0;



}



#lifeEvent li p,

#tool li p {

  line-height: 1.5;

  padding: 8px 0 4px 0;



}



#lifeEvent li.shussei p,

#tool li.shussei p {}



#lifeEvent li.ikuji p,

#tool li.ikuji p {}



#lifeEvent li.nyuen p,

#tool li.nyuen p {}



#lifeEvent li.shushoku p,

#tool li.shushoku p {}



#lifeEvent li.hikkoshi,

#tool li.hikkoshi {}



#lifeEvent li.hikkoshi p,

#tool li.hikkoshi p {}



#lifeEvent li.kekkon p,

#tool li.kekkon p {}



#lifeEvent li.kourei p,

#tool li.kourei p {}



#lifeEvent li.okuyami p,

#tool li.okuyami p {}



/* population

----------------------------------------------- */

#population.piece {

  margin: 0 0 10px;

}



#menu #population .pieceHeader {

  line-height: 1.4;

  padding: 4px 7px;

  background-color: #002f9f;

  background-image: none;

  color: #ffffff;

}



#menu #population .pieceHeader h2 {

  font-size: 100%;

  font-weight: normal;

}



*html #menu #population .pieceHeader h2 {

  font-size: 90%;

}



#population table {

  width: 100%;

}



#population th {

  padding: 5px 7px;

  border-left: #002f9f 1px solid;

  border-right: #999999 1px solid;

  border-bottom: #999999 1px solid;

  background-color: #f5f5f5;

  font-weight: normal;

  text-align: left;

}



#population td {

  padding: 5px 7px;

  border-right: #002f9f 1px solid;

  border-bottom: #999999 1px solid;

}



#population th.noBorder {

  border-right: #999999 1px solid;

  border-bottom: #002f9f 1px solid;

  border-left: #002f9f 1px solid;

}



#population td.noBorder {

  border-right: #0086ca 1px solid;

  border-bottom: #002f9f 1px solid;

}



/* topic

----------------------------------------------- */

#topic {

  float: left;

  width: 100%;

  margin-bottom: 15px;

}



#topic .pieceHeader {

  margin-bottom: 10px;

  background-image: url("images/bg-shinchaku-repeat.gif");

  background-repeat: repeat-x;

  background-position: left top;

}



#topic .pieceHeader h2 {

  height: 30px;

  line-height: 30px;

  margin-bottom: 10px;

  padding-left: 10px;

  background-image: url("images/tl-shinchaku.gif");

  background-repeat: no-repeat;

  background-position: left top;

  color: #ffffff;

  font-weight: bold;

  font-size: 120%;

}



#topic img {

  float: left;

}



#topic h3 {

  margin-bottom: 5px;

  padding-left: 180px;

  color: #ff3366;

  font-weight: bold;

}



#topic p {

  padding-left: 180px;

}



#topic .next {

  margin-top: 20px;

  text-align: right;

}



/* About Pdf

------------------------------------- */

#aboutPdf {

  clear: both;

  padding-top: 5px;



}



#aboutPdf .pieceHeader {

  margin-right: 1%;

}



#aboutPdf .pieceHeader h2 {

  height: 28px;

  line-height: 30px;

  margin-bottom: 4px;

  padding-left: 14px;

  background-color: #e3f0fa;

  background-position: left top;

  color: #333333;

  font-weight: bold;

  font-size: 110%;

}



#aboutPdf .pieceBody {

  padding: 4px;

}



#aboutPdf .pieceBody p {

  float: right;

  margin-left: 170px;

}



#aboutPdf .pieceBody img {

  float: left;

  position: absolute;

}



/* bannerImages 20221021追加

----------------------------------------------- */

ul.bannerImages{

  clear: both;

  background-color: #fff;

  display: -webkit-flex;

  display: flex;

  -webkit-flex-wrap: wrap;

  flex-wrap: wrap;

  -webkit-align-items: center;

  align-items: center;

    list-style: none;

}

ul.bannerImages li {

  -webkit-flex-basis: 20%;

  flex-basis: 20%;

}

ul.bannerImages li a {

  display: block;

  padding: 0 5px;

  text-align: center;

}





@media only screen and (max-width: 768px) {

ul.bannerImages{

    display: none;

    }

ul.bannerImages li {

  -webkit-flex-basis: 20%;

  flex-basis: 20%;

}

ul.bannerImages li img{

    width: 100%;

    }

}