@charset "UTF-8";
@import "../base/init.css";
@import "../base/style.css";
@import "../piece/style.css";
@import "../tool/style.css";

/* =========================================================
   page
========================================================= */

/* 404
----------------------------------------------- */
ul.list01 {
  margin-top: 30px;
}
ul.list01 li {
  margin: 0 0 15px 30px;
  padding-left: 10px;
}

/* sitemap
----------------------------------------------- */
ul.sitemap, ul.sitemap ul {
  list-style-position: outside;
  list-style-type: none;
}

ul.level1 {
  border-bottom: 1px dotted #888;
}
ul.sitemap li.level1 {
  padding: 8px 0;
  border-top: 1px dotted #aaa;
}
ul.sitemap li.level1 a {
  padding-left: 10px;
}

ul.sitemap li.level2 {
  padding: 8px 0;
  border-bottom: 1px dotted #888;
}
ul.sitemap li.level2 a {
  padding-left: 15px;
  /*background: url("../base/images/ic-sitemap.gif") no-repeat left center;*/
}
ul.sitemap li.inquiry {
  margin: 0;
  border-bottom: none;
}
ul.sitemap ul.level2 {
  margin-top: 5px;
  padding: 10px 0 10px 50px;
  border-top: 1px dotted #888;
}

ul.sitemap ul.level2 ul {
  padding: 10px 0 10px 50px;
}
.pageTop {
  margin: 0 0 20px;
  text-align: right;
}
.pageTop a {
  padding: 0 0 0 15px;
  background: url("../base/images/ic-top.gif") no-repeat left center;
}


.pageTop {
  margin: 0 0 20px;
  text-align: right;
}
.pageTop a {
  padding: 0 0 0 15px;
  background: url("../base/images/ic-top.gif") no-repeat left center;
}

/* search
----------------------------------------------- */
#page-search .body table,
#page-search .body table th,
#page-search .body table td {
  margin: 0;
  padding: 0;
  border: none;
}
.gsc-results .gsc-cursor-box {
  text-align: center;
}

/* =========================================================
   Enquete
========================================================= */

/* Confirm
----------------------------------------------- */
.confirmMessage {
  margin-bottom: 30px;
  font-size: 120%;
  text-align: center;
}

/* Index : enqueteForms
----------------------------------------------- */
.enqueteForms .form, .enqueteForm .form,
.surveyForms .form, .surveyForm .form {
  margin: 10px 0;
}
.enqueteForms .form h2, .enqueteForm .form h2,
.surveyForms .form h2, .surveyForm .form h2 {
  margin-bottom: 10px;
  padding: 8px 5px 5px 15px;
  background: linear-gradient(to bottom, #008746 0%, #00733e 100%);
  color: #fff;
  font-weight: normal;
}
.enqueteForms .form h2 a,
.surveyForms .form h2 a {
  color: #fff;
}
.enqueteForms .form .summary h3,
.surveyForms .form .summary h3 {
  margin-bottom: 10px;
  padding: 5px 5px 5px 15px;
  background-color: #eee;
  font-weight: bold;
}
.enqueteForms .form .summary ul,
.surveyForms .form .summary ul {
  margin: 0 0 15px 15px;
  list-style-type: disc
}
.enqueteForms .form .summary ol,
.surveyForms .form .summary ol {
  margin: 0 0 15px 20px;
}

/* Show : enqueteForm
----------------------------------------------- */
.enqueteForm .body,
.surveyForm .body {
  margin: 20px 0;
}
.enqueteForm .column,
.surveyForm .question {
  margin: 10px 0 20px 0;
}
.enqueteForm .column .name,
.surveyForm .question .question_content {
  margin-bottom: 10px;
  padding: 5px 5px 5px 15px;
  background-color: #eee;
  font-weight: bold;
}
.surveyForm .question .question_content .note {
  color: #ee0000;
}
.enqueteForm .column .body {
  margin-top: 10px;
}
.surveyForm .question .body {
  margin-top: 5px;
}
.enqueteForm .submitters,
.surveyForm .submit {
  margin: 0;
  padding: 10px 0;
  text-align: center;
}
.enqueteForm .errorExplanation,
.surveyForm .errorExplanation {
  margin-bottom: 20px;
  padding: 10px;
  border: 1px solid #ee0000;
}
.enqueteForm .errorExplanation h2,
.surveyForm .errorExplanation h2 {
  color: #ee0000;
}
.enqueteForm .errorExplanation ul,
.surveyForm .errorExplanation ul {
  margin-left: 20px;
}
.enqueteForm .errorExplanation li,
.surveyForm .errorExplanation li {
  padding-left: 10px;
  color: #ee0000;
}

/* Sent : enqueteSent
----------------------------------------------- */
.enqueteSent .message,
.surveyForm .message {
  margin: 60px 0;
}

/* =========================================================
   mailmagazine
========================================================= */

/* Index : contentNewsletterForms
----------------------------------------------- */
.contentNewsletterForms .summary {
  padding: 0 15px;
}
.contentNewsletterForms h2 {
  margin: 10px 0;
  padding: 12px 10px;
  border: 1px solid #3aa9ef;
  background: linear-gradient(to bottom, #fff 0%, #f6f6f6 100%);
  color: #1993e0;
  font-size: 100%;
}
.contentNewsletterForms .form {
  margin-bottom: 20px;
}
.contentNewsletterForms .column {
  margin: 10px 0 30px 0;
}
.contentNewsletterForms .column .name {
  margin-bottom: 10px;
  padding: 5px 5px 5px 15px;
  background-color: #eee;
  font-weight: bold;
}
.contentNewsletterForms .change {
  margin-top: 30px;
  padding: 0 0 5px 10px;
  /*background: url("../base/images/ic-list04.gif") no-repeat 0 0.5em;*/
}

.contentNewsletterForms .radioButton input {
  margin-top: 0;
  vertical-align: baseline;
}

/* error
----------------------------------------------- */
.contentNewsletterForms .errorExplanation {
  margin-bottom: 20px;
  padding: 10px;
  border: 1px solid #ee0000;
}
.contentNewsletterForms .errorExplanation h2 {
  padding: 0;
  background: none;
  color: #ee0000;
}
.contentNewsletterForms .errorExplanation p {
  margin-left: 15px;
}
.contentNewsletterForms .errorExplanation ul {
  list-style-type: disc;
  margin-left: 30px;
}
.contentNewsletterForms .errorExplanation li {
  color: #ee0000;
}

/* =========================================================
    spot
========================================================= */

/* map
----------------------------------------------- */
.contentMapMarkers #map_canvas {
  width: 100% !important;
}
.contentMapMarkers #map_canvas img {
/* Googleマップのズームイン・アウト、吹き出しのXボタンが表示されないためマップ内の画像のみに指定*/
  max-width: none !important;
}
.contentMapMarkers .searchForm {
  margin: 20px 0;
  padding: 10px 0;
  /*background: url("../piece/images/bg-subtitle.gif") repeat-x left bottom;*/
}
.contentMapMarkers .searchForm form {
  display: inline;
}
.contentMapMarkers table {
  width: 100%;
  border: 1px solid #aaa;
  margin: 10px 0 20px 0;
}
.contentMapMarkers th, .contentMapMarkers td {
  padding: 10px 5px;
  border: 1px solid #aaa;
  vertical-align: middle;
}
.contentMapMarkers th {
  background-color: #f3f3f3;
}
.contentMapMarkers td.marker {
  text-align: center;
}