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

/*------------------------------------------------
 main
------------------------------------------------*/
#main {
  margin-top: 0 !important;
}

/*------------------------------------------------
 content
------------------------------------------------*/

/*----- recentDocs -----*/
#recentDocs {
  margin-bottom: 20px;
}
#recentDocs .recentDocsTitle {
  margin-bottom: 10px;
  padding: 5px 0 11px 10px;
  background-image: url(/_common/themes/gis/images/main/tl_h3.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
  font-size: 150%;
  font-weight: bold;
  color: #0053AE;
  -webkit-text-stroke-width: 0.1px;
  -webkit-text-stroke-color: 0053AE;
  -webkit-text-fill-color: 0053AE;
}
#recentDocs h2.date {
  margin-bottom: 5px;
  padding: 3px 10px;
  background-color: #F1F0EE;
  font-size: 100%;
  font-weight: bold;
}
#recentDocs .docs {
  margin-bottom: 20px;
  padding-bottom: 5px;
  border-bottom: solid 1px #C2C2C2;
}
#recentDocs .docs ul {
  margin-bottom: 15px;
  padding: 0 15px;
}
#recentDocs .docs ul li {
  margin-bottom: 3px;
  padding-left: 10px;
  background-image: url(/_common/themes/gis/images/ic/ic_dot01.gif);
  background-repeat: no-repeat;
  background-position: left 0.6em;
  word-wrap: break-word;
  word-break: break-all;
}

/*----- pagination -----*/
.pagination span.previous_page {
  display: inline-block;
  margin-right: 0;
  padding: 0px 8px 0px 5px;
  border: solid 1px #999999;
  border-radius: 3px;
  font-size: 120%;
  color: #C2C2C2;
  vertical-align: bottom;
}
.pagination span.previous_page,  x:-moz-any-link {
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 .pagination span.previous_page  { padding: 3px 8px 0px 5px;  }
}
.pagination em.current {
  display: inline-block;
  margin: 0 -1px;
  padding: 2px 8px 0;
  border: solid 1px #0053AE;
  background-color: #0053AE;
  border-radius: 3px;
  color: #FFF;
  text-align: center;
  vertical-align: bottom;
}
.pagination em.current,  x:-moz-any-link {
  padding: 1px 8px 0;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 .pagination em.current  { padding: 0 8px 0;  }
}
.pagination a {
  display: inline-block;
  margin: 0 -1px;
  padding: 3px 8px 0;
  background-color: #FAFAFA;
  border: solid 1px #999999;
  border-radius: 3px;
  color: #333;
  text-decoration: none;
}
.pagination a,  x:-moz-any-link {
  padding: 2px 8px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 .pagination a  { padding: 4px 8px 0;  }
}
.pagination a.next_page {
  margin-left: 0;
}
.pagination span.separator {
  display: none;
}

/*----- contentArticleDoc -----*/
#main .doc #content {
  clear: both;
}
#contentArticleDoc {
  margin-bottom: 20px;
}
#contentArticleDoc .header {
  margin-bottom: 15px;
  padding: 20px 10px 10px;
  background-color: #E1EBFF;
  border: solid 1px #858585;
  border-radius: 3px;
}
#contentArticleDoc .header h1 {
  margin-bottom: 10px;
  font-size: 150%;
  font-weight: bold;
  -webkit-text-stroke-width: 0.1px;
  -webkit-text-stroke-color: black;
  -webkit-text-fill-color: black;
  text-align: center;
}
#contentArticleDoc .publishedAt {
  text-align: right;
}
#contentArticleDoc .body {
  margin-bottom: 25px;
  padding: 0 10px;
}
#contentArticleDoc .body h2 {
  margin-bottom: 10px;
  padding: 5px 10px;
  background-color: #0053AE;
  border-radius: 2px;
  color: #FFFFFF;
  font-weight: bold;
  -webkit-text-stroke-width: 0.1px;
  -webkit-text-stroke-color: white;
  -webkit-text-fill-color: white;
}
#contentArticleDoc .body h3 {
  margin-bottom: 5px;
  padding: 0 10px;
  border-bottom: solid 1px #94B7DD;
  font-weight: bold;
  -webkit-text-stroke-width: 0.1px;
  -webkit-text-stroke-color: black;
  -webkit-text-fill-color: black;
}
#contentArticleDoc .body p {
  padding: 0 10px;
  word-wrap: break-word;
  word-break: break-all;
}
#contentArticleDoc .body table {
  margin: 0 10px 10px;
  border: solid 1px #C2C2C2;
  word-wrap: break-word;
  word-break: break-all;
}
#contentArticleDoc .body table th {
  padding: 5px 10px;
  border: solid 1px #ADADAD;
  background-color: #DEE9F4;
  text-align: center;
  word-wrap: break-word;
  word-break: break-all;
}
#contentArticleDoc .body table td {
  padding: 5px 10px;
  border: solid 1px #ADADAD;
  word-wrap: break-word;
  word-break: break-all;
}
#contentArticleDoc .rels h2 {
  margin-bottom: 10px;
  padding: 3px 10px;
  background-color: #F1F0EE;
  font-size: 100%;
  font-weight: normal;
}
#contentArticleDoc .rels ul {
  margin: 0 10px 25px;
}
#contentArticleDoc .rels ul li {
  margin-bottom: 3px;
  padding-left: 10px;
  background-image: url(/_common/themes/gis/images/ic/ic_dot01.gif);
  background-repeat: no-repeat;
  background-position: left 0.6em;
  word-wrap: break-word;
  word-break: break-all;
}
#contentArticleDoc .inquiry {
  padding: 5px 10px;
  border-top: solid 1px #C2C2C2;
  border-bottom: solid 1px #C2C2C2;
  overflow: hidden;
  zoom: 1;
}
#contentArticleDoc .inquiry h2 {
  margin-bottom: 5px;
  font-size: 100%;
  font-weight: bold;
}
#contentArticleDoc .inquiry div {
  float: left;
  margin-right: 15px;
  word-break: break-all;
  word-wrap: break-word;
}
#contentArticleDoc .inquiry div.section {
  margin-right: 5px;
}
.back {
  clear: both;
  margin-bottom: 20px;
  text-align: center;
}
.back a {
  display: inline-block;
  margin: 0 auto;
  padding: 3px 20px;
  background-color: #FAFAFA;
  border: 1px solid #999999;
  border-radius: 2px;
  color: #000;
  text-decoration: none;
}
:root .back a {
  border-radius: 5px \0/; /* IE9 */
}

/*----- contentPage -----*/
#contentPage {
  margin-bottom: 20px;
}
#contentPage .pieceHeader {
  margin-bottom: 10px;
  padding: 5px 0 11px 10px;
  background-image: url(/_common/themes/gis/images/main/tl_h3.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
  font-size: 150%;
  font-weight: bold;
  color: #0053AE;
  -webkit-text-stroke-width: 0.1px;
  -webkit-text-stroke-color: 0053AE;
  -webkit-text-fill-color: 0053AE;
}
#contentPage .pieceBody {
  padding: 0 10px;
}

/*----- sitemap -----*/
.sitemap h2 {
  margin-bottom: 5px;
  padding: 3px 10px;
  background-color: #F1F0EE;
  font-size: 100%;
  font-weight: bold;
}

/*----- howto -----*/
.howto h2 {
  margin-bottom: 5px;
  padding: 3px 10px;
  background-color: #F1F0EE;
  font-size: 100%;
  font-weight: bold;
}
.howto p {
  margin-bottom: 5px;
  padding-left: 1em;
}
.howto table {
  width: 100%;
  margin: 0 0 15px;
}
.howto table {
  border-spacing: 0;
  border-collapse: collapse;
  empty-cells: show;
}
.howto th, .howto td {
  border: solid 1px #C2C2C2;
  padding: 5px 10px;
}
.howto th {
  background-color: #EDF1FF;
}


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

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

/*------------------------------------------------
 content
------------------------------------------------*/

/*----- contentPage -----*/
#contentPage {
  margin-top: 15px;
}

/*----- sitemap -----*/
.sitemap h2 a {
  display: block;
  margin-bottom: 5px;
  padding: 7px 10px 6px;
}

/*----- recentDocs -----*/
#recentDocs,
#contentArticleDoc {
  margin-top: 10px;
}
#recentDocs .docs {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
#recentDocs h2.date {
  padding: 6px 10px;
}
#recentDocs .docs ul {
  padding: 0;
}
#recentDocs .docs ul li {
  padding-left: 0;
  background-image: url(/_common/themes/gis/images/ic_sm/ic_arrow01.png);
  background-repeat: no-repeat;
  background-position: 97% center;
}
#recentDocs .docs ul li a {
  display: block;
  padding: 10px 0 10px 15px;
  border-bottom: solid 1px #5C5C5C;
  color: #000;
  text-decoration: none;
}

/*----- pagination -----*/
.pagination span.previous_page {
  display: inline-block;
  margin-right: 3px;
  padding: 3px 16px 0;
  border: solid 1px #999999;
  border-radius: 3px;
  font-size: 120%;
  color: #C2C2C2;
  vertical-align: bottom;
  line-height: 38px;
}
.pagination em.current {
  display: inline-block;
  margin: 0 2px;
  padding: 2px 16px 0;
  border: solid 1px #0053AE;
  background-color: #0053AE;
  border-radius: 3px;
  color: #FFF;
  text-align: center;
  vertical-align: bottom;
  line-height: 40px;
}
.pagination em.current,  x:-moz-any-link {
}
.pagination a {
  display: inline-block;
  margin: 0 2px;
  padding: 3px 16px 0;
  background-color: #FAFAFA;
  border: solid 1px #999999;
  border-radius: 3px;
  color: #333;
  text-decoration: none;
  line-height: 38px;
}
.pagination a,  x:-moz-any-link {
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
}
.pagination a.next_page {
  margin-left: 3px;
}
.pagination span.separator {
  display: none;
}

/*----- contentArticleDoc -----*/
#contentArticleDoc .header {
  border-left: none;
  border-right: none;
  border-radius: 0;
}
.back a {
  padding: 10px 25px;
}

}

/*=============================================================
 PC向けスタイル
=============================================================*/

@media only screen and (min-width: 800px) {

}