@charset "UTF-8";

/* =========================================================
   Base
========================================================= */
/* elements
----------------------------------------------- */
.cms-preview {
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  width: 100%;
  height: 100%;
  font-size: 87%;
  line-height: 1.52;
}

body,
td,
th,
select,
option {
  /*   font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; */
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, Osaka, sans-serif;
  font-weight: lighter;
}

input,
textarea {
  max-width: 100%;
  font-size: 110%;
  font-family: Arial, sans-serif;
}

blockquote {
  margin: 10px 20px 10px 20px;
}

h1 {
  font-size: 140%;
  font-weight: bold;
  line-height: 1.8;
}

h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: bold;
  /* font-family: verdana; */
}

img {
  max-width: 100%;
  height: auto;
  border-style: none;
  vertical-align: text-bottom;
}

address,
cite,
dfn,
em,
var {
  font-style: normal;
  font-weight: normal;
}

strong {
  font-weight: bold;
}

pre {
  font-family: SimHei, monospace;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
}

ul {
  list-style-type: none;
  list-style-position: outside;
}

li {
  list-style-position: outside;
}

rp,
rt {
  font-size: 70%;
  text-decoration: none;
}

a {
  color: #0032b4;
  background-color: transparent;
  text-decoration: none;
  /*  text-decoration: underline;*/
}

a:visited {
  /*  color: #5a1eb4;*/
  color: #0032b4;
  background-color: transparent;
}

a:hover,
a:focus {
  color: #DC001E;
  background-color: transparent;
}

a img[src$=".gif"]:hover,
a img[src$=".gif"]:focus,
a img[src$=".jpg"]:hover,
a img[src$=".jpg"]:focus {
  opacity: 0.9;
}

/* header
----------------------------------------------- */
#breadCrumbs .pieceBody {
  padding: 20px 0 20px 10px;
}


/* =========================================================
   Common Classes.
========================================================= */

/* blank to clear
----------------------------------------------- */
div.clearBlank {
  clear: both;
  height: 1px;
  font-size: 1px;
  line-height: 1px;
}

/* icon
----------------------------------------------- */
img.fileIcon {
  position: relative;
  margin-right: 3px;
  vertical-align: middle;
}

/* Notices
----------------------------------------------- */
ul.notices {
  margin: 0 0 15px 0;
  padding: 5px 10px;
  border: 1px solid #bbddff;
  background-color: #ddeeff;
}

ul.notices li {
  color: #3355ff;
}

/* Errors
----------------------------------------------- */
.formError {
  margin: 15px 0;
  padding: 10px;
  border: 1px solid #ee0000;
  color: #ee0000;
}

.elementError {
  margin: 3px 0 0 0;
  color: #ee0000;
}

/* Form relation
----------------------------------------------- */
div.submitters {}

div.submitters input,
div.submitters a {
  margin: 0 10px;
}

div.submitters input {
  width: 100px;
}

/* Table for list
----------------------------------------------- */
table.list {
  width: 100%;
}

table.list th {
  padding: 6px 7px;
  border: 1px solid #bbbbbb;
  background-color: #e4e4e4;
  color: #000;
  font-weight: lighter;
  text-align: left;
}

table.list td {
  padding: 6px 7px;
  border: 1px solid #cccccc;
}

table.list tr.cycle td {
  background-color: #f7f7f7;
}

/* Table for form
----------------------------------------------- */
table.form {
  width: 100%;
  margin: 10px 0 0 0;
}

table.form th {
  width: 200px;
  padding: 6px 7px;
  border: 1px solid #bbbbbb;
  background-color: #e4e4e4;
  color: #000;
  font-weight: lighter;
  text-align: left;
}

table.form td {
  padding: 6px 7px;
  border: 1px solid #cccccc;
}

/* Form relation
----------------------------------------------- */
div.submitters {}

div.submitters input,
div.submitters a {
  margin: 0 10px;
}

div.submitters input {
  width: 100px;
}

/* Icons.
----------------------------------------------- */
.iconFile,
.iconDefault {
  padding: 12px 5px 12px 24px;
  background-position: left center;
  background-repeat: no-repeat;
  background-image: url("/_common/images/icons/default.png");
  line-height: 3.3;
}

.iconBmp,
.iconCsv,
.iconDoc,
.iconDocx,
.iconGif,
.iconJpg,
.iconJpe,
.iconJpeg,
.iconJtd,
.iconLzh,
.iconPdf,
.iconPng,
.iconPpt,
.iconTxt,
.iconXls,
.iconXlsx,
.iconZip {
  height: 40px;
}

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

.iconCsv {
  background-image: url("/_common/images/icons/csv.png");
}

.iconDoc,
.iconDocx {
  background-image: url("/_common/images/icons/doc.png");
}

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

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

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

.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 {
  background-image: url("/_common/images/icons/ppt.png");
}

.iconTxt {
  background-image: url("/_common/images/icons/txt.png");
}

.iconXls,
.iconXlsx {
  background-image: url("/_common/images/icons/xls.png");
}

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

/* Common
----------------------------------------------- */
/* more
---------------------- */
.more {
  clear: both;
  margin-top: 10px;
  padding: 0 5px 0 0;
  text-align: right;
}

.more span {
  padding-right: 10px;
}


/* pagination
---------------------- */
.pagination {
  /*  margin-top: 20px;*/
  margin-top: 5px;
  text-align: center;
}

.pagination a {
  padding: 0 6px;
}

.pagination span.current {
  padding: 0 3px;
  font-size: 150%;
  font-weight: bold;
}

/* back
---------------------- */
.back {
  margin: 50px 0;
  text-align: center;
}

.back a {
  background-color: #BBBBBB;
  color: #FFFFFF;
  display: block;
  margin: 0 auto;
  padding: 5px 0;
  text-decoration: none;
  width: 70px;
}

/* pagetop
---------------------- */
.pageTop {
  margin: 5px 0 30px 0;
  text-align: right;
}

.pageTop a {
  padding: 0 0 0 15px;
  background-image: url("./images/ic-top.gif");
  background-position: left center;
  background-repeat: no-repeat;
}

/* margin-none
---------------------- */
.m-none {
  margin-right: 0 !important;
}

/* required
---------------------- */
.required {
  color: #e61400;
}

/* address
----------------------------------------------- */
.inquiry {
  clear: both;
  margin: 0 0 20px 0;
  padding-bottom: 10px;
  border: 1px solid #aaa;
  color: #333333;
}

.inquiry h2 {
  margin-bottom: 10px;
  padding: 5px 10px;
  background-color: #f3f3f3;
  font-size: 110%;
  font-weight: bold;
}

.inquiry .tel,
.inquiry .fax,
.inquiry .email {
  display: inline;
  padding-left: 10px;
}

.inquiry .charge {
  padding: 0 10px;
}

.department,
.section {
  /* font-weight: bold; */
  padding: 0 10px;
}

.top,
.middle {
  margin-bottom: 0;
}

.department,
.section,
.tel,
.fax {
  margin-right: 10px;
}

/* doc-classification
----------------------------------------------- */
/* RSS Atom
---------------------- */
.latest {
  position: relative;
  width: 100%;
  margin-bottom: 30px;
}

.latest .feed {
  position: absolute;
  top: 10px;
  right: 10px;
  float: right;
  height: 20px;
  background-color: transparent;
}

.latest .feed li {
  padding: 0;
  background: none;
}

.feed li {
  display: inline;
}

.feed a.feedRss {
  display: inline-block;
  width: 45px;
  height: 20px;
  /*  background-image: url("./images/ic-rss.gif");*/
  background-image: url("./images/bt-rss.png");
  background-repeat: no-repeat;
  text-indent: 50px;
  overflow: hidden;
}

.feed a.feedAtom {
  display: inline-block;
  width: 45px;
  height: 20px;
  /*  background-image: url("./images/ic-atom.gif");*/
  background-image: url("./images/bt-atom.png");
  background-repeat: no-repeat;
  text-indent: 50px;
  overflow: hidden;
}

/* ichiran
---------------------- */
.latest {
  border: 1px solid #cccccc;
}

.latest h2 {
  margin-bottom: 10px;
  padding: 8px 5px 5px 15px;
  background-image: url("../piece/images/bg-h2-sectionheader.jpg");
  color: #fff;
  position: relative;
}

.latest ul,
.classification ul {
  clear: both;
  padding: 0 15px;
}

.latest ul li,
.classification ul li {
  padding: 0 0 5px 13px;
  background-image: url("./images/ic-list03.gif");
  background-position: 0 0.5em;
  background-repeat: no-repeat;
}

.classification {
  width: 100%;
  /*  border: 1px solid #DFF0F8;*/
  /*  border: 1px solid #cccccc;*/
}

.classification .category {
  border: 1px solid #cccccc;
}

.classification .city,
.classification .category,
.classification .unit,
.classification .attribute {
  margin-bottom: 20px;
}

.classification h2 {
  margin-bottom: 10px;
  padding: 5px 5px 5px 15px;
  /*  background-image: url("./images/bg-tl02-repeat.gif");*/
  background: linear-gradient(#DFF0F8, #EEF7FB);
  position: relative;
  background-position: left bottom;
  border-bottom: 1px solid #cccccc;
}

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

  .latest ul li a,
  .classification ul li a {
    display: block;
  }
}

/* midashi
----------------------------------------------- */
.contentPage .body {
  margin: 0 auto;
  width: 738px;
  /*  width: 750px;*/
  padding-bottom: 80px;
  line-height: 1.8;
}

.body h2,
.body h3,
.body h4,
.body h5,
.body h6,
.cke_editable h2,
.cke_editable h3,
.cke_editable h4,
.cke_editable h5,
.cke_editable h6 {
  margin: 0;
}

.body h2,
.cke_editable h2 {
  clear: both;
  margin: 0 10px 3px 15px;
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-style: solid;
  border-color: #5dc2d0;
  padding: 6px 5px 6px 15px;
  font-size: 100%;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #2aa1b2;
}

.body h3,
.cke_editable h3 {
  /* width:650px; */
  clear: both;
  margin: 5px 10px 3px 15px;
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 1px;
  border-left-width: 3px;
  border-style: solid;
  border-color: #2aa1b2;
  padding: 3px 5px 0 5px;
  font-size: 100%;
  font-weight: bold;
  color: #2aa1b2;
}

.body h4,
.cke_editable h4 {
  /* width:650px; */
  margin: 0 10px 3px 15px;
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 1px;
  padding: 3px 5px 0 15px;
  font-size: 80%;
  font-weight: bold;
  color: #000000;
  background-color: #C8DCF5;
}

.body h5,
.cke_editable h5 {
  /* width:650px; */
  clear: both;
  margin: 0 10px 3px 15px;
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 1px;
  border-left-width: 0;
  border-style: dotted;
  border-color: #999999;
  padding: 3px 5px 0 15px;
  font-size: 80%;
}

.body h6,
.cke_editable h6 {
  /* width:650px; */
  clear: both;
  margin: 0 10px 3px 15px;
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 1px;
  border-left-width: 0;
  border-style: solid;
  border-color: #aaaaaa;
  padding: 3px 5px 0 15px;
  font-size: 100%;
  font-weight: bold;
  color: #000000;
  background-color: #99CC00;
}

.body .midashi01,
.cke_editable .midashi01 {
  margin: 10px 0;
  padding: 3px 0 3px 18px;
  background-image: url("./images/ic-midashi03.png");
  background-position: 0 0.4em;
  background-repeat: no-repeat;
}

.body .midashi02,
.cke_editable .midashi02 {
  margin: 10px 0;
  padding: 3px 0 3px 18px;
  background-image: url("./images/ic-midashi04.png");
  background-position: 3px 0.6em;
  background-repeat: no-repeat;
}

.body p,
.cke_editable p {
  padding: 2px 5px 2px 5px;
  margin-left: 10px;
}

.body ul,
.cke_editable ul {
  margin: 0 0 15px 15px;
}

.body ul li,
.cke_editable ul li {
  padding: 4px 0 0 18px;
  background-image: url("./images/link_arrow.gif");
  background-position: 0 0.6em;
  background-repeat: no-repeat;
  /*  margin: 50px 0;*/
}

.body ol,
.cke_editable ol {
  margin: 0 0 15px 50px;
}

.body table,
.cke_editable table {
  width: 640px;
  border: 1px solid #aaaaaa;
  /*  margin: 0 10px 15px 50px;*/
  margin: 0 10px 15px 15px;
}

.body th,
.body td,
.cke_editable th,
.cke_editable td {
  /*  padding: 10px;*/
  padding: 3px;
  border: 1px solid #aaaaaa;
  vertical-align: middle;
}

.body th {}

.body dl,
.cke_editable dl {
  border: 1px solid #DDDDDD;
}

.body dl dt,
.cke_editable dl dt {
  clear: both;
  float: left;
  width: 500px;
  border: 1px solid #DDDDDD;
}

.body dl dd,
.cke_editable dl dd {
  float: left;
  width: 250px;
}

.body .warning,
.cke_editable .warning {
  color: #ee0000;
  font-weight: bold;
}

.body table.noBorder,
.body table.noBorder th,
.body table.noBorder td,
.cke_editable table.noBorder,
.cke_editable table.noBorder th,
.cke_editable table.noBorder td {
  border: none;
}

.body .imgw img,
.cke_editable .imgw img {
  border: 1px solid #DDDDDD;
  padding: 15px;
}

.body #docForm,
.cke_editable #docForm {
  display: none;
}

/* clearfix
----------------------------------------------- */
.clearfix::after {
  content: "";
  clear: both;
  display: block;
}

/* Responsive Design
----------------------------------------------- */
@media screen and (max-width: 600px) {
  .body {
    padding: 0 0 15px;
  }

  .body ul {
    margin-left: 15px;
  }

  .body ol {
    margin-left: 35px;
  }

  .body table {
    width: 100% !important;
    margin-right: 0;
    margin-left: 0;
  }

  input,
  textarea {
    max-width: 98% !important;
  }
}