@charset "UTF-8";



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

   Base

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

/* elements

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

html {

  height: 100%;

}



body {

  width: 100%;

  height: 100%;

  margin: 0;

  border: 0;

  background: url("../images/background.png");

  font-size: 87.5%;

  line-height: 1.5;

  word-wrap: break-word;

  overflow-wrap: break-word;

  -webkit-text-size-adjust: 100%;

}



body,

td,

th,

select,

option,

input,

button,

textarea {

  font-family: -apple-system, BlinkMacSystemFont, "Source Han Sans JP", "Noto Sans JP", Avenir, "Helvetica Neue", Verdana, Roboto, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;

  font-weight: normal;

}



input,

button,

textarea {

  max-width: 100%;

  font-size: 110%;

  vertical-align: middle;

}



blockquote {

  margin: 10px 20px;

}



h1,

h2,

h3,

h4,

h5 {

  font-size: 115%;

  font-weight: bold;

  clear: both;

}



/*追加*/

h1 {

  font-size: 1.6em !important;

}



img {

  width: auto;

  height: auto;

  max-width: 100%;

  border: 0;

  vertical-align: bottom;

}



img.external {

  margin-left: 0.25em;

  vertical-align: middle;

}



.maps img,

#map_canvas img,

#canvas img {

  max-width: none;

}



address,

cite,

dfn,

em,

var {

  font-style: normal;

  font-weight: normal;

}



strong {

  font-weight: bold;

}



pre {

  font-family: -apple-system, BlinkMacSystemFont, "Source Han Code JP", Roboto, Consolas, Osaka-mono, IPAGothic, monospace;

  white-space: pre-wrap;

  word-wrap: break-word;

  overflow: auto;

}



table {

  width: auto;

  max-width: 100%;

  border-collapse: collapse;

  border-spacing: 0;

  empty-cells: show;

}



ul {

  list-style-type: none;

  list-style-position: outside;

}



li {

  list-style-position: outside;

  vertical-align: bottom;

}



rp,

rt {

  font-size: 80%;

  text-decoration: none;

}



a {

  color: #005eaa;

  background-color: transparent;

  text-decoration: none;

}



a:visited {

  color: #8232a0;

  background-color: transparent;

}



a:hover,

a:focus {

  color: #be1e32;

  background-color: transparent;

  text-decoration: underline;

}



a[name] {

  color: #000;

  text-decoration: none;

}



a img:hover,

a img:focus {

  opacity: 0.9;

}



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

   Common Classes.

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

/* Icons.

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

.iconFile,

.iconDefault {

  display: inline-block;

  min-height: 16px;

  padding-left: 22px;

  background-repeat: no-repeat;

  background-image: url("../..../../_common/images/icons/default.png");

}



.iconBmp {

  background-image: url("../../_common/images/icons/bmp.png");

}



.iconCsv,

.iconTxt {

  background-image: url("../..../../_common/images/icons/default.png");

}



.iconDoc,

.iconDocx {

  background-image: url("../../_common/images/icons/doc.png");

}



.iconGif {

  background-image: url("../../_common/images/icons/gif.png");

}



.iconJpg,

.iconJpe,

.iconJpeg {

  background-image: url("../../_common/images/icons/jpg.png");

}



.iconJtd {

  background-image: url("../../_common/images/icons/jtd.png");

}



.iconLzh {

  background-image: url("../../_common/images/icons/lzh.png");

}



.iconPdf {

  background-image: url("../../_common/images/icons/pdf.png");

}



.iconPng {

  background-image: url("../../_common/images/icons/png.png");

}



.iconPpt,

.iconPptx {

  background-image: url("../../_common/images/icons/ppt.png");

}



.iconXls,

.iconXlsx {

  background-image: url("../../_common/images/icons/xls.png");

}



.iconZip {

  background-image: url("../../_common/images/icons/zip.png");

}



/* Common

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

/* more

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

.more {

  text-align: right;

}



.todaysMatsuzaki .more {

  margin-bottom: 10px;

}



.docs-news .more {

  margin: 0 16px 13px;

}



.more span {

  padding-right: 10px;

}



/* pagination

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

.pagination {

  margin-top: 20px;

  text-align: center;

}



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

  .pagination {

    margin: 0 0 20px;

  }

}



.pagination a,

.pagination em,

.pagination span {

  display: inline-block;

  padding: 0 6px;

  vertical-align: middle;

}



.pagination .current {

  padding: 0 3px;

  font-size: 150%;

  font-weight: bold;

}



.calendarEvents .pagination a,

.calendarEvents .pagination em,

.calendarEvents .pagination span,

#calendar .pagination a,

#calendar .pagination em,

#calendar .pagination span {

  margin: 0;

  padding: 0;

  border: 0;

}



.calendarEvents .pagination .previous_page::before,

.calendarEvents .pagination .next_page::after,

#calendar .pagination .previous_page::before,

#calendar .pagination .next_page::after {

  content: "";

}



/* breadCrumbs

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

#breadCrumbs ol,

#breadCrumbs li {

  list-style: none;

}



#breadCrumbs li {

  display: inline-block;

}



#breadCrumbs li:not(:first-child)::before {

  content: ">";

  margin: 0 5px;

}



/* midashi

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

.contentGpArticleDoc .date {

  margin-bottom: 1.5em;

  text-align: right;

}



.contentGpArticleDoc a {

  text-decoration: underline;

}



.body::after {

  content: "";

  clear: both;

  display: block;

}



.body h1,

.body h2,

.body h3,

.body h4,

.maps h2,

.maps h3,

.rels h2,

.tags h2,

.calendarEvents h2,

.calendarTodayEvents h3,

.contentGpCategory .todaysMatsuzaki h2,

.contentRankLastMonth h2,

.cke_editable h1,

.cke_editable h2,

.cke_editable h3,

.cke_editable h4 {

  margin: 0 0 1em;

}



.body h2,

.calendarEvents h2,

.contentGpCategory .todaysMatsuzaki h2,

.contentRankLastMonth h2,

.cke_editable h2 {

  padding: 6px 12px 9px 12px;

  border-top: 5px solid #86b070;

  background: url("../images/background.png");

  color: #665e51;

}



.body h3,

.body h4,

.maps h2,

.rels h2,

.tags h2,

.maps h3,

.calendarTodayEvents h3,

.cke_editable h3,

.cke_editable h4 {

  padding: 4px 28px;

  color: #333;

  font-size: 105%;

}



.body h3,

.maps h2,

.rels h2,

.tags h2,

.cke_editable h3 {

  position: relative;

  border: 1px solid #86b070;

}



.body h3::before,

.maps h2::before,

.rels h2::before,

.tags h2::before,

.calendarTodayEvents h3::before,

.cke_editable h3::before {

  content: ".";

  position: absolute;

  left: 6px;

  top: 50%;

  width: 6px;

  margin-top: -0.7em;

  border-radius: 6px;

  background-color: #86b070;

  color: transparent;

}



.contentGpCategory .todaysMatsuzaki h2 {

  border: 0;

}



.contentGpCategory .todaysMatsuzaki h2::before {

  content: none;

}



.body h4,

.maps h3,

.cke_editable h4 {

  border-bottom: 1px dashed #8b8b8b;

  background: url("../images/tl-h4.svg") no-repeat left 0.3em;

  font-weight: normal;

}



.body h5,

.body h6,

.cke_editable h5,

.cke_editable h6 {

  font-size: 100%;

}



.body p,

.cke_editable p {

  margin: 0 1em 1em;

}



.body p+h2,

.body p+h3,

.body p+h4,

.cke_editable p+h2,

.cke_editable p+h3,

.cke_editable p+h4 {

  margin-top: 1.5em;

}



.body p.indent,

.cke_editable p.indent {

  text-indent: 1em;

}



.body p.hanging,

.cke_editable p.hanging {

  padding-left: 1em;

  text-indent: -1em;

}



.body p.noMargin,

.cke_editable p.noMargin {

  margin: 0;

}



.body ul,

.rels ul,

.tags ul,

.cke_editable ul {

  padding: 8px 0.5em;

}



.body ul li,

.rels ul li,

.cke_editable ul li {

  padding: 2px 0 2px 12px;

  background: url("../images/ic-bunyalist2.svg") no-repeat left 0.65em;

}



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



  .body ul li,

  .rels ul li,

  .cke_editable ul li {

    background-position: left 0.5em;

  }

}



.body ul.col3 li,

.cke_editable ul.col3 li {

  display: inline-block;

  width: 32.8%;

  vertical-align: top;

}



.body ol,

.cke_editable ol {

  padding: 0 1em 1em 4em;

}



table {

  border: 1px solid #8b8b8b;

}



.body table,

.cke_editable table {

  margin: 0 0 1em;

}



table[align] {

  float: none;

}



table[align="center"] {

  margin-left: auto;

  margin-right: auto;

}



table[align="right"] {

  margin-left: auto;

  margin-right: 0;

}



table[align="left"] {

  margin-left: 0;

  margin-right: auto;

}



table[border="0"],

table[border="0"] th,

table[border="0"] td {

  border: 0;

}



table caption {

  margin-bottom: 5px;

  padding: 4px;

  background-color: #ebf4ec;

  font-weight: bold;

  text-align: center;

}



th {

  background-color: #ebf4ec;

  text-align: center;

}



.hikaribox table caption,

.hikaribox th {

  background-color: #dee5df;

}



th,

td {

  padding: 3px;

  border: 1px solid #8b8b8b;

  vertical-align: middle;

  word-wrap: break-word;

}



td[valign="top"] {

  vertical-align: top;

}



table p {

  padding: 0;

}



table ul,

table ol {

  margin: 0 0 5px 20px;

}



dl dt {

  font-weight: bold;

}



dl dd {

  margin-bottom: 10px;

}



sup {

  font-size: 85%;

  vertical-align: super;

}



sub {

  font-size: 85%;

  vertical-align: sub;

}



.body .warning,

.cke_editable .warning {

  color: #ee0000;

  font-weight: bold;

}



.body .border,

.cke_editable .border {

  margin: 20px 0;

  padding: 10px;

  border: 1px solid #8b8b8b;

}



.contentGpArticleDoc .body,

.contentGpArticleDoc .maps,

.contentGpArticleDoc .rels,

.contentGpArticleDoc .tags {

  margin-bottom: 1.5em;

}



.tags ul li {

  display: inline-block;

  margin-right: 1em;

}



/* RSS Atom

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

.feed {

  text-align: right;

}



.contentGpArticleDocs .feed,

.contentGpCategoryDoc .feed,

.contentGpCategory .feed {

  margin-top: -10px;

}



ul.feed li {

  display: inline-block;

  padding: 0;

}



ul.feed li:first-child {

  margin-right: 2px;

}



ul.feed li a {

  display: block;

  height: 0;

  padding-top: 18px;

  overflow: hidden;

}



ul.feed li a.feedRss {

  width: 50px;

  background: url("../images/ic-rss.png") no-repeat left top;

}



ul.feed li a.feedAtom {

  width: 48px;

  background: url("../images/ic-atom.png") no-repeat left top;

}



.fb-wrapper {

  display: inline-block;

}



/* more

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

.more {

  float: right;

}



.more a,

a.more {

  display: inline-block;

  padding: 2px 28px 2px 8px;

  border: 1px solid #86b070;

  border-radius: 6px;

  background: url("../images/ic-list.svg") no-repeat right 8px center;

  color: #86b070;

  font-weight: bold;

  text-decoration: none;

}



.hikaribox .more a,

.hikaribox a.more {

  background: url("../images/ic-list.svg") no-repeat 95% center;

}



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

  .contentGpCategory .more {

    float: none;

    text-align: center;

  }



  .contentGpCategory a.more {

    display: block;

    margin: 0 10px 10px;

  }

}



/* sns

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

#sns {

  margin: 20px 0;

  padding: 0;

}



.twitter-wrapper,

.g-wrapper,

.fb-wrapper,

.mixi-wrapper,

.line-wrapper {

  display: inline-block;

  line-height: 10px;

  vertical-align: top;

}



.contentGpArticleDocs+#feedBack+#sns {

  display: none;

}



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

  #sns {

    padding: 0 16px;

  }

}



/* back-btn, back

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

.dir-docs .back-btn {

  display: none;

}



.back-btn,

.surveyForm .back {

  margin: 13px 0 20px;

  text-align: center;

}



.back-btn a,

.surveyForm .back a {

  display: block;

  width: 100px;

  margin: 0 auto;

  padding: 8px 0;

  border: 1px solid #ccc;

  background: linear-gradient(to bottom, #ffffff 0%, #f2f2f2 100%);

  color: #000;

  text-decoration: none;

}



/* pagetop

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

.pageTop {

  margin: 5px 0 30px;

  text-align: right;

}



.pageTop a {

  padding: 0 0 0 15px;

  background: url("../images/ic-pagetop.svg") no-repeat left center;

}



/* required

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

.required {

  color: #ee0000;

}



/* address

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

.inquiry {

  margin: 0 0 1em;

  border: 1px solid #86b070;

}



.inquiry h2 {

  position: relative;

  padding: 4px 28px;

  border-bottom: 1px solid #86b070;

  color: #333;

  font-size: 105%;

}



.inquiry h2::before {

  content: ".";

  position: absolute;

  left: 6px;

  top: 50%;

  width: 6px;

  margin-top: -0.7em;

  border-radius: 6px;

  background-color: #86b070;

  color: transparent;

}



.inquiry address {

  padding: 13px 16px;

}



.top,

.middle {

  margin-bottom: 0;

}



.department,

.section,

.tel,

.fax {

  margin-right: 1em;

}



.nowrap {

  white-space: nowrap;

}



/* CKEditor templates

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

.temp1::after,

.temp2::after {

  content: "";

  clear: both;

  display: block;

}



.temp1,

.temp2,

.temp3,

.temp4 {

  margin-bottom: 1em;

}



.temp1 .thumb {

  float: left;

  margin-right: 1em;

  margin-bottom: 1em;

}



.temp1 ul,

.temp1 ol {

  display: inline-block;

  vertical-align: top;

}



.temp2 .thumb {

  float: right;

  margin-left: 1em;

  margin-bottom: 1em;

}



.temp3,

.temp4 {

  text-align: center;

}



.temp4[style*="width"] {

  width: auto !important;

}



.temp4[style*="height"] {

  height: auto !important;

}



.temp3 dl,

.temp4 dl {

  display: inline-block;

  margin: 0 5px;

  vertical-align: top;

}



.temp3 dl {

  max-width: 48%;

}



.temp4 dl {

  max-width: 31%;

}



.temp3 dl dt,

.temp4 dl dt {

  margin-bottom: 10px;

  text-align: center;

}



.temp3 dl dd,

.temp4 dl dd {

  text-align: center;

}



.todaysMatsuzaki .temp3,

.todaysMatsuzaki .temp4,

.todaysMatsuzaki .temp3 dl dd,

.todaysMatsuzaki .temp4 dl dd {

  text-align: left;

}



table.temp5 {

  width: 100%;

}



.body .temp7 p {

  padding: 0;

}



div.cms-preview {

  width: auto !important;

}



/* adobeReader

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

.adobeReader::after,

.temp7::after {

  content: "";

  clear: both;

  display: block;

}



.adobeReader,

.temp7 {

  margin: 1.5em 0 1em;

  padding: 10px 20px 10px 196px;

  border: 1px solid #ffaaaa;

  background: #fff3f3 url("../images/adobe_bn.png") no-repeat 20px center;

}



/* clearfix

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

.clearfix::after {

  content: "";

  clear: both;

  display: block;

}



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



  .contentGpArticleDoc .date,

  .contentGpArticleDoc .body,

  .contentGpArticleDoc .maps,

  .contentGpArticleDoc .rels,

  .contentGpArticleDoc .tags {

    padding: 0 10px;

  }



  .contentGpArticleDoc .inquiry {

    margin: 0 10px 1em;

  }



  .body h1,

  .body h2,

  .body h3,

  .body h4,

  .maps h2,

  .maps h3,

  .rels h2,

  .tags h2,

  .contentRankLastMonth h2 {

    margin-bottom: 0.5em;

    clear: both;

  }



  .body p+h2,

  .body p+h3,

  .body p+h4 {

    margin-top: 1em;

  }



  .body p {

    margin: 0 10px 1em;

  }



  .temp1 .thumb,

  .temp2 .thumb {

    float: none;

    margin: 0 0 0.5em;

    text-align: center;

  }



  .temp3 dl,

  .temp4 dl {

    max-width: 100%;

    margin: 0 0 10px;

  }



  .adobeReader,

  .temp7 {

    padding: 10px;

    background-image: none;

  }



  .body .adobeReader p,

  .body .temp7 p {

    margin: 0;

  }

}



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

   google custom search

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

.search table,

.search table th,

.search table td {

  border: 0;

}



form.gsc-search-box {

  margin-bottom: 0 !important;

  font-size: 90% !important;

}



table.gsc-search-box {

  margin-bottom: 0 !important;

  border: 0;

}



table.gsc-search-box th,

table.gsc-search-box td {

  padding: 0;

  border: 0;

}



.gsc-search-box-tools .gsc-search-box .gsc-input {

  padding-right: 0 !important;

}



.gsib_a {

  padding-top: 0 !important;

}



.cse .gsc-search-button input.gsc-search-button-v2,

input.gsc-search-button-v2 {

  margin-top: 0 !important;

  padding: 6px 15px !important;

  border-radius: 0 !important;

}



input.gsc-search-button {

  margin-left: 0 !important;

}



.gsc-results .gsc-cursor-box {

  text-align: center;

}



.gsc-selected-option-container {

  white-space: nowrap;

}



.cse .gsc-control-cse,

.gsc-control-cse {

  padding: 0 !important;

}



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

   accessibility-tool

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

#accessibilityTool {

  border-bottom: 1px solid #a5a79a;

  background-color: #eee;

}



.hikaribox #accessibilityTool {

  background-color: #e5e5e5;

}



#accessibilityTool .pieceContainer {

  width: 1000px;

  margin: 0 auto;

  padding: 4px 10px;

}



#headerBody .piece {

  margin-bottom: 0;

}



#accessibilityTool .pieceBody {

  padding: 1px 0;

  font-size: 0.9em;

}



.goog-te-gadget {

  font-family: inherit !important;

  font-size: inherit !important;

}



.goog-te-gadget-simple {

  padding: 0 !important;

  border-color: #ccc !important;

}



/* block-skip

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

#nocssread {

  float: left;

}



#nocssread a {

  display: block;

  width: 0;

  height: 0;

  overflow: hidden;

}



#nocssread a:focus,

#nocssread a.show {

  width: auto;

  height: auto;

  padding: 0 10px;

  background-color: #f2cfd8;

}



/* tools

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

ul.tools {

  float: right;

}



ul.tools ul,

ul.tools li,

ul.tools li>span {

  float: left;

}



ul.tools li {

  margin-left: 0.4em;

}



ul.tools li.translate {

  margin: 0 0.9em 0 1.4em;

}



ul.tools li>a {

  display: block;

  padding: 0 3px;

  border: 1px solid transparent;

  color: #000;

  text-align: center;

  text-decoration: none;

}



ul.tools li.fontSize>span {

  margin: 0 0.4em 0 0;

}



ul.tools li.background>span {

  margin: 0 0.4em 0 0.9em;

}



ul.tools li.fontSize a,

ul.tools li.manual a {

  border-color: #ccc;

  background-color: #fff;

}



ul.tools li.background a {

  color: #fff;

}



ul.tools li.background a#themeBlack {

  background-color: #000;

}



ul.tools li.background a#themeBlue {

  background-color: #00b;

}



ul.tools li.background a#themeWhite {

  border: 1px solid #ccc;

  background-color: #fff;

  color: #000;

}



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

  #accessibilityTool {

    display: none;

  }

}



/*追加*/

.body h1,

.body h2,

.body h3,

.body h4 {

  margin-top: 1.5em;

}