@charset "UTF-8";
@import "../base/init.css";
@import "../base/style.css";
@import "../piece/style.css";

/* =========================================================
   Enquete
========================================================= */
/* banner
----------------------------------------------- */
#banner {
  position: relative;
  z-index: 2;
}

/* main
----------------------------------------------- */
#main {
  position: relative;
  margin: -5px 0 0;
  z-index: 1;
}

/* page-title
----------------------------------------------- */
#pageTitle {
  margin-bottom: 5px;
}

#pageTitle h1 {
  font-size: 160%;
  font-weight: bold;
  padding: 13px 0;
  margin-left: 15px;
}

#pageTitle .pieceBody {
  width: 930px;
  margin: 0 auto;
  background-image: url("./images/tl-page2.png");
  background-position: left 5px;
  background-repeat: no-repeat;
  border-bottom: 1px solid #EF7383;
}

/* Confirm
----------------------------------------------- */
.surveyForm .message {
  margin-bottom: 15px;
  font-size: 130%;
  text-align: center;
}

/* Index : surveyForms
----------------------------------------------- */
.surveyForms .cms-title h2,
.surveyForm .cms-title h2 {
  margin: 0 0 10px;
  padding: 5px 10px;
  border-radius: 5px;
  background: #ffcccb;
  font-size: 130%;
}

/* Show : surveyForm
----------------------------------------------- */
.surveyForm>.body {
  margin-bottom: 15px;
}

.surveyForm .question {
  margin: 0 0 15px;
}

.surveyForm fieldset.question {
  padding: 0;
  border: 0;
}

.surveyForm .question_content {
  margin-bottom: 10px;
  padding: 2px 10px;
  background: #F0E6E8;
}

.surveyForm legend.question_content {
  width: 100%;
}

.surveyForm .questions .note {
  color: #cc0000;
}

.surveyForm .question .body {
  margin: 0 0 15px;
}

.confirmMessage~.body {
  display: none;
}

.surveyForm .body span {
  color: #cc0000;
}

.surveyForm .body p {
  color: #000000;
}

.surveyForm .answer_content {
  padding: 0 10px;
}

.surveyForm .answer_content textarea {
  width: 100%;
  height: 150px;
}

.surveyForm fieldset.question .answer_content label {
  display: block;
}

.surveyForm .submit {
  margin: 0;
  padding: 10px 0;
  background-color: #efefe3;
  text-align: center;
}

.surveyForm .submit input {
  cursor: pointer;
}

.surveyForm .captchaForm input {
  ime-mode: disabled;
}

.surveyForm .captchaForm .image {
  padding: 0 10px;
}

.surveyForm .captchaForm .image img {
  margin: 0 0 10px;
  border: 1px solid #008800;
}

.surveyForm .captchaForm .field {
  margin: 0;
}

.back {
  margin-top: 15px;
  text-align: center;
}

.back a {
  background-color: #ffdfcf;
  border: 1px solid #e69e6d;
  border-radius: 5px;
  display: block;
  margin: 0 auto;
  padding: 5px 0;
  width: 95px;
}

/* Sent : enqueteSent
----------------------------------------------- */
.surveyForm .message {
  margin: 60px 0;
  text-align: center;
}

.surveyForm .back {
  display: none;
}