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

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

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



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

/*----- recentDocs -----*/
#recentDocs {
  margin-bottom: 20px;
  padding: 10px 15px 20px;
  border: solid 1px #858585;
  border-radius: 3px;
  box-shadow: 1px 3px 3px #C2C2C2;
}
:root #recentDocs {
  border-radius: 5px \0/; /* IE9 */
}
#recentDocs .contentArticleRecentDocs {
  padding: 5px;
}
#recentDocs .recentDocsTitle {
  margin-bottom: 10px;
  padding: 5px 0 5px 5px;
  border-bottom: solid 2px #077E3F;
  font-size: 150%;
  font-weight: bold;
  -webkit-text-stroke-width: 0.1px;
  -webkit-text-stroke-color: black;
  -webkit-text-fill-color: black;
}
#recentDocs h2.date {
  display: inline-block;
  /display: inline;
  /zoom: 1;
  margin: 10px 0 8px;
  padding: 3px 10px;
  border-left: 5px solid #077E3F;
  border-bottom: 1px solid #077E3F;
  color: #077E3F;
  font-size: 100%;
  font-weight: bold;
}
#recentDocs .docs {
  margin-bottom: 20px;
}
#recentDocs .docs ul {
  margin-bottom: 20px;
}
#recentDocs .docs ul li {
  padding: 5px 15px;
  background-image: url("../../images/ic/ic_list_dot05.gif");
  background-position: 5px 1em;
  background-repeat: no-repeat;
  word-wrap: break-word;
  word-break: break-all;
}

/*----- pagination -----*/
.pagination span.previous_page {
  display: inline-block;
  margin-right: 3px;
  font-size: 120%;
  color: #C2C2C2;
}
.pagination em.current {
  display: inline-block;
  padding: 2px 8px;
  border: solid 1px #007A3A;
  background-color: #007A3A;
  color: #FFF;
  text-align: center;
  vertical-align: bottom;
}
.pagination a {
  display: inline-block;
  padding: 2px 8px;
  background-color: #F1F4EE;
  border: solid 1px #C2C2C2;
  color: #333;
  text-decoration: none;
}
.pagination a.next_page {
  margin-left: 3px;
}
.pagination span.separator {
  display: none;
}

/*----- contentArticleDoc -----*/
.docPage {
  padding-right: 0 !important;
}
#main .doc #content {
  clear: both;
}
#contentArticleDoc {
  margin-bottom: 20px;
  padding: 10px 15px 20px;
  border: solid 1px #858585;
  border-radius: 3px;
  box-shadow: 1px 3px 3px #C2C2C2;
}
:root #contentArticleDoc {
  border-radius: 5px \0/; /* IE9 */
}
#contentArticleDoc .header {
  margin-bottom: 15px;
  padding: 10px;
  border-bottom: 2px solid #077E3F;
}
#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;
}
#contentArticleDoc .body h2 {
  margin-bottom: 10px;
  padding: 5px 10px;
  background-color: #CCF0BE;
  font-weight: bold
  -webkit-text-stroke-width: 0.1px;
  -webkit-text-stroke-color: black;
  -webkit-text-fill-color: black;
}
#contentArticleDoc .body h3 {
  margin-bottom: 5px;
  padding: 5px 23px;
  background-image: url(/_common/themes/gis/images/ic/h3-icon.gif);
  background-repeat: no-repeat;
  background-position: 5px center;
  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 #999;
  word-wrap: break-word;
  word-break: break-all;
}
#contentArticleDoc .body table th {
  padding: 5px 10px;
  border: solid 1px #999;
  background-color: #DBF4D2;
  text-align: center;
  word-wrap: break-word;
  word-break: break-all;
}
#contentArticleDoc .body table td {
  padding: 5px 10px;
  border: solid 1px #999;
  word-wrap: break-word;
  word-break: break-all;
}
#contentArticleDoc .rels h2 {
  margin-bottom: 10px;
  padding: 3px 10px;
  background-color: #E0E0E0;
  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_dot_01.gif");
  background-position: left 0.6em;
  background-repeat: no-repeat;
}
#contentArticleDoc .inquiry h2 {
  margin-bottom: 10px;
  padding: 3px 10px;
  background-color: #E0E0E0;
  font-size: 100%;
  font-weight: normal;
}
#contentArticleDoc .inquiry div {
  padding-left: 20px;
  word-break: break-all;
  word-wrap: break-word;
}
.back {
  clear: both;
  margin-bottom: 20px;
  text-align: center;
}
.back a {
  display: inline-block;
  margin: 0 auto;
  padding: 3px 20px;
  background-color: #F6F6F6;
  border: 1px solid #999999;
  border-radius: 3px;
}
:root .back a {
  border-radius: 5px \0/; /* IE9 */
}

/*----- contentPage -----*/
#contentPage {
  margin-bottom: 20px;
  padding: 10px 15px 20px;
  border: solid 1px #858585;
  border-radius: 3px;
  box-shadow: 1px 3px 3px #C2C2C2;
}
:root #contentPage {
  border-radius: 5px \0/; /* IE9 */
}
#contentPage .pieceHeader {
  margin-bottom: 10px;
  padding: 5px 0 5px 5px;
  border-bottom: solid 2px #077E3F;
  font-size: 150%;
  font-weight: bold;
  -webkit-text-stroke-width: 0.1px;
  -webkit-text-stroke-color: black;
  -webkit-text-fill-color: black;
}

/*----- sitemap -----*/
.sitemap h2 {
  margin-bottom: 15px;
  padding: 3px 10px;
  background-color: #077E3F;
  font-size: 100%;
  font-weight: normal;
}
.sitemap h2 a {
  color: #FFF;
}
.sitemap h3 {
  margin-bottom: 5px;
  padding: 3px 10px;
  background-color: #CCF0BE;
  font-size: 100%;
  font-weight: normal;
}
.sitemap ul {
  margin: 0 0 25px 10px;
}
.sitemap ul li {
  display: inline-block;
  width: 31%;
  margin-bottom: 3px;
  padding-left: 10px;
  background-image: url(/_common/themes/gis/images/ic/ic_dot_01.gif);
  background-repeat: no-repeat;
  background-position: left 0.6em;
}

/*----- howto -----*/
.howto h2 {
  margin-bottom: 10px;
  padding: 3px 10px;
  background-color: #077E3F;
  color: #FFF;
  font-size: 100%;
  font-weight: normal;
}
.howto h3 {
  margin-bottom: 5px;
  padding: 0 23px;
  background-image: url(/_common/themes/gis/images/ic/h3-icon.gif);
  background-repeat: no-repeat;
  background-position: 5px center;
  font-weight: bold;
  -webkit-text-stroke-width: 0.1px;
  -webkit-text-stroke-color: black;
  -webkit-text-fill-color: black;
}
.howto p {
  margin-bottom: 5px;
  padding-left: 1em;
}
.howto .iconInfo {
  margin-bottom: 10px;
  border-top: solid 1px #C2C2C2;
}
.howto .iconInfo p {
  margin-bottom: 0;
  padding: 8px 0 8px 53px;
  background-position: 13px center;
  background-repeat: no-repeat;
  border-bottom: solid 1px #C2C2C2;
}
.no1 {
  background-image: url(/_common/themes/gis/images/main/ic_map_system.gif);
}
.no2 {
  background-image: url(/_common/themes/gis/images/main/ic_map_article.gif);
}
.no3 {
  background-image: url(/_common/themes/gis/images/main/ic_map_externallink.gif);
}
.howto ul {
  margin-bottom: 5px;
  padding-left: 28px;
}
.howto ul li {
  list-style-type: disc;
}
.smartInfo {
  margin-bottom: 10px;
  padding: 8px 0 8px 15px;
  border-top: solid 1px #C2C2C2;
  border-bottom: solid 1px #C2C2C2;
}
.smartInfo img {
  vertical-align: middle;
}
.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: #CCF0BE;
}


/*----- inquiry -----*/
#page-inquiry-index #contentPage h2 {
  margin-bottom: 10px;
  padding: 5px 0 5px 5px;
  border-bottom: solid 2px #077E3F;
  font-size: 150%;
  font-weight: bold;
  -webkit-text-stroke-width: 0.1px;
  -webkit-text-stroke-color: black;
  -webkit-text-fill-color: black;
}
#page-inquiry-index #contentPage div.body {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: solid 1px #CCCCCC;
}

/*----- search -----*/
#cse-search-results {
  width: 100%;
}
#cse-search-results iframe {
  max-width: 900px;
  width: 100%;
}

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

/*----- department,relation -----*/
#department,
#relation {
  margin-bottom: 20px;
}
#department .pieceHeader,
#relation .pieceHeader {
  margin-bottom: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 23px;
  background-image: url(/_common/themes/gis/images/ic/tl_ic_link.png);
  background-repeat: no-repeat;
  background-position: left center;
}
#department .pieceHeader h2,
#relation .pieceHeader h2 {
  font-size: 125%;
  font-weight: bold;
}
#department .pieceBody,
#relation .pieceBody {
  word-break: break-all;
  word-wrap: break-word;
}
#department ul li,
#relation ul li {
  margin-bottom: 3px;
  padding-left: 10px;
  background-image: url(/_common/themes/gis/images/ic/ic_dot_01.gif);
  background-repeat: no-repeat;
  background-position: left 0.6em;
}


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

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

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

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

/*----- sitemap -----*/
.sitemap h2 a,
.sitemap h3 a {
  display: block;
  margin-bottom: 5px;
  padding: 7px 10px 6px;
}
.sitemap ul li {
  display: block;
  width: auto;
  background-position: left center;
  border-bottom: solid 1px #C2C2C2;
}
.sitemap ul li a {
  display: block;
  padding: 10px 0;
}

/*----- recentDocs -----*/
#recentDocs,
#contentArticleDoc {
  margin-top: 15px;
}
#recentDocs .docs ul li a {
  display: block;
  paddig: 10px 0;
}

/*----- contentArticleDoc -----*/
.back a {
  padding: 10px 25px;
}


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

/*----- department,relation -----*/
#department ul li,
#relation ul li {
  background-position: left 1.5em;
  border-bottom: solid 1px #C2C2C2;
}
#department ul li a,
#relation ul li a {
  display: block;
  padding: 10px 0;
}

}

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

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

}