@charset "UTF-8";
@import "/_common/themes/gis/css/portal1/base/init.css";
@import "/_common/themes/gis/css/portal1/base/style.css";

/*------------------------------------------------
 breadCrumbs
------------------------------------------------*/

#breadCrumbs {
  max-width: 1140px;
  margin: 0 auto;
  padding: 10px 30px 15px;
  font-size: 90%;
}
* html #breadCrumbs {
  width:expression(document.documentElement.clientWidth < 742? "740px" : document.documentElement.clientWidth > 1142? "1140px" : "auto");
}

/*------------------------------------------------
 menu
------------------------------------------------*/

/*----- about, other -----*/
#about h2,
#other h2 {
  margin-bottom: 10px;
  padding: 5px;
  border: solid 1px #858585;
  border-radius: 3px;
}
#about h2 a,
#other h2 a {
  display: block;
  padding: 5px 10px;
  background: #F1F0EE;
  font-size: 75%;
  font-weight: bold;
}

/*----- relation -----*/
#relation {
  margin-bottom: 10px;
  padding: 5px;
  border: solid 1px #858585;
  border-radius: 3px;
}
#relation .pieceHeader {
  padding: 5px 10px;
  background: #F1F0EE;
}
#relation .pieceHeader h2 {
  color: #0053AE;
  font-size: 95%;
  font-weight: bold;
}
#relation .pieceBody {
  padding: 10px;
  word-break: break-all;
  word-wrap: break-word;
}
#relation ul li {
  margin-bottom: 3px;
  padding-left: 10px;
  background-image: url(/_common/themes/gis/images/ic/ic_arrow02.gif);
  background-repeat: no-repeat;
  background-position: left 0.6em;
}

/*----- qrCode -----*/
#qrCode {
  margin-bottom: 10px;
  padding: 5px;
  border: solid 1px #858585;
  border-radius: 3px;
}
#qrCode .pieceBody {
  text-align: center;
}
#qrCode .pieceBody p {
  margin-bottom: 5px;
  padding: 5px 10px;
  background: #F1F0EE;
  color: #0053AE;
  font-weight: bold;
  text-align: left;
}
#qrCode img {
  vertical-align: middle;
}

/*=============================================================
 タブレット・スマホ向けスタイル
=============================================================*/
@media only screen and (max-width: 799px) {

/*------------------------------------------------
 menu
------------------------------------------------*/

/*----- about, other -----*/
#about h2,
#other h2 {
  margin-bottom: 0;
  padding: 5px 0;
  border-left: none;
  border-right: none;
  border-bottom: none;
  border-radius: 0px;
}
#about h2 a,
#other h2 a {
  display: block;
  padding: 10px 10px;
  background: #F1F0EE;
  font-size: 75%;
}

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

}