@charset "UTF-8";
/* 災害用トップページ */
/* clearfix
----------------------------------------------- */
.clearfix {
  zoom: 1; }

/* clearfix（記事ページ）
----------------------------------------------- */
div.body {
  zoom: 1; }

/* =========================================================
   Base
========================================================= */
/* elements
----------------------------------------------- */
html {
  height: 100%; }

body {
  width: 100%;
  min-width: 1000px;
  height: 100%;
  border: 0px;
  font-size: 87.5%;
  line-height: 1.5;
  background-color: #f6ffeb;
  background-image: url(images/bg-body-line.gif);
  background-position: top;
  background-repeat: repeat-x;
  _display: inline;
  _zoom: 1; }

body, td, th, select, option {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-weight: lighter; }

input, textarea {
  font-size: 110%;
  _font-size: 100%;
  font-family: Arial, sans-serif; }

blockquote {
  margin: 10px 20px 10px 20px; }

h1, h2, h3, h4, h5 {
  font-size: 115%;
  font-weight: bold; }

img {
  border-style: none;
  vertical-align: bottom; }

img.external {
  margin-left: 0.25em;
  vertical-align: middle;
  width: 15px;
  height: 15px; }

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: 0px;
  empty-cells: show; }

ul {
  list-style-type: none;
  list-style-position: outside; }

li {
  list-style-position: outside; }

rp, rt {
  font-size: 80%;
  text-decoration: none; }

a {
  color: #000277;
  background-color: transparent;
  text-decoration: underline; }

a:visited {
  color: #8232a0;
  background-color: transparent; }

a:hover, a:focus {
  color: #be1e32;
  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;
  filter: alpha(style=0, opacity=90); }

/* =========================================================
   Common Classes.
========================================================= */
/* container
----------------------------------------------- */
div#container {
  width: 1024px;
  border-left: #bbbbbb solid 1px;
  border-right: #bbbbbb solid 1px;
  background-color: #fff; }

/* 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: 0px 0px 15px 0px;
  padding: 5px 10px;
  border: 1px solid #bbddff;
  background-color: #ddeeff; }

ul.notices li {
  color: #3355ff; }

/* Errors
----------------------------------------------- */
.formError {
  margin: 15px 0px;
  padding: 10px;
  border: 1px solid #ee0000;
  color: #ee0000; }

.elementError {
  margin: 3px 0px 0px 0px;
  color: #ee0000; }

/* Form relation
----------------------------------------------- */
div.submitters {
  margin: 20px 10px; }

div.submitters input, div.submitters a {
  margin: 0px 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 0px 0px 0px; }

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 {
  margin: 20px 10px; }

div.submitters input, div.submitters a {
  margin: 0px 10px; }

div.submitters input {
  width: 100px; }

/* Icons.
----------------------------------------------- */
.iconFile, .iconDefault {
  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; }

.more span {
  padding-right: 10px; }

.attention .more, .news .more, .bosyu .more {
  text-align: left; }

/* pagination
---------------------- */
.pagination {
  margin-top: 20px;
  text-align: center; }

.pagination a {
  padding: 0px 6px; }

.pagination span.current {
  padding: 0px 3px;
  font-size: 150%;
  font-weight: bold; }

/* back
---------------------- */
.back {
  margin: 20px 0 30px 0;
  text-align: center; }

.back a {
  display: block;
  width: 70px;
  margin: 0px auto;
  padding: 3px 0px;
  border: 1px solid #aaaaaa; }

/* pagetop
---------------------- */
.pageTop {
  margin: 5px 0px 30px 0px;
  text-align: right; }

.pageTop a {
  padding: 0px 0px 0px 15px;
  background-image: url(./images/ic-top.gif);
  background-position: left center;
  background-repeat: no-repeat; }

/* relation docs, tags
----------------------------------------------- */
.rels,
.tags {
  clear: both;
  margin: 0px 0px 10px 10px;
  padding-bottom: 10px;
  border: 1px solid #acd57b;
  color: #333333;
  background-color: #fff; }
  .rels h2,
  .tags h2 {
    margin-bottom: 10px;
    padding: 5px 15px;
    font-size: 110%;
    font-weight: normal;
    background-image: url(../piece/images/bg-hd-rels.jpg);
    background-position: left top;
    background-repeat: repeat-y;
    border-bottom: 1px solid #acd57b;
    color: #000; }
  .rels ul,
  .tags ul {
    margin: 0px 15px; }
    .rels ul li,
    .tags ul li {
      list-style: none;
      padding: 0 0 5px 20px;
      background-image: url(./images/ic-list01.gif);
      background-position: left center;
      background-repeat: no-repeat; }

rels h2 {
  color: #000; }

/* address
----------------------------------------------- */
.inquiry {
  clear: both;
  margin: 0px 0px 10px 10px;
  padding-bottom: 10px;
  border: 1px solid #acd57b;
  color: #333333;
  background-color: #FBFBFB; }

.inquiry h2 {
  margin-bottom: 10px;
  padding: 5px 15px;
  font-size: 110%;
  font-weight: normal;
  background-image: url(../piece/images/bg-green.jpg);
  color: #FFF; }

.inquiry address {
  padding: 0 25px; }

.inquiry address .note {
    padding-left: 3em;
    text-indent: -3em;
}

.top, .middle {
  margin-bottom: 0px; }

.department, .section, .tel, .fax {
  margin-right: 10px; }

/* docs-ichiran
---------------------- */
.contentGpArticleDocs,
.categoryGroup,
.contentGpCategoryCategory section {
  margin-top: 15px;
  margin-left: 15px;
  margin-right: 15px; }
  .contentGpArticleDocs h2,
  .categoryGroup h2,
  .contentGpCategoryCategory section h2 {
    border-color: #68be8d;
    border-width: 1px;
    border-style: solid;
    font-weight: normal;
    clear: both;
    margin-bottom: 15px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
    /* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+, IE v10+ and by Opera v10.5+ */
    text-shadow: 0px 0px 3px #ffffff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fafcf4), to(#acd57b));
    background-image: -moz-linear-gradient(top, #fafcf4, #acd57b);
    background-image: -ms-linear-gradient(top, #fafcf4, #acd57b);
    background-image: -o-linear-gradient(top, #fafcf4, #acd57b);
    background-image: linear-gradient(top, #fafcf4, #acd57b);
    -pie-background: linear-gradient(#fafcf4, #acd57b);
    position: relative;
    behavior: url(/_themes/js/PIE.htc);
    margin-right: 0px; }
    .contentGpArticleDocs h2 a,
    .categoryGroup h2 a,
    .contentGpCategoryCategory section h2 a {
      display: block;
      background-image: url(../piece/images/bg-hd-bunya1st.gif);
      background-repeat: no-repeat;
      background-position: 15px center;
      text-decoration: underline;
      padding-top: 10px;
      padding-right: 5px;
      padding-bottom: 5px;
      padding-left: 30px;
      font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
      font-size: 18px;
      letter-spacing: 2pt;
      line-height: 120%;
      text-decoration: underline;
      color: #202020;
      text-align: left; }
  .contentGpArticleDocs h2.date,
  .categoryGroup h2.date,
  .contentGpCategoryCategory section h2.date {
    padding: 5px 10px 5px 10px; }
  .contentGpArticleDocs ul,
  .categoryGroup ul,
  .contentGpCategoryCategory section ul {
    margin-bottom: 15px;
    margin-left: 15px; }
  .contentGpArticleDocs li,
  .categoryGroup li,
  .contentGpCategoryCategory section li {
    margin-bottom: 5px;
    padding-left: 20px;
    background-image: url(./images/ic-list01.gif);
    background-repeat: no-repeat;
    background-position: 0 6px;
    min-width: 50px; }

.categoryGroup {
  margin-left: 30px; }

.contentGpCategoryCategory {
  margin-left: 15px; }
  .contentGpCategoryCategory section {
    float: left;
    margin: 0 20px 5px 0;
    width: 385px;
    min-height: 150px;
    width: 380px; }
    .contentGpCategoryCategory section:nth-child(2n) {
      margin-right: 0px; }
    .contentGpCategoryCategory section:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      font-size: 0;
      visibility: hidden; }

.contentGpCategoryCategory {
  margin-left: 15px; }
  .contentGpCategoryCategory section.docs {
    float: left;
    margin: 0 20px 5px 0;
    width: 385px;
    min-height: 150px;
    width: 100%; }
    .contentGpCategoryCategory section.docs:nth-child(2n) {
      margin-right: 0px; }
    .contentGpCategoryCategory section.docs:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      font-size: 0;
      visibility: hidden; }

/* doc
---------------------- */
div.date {
  font-size: 0.8em; }

.contentGpArticleDoc p.publishedAt,
.contentGpArticleDoc p.updatedAt {
  text-align: right; }

.contentGpArticleDoc p.updatedAt {
  margin-bottom: 10px; }

/* lifeevent doc-list
----------------------------------------------- */
/* midashi
----------------------------------------------- */
.body {
  clear: both; }

.body h2, .body h3, .body h4, .body h5 {
  margin: 2em 0 1em 0; }

.body h2 {
  padding-left: 30px;
  padding-top: 7px;
  padding-bottom: 4px;
  font-size: 1.1em;
  font-weight: bold;
  margin-left: 10px;
  margin-bottom: 20px;
  letter-spacing: 1.2pt;
  text-align: left;
  vertical-align: middle;
  /*background-image: url(../piece/images/bg-hd-doc-h2.jpg);
  background-position: left bottom;
  background-repeat: repeat-x;*/
  background-color: #f7fef6;
  border-color: #b1dfc4;
  border-width: 2px;
  border-style: solid; }

.body h3 {
  padding: 0 0 0 15px;
  border-left: 6px solid #b1dfc4;
  color: #000;
  font-weight: bold;
  min-height: 25px;
  font-size: 110%;
  margin-left: 5px;
  margin-top: 30px;
  margin-bottom: 15px;
  letter-spacing: 1pt; }

.body h4 {
  font-size: 100%;
  font-weight: bold;
  padding: 3px 0 1px 15px;
  border-bottom: 1px dotted #b1dfc4;
  margin-left: 10px;
  margin-bottom: 5px;
  margin-top: 15px;
  letter-spacing: 1pt; }

.body h5 {
  padding: 0 0 0 18px;
  color: #666666;
  font-size: 100%;
  font-weight: bold;
  margin-left: 10px;
  margin-bottom: 5px;
  margin-top: 15px;
  background-image: url(../piece/images/bg-hd-doc-h5.gif);
  background-position: left center;
  background-repeat: no-repeat;
  letter-spacing: 1pt; }

.body h6 {
  padding: 3px 0px 0px 5px;
  border-bottom: 1px dotted #000;
  font-size: 100%;
  font-weight: bold;
  color: #000;
  margin-left: 10px;
  margin-bottom: 15px;
  display: inline;
  letter-spacing: 1pt; }

.body p {
  margin-top: 5px;
  margin-bottom: 1em;
  padding: 0 15px; }

.body ul {
  margin: 0px 0px 15px 40px;
  list-style-type: disc; }

.body ol {
  margin: 0px 0px 15px 40px; }

.body table {
  border: 1px solid #acd57b;
  margin: 10px 0px 20px 15px; }

.body th, .body td {
  padding: 3px 5px;
  border: 1px solid #acd57b;
  vertical-align: middle; }

.body th {
  background-color: #f7fef6;
  font-weight: bold; }

.body table caption {
  text-align: left;
  font-weight: bold; }

.body table p {
  padding: 0; }

.body table ul,
.body table ol {
  margin: 0px 0px 0px 15px; }

.body .warning {
  color: #ee0000;
  font-weight: bold; }

.body .border {
  margin: 20px 0;
  padding: 10px;
  border: 1px solid #cccccc; }

.body table.noBorder,
.body table.noBorder th,
.body table.noBorder td {
  border: none; }

/* img-float
----------------------------------------------- */
.img-right,
.img-left {
  clear: both;
  margin-bottom: 10px; }

.img-left img {
  float: left;
  margin-right: 40px; }

.img-right img {
  float: right;
  margin-left: 40px; }

.img-left .text {
  float: left; }

.img-right:after,
.img-left:after {
  content: " ";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden; }

/* CKEditor templates
----------------------------------------------- */
.temp1, temp2, .temp3, .temp4 {
  clear: both;
  margin-bottom: 30px; }

.temp1 .thumb {
  float: left;
  margin-right: 30px; }

.temp2 .thumb {
  float: right;
  margin-left: 30px; }

.temp3 dl, .temp4 dl {
  float: left;
  margin: 20px 5px 0 0; }

.temp3 dl dt, .temp4 dl dt {
  margin-bottom: 5px;
  text-align: center; }

.temp3 dl dd, .temp4 dl dd {
  text-align: center; }

table.temp5 {
  width: 100%; }

.temp7 {
  margin: 10px 0;
  padding: 10px;
  border: 1px solid #ffaaaa;
  background-color: #fff3f3; }

.temp7 p {
  margin: 0 0 10px 0; }

/* clearfix
----------------------------------------------- */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  font-size: 0;
  visibility: hidden; }

/* clearfix（記事ページ）
----------------------------------------------- */
div.body:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  font-size: 0;
  visibility: hidden; }
