@charset "utf-8";

/* ==============================================
▼セミナー
=============================================== */
#container h3 {
  padding: 8px 0 14px 55px;
  background-repeat: no-repeat;
}

#container h3.outline {
  background-image: url(../reading_images/seminar_information_icon_book.png);
}

#container h3.schedule {
  background-image: url(../reading_images/seminar_information_icon_calendar.png);
}

#container h3.evaluation {
  background-image: url(../reading_images/seminar_information_icon_balloon.png);
}

/* >>>>>> セミナー概要 ====== */
div.seminarDetails h4 {
  margin: 5px 0;
  color: #ff0000;
  font-size: 116%;
}

table.details {
  margin: 0 0 30px 20px;
}

table.details th,
table.details td {
  padding: 10px;
  border: 1px #444 solid;
}

table.details th {
  width: 180px;
  background: #dbeff1;
}

p.notes {
  margin: 0 0 5px 20px;
}

p.site {
  margin: 0 0 30px 20px;
}

p.site > a {
  display: inline-block;
  position: relative;
  padding: 0 0 0 1em;
}

p.site > a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  margin: -0.5em 0 0;
  border: 0.5em transparent solid;
  border-left: 0.8em #14a83b solid;
}

p.site > a:hover:before {
  border-left-color: #fa9006;
}

/* ====== セミナー概要 <<<<<< */

/* >>>>>> 次回開催案内 ====== */
table.nextTimeBox {
  margin-bottom: 10px;
}

table.nextTimeBox th {
  background-image: none;
}

div.seminarDetails span.attention {
  font-size: 80%;
}

div.seminarDetails dl {
  margin: 0 1em;
}

div.seminarDetails dt {
  float: left;
}

div.seminarDetails dd {
  margin: 0 0 0.5em 5em;
}
/* ====== 次回開催案内 <<<<<< */

/* >>>>>> お客様の声 ====== */
ul.voiceList {
  width: 70%;
  margin: 0 20px;
}

ul.voiceList > li {
  position: relative;
  margin: 0 14px 20px;
  padding: 8px;
  background: #dbeff1;
  border-radius: 5px;
}

ul.voiceList > li:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: -18px;
  margin: -6px 0 0;
  border: 6px solid transparent;
  border-right: 12px solid #dbeff1;
}

ul.voiceList > li:nth-child(2n) {
  background: #e9f5eb;
}

ul.voiceList > li:nth-child(2n):before {
  left: auto;
  right: -18px;
  border: 6px solid transparent;
  border-left: 12px solid #e9f5eb;
}
/* ====== お客様の声 <<<<<< */