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

/* =========================================================
   テーブルスタイル（20220725高石試作）
========================================================= */
.surveyForm table {
  margin: 0 0 15px 15px;
  border-collapse: separate;
  *border-collapse: collapse;	/* for IE6,7 */
  border-spacing: 0;
  border-top: 1px solid #999;
  border-right: none;
  border-bottom: none;
  border-left: 1px solid #999;
}
.surveyForm th,
.surveyForm td {
  padding: 10px;
  border-top: none;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  border-left: none;
}
.surveyForm th {
  background: #e9f2bb;
}
.surveyForm thead th {
  background: #006600;
  color: #fff;
}


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

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

/* Index : surveyForms
----------------------------------------------- */
.surveyForms .cms-title, .surveyForm .form {
  margin: 10px 0;
}
.surveyForms .cms-title h2, .surveyForm .form h2 {
  margin-bottom: 10px;
  padding: 3px 10px;
  background: #006600;
  color: #fff;
}
.surveyForms .cms-title h2 a, .surveyForm .form h2 a {
  color: #fff;
}
.surveyForms .cms-title .summary,
.surveyForm .form .body {
  padding: 10px 10px 5px;
}

/* Show : surveyForm
----------------------------------------------- */
.surveyForm .body ul,
.surveyForm .body ol {
  padding: 5px 12px 15px 7px;
}
.surveyForm .body ol {
  margin: 0 10px 15px 20px;
}
.surveyForm .body ul ul,
.surveyForm .body ol ol {
  margin-left: 1em;
}
.surveyForm .body  li {
  margin: 0;
  padding: 0 0 5px 0;
}
.surveyForm .body ul li {
  padding: 0 0 5px 10px;
  background-image: url("../piece/images/ic-list.gif");
  background-repeat: no-repeat;
  background-position: left 0.45em;
}
.surveyForm .body p {
  margin: 0 0 15px 10px;
}
.surveyForm .questions {
  margin: 20px 0;
}
.surveyForm .question {
  margin: 10px 0 20px;
}
.surveyForm .question .question_content {
  margin-bottom: 5px;
  padding: 3px 10px;
  border-left: 5px solid #89d56c;
  background: #ebebeb;
}
.form .name a {
}
.surveyForm .question .question_content .note {
  color: #cc0000;
}
.surveyForm .question .body {
  margin: 10px 0 0 15px;
}
.surveyForm .question .answer_content {
  margin: 10px 0 0 15px;
}
.surveyForm .question .answer_content input[type="checkbox"] + label::after,
.surveyForm .question .answer_content label:not(:last-child)::after {
  content: "";
  display: block;
}
.captchaForm .image {
  margin: 0 0 15px;
}
.captchaForm img {
  padding: 5px;
  border: 1px solid #b3b3b3;
}
.captchaForm .reload,
.captchaForm .talk {
  display: inline-block;
  width: 140px;
  margin: 0 0 15px;
  border-radius: 3px;
  background: linear-gradient(to bottom, #fff, #f2f2f2);
}
.captchaForm .reload:hover,
.captchaForm .talk:hover {
  background: linear-gradient(to bottom, #f2f2f2, #fff);
}
.captchaForm .reload {
  margin-right: 5px;
}
.captchaForm .reload a,
.captchaForm .talk a {
  display: block;
  padding: 6px 0 4px;
  border: 1px solid #b3b3b3;
  border-radius: 3px;
  color: #333;
  font-size: 100%;
  text-align: center;
  text-decoration: none;
}
.captchaForm .field input {
  padding: 5px;
}
.surveyForm div.submit {
  margin: 0;
  padding: 10px 0;
  background: #eefdcb;
  text-align: center;
}
/*
.surveyForm .captchaForm input {
  ime-mode: disabled;
}
.surveyForm .captchaForm .image img {
  margin: 0px 0px 5px;
  border: 1px solid #008800;
}
.surveyForm .captchaForm .field {
  margin: 0px;
}
*/
.surveyForm .back {
  margin-top: 20px;
  text-align: center;
}
.surveyForm .back a {
  display: block;
  width: 95px;
  margin: 0 auto;
  padding: 3px 0;
  border: 1px solid #88b2d1;
  background: #cce8f1;
}

/* Sent : enqueteSent
----------------------------------------------- */
.enqueteSent .message {
  margin: 60px 0;
}
.enqueteSent .back {
  text-align: center;
}
.enqueteSent .back a {
  display: block;
  width: 95px;
  margin: 0 auto;
  padding: 3px 0;
  border: 1px solid #999999;
  background-color: #ececec;
}

/* 20230711 add */
.surveyForm fieldset.question {
  margin: 0;
  padding: 0;
  border: 0;
}
.surveyForm .question legend.question_content {
  width: 100%;
}