@charset "utf-8";

/** --------------------------------------------------------------------------------
 * container
 */
div#container {
  border: 1px solid #ccc;
  background: url("/images/frame/bar.gif") repeat-y 638px 0;
}

div#container div.containerWrap {
  margin: 0 -1px -1px;
  position: relative;
  background: url("/images/frame/container_bottom.gif") no-repeat 0 100%;
  zoom: 1;
}

div#container div.containerInner {
  margin: -1px 0 0;
  padding: 6px 0;
  position: relative;
  background: url("/images/frame/container_top.gif") no-repeat 0 0;
  zoom: 1;
}

div#container div.containerInner:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

/** --------------------------------------------------------------------------------
 * contentsFooter
 */
div#contentsFooter {
  margin-bottom: 7px;
  position: absolute;
  bottom: 0;
  left: 1px;
  width: 638px;
  height: 130px;
  background: no-repeat 0 100%;
  z-index: 3;
}

* html div#contentsFooter {
  z-index: -1;
}

*+html div#contentsFooter {
  z-index: -1;
}

div.coral div#contentsFooter {
  background-image: url("/images/under/contentsFooter/bg_coral.gif");
}

div.teal div#contentsFooter {
  background-image: url("/images/under/contentsFooter/bg_teal.gif");
}

div.pink div#contentsFooter {
  background-image: url("/images/under/contentsFooter/bg_pink.gif");
}

div.orange div#contentsFooter {
  background-image: url("/images/under/contentsFooter/bg_orange.gif");
}

div.navy div#contentsFooter {
  background-image: url("/images/under/contentsFooter/bg_navy.gif");
}

div.lime div#contentsFooter {
  background-image: url("/images/under/contentsFooter/bg_lime.gif");
}

div.green div#contentsFooter {
  background-image: url("/images/under/contentsFooter/bg_green.gif");
}

div.blue div#contentsFooter {
  background-image: url("/images/under/contentsFooter/bg_blue.gif");
}

div.aqua div#contentsFooter {
  background-image: url("/images/under/contentsFooter/bg_aqua.gif");
}

div.purple div#contentsFooter {
  background-image: url("/images/under/contentsFooter/bg_purple.gif");
}

div.indigo div#contentsFooter {
  background-image: url("/images/under/contentsFooter/bg_indigo.gif");
}

div#contentsFooter ul {
  margin: 54px 0 0 auto;
  width: 522px;
}

div.blue div#contentsFooter ul,
div.pink div#contentsFooter ul,
div.navy div#contentsFooter ul,
div.green div#contentsFooter ul,
div.indigo div#contentsFooter ul {
  margin-right: auto;
  margin-left: 8px;
}

div#contentsFooter ul li {
  margin-right: 8px;
  float: left;
}

div#contentsFooter ul li,
div#contentsFooter ul li img {
  width: 253px;
  height: 70px;
}

/* IE6 親ボックスの高さが奇数の場合、下部に1pxの隙間が空かないよう上書き */
* html div#contentsFooter {
  bottom: expression(this.parentNode.clientHeight % 2 == 0 ? 0 : -1);
}

/* contentsFooter：hover効果 */
div#contentsFooter ul li a {
  display: block;
  background: no-repeat 0 0;
}

div.coral div#contentsFooter ul li.requestPamphlet a {
  background-image: url("/images/under/contentsFooter/requestPamphlet_coral_hover.gif");
}

div.teal div#contentsFooter ul li.requestPamphlet a {
  background-image: url("/images/under/contentsFooter/requestPamphlet_teal_hover.gif");
}

div.pink div#contentsFooter ul li.requestPamphlet a {
  background-image: url("/images/under/contentsFooter/requestPamphlet_pink_hover.gif");
}

div.orange div#contentsFooter ul li.requestPamphlet a {
  background-image: url("/images/under/contentsFooter/requestPamphlet_orange_hover.gif");
}

div.navy div#contentsFooter ul li.requestPamphlet a {
  background-image: url("/images/under/contentsFooter/requestPamphlet_navy_hover.gif");
}

div.lime div#contentsFooter ul li.requestPamphlet a {
  background-image: url("/images/under/contentsFooter/requestPamphlet_lime_hover.gif");
}

div.green div#contentsFooter ul li.requestPamphlet a {
  background-image: url("/images/under/contentsFooter/requestPamphlet_green_hover.gif");
}

div.blue div#contentsFooter ul li.requestPamphlet a {
  background-image: url("/images/under/contentsFooter/requestPamphlet_blue_hover.gif");
}

div.aqua div#contentsFooter ul li.requestPamphlet a {
  background-image: url("/images/under/contentsFooter/requestPamphlet_aqua_hover.gif");
}

div.purple div#contentsFooter ul li.requestPamphlet a {
  background-image: url("/images/under/contentsFooter/requestPamphlet_purple_hover.gif");
}

div.indigo div#contentsFooter ul li.requestPamphlet a {
  background-image: url("/images/under/contentsFooter/requestPamphlet_indigo_hover.gif");
}

div.coral div#contentsFooter ul li.experience a {
  background-image: url("/images/under/contentsFooter/experience_coral_hover.gif");
}

div.teal div#contentsFooter ul li.experience a {
  background-image: url("/images/under/contentsFooter/experience_teal_hover.gif");
}

div.pink div#contentsFooter ul li.experience a {
  background-image: url("/images/under/contentsFooter/experience_pink_hover.gif");
}

div.orange div#contentsFooter ul li.experience a {
  background-image: url("/images/under/contentsFooter/experience_orange_hover.gif");
}

div.navy div#contentsFooter ul li.experience a {
  background-image: url("/images/under/contentsFooter/experience_navy_hover.gif");
}

div.lime div#contentsFooter ul li.experience a {
  background-image: url("/images/under/contentsFooter/experience_lime_hover.gif");
}

div.green div#contentsFooter ul li.experience a {
  background-image: url("/images/under/contentsFooter/experience_green_hover.gif");
}

div.blue div#contentsFooter ul li.experience a {
  background-image: url("/images/under/contentsFooter/experience_blue_hover.gif");
}

div.aqua div#contentsFooter ul li.experience a {
  background-image: url("/images/under/contentsFooter/experience_aqua_hover.gif");
}

div.purple div#contentsFooter ul li.experience a {
  background-image: url("/images/under/contentsFooter/experience_purple_hover.gif");
}

div.indigo div#contentsFooter ul li.experience a {
  background-image: url("/images/under/contentsFooter/experience_indigo_hover.gif");
}


div#contentsFooter ul li a:hover {
  position: static;
}

div#contentsFooter ul li a:hover img {
  position: relative;
  z-index: -1;
}

/** --------------------------------------------------------------------------------
 * contents
 */
div#contents {
  padding: 20px 20px 131px;
  float: left;
  width: 600px;
}

/** --------------------------------------------------------------------------------
 * sidebar
 */
div#sidebar {
  padding: 20px 20px 16px 0;
  float: right;
  width: 180px;
}

/* 資料請求：hover効果 */
div#sidebar div.requestPamphlet {
  margin-right: -35px;
  position: relative;
  zoom: 1;
}

div#sidebar div.requestPamphlet p {
  position: relative;
  z-index: 3;
}

div#sidebar div.requestPamphlet p a {
  display: block;
  position: relative;
  background: no-repeat 100% 0;
  zoom: 1;
}

div.coral div#sidebar div.requestPamphlet p a,
div.gray div#sidebar div.requestPamphlet p a {
  background-image: url("/images/under/sidebar/requestPamphlet_coral_hover.gif");
}

div.teal div#sidebar div.requestPamphlet p a {
  background-image: url("/images/under/sidebar/requestPamphlet_teal_hover.gif");
}

div.pink div#sidebar div.requestPamphlet p a {
  background-image: url("/images/under/sidebar/requestPamphlet_pink_hover.gif");
}

div.orange div#sidebar div.requestPamphlet p a {
  background-image: url("/images/under/sidebar/requestPamphlet_orange_hover.gif");
}

div.navy div#sidebar div.requestPamphlet p a {
  background-image: url("/images/under/sidebar/requestPamphlet_navy_hover.gif");
}

div.lime div#sidebar div.requestPamphlet p a {
  background-image: url("/images/under/sidebar/requestPamphlet_lime_hover.gif");
}

div.green div#sidebar div.requestPamphlet p a {
  background-image: url("/images/under/sidebar/requestPamphlet_green_hover.gif");
}

div.blue div#sidebar div.requestPamphlet p a {
  background-image: url("/images/under/sidebar/requestPamphlet_blue_hover.gif");
}

div.aqua div#sidebar div.requestPamphlet p a {
  background-image: url("/images/under/sidebar/requestPamphlet_aqua_hover.gif");
}

div.purple div#sidebar div.requestPamphlet p a {
  background-image: url("/images/under/sidebar/requestPamphlet_purple_hover.gif");
}

div.indigo div#sidebar div.requestPamphlet p a {
  background-image: url("/images/under/sidebar/requestPamphlet_indigo_hover.gif");
}

div#sidebar div.requestPamphlet p a:hover {
  position: static;
}

div#sidebar div.requestPamphlet p a:hover img {
  position: relative;
  z-index: -1;
}

div#sidebar div.requestPamphlet p a,
div#sidebar div.requestPamphlet p a img {
  width: 215px;
  height: 182px;
}

/* 見学説明会：hover効果 */
div#sidebar div.explanatoryMeeting {
  margin: 0 -3px 6px;
  position: relative;
  zoom: 1;
}

div#sidebar div.explanatoryMeeting p {
  position: relative;
  z-index: 3;
}

div#sidebar div.explanatoryMeeting p a {
  display: block;
  position: relative;
  background: url("/images/under/sidebar/visit_hover.gif") no-repeat 0 0;
  zoom: 1;
}

div#sidebar div.explanatoryMeeting p a:hover {
  position: static;
}

div#sidebar div.explanatoryMeeting p a:hover img {
  position: relative;
  z-index: -1;
}

div#sidebar div.explanatoryMeeting p a img  {
  width: 186px;
  height: 67px;
}

/* コース紹介+4リンク */
div#sidebar ul.aboutSchool {
  margin: 0 -18px 20px 0;
  padding-bottom: 13px;
  position: relative;
  background: url("/images/common/dotLine.gif") repeat-x 0 100%;
  zoom: 1;
}

div#sidebar ul.aboutSchool:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

div#sidebar ul.aboutSchool li {
  padding: 0 8px 8px 0;
  float: left;
}

/* コース紹介+4リンク：hover効果 */
div#sidebar ul.aboutSchool li,
div#sidebar ul.aboutSchool li a img {
  width: 86px;
  height: 86px;
}

div#sidebar ul.aboutSchool li.course {
  padding: 32px 0 0 0;
  display: block;
  position: relative;
  float: none;
  width: auto;
  height: 91px;
  background: url("/images/under/sidebar/courseBg.gif") no-repeat 0 0;
  z-index: 3;
}

div#sidebar ul.aboutSchool li.course a img  {
  width: 180px;
  height: 82px;
}

div#sidebar ul.aboutSchool li a {
  display: inline-block;
  background: no-repeat 0 0;
}

div#sidebar ul.aboutSchool li.course a {
  background-image: url("/images/under/sidebar/course_hover.gif");
}

div#sidebar ul.aboutSchool li.business a {
  background-image: url("/images/under/sidebar/business_hover.gif");
}

div#sidebar ul.aboutSchool li.lecturer a {
  background-image: url("/images/under/sidebar/lecturer_hover.gif");
}

div#sidebar ul.aboutSchool li.support a {
  background-image: url("/images/under/sidebar/support_hover.gif");
}

div#sidebar ul.aboutSchool li.photograph a {
  background-image: url("/images/under/sidebar/photograph_hover.gif");
}

div#sidebar ul.aboutSchool li a:hover {
  position: static;
}

div#sidebar ul.aboutSchool li a:hover img {
  position: relative;
  z-index: -1;
}

/* 初学者の方へ・学校選びのポイント */
div#sidebar dl.beginner,
div#sidebar dl.point {
  margin-bottom: 16px;
  zoom: 1;
}

div#sidebar dl.beginner:after,
div#sidebar dl.point:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

div#sidebar dl.beginner dt,
div#sidebar dl.point dt {
  float: left;
}

div#sidebar dl.beginner dt img,
div#sidebar dl.point dt img {
  width: 37px;
  height: 143px;
}

div#sidebar dl.beginner dd,
div#sidebar dl.point dd {
  float: right;
  width: 133px;
  line-height: 1.36;/* 15px相当 */
}

div#sidebar dl.beginner dd p,
div#sidebar dl.point dd p {
  margin-bottom: 5px;
}

div#sidebar dl.beginner dd p.image,
div#sidebar dl.point dd p.image {
  margin-bottom: 6px;
}

div#sidebar dl.beginner dd p.image img,
div#sidebar dl.point dd p.image img {
  width: 131px;
  height: 92px;
  border: 1px solid #ccc;
}

div#sidebar dl.beginner dd p.link,
div#sidebar dl.point dd p.link {
  margin-bottom: 0;
  text-align: right;
}

/* 将来にお悩みの方 */
div#sidebar dl.consulting {
  margin-bottom: 16px;
  padding-top: 4px;
  zoom: 1;
}

div#sidebar dl.consulting:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

div#sidebar dl.consulting dt {
  float: right;
}

div#sidebar dl.consulting dt img {
  margin-top: -17px;
  position: relative;
  width: 37px;
  height: 171px;
}

div#sidebar dl.consulting dd {
  float: left;
  width: 133px;
  line-height: 1.36;/* 15px相当 */
}

div#sidebar dl.consulting dd p {
  margin-bottom: 5px;
}

div#sidebar dl.consulting dd p.image {
  margin-bottom: 6px;
}

div#sidebar dl.consulting dd p.image img {
  width: 131px;
  height: 92px;
  border: 1px solid #ccc;
}

div#sidebar dl.consulting dd p.link {
  margin-bottom: 0;
}

/* スクール・ブログ */
div#sidebar dl.blog,
div#sidebar dl.point {
  margin-bottom: 16px;
  zoom: 1;
}

div#sidebar dl.blog:after,
div#sidebar dl.point:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

div#sidebar dl.blog dt,
div#sidebar dl.point dt {
  float: left;
}

div#sidebar dl.blog dt img,
div#sidebar dl.point dt img {
  width: 37px;
  height: 143px;
}

div#sidebar dl.blog dd,
div#sidebar dl.point dd {
  float: right;
  width: 133px;
  line-height: 1.36;/* 15px相当 */
}

div#sidebar dl.blog dd p,
div#sidebar dl.point dd p {
  margin-bottom: 5px;
}

div#sidebar dl.blog dd p.image,
div#sidebar dl.point dd p.image {
  margin-bottom: 6px;
}

div#sidebar dl.blog dd p.image img,
div#sidebar dl.point dd p.image img {
  width: 131px;
  height: 92px;
  border: 1px solid #ccc;
}

div#sidebar dl.blog dd p.link,
div#sidebar dl.point dd p.link {
  margin-bottom: 0;
  text-align: right;
}


/* イベント情報など */
div#sidebar dl.event {
  padding-top: 12px;
  background: url("/images/common/dotLine.gif") repeat-x 0 0;
}

div#sidebar dl.event dt,
div#sidebar dl.event dd {
  padding-left: 13px;
}

div#sidebar dl.event dt {
  min-height: 10px;
  line-height: 1.81;/* 20px相当 */
  color: #0c6a7e;
  background: url("/images/under/sidebar/marker.gif") no-repeat 0 0.4em;
  font-weight: bold;
}

* html div#sidebar dl.event dt {
  height: 10px;
}

div#sidebar dl.event dd {
  margin-bottom: 5px;
}

/** --------------------------------------------------------------------------------
 * span.important
 */
div#contents span.important {
  margin: 1em 0;
  padding-left: 18px;
  display: block;
  color: #ff7f7f;
  background: url("/images/common/quotationMarks_left.gif") no-repeat 0 0;
}

div.coral div#contents span.important {
  color: #ff7f7f;
}

div.teal div#contents span.important {
  color: #0c6a7e;
}

div.pink div#contents span.important {
  color: #ff7fbb;
}

div.orange div#contents span.important {
  color: #ff9c00;
}

div.navy div#contents span.important {
  color: #1f4c7f;
}

div.lime div#contents span.important {
  color: #6beb9b;
}

div.green div#contents span.important {
  color: #0c7e17;
}

div.blue div#contents span.important {
  color: #7fbfff;
}

div.aqua div#contents span.important {
  color: #3bbdb6;
}

div.purple div#contents span.important {
  color: #977fff;
}

div.indigo div#contents span.important {
  color: #51295f;
}

div#contents span.important span {
  padding-right: 18px;
  display: inline-block;
  background: url("/images/common/quotationMarks_right.gif") no-repeat 100% 100%;
}

* html div#contents span.important span {
  display: inline;
}

*+html div#contents span.important span {
  display: inline;
}

/** --------------------------------------------------------------------------------
 * heading
 */
div#contents div.headline {
  margin-bottom: 15px;
  padding-left: 17px;
  border-left: 3px solid;
  position: relative;
  color: #777;
  z-index: 3;
  zoom: 1;
}

div.coral div#contents div.headline {
  border-left-color: #ff7f7f;
}

div.teal div#contents div.headline {
  border-left-color: #0c6a7e;
}

div.pink div#contents div.headline {
  border-left-color: #ff7fbb;
}

div.orange div#contents div.headline {
  border-left-color: #ff9c00;
}

div.navy div#contents div.headline {
  border-left-color: #1f4c7f;
}

div.lime div#contents div.headline {
  border-left-color: #6beb9b;
}

div.green div#contents div.headline {
  border-left-color: #0c7e17;
}

div.blue div#contents div.headline {
  border-left-color: #7fbfff;
}

div.aqua div#contents div.headline {
  border-left-color: #3bbdb6;
}

div.purple div#contents div.headline {
  border-left-color: #977fff;
}

div.indigo div#contents div.headline {
  border-left-color: #51295f;
}

div.gray div#contents div.headline {
  border-left-color: #777;
}

div#contents div.headline p,
div#contents div.headline address {
  margin-top: 8px;
  padding-top: 9px;
  background: url("/images/common/dotLine.gif") repeat-x 0 0;
}

div#contents h3.basic {
  margin: 0 -19px;
  padding: 0 19px 0 39px;
  border: solid #ccc;
  border-width: 1px 0;
  position: relative;
  background: no-repeat 19px 50%;
  font-size: 154%;/* 17px相当 */
  line-height: 2.3;/* 39px相当 */
  zoom: 1;
}

div.coral div#contents h3.basic {
  color: #ff7f7f;
  background-image: url("/images/marker/headingBasic_coral.gif");
}

div.teal div#contents h3.basic {
  color: #0c6a7e;
  background-image: url("/images/marker/headingBasic_teal.gif");
}

div.pink div#contents h3.basic {
  color: #ff7fbb;
  background-image: url("/images/marker/headingBasic_pink.gif");
}

div.orange div#contents h3.basic {
  color: #ff9c00;
  background-image: url("/images/marker/headingBasic_orange.gif");
}

div.navy div#contents h3.basic {
  color: #1f4c7f;
  background-image: url("/images/marker/headingBasic_navy.gif");
}

div.lime div#contents h3.basic {
  color: #6beb9b;
  background-image: url("/images/marker/headingBasic_lime.gif");
}

div.green div#contents h3.basic {
  color: #0c7e17;
  background-image: url("/images/marker/headingBasic_green.gif");
}

div.blue div#contents h3.basic {
  color: #7fbfff;
  background-image: url("/images/marker/headingBasic_blue.gif");
}

div.aqua div#contents h3.basic {
  color: #3bbdb6;
  background-image: url("/images/marker/headingBasic_aqua.gif");
}

div.purple div#contents h3.basic {
  color: #977fff;
  background-image: url("/images/marker/headingBasic_purple.gif");
}

div.indigo div#contents h3.basic {
  color: #51295f;
  background-image: url("/images/marker/headingBasic_indigo.gif");
}

div#contents h3.simple {
  margin: 20px -19px;
  position: relative;
  zoom: 1;
}

div#contents h3.line,
div#contents h4.line {
  margin-bottom: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid #ccc;
  font-size: 136%;/* 15px相当 */
  line-height: 1.4;
}

div#contents h3.line span,
div#contents h4.line span {
  padding-left: 10px;
  border-left: 3px solid;
  display: block;
}

div.coral div#contents h3.line span,
div.coral div#contents h4.line span {
  color: #ff7f7f;
  border-left-color: #ff7f7f;
}

div.teal div#contents h3.line span,
div.teal div#contents h4.line span {
  color: #0c6a7e;
  border-left-color: #0c6a7e;
}

div.pink div#contents h3.line span,
div.pink div#contents h4.line span {
  color: #ff7fbb;
  border-left-color: #ff7fbb;
}

div.orange div#contents h3.line span,
div.orange div#contents h4.line span {
  color: #ff9c00;
  border-left-color: #ff9c00;
}

div.navy div#contents h3.line span,
div.navy div#contents h4.line span {
  color: #1f4c7f;
  border-left-color: #1f4c7f;
}

div.limediv#contents h3.line span,
div.lime div#contents h4.line span {
  color: #6beb9b;
  border-left-color: #6beb9b;
}

div.green div#contents h3.line span,
div.green div#contents h4.line span {
  color: #0c7e17;
  border-left-color: #0c7e17;
}

div.blue div#contents h3.line span,
div.blue div#contents h4.line span {
  color: #7fbfff;
  border-left-color: #7fbfff;
}

div.aqua div#contents h3.line span,
div.aqua div#contents h4.line span {
  color: #3bbdb6;
  border-left-color: #3bbdb6;
}

div.purple div#contents h3.line span,
div.purple div#contents h4.line span {
  color: #977fff;
  border-left-color: #977fff;
}

div.indigo div#contents h3.line span,
div.indigo div#contents h4.line span {
  color: #51295f;
  border-left-color: #51295f;
}

/* 各コース */
div#contents div.courseHeadline {
  margin: -20px -19px 0;
  border-bottom: 1px solid #ccc;
  position: relative;
  height: 210px;
}

div#contents div.courseHeadline p {
  margin-top: -110px;
  padding-right: 10px;
  color: #777;
  text-align: right;
}

/* カリキュラム */
div.curriculum {
  margin: 0 -19px;
  background: url("/images/frame/bar_grayPaint.gif") repeat-y 0 0;
  position: relative;
  zoom: 1;
}

div.curriculum div.item {
  border-top: 1px solid #ddd;
}

div.curriculum div.required {
  border-top: 0 none;
}

div.curriculum h4,
div.curriculum div.item div {
  display: inline-block;
  vertical-align: middle;
}

* html div.curriculum h4,
* html div.curriculum div.item div {
  display: inline;
}

*+html div.curriculum h4,
*+html div.curriculum div.item div {
  display: inline;
}

div.curriculum h4 {
  padding: 10px 20px;
  width: 159px;
  font-size: small;
}

div.curriculum h4 {
  color: #ff7f7f;
}

div.curriculum div.item div {
  padding: 0 20px 10px;
  width: 399px;
}

div.curriculum div.item div dl dt {
  margin-top: 10px;
  padding-left: 9px;
  background: url("/images/marker/arrowSmall_coral.gif") no-repeat 0 0.5em;
  font-weight: bold;
}

div.curriculum div.item div dl dd {
  padding: 2px 0 0 9px;
}

/** --------------------------------------------------------------------------------
 * スペース調整
 */
div#whole div#container div#contents .cram {
  margin-bottom: 0;
  padding-bottom: 0;
}

/** --------------------------------------------------------------------------------
 * 箱
 */
div.lineBox {
  margin: 20px 0;
  padding: 10px;
  border: 1px solid #ccc;
}

.centerBox {
  margin: 20px 0;
  text-align: center;
}

/** --------------------------------------------------------------------------------
 * 分割箱
 */
div.hold {
  margin-right: -20px;
  padding: 20px 0;
  position: relative;
  zoom: 1;
}

div.arrange {/* 複数並べる場合 */
  margin: 20px -20px 20px 0;
  padding: 0;
}

div.hold:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

div.hold div.half {
  margin-right: 20px;
  float: left;
  width: 290px;
}

/* 枠付き */
div.hold div.halfBox {
  border: 1px solid #ccc;
  background-color: #eee;
  width: 288px;
  zoom: 1;
}

div.hold div.halfBoxWrap {
  margin: -1px -1px 0;
  position: relative;
  background: url("/images/frame/half_gray_top.gif") no-repeat 0 0;
  zoom: 1;
}

div.hold div.halfBoxInner {
  margin-bottom: -1px;
  padding: 20px;
  position: relative;
  background: url("/images/frame/half_gray_bottom.gif") no-repeat 0 100%;
  zoom: 1;
}

div.hold div.halfBox h3,
div.hold div.halfBox h4,
div.hold div.halfBox h5 {
  margin: -4px 0 8px;
  padding: 0 0 9px;
  position: relative;
  background: url("/images/common/dotLine.gif") repeat-x 0 100%;
  font-size: 154%;/* 17px相当 */
  zoom: 1;
}

div.coral div.hold div.halfBox h3,
div.coral div.hold div.halfBox h4,
div.coral div.hold div.halfBox h5 {
  color: #ff7f7f;
}

div.teal div.hold div.halfBox h3,
div.teal div.hold div.halfBox h4,
div.teal div.hold div.halfBox h5 {
  color: #0c6a7e;
}

div.pink div.hold div.halfBox h3,
div.pink div.hold div.halfBox h4,
div.pink div.hold div.halfBox h5 {
  color: #ff7fbb;
}

div.orange div.hold div.halfBox h3,
div.orange div.hold div.halfBox h4,
div.orange div.hold div.halfBox h5 {
  color: #ff9c00;
}

div.navy div.hold div.halfBox h3,
div.navy div.hold div.halfBox h4,
div.navy div.hold div.halfBox h5 {
  color: #1f4c7f;
}

div.lime div.hold div.halfBox h3,
div.lime div.hold div.halfBox h4,
div.lime div.hold div.halfBox h5 {
  color: #6beb9b;
}

div.green div.hold div.halfBox h3,
div.green div.hold div.halfBox h4,
div.green div.hold div.halfBox h5 {
  color: #0c7e17;
}

div.blue div.hold div.halfBox h3,
div.blue div.hold div.halfBox h4,
div.blue div.hold div.halfBox h5 {
  color: #7fbfff;
}

div.aqua div.hold div.halfBox h3,
div.aqua div.hold div.halfBox h4,
div.aqua div.hold div.halfBox h5 {
  color: #3bbdb6;
}

div.purple div.hold div.halfBox h3,
div.purple div.hold div.halfBox h4,
div.purple div.hold div.halfBox h5 {
  color: #977fff;
}

div.indigo div.hold div.halfBox h3,
div.indigo div.hold div.halfBox h4,
div.indigo div.hold div.halfBox h5 {
  color: #51295f;
}

div.hold div.halfBox ul li {
  padding-left: 9px;
  background: no-repeat 0 0.5em;
}

div.coral div.hold div.halfBox ul li {
  background-image: url("/images/marker/arrowSmall_coral.gif");
}

div.teal div.hold div.halfBox ul li {
  background-image: url("/images/marker/arrowSmall_teal.gif");
}

div.pink div.hold div.halfBox ul li {
  background-image: url("/images/marker/arrowSmall_pink.gif");
}

div.orange div.hold div.halfBox ul li {
  background-image: url("/images/marker/arrowSmall_orange.gif");
}

div.navy div.hold div.halfBox ul li {
  background-image: url("/images/marker/arrowSmall_navy.gif");
}

div.lime div.hold div.halfBox ul li {
  background-image: url("/images/marker/arrowSmall_lime.gif");
}

div.green div.hold div.halfBox ul li {
  background-image: url("/images/marker/arrowSmall_green.gif");
}

div.blue div.hold div.halfBox ul li {
  background-image: url("/images/marker/arrowSmall_blue.gif");
}

div.aqua div.hold div.halfBox ul li {
  background-image: url("/images/marker/arrowSmall_aqua.gif");
}

div.purple div.hold div.halfBox ul li {
  background-image: url("/images/marker/arrowSmall_purple.gif");
}

div.indigo div.hold div.halfBox ul li {
  background-image: url("/images/marker/arrowSmall_indigo.gif");
}

div.hold div.half p.link {
  margin-top: 5px;
  text-align: right;
}

div.hold div.half p.link a {
  padding: 1px 10px 1px 21px;
  display: inline-block;
  background: url("/images/marker/arrow_white.gif") no-repeat 10px 50%;
}

div.coral div.hold div.half p.link a {
  background-color: #ff7f7f;
}

div.teal div.hold div.half p.link a {
  background-color: #0c6a7e;
}

div.pink div.hold div.half p.link a {
  background-color: #ff7fbb;
}

div.orange div.hold div.half p.link a {
  background-color: #ff9c00;
}

div.navy div.hold div.half p.link a {
  background-color: #1f4c7f;
}

div.lime div.hold div.half p.link a {
  background-color: #6beb9b;
}

div.green div.hold div.half p.link a {
  background-color: #0c7e17;
}

div.blue div.hold div.half p.link a {
  background-color: #7fbfff;
}

div.aqua div.hold div.half p.link a {
  background-color: #3bbdb6;
}

div.purple div.hold div.half p.link a {
  background-color: #977fff;
}

div.indigo div.hold div.half p.link a {
  background-color: #51295f;
}

div.hold div.half p.link a:link {
  color: #fff;
}

div.hold div.half p.link a:visited {
  color: #fff;
}

div.hold div.half p.link a:hover {
  color: #fff;
}

div.hold div.inclusion {
  margin-right: 0;
  width: 310px;
}

div.hold div.half div.item {
  margin-right: 10px;
  float: left;
  width: 90px;
}

div.hold div.half div.item h4.image {
  margin-bottom: 5px;
}

/* コース概要 */
div.courseSummary {/* 上書き */
  padding-bottom: 0;
}

dl.courseSystem dt {
  padding-left: 10px;
  background: url("/images/marker/square_coral.gif") no-repeat 0 0.4em;
  font-weight: bold;
}

dl.courseSystem dd {
  margin: 2px 0 10px 10px;
}

dl.courseData {
  margin-bottom: -10px;
  overflow: hidden;
  position: relative;
  zoom: 1;
}

dl.courseData dt {
  position: absolute;
  left: 0;
  color: #fff;
  font-weight: bold;
}

dl.courseData dt span {
  padding: 1px 10px;
  display: inline-block;
  width: 4.6em;
  text-align: center;
  background-color: #ff7f7f;
}

* html dl.courseData dt span {
  display: inline;
}

*+html dl.courseData dt span {
  display: inline;
}

dl.courseData dd {
  margin: 2px 0 10px 4.6em;
  padding-left: 30px;
}

dl.courseData dd strong.price {
  font-weight: bold;
  font-size: 136%;/* 15px相当 */
}

dl.courseData dd span.caution {
  color: #ff7f7f;
}

/** --------------------------------------------------------------------------------
 * course
 */
/* コース選択リンク */
div.courseSelect {
  margin: 0 -19px 20px -20px;
  border-bottom: 1px solid #ccc;
  background: url("/images/frame/bar_trisect.gif") repeat-y 0 0;
  zoom: 1;
}

div.courseSelect:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

div.courseSelect div {
  padding-left: 1px;
  float: left;
  width: 212px;
}

/* コース選択リンク：hover効果 */
div.courseSelect div h4 {
  position: relative;
  z-index: 3;
}

div.courseSelect div h4,
div.courseSelect div h4 a img {
  width: 212px;
  height: 139px;
}

div.courseSelect div h4 a {
  display: block;
  background: no-repeat 0 0;
}

div.courseSelect div h4.basic a {
  background-image: url("/images/under/course/course_basic_hover.jpg");
}

div.courseSelect div h4.basic a {
  background-image: url("/images/under/course/course_basic_hover.jpg");
}

div.courseSelect div h4.professional a {
  background-image: url("/images/under/course/course_professional_hover.jpg");
}

div.courseSelect div h4.master a {
  background-image: url("/images/under/course/course_advancepro_hover.jpg");
}

div.courseSelect div h4 a:hover {
  position: static;
}

div.courseSelect div h4 a:hover img {
  position: relative;
  z-index: -1;
}

div.courseSelect div ul {
  padding: 10px;
  border-top: 1px solid #ccc;
}

div.courseSelect div ul li {
  padding-left: 9px;
  background: url("/images/marker/arrowSmall_coral.gif") no-repeat 0 0.5em;
}

/* 主要コースを3つにしている理由 */
div#contents h3.courseCause {
  margin-top: 10px;
  position: absolute;
  left: -14px;
}

div#contents p.courseCause {
  margin: 0 0 20px 200px;
  min-height: 219px;
}

* html div#contents p.courseCause {
  height: 219px;
}

/* 整体コース一覧 */
div.courseList {
  margin: 0 -18px 0 0;
  position: relative;
  zoom: 1;
}

div.courseList:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

div.courseList div.hold {
  margin: 0;
  padding: 20px 0 0;
}

div.courseList div.item {
  margin-right: 20px;
  float: left;
  width: 186px;
}

div.courseList div.item h4 {
  margin-bottom: 10px;
}

div.courseList div.item h4 a {
  display: inline-block;
}

div.courseList div.item dl dt {
  margin: 0 10px 2px 0;
  padding: 1px 10px;
  display: inline-block;
  color: #fff;
  background-color: #ff7f7f;
}

div.courseList div.item dl dt {
  margin: 0 10px 2px 0;
  padding: 1px 10px;
  display: inline-block;
  color: #fff;
  background-color: #ff7f7f;
  font-weight: bold;
}

* html div.courseList div.item dl dt {
  display: inline;
}

*+html div.courseList div.item dl dt {
  display: inline;
}

div.courseList div.item dl dt.special {
  background-color: #ff9d4d;
}

div.courseList div.item dl dt.seminar {
  background-color: #ffbc09;
}

/* ウィルワン・アカデミーを選んだ理由[TOP3] */
div#contents div.causeTop3 {
  margin-bottom: -20px;
  overflow: hidden;
}

div#contents div.causeTop3 h3 {
  margin-bottom: -61px;
  text-align: center;
}

div#contents div.causeTop3 h3 img {
  margin-right: -112px;
}

div#contents div.causeTop3 dl {
  margin: 0 100px;
  position: relative;
  zoom: 1;
  line-height: 1.63;/* 18px相当 */
}

div#contents div.causeTop3 dl dt span,
div#contents div.causeTop3 dl dd {
  min-height: 18px;
}

* html div#contents div.causeTop3 dl dt span,
* html div#contents div.causeTop3 dl dd {
  height: 18px;
}

div#contents div.causeTop3 dl dt {
  margin: 0 15px 20px 0;
  padding-left: 7px;
  float: left;
  color: #fff;
  background: url("/images/under/course/rankBg_left.gif") no-repeat 0 50%;
  font-weight: bold;
}

div#contents div.causeTop3 dl dt span {
  padding: 0 20px 0 8px;
  display: inline-block;
  background: url("/images/under/course/rankBg_right.gif") no-repeat 100% 50%;
}

* html div#contents div.causeTop3 dl dt span {
  display: inline;
}

*+html div#contents div.causeTop3 dl dt span {
  display: inline;
}

div#contents div.causeTop3 dl dd {
  margin-bottom: 20px;
  overflow: hidden;
  zoom: 1;
}

* html div#contents div.causeTop3 dl dd {
  overflow: visible;
}

/** --------------------------------------------------------------------------------
 * 箱・段落
 */
div.basic,
p.basic {
  margin: 20px 0;
}

div.full,
p.full {
  margin: 0 -19px;
  position: relative;
  zoom: ;
}

p.divide {
  margin: 0.8em 0 0;
}

/** --------------------------------------------------------------------------------
 * 単純なメッセージ
 */
div.message {
  margin: 15px 0;
  padding: 2px;
  position: relative;
  border: 1px solid #ccc;
  zoom: 1;
}

div.message div {
  padding: 150px 100px;
  background-color: #eee;
}

div.message div p.link {
  position: absolute;
  right: 20px;
  bottom: 20px;
}

div.message div p.link a {
  padding: 1px 10px 1px 21px;
  display: inline-block;
  background: url("/images/marker/arrow_white.gif") no-repeat 10px 50%;
}

div.coral div.message div p.link a {
  background-color: #ff7f7f;
}

div.teal div.message div p.link a {
  background-color: #0c6a7e;
}

div.pink div.message div p.link a {
  background-color: #ff7fbb;
}

div.orange div.message div p.link a {
  background-color: #ff9c00;
}

div.navy div.message div p.link a {
  background-color: #1f4c7f;
}

div.lime div.message div p.link a {
  background-color: #6beb9b;
}

div.green div.message div p.link a {
  background-color: #0c7e17;
}

div.blue div.message div p.link a {
  background-color: #7fbfff;
}

div.aqua div.message div p.link a {
  background-color: #3bbdb6;
}

div.purple div.message div p.link a {
  background-color: #977fff;
}

div.indigo div.message div p.link a {
  background-color: #51295f;
}

div.message div p.link a:link {
  color: #fff;
}

div.message div p.link a:visited {
  color: #fff;
}

div.message div p.link a:hover {
  color: #fff;
}

/** --------------------------------------------------------------------------------
 * 重要なエラーメッセージ
 */
div#errorMessage {
  margin: 15px -19px;
  position: relative;
  border: solid #ccc;
  border-width: 1px 0;
  zoom: 1;
}

div#errorMessage div {
  padding: 150px 100px;
}

div#errorMessage div p.link {
  position: absolute;
  right: 20px;
  bottom: 20px;
}

div#errorMessage div p.link a {
  padding: 1px 10px 1px 21px;
  display: inline-block;
  background: #777 url("/images/marker/arrow_white.gif") no-repeat 10px 50%;
}

div#errorMessage div p.link a:link {
  color: #fff;
}

div#errorMessage div p.link a:visited {
  color: #fff;
}

div#errorMessage div p.link a:hover {
  color: #fff;
}

/** --------------------------------------------------------------------------------
 * サーバーエラーメッセージ
 */
div#serverError {
  margin: -15px -19px -110px;
  padding: 20px;
  border-bottom: 1px solid #ccc;
  position: relative;
  background-color: #eee;
  color: #777;
  zoom: 1;
}

/** --------------------------------------------------------------------------------
 * table.basic
 */
div#contents table.basic {
  margin-top: 20px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

div#contents table.basic tr th,
div#contents table.basic tr td {
  padding: 10px 20px;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

div#contents table.basic tr th {
  width: 139px;
  background-color: #eee;
  font-weight: bold;
}

div#contents table.basic tr td dl {
  margin-top: -5px;
}

div#contents table.basic tr td dl dt {
  padding-top: 5px;
  padding-left: 10px;
  background: url("/images/marker/square_teal.gif") no-repeat 0 60%;
  font-weight: bold;
}

div#contents table.basic tr td dl dd {
  margin-left: 10px;
}

div#contents table.basic tr td dl.compact dt {
  float: left;
  width: 10em;
  font-weight: bold;
}

div#contents table.basic tr td dl.compact dd {
  margin-left: 0;
  padding-top: 5px;
  overflow: hidden;
  zoom: 1;
}

div#contents table.basic tr td ul li {
  padding-left: 11px;
  background: url("/images/marker/square_teal.gif") no-repeat 0 0.4em;
}

/* メールリンク */
a.mail {
  padding-left: 15px;
  display: inline-block;
  background: url("/images/marker/mail.gif") no-repeat 0 50%;
  font-weight: bold;
}

/* ページ遷移リンク */
div.teal div#contents table.basic tr td .link {
  margin-top: 5px;
  text-align: right;
}

div.teal div#contents table.basic tr td .link a {
  padding: 1px 10px 1px 21px;
  display: inline-block;
  background: #0c6a7e url("/images/marker/arrow_white.gif") no-repeat 10px 50%;
}

div.teal div#contents table.basic tr td .link a:link {
  color: #fff;
}

div.teal div#contents table.basic tr td .link a:visited {
  color: #fff;
}

div.teal div#contents table.basic tr td .link a:hover {
  color: #fff;
}

/* ハーフボックスの中のテーブル */
div#contents div.half table.basic {
  margin: 0;
}

div#contents div.half table.basic tr th {
  width: auto;
}

div#contents div.half table.basic tr th,
div#contents div.half table.basic tr td {
  padding: 5px;
}

div#contents div.half table.basic tr th {
  background: #f9f9f9 url("/images/common/gradationBg_tableHeader.gif") repeat-x 0 100%;
}

div#contents div.half table.basic tr.title th {
  background: #fff url("/images/common/gradationBg_tableTitle.gif") repeat-x 0 100%;
}

div#contents div.half table.basic tr th.credit,
div#contents div.half table.basic tr td {
  width: 5em;
  text-align: center;
}

div.colal div#contents div.half table.basic tr.title {
  color: #ff7f7f;
}

div.teal div#contents div.half table.basic tr.title {
  color: #0c6a7e;
}

div.pink div#contents div.half table.basic tr.title {
  color: #ff7fbb;
}

div.orange div#contents div.half table.basic tr.title {
  color: #ff9c00;
}

div.navy div#contents div.half table.basic tr.title {
  color: #1f4c7f;
}

div.lime div#contents div.half table.basic tr.title {
  color: #6beb9b;
}

div.green div#contents div.half table.basic tr.title {
  color: #0c7e17;
}

div.blue div#contents div.half table.basic tr.title {
  color: #7fbfff;
}

div.aqua div#contents div.half table.basic tr.title {
  color: #3bbdb6;
}

div.purple div#contents div.half table.basic tr.title {
  color: #977fff;
}

div.indigo div#contents div.half table.basic tr.title {
  color: #51295f;
}

/** --------------------------------------------------------------------------------
 * table.photograph
 */
div#contents table.photograph {
  margin: 0 -20px;
  border-bottom: 1px solid #ccc;
  width: 640px;
}

div#contents table.photograph tr td {
  padding: 20px 20px 17px;
  border: solid #ccc;
  border-width: 1px 1px 0 0;
  text-align: center;
}

div#contents table.photograph tr td p.photo {
  margin-bottom: 5px;
  podition: relative;
}

div#contents table.photograph tr td p.photo a {
  display: block;
  cursor: default;
}

div#contents table.photograph tr td p.photo a:hover {
  position: relative;
}

div#contents table.photograph tr td p.photo a:hover span.big {
  display: block;
}

div#contents table.photograph tr td p.photo,
div#contents table.photograph tr td p.photo img {
  width: 172px;
  height: 172px;
}

div#contents table.photograph tr td p.photo span.icon {
  margin-top: -40px;
  padding-right: 10px;
  display: block;
  text-align: right;
}

div#contents table.photograph tr td p.photo span.icon img {
  width: 30px;
  height: 30px;
}

* html div#contents table.photograph tr td p.photo span.icon img {
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/under/photograph/magnify.png',sizingMethod='crop');
}

div#contents table.photograph tr td p.photo span.big {
  margin-top: -142px;
  border: 1px solid #ccc;
  display: none;
  position: absolute;
  left: 0;
  z-index: 9999;
}

div#contents table.photograph tr td p.photo span.big img {
  border: 3px solid #fff;
  width: 500px;
  height: auto;
}

div#contents table.photograph tr td.left p.photo span.big {
  left: 20px;
}

div#contents table.photograph tr td.middle p.photo span.big {
  left: -165px;
}

div#contents table.photograph tr td.right p.photo span.big {
  left: -356px;
}

/** --------------------------------------------------------------------------------
 * table.form
 */
/* テーブルフォーム */
div#contents table.form {
  margin: 0 -20px;
  width: 640px;
}

div#contents table.form tr th,
div#contents table.form tr td {
  padding: 10px 20px;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

div#contents table.form tr th {
  width: 169px;
  background-color: #eee;
  text-align: right;
  font-weight: bold;
}

div#contents table.form p.caution {
  margin-top: 3px;
}

/* 見出し付きフォーム */
div#contents div.form {
  margin: 0 -19px;
}

div#contents div.form h3 {
  padding: 10px 20px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-color: #eee;
  font-weight: bold;
}

div#contents div.form h3.basic {/* 上書き */
  margin: 20px 0;
  padding: 0 19px 0 39px;
  position: relative;
  background-color: #fff;
  font-weight: normal;
}

div#contents div.form div.hold {
  margin: 0 -1px;
  padding: 11px 0 10px 0;
  position: relative;
  background: url("/images/common/dotLine.gif") repeat-x 0 0;
}

div#contents div.form div.hold div.half {
  margin-right: 0;
  padding-left: 20px;
  width: 290px;
}

div#contents div.form p {
  margin: 10px 20px;
}

div#contents div.form div.hold p {
  margin: 0;
}

div#contents div.form div.half p.comment {
  margin: 0 0 1em;
}

div#contents div.form div.hold p.caution {
  margin-top: 1em;
  margin-left: 1em;
}

div.coral div#contents .form p.caution {
  color: #ff7f7f;
}

div.teal div#contents .form p.caution {
  color: #0c6a7e;
}

div.pink div#contents .form p.caution {
  color: #ff7fbb;
}

div.orange div#contents .form p.caution {
  color: #ff9c00;
}

div.navy div#contents .form p.caution {
  color: #1f4c7f;
}

div.lime div#contents .form p.caution {
  color: #6beb9b;
}

div.green div#contents .form p.caution {
  color: #0c7e17;
}

div.blue div#contents .form p.caution {
  color: #7fbfff;
}

div.aqua div#contents .form p.caution {
  color: #3bbdb6;
}

div.purple div#contents .form p.caution {
  color: #977fff;
}

div.indigo div#contents .form p.caution {
  color: #51295f;
}

div#contents div.form div.divide {
  margin-top: 10px;
  padding-top: 11px;
  background: url("/images/common/dotLine.gif") repeat-x 0 0;
}

div#contents div.form h4 {
  margin: 0 20px 5px;
  padding-left: 7px;
  border-left: 3px solid;
  position: relative;
  font-weight: bold;
}

div.coral div#contents div.form h4 {
  border-left-color: #ff7f7f;
}

div.teal div#contents div.form h4 {
  border-left-color: #0c6a7e;
}

div.pink div#contents div.form h4 {
  border-left-color: #ff7fbb;
}

div.orange div#contents div.form h4 {
  border-left-color: #ff9c00;
}

div.navy div#contents div.form h4 {
  border-left-color: #1f4c7f;
}

div.lime div#contents div.form h4 {
  border-left-color: #6beb9b;
}

div.green div#contents div.form h4 {
  border-left-color: #0c7e17;
}

div.blue div#contents div.form h4 {
  border-left-color: #7fbfff;
}

div.aqua div#contents div.form h4 {
  border-left-color: #3bbdb6;
}

div.purple div#contents div.form h4 {
  border-left-color: #977fff;
}

div.indigo div#contents div.form h4 {
  border-left-color: #51295f;
}

/* カレンダー */
div#contents table.calendar {
  width: 100%;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

div#contents table.calendar tr th,
div#contents table.calendar tr td {
  padding: 10px 3px;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  text-align: center;
}

div#contents table.calendar tr th {
  background-color: #eee;
  font-weight: bold;
}

/* キャプション */
div#contents div.form h4.caption {
  margin: 0;
  padding: 0 0 3px 20px;
  border: 0 none;
  position: relative;
  background: no-repeat 0 50%;
  font-size: 154%;/* 17px相当 */
  zoom: 1;
  font-weight: normal;
}

div.coral div#contents h4.caption {
  color: #ff7f7f;
  background-image: url("/images/marker/headingBasic_coral.gif");
}

div.teal div#contents h4.caption {
  color: #0c6a7e;
  background-image: url("/images/marker/headingBasic_teal.gif");
}

div.pink div#contents h4.caption {
  color: #ff7fbb;
  background-image: url("/images/marker/headingBasic_pink.gif");
}

div.orange div#contents h4.caption {
  color: #ff9c00;
  background-image: url("/images/marker/headingBasic_orange.gif");
}

div.navy div#contents h4.caption {
  color: #1f4c7f;
  background-image: url("/images/marker/headingBasic_navy.gif");
}

div.lime div#contents h4.caption {
  color: #6beb9b;
  background-image: url("/images/marker/headingBasic_lime.gif");
}

div.green div#contents h4.caption {
  color: #0c7e17;
  background-image: url("/images/marker/headingBasic_green.gif");
}

div.blue div#contents h4.caption {
  color: #7fbfff;
  background-image: url("/images/marker/headingBasic_blue.gif");
}

div.aqua div#contents h4.caption {
  color: #3bbdb6;
  background-image: url("/images/marker/headingBasic_aqua.gif");
}

div.purple div#contents h4.caption {
  color: #977fff;
  background-image: url("/images/marker/headingBasic_purple.gif");
}

div.indigo div#contents h4.caption {
  color: #51295f;
  background-image: url("/images/marker/headingBasic_indigo.gif");
}

div.indigo div#contents table.calendar tr td {
  background-color: #ebe1ee;
}

div.purple div#contents table.calendar tr td {
  background-color: #f0ecff;
}

div#whole div#contents table.calendar tr td.none {
  background-color: #fff;
}

div#contents table.calendar tr .sun {
  color: #6a2c2c;
}

div#contents table.calendar tr .sat {
  color: #293a5f;
}

/* フォーム部品 */
div#contents div.form ul {
  margin: 10px 20px;
}

div#contents table.form input.text {
  width: 300px;
}

div#contents table.form input.shortText {
  width: 100px;
}

div#contents table.form input.age {
  margin-right: 5px;
  width: 3em;
}

div#contents table.form textarea {
  width: 380px;
  height: 180px;
}

div#contents div.form textarea {
  width: 590px;
  height: 180px;
}

div#contents div.form div.half textarea {
  width: 280px;
  height: 245px;
}

div#contents div.form div.half textarea.visit {
  height: 162px;
}

div#contents table.form textarea#yourAddress {
  height: 90px;
}

div#contents .form ul.inline li {
  margin-right: 20px;
  display: inline-block;
}

* html div#contents .form ul.inline li {
  display: inline;
}

*+html div#contents .form ul.inline li {
  display: inline;
}

div#contents .form ul.half li {
  display: inline-block;
  width: 270px;
}

* html div#contents .form ul.half li {
  display: inline;
}

*+html div#contents .form ul.half li {
  display: inline;
}

/* ボタン */
p.submit {
  margin: 10px 20px;
  text-align: center;
}

div.submit {
  margin: 10px 20px;
  text-align: center;
}

div.submit form,
div.submit p {
  display: inline;
}

/* 確認フォーム */
div#contents table.confirm {
  border-bottom: 1px solid #ccc;
}

div.gradationBox ul li
  padding-left: 9px;
  background: no-repeat 0 0.5em;
}

div.coral div.gradationBox ul li
  background-image: url("/images/marker/arrowSmall_coral.gif");
}

div.teal div.gradationBox ul li
  background-image: url("/images/marker/arrowSmall_teal.gif");
}

div.pink div.gradationBox ul li
  background-image: url("/images/marker/arrowSmall_pink.gif");
}

div.orange div.gradationBox ul li
  background-image: url("/images/marker/arrowSmall_orange.gif");
}

div.navy div.gradationBox ul li
  background-image: url("/images/marker/arrowSmall_navy.gif");
}

div.lime div.gradationBox ul li
  background-image: url("/images/marker/arrowSmall_lime.gif");
}

div.green div.gradationBox ul li
  background-image: url("/images/marker/arrowSmall_green.gif");
}

div.blue div.gradationBox ul li
  background-image: url("/images/marker/arrowSmall_blue.gif");
}

div.aqua div.gradationBox ul li
  background-image: url("/images/marker/arrowSmall_aqua.gif");
}

div.purple div.gradationBox ul li
  background-image: url("/images/marker/arrowSmall_purple.gif");
}

div.indigo div.gradationBox ul li
  background-image: url("/images/marker/arrowSmall_indigo.gif");
}

/** --------------------------------------------------------------------------------
 * 必須項目
 */
span.necessary {
  margin: 0 2px;
  font-weight: bold;
}

div.coral span.necessary {
  color: #ff7f7f;
}

div.teal span.necessary {
  color: #0c6a7e;
}

div.pink span.necessary {
  color: #ff7fbb;
}

div.orange span.necessary {
  color: #ff9c00;
}

div.navy span.necessary {
  color: #1f4c7f;
}

div.lime span.necessary {
  color: #6beb9b;
}

div.green span.necessary {
  color: #0c7e17;
}

div.blue span.necessary {
  color: #7fbfff;
}

div.aqua span.necessary {
  color: #3bbdb6;
}

div.purple span.necessary {
  color: #977fff;
}

div.indigo span.necessary {
  color: #51295f;
}

/** --------------------------------------------------------------------------------
 * 強調
 */
div.coral .color {
  color: #ff7f7f;
}

div.teal .color {
  color: #0c6a7e;
}

div.pink .color {
  color: #ff7fbb;
}

div.orange .color {
  color: #ff9c00;
}

div.navy .color {
  color: #1f4c7f;
}

div.lime .color {
  color: #6beb9b;
}

div.green .color {
  color: #0c7e17;
}

div.blue .color {
  color: #7fbfff;
}

div.aqua .color {
  color: #3bbdb6;
}

div.purple .color {
  color: #977fff;
}

div.indigo .color {
  color: #51295f;
}

/** --------------------------------------------------------------------------------
 * pageNav：hover効果
 */
ul#pageNav {
  position: absolute;
  top: 7px;
  left: 358px;
  width: 244px;
}

ul#pageNav li {
  margin: 0 5px 5px 0;
  position: relative;
  float: left;
  z-index: 3;
}

ul#pageNav li,
ul#pageNav li img {
  width: 117px;
  height: 18px;
}

ul#pageNav li a {
  display: inline-block;
  background: no-repeat 0 0;
}

ul#pageNav li.schoolSummary a {
  background-image: url("/images/under/school/pageNav/schoolSummary_hover.gif");
}

ul#pageNav li.companyPhilosophy a {
  background-image: url("/images/under/school/pageNav/companyPhilosophy_hover.gif");
}

ul#pageNav li.privacyPolicy a {
  background-image: url("/images/under/school/pageNav/privacyPolicy_hover.gif");
}

ul#pageNav li.staff a {
  background-image: url("/images/under/school/pageNav/staff_hover.gif");
}

ul#pageNav li.staffWithPhoto a {
  background-image: url("/images/under/school/pageNav/staffWithPhoto_hover.gif");
}

ul#pageNav li a:hover {
  position: static;
}

ul#pageNav li a:hover img {
  position: relative;
  z-index: -1;
}

/** --------------------------------------------------------------------------------
 * 会社概要
 */
div.companyMovie {
  margin: 20px 0 0;
  padding-bottom: 20px;
  background: url("/images/common/dotLine.gif") repeat-x 0 100%;
  text-align: center;
}

/** --------------------------------------------------------------------------------
 * アクセス
 */
div#accessMap {
  margin: 0 -19px 20px;
  border: solid #ccc;
  border-width: 1px 0;
  position: relative;
  zoom: 1;
}

div#accessMap p.link {
  position: absolute;
  right: 18px;
  bottom: 18px;
  text-align: right;
}

div#accessMap p.link a {
  padding: 1px 10px 1px 21px;
  border: 2px solid #fff;
  display: inline-block;
  background: #ea7c35 url("/images/marker/arrow_white.gif") no-repeat 10px 50%;
}

div#accessMap p.link a:link {
  color: #fff;
}

div#accessMap p.link a:visited {
  color: #fff;
}

div#accessMap p.link a:hover {
  color: #fff;
}

div#distance {
  border: 1px solid #ccc;
  background: url("/images/under/access/school.jpg") no-repeat 408px 100%;
  zoom: 1;
}

div#distance div.distanceWrap {
  margin: 0 -1px -1px;
  position: relative;
  background: url("/images/frame/contentsInner_bottom.gif") no-repeat 0 100%;
  zoom: 1;
}

div#distance div.distanceInner {
  margin: -1px 0 0;
  padding: 10px 210px 10px 20px;
  position: relative;
  background: url("/images/frame/contentsInner_top.gif") no-repeat 0 0;
  zoom: 1;
}

div#distance div.distanceInner:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

div#distance h3 {
  padding-left: 19px;
  position: relative;
  color: #ff9c00;
  background: url("/images/marker/headingBasic_orange.gif") no-repeat 0 50%;
  font-size: 154%;/* 17px相当 */
  zoom: 1;
}

div#distance dl {
  margin-top: 5px;
  padding-top: 5px;
  position: relative;
  background: url("/images/common/dotLine.gif") repeat-x 0 0;
}

div#distance dl dt {
  margin-top: 10px;
  padding: 1px 10px;
  position: absolute;
  left: 0;
  width: 13em;
  color: #fff;
  background-color: #ff9c00;
  font-weight: bold;
  text-align: center;
}

div#distance dl dd {
  margin-top: 10px;
  margin-left: 13em;
  padding-left: 36px;
}

/** --------------------------------------------------------------------------------
 * サイトマップ
 */
div#sitemap {
  margin: 0 -19px 20px;
  padding: 10px 19px 20px;
  border: solid #ccc;
  border-width: 1px 0;
  background-color: #f6f6f6;
  position: relative;
  zoom: 1;
}

div#sitemap ul li a {
  padding: 3px 10px 3px 28px;
  display: inline-block;
  border: 1px solid #ccc;
  background: #fff url("/images/marker/document.gif") no-repeat 10px 50%;
}

div#sitemap ul li.parent a.top {
  background-image: url("/images/marker/logo.gif");
  background-position: 3px 50%;
}

div#sitemap ul li.parent ul li.parent a {
  background-image: url("/images/marker/folder.gif");
}

div#sitemap ul li.parent ul li.parent ul li a {
  background-image: url("/images/marker/documents.gif");
}

div#sitemap ul li {
  padding-top: 10px;
}

div#sitemap ul li ul {
  padding-left: 25px;
  background: url("/images/under/sitemap/dotBar.gif") repeat-y 25px 0;
}

div#sitemap ul li ul li {
  margin-left: -1px;
  padding-left: 26px;
  position: relative;
  background: url("/images/under/sitemap/dotLine.gif") no-repeat 2px 60%;
}

div#sitemap ul li.parent {
  background-position: 2px 1.9em;
}

div#sitemap ul li ul li.last {
  background: url("/images/under/sitemap/dotLine_last.gif") no-repeat 0 47%;
}

/* ウィルワンリンク */
p.willoneLink {
  position: absolute;
  right: 16px;
  bottom: -29px;
}

p.willoneLink a {
  display: block;
}

p.willoneLink img.main {
  position: absolute;
  top: -52px;
  left: -157px;
}

/** --------------------------------------------------------------------------------
 * プライバシーポリシー,免責事項
 */
dl#privacyPolicy,
div#exemption {
  margin: 0 -19px;
  padding: 0 19px 10px;
  border-bottom: 1px solid #ccc;
  position: relative;
  zoom: 1;
}

dl#privacyPolicy dt {
  margin-bottom: 3px;
  background: url("/images/common/dotLine.gif") repeat-x 0 0;
  color: #0c6a7e;
}

dl#privacyPolicy dt span {
  font-size: 200%;/* 22px相当 */
  font-family: "Times New Roman",sans-serif;
}

dl#privacyPolicy dd {
  margin: 0 0 10px 1.9em;
}

div#exemption p {
  padding: 10px 0;
  background: url("/images/common/dotLine.gif") repeat-x 0 0;
}

div#exemption p.first {
  padding-top: 20px;
  background: none;
}

/* 署名 */
p.sign {
  margin-top: 20px;
  text-align: right;
}

p.sign img {
  margin-top: 5px;
}

/** --------------------------------------------------------------------------------
 * 特徴・コンセプト
 */
div#contents div.conceptHeading {
  margin: -20px -33px 0 -52px;
  position: relative;
  height: 568px;
}

/* 技術領域 */
div.skill {
  margin: 70px auto 0;
  border: 1px solid #ccc;
  position: relative;
  width: 386px;
}

div.skill div.wrap {
  margin: 0 -1px -1px;
  position: relative;
  background: url("/images/frame/gradation_bottom.jpg") no-repeat 0 100%;
  zoom: 1;
}

div.skill div.inner {
  margin: -1px 0 0;
  padding: 20px 10px 20px 82px;
  position: relative;
  background: url("/images/frame/gradation_top.gif") no-repeat 0 0;
  zoom: 1;
}

div.skill div.inner:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

div.conceptDetail {
  padding-top: 20px;
}

div.conceptDetail p {
  margin: 10px 0 20px 10px;
}

div.skill h3 {
  position: absolute;
  top: -50px;
  left: -65px;
}

div.skill ul li {
  margin-right: 10px;
  padding-left: 9px;
  float: left;
  width: 129px;
  background: url("/images/marker/arrowSmall_orange.gif") no-repeat 0 0.5em;
}

/** --------------------------------------------------------------------------------
 * 講師陣
 */
div#lecturer {
  margin: 0 -19px;
  border-bottom: 1px solid #ccc;
  position: relative;
  zoom: 1;
}

div#lecturer div.item {
  padding: 20px 19px;
  border-top: 1px solid #ccc;
  min-height: 155px;
  position: relative;
  background-color: #f6f6f6;
}

* html div#lecturer div.item {
  height: 155px;
}

div#lecturer div.odd {
  background-color: transparent;
}

div#lecturer h3,
div#lecturer h4,
div#lecturer div.item div {
  margin-left: 170px;
  display: block;
}

div#lecturer div.odd h3,
div#lecturer div.odd h4,
div#lecturer div.odd div {
  margin-left: 0;
  margin-right: 170px;
}

div#lecturer h3 {
  margin-bottom: 8px;
  display: inline-block;
  color: #fff;/*
  background-color: #7c5eff;
}

div#lecturer div.odd h3 {
  background-color: #977fff;*/
}

div#lecturer h3 {
  padding-left: 7px;
  color: #fff;
  background: url("/images/under/lecturer/fieldBg_deep_left.gif") no-repeat 0 50%;
  font-weight: bold;
}

div#lecturer div.odd h3 {
  background-image: url("/images/under/lecturer/fieldBg_left.gif");
}

div#lecturer h3 span {
  padding: 1px 20px 1px 8px;
  display: inline-block;
  background: url("/images/under/lecturer/fieldBg_deep_right.gif") no-repeat 100% 50%;
}

div#lecturer div.odd h3 span {
  background-image: url("/images/under/lecturer/fieldBg_right.gif");
}

* html div#lecturer h3 span {
  display: inline;
}

*+html div#lecturer h3 span {
  display: inline;
}

div#lecturer h4 {
  padding: 0 19px 0 20px;
  color: #7c5eff;
  background: url("/images/marker/headingBasic_purple_deep.gif") no-repeat 0 50%;
  font-size: 154%;/* 17px相当 */
  line-height: 1.2;
}

div#lecturer div.odd h4 {
  color: #977fff;
  background-image: url("/images/marker/headingBasic_purple.gif");
}

/* 写真 */
div#lecturer h4 span {
  position: absolute;
  top: 24px;
  left: 22px;
  width: 150px;
  height: 150px;
  background-color :#a0a0a0;
}

div#lecturer div.odd h4 span {
  background-color :#a6a6a6;
}

div#lecturer h4 span img {
  position: absolute;
  top: -4px;
  left: -3px;
}

div#lecturer div.odd h4 span {
  left: auto;
  right: 19px;
}

div#lecturer div.item div {
  margin-top: 6px;
  padding-top: 9px;
  background: url("/images/common/dotLine.gif") repeat-x 0 0;
}

div#lecturer div.item div dl,
div#lecturer div.item div ul {
  margin-top: 8px;
  padding: 10px;
  border: 1px solid #ddd;
  background: #fff url("/images/common/gradationBg.gif") repeat-x 0 100%;
}

div#lecturer div.item div dl dt,
div#lecturer div.item div ul li {
  padding-left: 9px;
  background: url("/images/marker/arrowSmall_purple.gif") no-repeat 0 0.5em;
}

div#lecturer div.item div dl dt {
  font-weight: bold;
}

div#lecturer div.item div dl dd {
  padding-left: 9px;
}

/** --------------------------------------------------------------------------------
 * 就職・開業
 */
div#jobList {
  margin: -33px -13px -16px 0;
  padding: 0 0 24px 0;
  position: relative;
  min-height: 270px;
  background: url("/images/under/business/jobListBg.jpg") no-repeat 0 100%;
  zoom: 1;
}

* html div#jobList {
  height: 270px;
}

div#jobList ul {
  margin-top: -40px;
  padding: 0 143px 40px 25px;
  position: relative;
  color: #fff;
  line-height: 1.18em;/* 13px相当 */
}

div#jobList ul li.etc {
  padding: 5px 40px 0 0;
  text-align: right;
}

ul#willoneLink {
  margin-right: -24px;
  margin-bottom: 5px;
  position: relative;
  zoom: 1;
}

/** --------------------------------------------------------------------------------
 * 注意書き
 */
p.caution {
  margin-top: 1em;
  margin-left: 1em;
  color: #777;
  text-indent: -1em;
}

p.caution * {
  text-indent: 0;
}

/** --------------------------------------------------------------------------------
 * 見学説明会
 */
div#consult {
  margin: 20px 0;
}

div#consult p.image,
div#consult div.main {
  display: inline-block;
  vertical-align: middle;
}

* html div#consult p.image,
* html div#consult div.main {
  display: inline;
}

*+html div#consult p.image,
*+html div#consult div.main {
  display: inline;
}

div#consult p.image {
  margin-right: 29px;
  width: 131px;
}

div#consult p.image img {
  width: 131px;
  height: 131px;
}

div#consult div.main {
  width: 440px;
}

div#consult div.main div.phone {
  margin: 1em 0;
  zoom: 1;
}

div#consult div.main div.phone:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

div#consult div.main h4,
div#consult div.main p.number {
  float: left;
}

div#consult div.main h4 img {
  width: 185px;
  height: 78px;
}

div#consult div.main p.number {
  width: 255px;
  height: 78px;
}

/** --------------------------------------------------------------------------------
 * お問い合わせ
 */
div#inquiryMessage {
  margin: 0 -19px;
  padding: 20px 79px;
  border-top: 1px solid #ccc;
  position: relative;
  background: url("/images/under/inquiry/inquiryMessageBg.gif") no-repeat 79px 50%;
}

div#inquiryMessage p,
div#inquiryMessage div {
  display: inline-block;
  vertical-align: middle;
}

* html div#inquiryMessage p,
* html div#inquiryMessage div {
  display: inline;
}

*+html div#inquiryMessage p,
*+html div#inquiryMessage div {
  display: inline;
}

div#inquiryMessage p {
  margin-right: 11px;
  padding: 0 70px 0 20px;
  width: 209px;
}

div#inquiryMessage div {
  width: 169px;
}

div#inquiryMessage ul {
  padding: 14px 0;
}

div#inquiryMessage ul li {
  padding: 5px 0;
}

div#contents table.inquiry {
  border-bottom: 1px solid #ccc;
}

/** --------------------------------------------------------------------------------
 * 会社理念
 */
p#companyPhilosophyImage {
  margin: -24px -19px 0;
  position: relative;
}

/** --------------------------------------------------------------------------------
 * グラデーションボックス
 */
div.gradationBox {
  margin: 20px auto 0;
  border: 1px solid #ccc;
  position: relative;
  width: 386px;
}

div.gradationBox div.wrap {
  margin: 0 -1px -1px;
  position: relative;
  background: url("/images/frame/gradation_bottom.jpg") no-repeat 0 100%;
  zoom: 1;
}

div.gradationBox div.inner {
  margin: -1px 0 0;
  padding: 16px 20px 20px;
  position: relative;
  background: url("/images/frame/gradation_top.gif") no-repeat 0 0;
  zoom: 1;
}

div.gradationBox div.inner:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

div#contents div.gradationBoxh3,
div#contents div.gradationBoxh4,
div#contents div.gradationBoxh5 {
  margin: 0 -19px 8px;
  padding: 0 19px 9px;
  position: relative;
  background: url("/images/common/dotLine.gif") repeat-x 0 100%;
  font-size: 154%;/* 17px相当 */
  zoom: 1;
}

div.coral div#contents div.gradationBoxh3,
div.coral div#contents div.gradationBoxh4,
div.coral div#contents div.gradationBoxh5 {
  color: #ff7f7f;
}

div.teal div#contents div.gradationBoxh3,
div.teal div#contents div.gradationBoxh4,
div.teal div#contents div.gradationBoxh5 {
  color: #0c6a7e;
}

div.pink div#contents div.gradationBoxh3,
div.pink div#contents div.gradationBoxh4,
div.pink div#contents div.gradationBoxh5 {
  color: #ff7fbb;
}

div.orange div#contents div.gradationBoxh3,
div.orange div#contents div.gradationBoxh4,
div.orange div#contents div.gradationBoxh5 {
  color: #ff9c00;
}

div.navy div#contents div.gradationBoxh3,
div.navy div#contents div.gradationBoxh4,
div.navy div#contents div.gradationBoxh5 {
  color: #1f4c7f;
}

div.lime div#contents div.gradationBoxh3,
div.lime div#contents div.gradationBoxh4,
div.lime div#contents div.gradationBoxh5 {
  color: #6beb9b;
}

div.green div#contents div.gradationBoxh3,
div.green div#contents div.gradationBoxh4,
div.green div#contents div.gradationBoxh5 {
  color: #0c7e17;
}

div.blue div#contents div.gradationBoxh3,
div.blue div#contents div.gradationBoxh4,
div.blue div#contents div.gradationBoxh5 {
  color: #7fbfff;
}

div.aqua div#contents div.gradationBoxh3,
div.aqua div#contents div.gradationBoxh4,
div.aqua div#contents div.gradationBoxh5 {
  color: #3bbdb6;
}

div.purple div#contents div.gradationBoxh3,
div.purple div#contents div.gradationBoxh4,
div.purple div#contents div.gradationBoxh5 {
  color: #977fff;
}

div.indigo div#contents div.gradationBoxh3,
div.indigo div#contents div.gradationBoxh4,
div.indigo div#contents div.gradationBoxh5 {
  color: #51295f;
}

div.gradationBox ul li {
  padding-left: 9px;
  background: no-repeat 0 0.5em;
}

div.coral div.gradationBox ul li {
  background-image: url("/images/marker/arrowSmall_coral.gif");
}

div.teal div.gradationBox ul li {
  background-image: url("/images/marker/arrowSmall_teal.gif");
}

div.pink div.gradationBox ul li {
  background-image: url("/images/marker/arrowSmall_pink.gif");
}

div.orange div.gradationBox ul li {
  background-image: url("/images/marker/arrowSmall_orange.gif");
}

div.navy div.gradationBox ul li {
  background-image: url("/images/marker/arrowSmall_navy.gif");
}

div.lime div.gradationBox ul li {
  background-image: url("/images/marker/arrowSmall_lime.gif");
}

div.green div.gradationBox ul li {
  background-image: url("/images/marker/arrowSmall_green.gif");
}

div.blue div.gradationBox ul li {
  background-image: url("/images/marker/arrowSmall_blue.gif");
}

div.aqua div.gradationBox ul li {
  background-image: url("/images/marker/arrowSmall_aqua.gif");
}

div.purple div.gradationBox ul li {
  background-image: url("/images/marker/arrowSmall_purple.gif");
}

div.indigo div.gradationBox ul li {
  background-image: url("/images/marker/arrowSmall_indigo.gif");
}

/** --------------------------------------------------------------------------------
 * フルサイズ・グラデーションボックス
 */
div.fullGradationBox {
  margin: 20px auto 0;
  border: 1px solid #ccc;
  position: relative;
  zoom: 1;
}

div.fullGradationBox div.wrap {
  margin: 0 -1px -1px;
  position: relative;
  background: url("/images/frame/full_gradation_bottom.gif") no-repeat 0 100%;
  zoom: 1;
}

div.fullGradationBox div.inner {
  margin: -1px 0 0;
  padding: 16px 20px 20px;
  position: relative;
  background: url("/images/frame/full_gradation_top.gif") no-repeat 0 0;
  zoom: 1;
}

div.fullGradationBox div.inner:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

div#contents div.fullGradationBox h3,
div#contents div.fullGradationBox h4,
div#contents div.fullGradationBox h5 {
  margin: 0 -19px 8px;
  padding: 0 19px 9px;
  position: relative;
  background: url("/images/common/dotLine.gif") repeat-x 0 100%;
  font-size: 154%;/* 17px相当 */
  zoom: 1;
}

div.coral div#contents div.fullGradationBox h3,
div.coral div#contents div.fullGradationBox h4,
div.coral div#contents div.fullGradationBox h5 {
  color: #ff7f7f;
}

div.teal div#contents div.fullGradationBox h3,
div.teal div#contents div.fullGradationBox h4,
div.teal div#contents div.fullGradationBox h5 {
  color: #0c6a7e;
}

div.pink div#contents div.fullGradationBox h3,
div.pink div#contents div.fullGradationBox h4,
div.pink div#contents div.fullGradationBox h5 {
  color: #ff7fbb;
}

div.orange div#contents div.fullGradationBox h3,
div.orange div#contents div.fullGradationBox h4,
div.orange div#contents div.fullGradationBox h5 {
  color: #ff9c00;
}

div.navy div#contents div.fullGradationBox h3,
div.navy div#contents div.fullGradationBox h4,
div.navy div#contents div.fullGradationBox h5 {
  color: #1f4c7f;
}

div.lime div#contents div.fullGradationBox h3,
div.lime div#contents div.fullGradationBox h4,
div.lime div#contents div.fullGradationBox h5 {
  color: #6beb9b;
}

div.green div#contents div.fullGradationBox h3,
div.green div#contents div.fullGradationBox h4,
div.green div#contents div.fullGradationBox h5 {
  color: #0c7e17;
}

div.blue div#contents div.fullGradationBox h3,
div.blue div#contents div.fullGradationBox h4,
div.blue div#contents div.fullGradationBox h5 {
  color: #7fbfff;
}

div.aqua div#contents div.fullGradationBox h3,
div.aqua div#contents div.fullGradationBox h4,
div.aqua div#contents div.fullGradationBox h5 {
  color: #3bbdb6;
}

div.purple div#contents div.fullGradationBox h3,
div.purple div#contents div.fullGradationBox h4,
div.purple div#contents div.fullGradationBox h5 {
  color: #977fff;
}

div.indigo div#contents div.fullGradationBox h3,
div.indigo div#contents div.fullGradationBox h4,
div.indigo div#contents div.fullGradationBox h5 {
  color: #51295f;
}

div#contents div.fullGradationBox h3 span,
div#contents div.fullGradationBox h4 span,
div#contents div.fullGradationBox h5 span {
  margin-right: 5px;
  display: inline-block;
  color: #ccc;
  font-size: 124%;/* 21px相当 */
  font-family: "Times New Roman",sans-serif;
}

div.fullGradationBox ul li {
  padding-left: 9px;
  background: no-repeat 0 0.5em;
}

div.coral div.fullGradationBox ul li {
  background-image: url("/images/marker/arrowSmall_coral.gif");
}

div.teal div.fullGradationBox ul li {
  background-image: url("/images/marker/arrowSmall_teal.gif");
}

div.pink div.fullGradationBox ul li {
  background-image: url("/images/marker/arrowSmall_pink.gif");
}

div.orange div.fullGradationBox ul li {
  background-image: url("/images/marker/arrowSmall_orange.gif");
}

div.navy div.fullGradationBox ul li {
  background-image: url("/images/marker/arrowSmall_navy.gif");
}

div.lime div.fullGradationBox ul li {
  background-image: url("/images/marker/arrowSmall_lime.gif");
}

div.green div.fullGradationBox ul li {
  background-image: url("/images/marker/arrowSmall_green.gif");
}

div.blue div.fullGradationBox ul li {
  background-image: url("/images/marker/arrowSmall_blue.gif");
}

div.aqua div.fullGradationBox ul li {
  background-image: url("/images/marker/arrowSmall_aqua.gif");
}

div.purple div.fullGradationBox ul li {
  background-image: url("/images/marker/arrowSmall_purple.gif");
}

div.indigo div.fullGradationBox ul li {
  background-image: url("/images/marker/arrowSmall_indigo.gif");
}

/** --------------------------------------------------------------------------------
 * FAQ
 */
div#shortQuestion {
  margin: 20px 0;
  position: relative;
  zoom: 1;
  line-height: 1.72;/* 19px相当 */
}

div#shortQuestion h4 span,
div#shortQuestion p {
  min-height: 19px;
}

* html div#shortQuestion h4 span,
* html div#shortQuestion p {
  height: 19px;
}

div#shortQuestion h4 {
  margin: 0 15px 20px 0;
  padding-left: 17px;
  float: left;
  color: #fff;
  background: url("/images/under/faq/shortQuestion_left.gif") no-repeat 0 50%;
  font-weight: bold;
}

div#shortQuestion h4 span {
  padding: 0 20px 0 4px;
  display: inline-block;
  clear: both;
  width: 18em;
  background: url("/images/under/faq/shortQuestion_right.gif") no-repeat 100% 50%;
}

* html div#shortQuestion h4 span {
  display: inline;
}

*+html div#shortQuestion h4 span {
  display: inline;
}

div#shortQuestion p {
  margin-bottom: 20px;
  overflow: hidden;
  zoom: 1;
}

* html div#shortQuestion p {
  overflow: visible;
}

div#longQuestion {
  margin: 5px 0 -21px;
  position: relative;
  zoom: 1;
  overflow: hidden;
}

div#longQuestion h4 {
  margin-top: -1px;
  margin-bottom: 3px;
  padding-top: 5px;
  background: url("/images/common/dotLine.gif") repeat-x 0 0;
  color: #ff9c00;
}

div#longQuestion h4 span {
  font-size: 200%;/* 22px相当 */
  font-family: "Times New Roman",sans-serif;
}

div#longQuestion p {
  margin: 0 0 21px 2.34em;
  border: 1px solid #ddd;
  background-color: #f6f6f6;
  padding: 10px 15px;
  zoom: 1;
}

/** --------------------------------------------------------------------------------
 * 学校選びのポイント
 */
div#contents div.pointHeadline {
  margin: -20px -19px 0;
  position: relative;
  height: 210px;
}

div#contents div.pointHeadline p {
  margin-top: -76px;
  padding-left: 20px;
  color: #777;
}

/* Point */
h3.basic img.pointNumber {
  position: absolute;
  top: 6em;
  margin-left: -16px;
  left: 0;
}

div#point p.text {
  margin: 20px 0 20px 105px;
  min-height: 80px;
}

* html div#point p.text {
  height: 80px;
}

div#curriculumPoint div.caption {
  margin-top: -55px;
  position: absolute;
  right: 215px;
  z-index: 999;
}

div#curriculumPoint div.caption p {
  position: absolute;
  top: 106px;
  left: 70px;
  width: 128px;
}

div#curriculumPoint div.hold div.half table.curriculum_2 {
  margin-top: 163px;
}

/** --------------------------------------------------------------------------------
 * スクール選びセミナー
 */
div#industryGuidanceGraph {
  margin: 20px 0;
  position: relative;
  zoom: 1;
}

div#industryGuidanceGraph div.main {
  position: absolute;
  bottom: 8px;
  right: 0;
  width: 218px;
}

div#industryGuidanceGraph div.main p.comment {
  line-height: 1.8;
  text-align: justify; /* for modern browser */
  text-justify: inter-ideograph; /* IE6～8 */
}

div#industryGuidanceGraph div.main p.caution {
  margin: 5px 0 0 0;
  padding: 6px 0 0 0;
  background: url("/images/common/dotLine.gif") repeat-x 0 0;
  text-indent: 0;
}

div#industryGuidanceGraph div.main {
  border: 1px solid #ccc;
}

div#industryGuidanceGraph div.main div.wrap {
  margin: 0 -1px -1px;
  position: relative;
  background: url("/images/frame/balloon_bottom.gif") no-repeat 100% 100%;
  zoom: 1;
}

div#industryGuidanceGraph div.main div.inner {
  margin: -1px 0 0 -38px;
  padding: 12px 11px 12px 49px;
  position: relative;
  background: url("/images/frame/balloon_top.gif") no-repeat 0 0;
  min-height: 150px;
  zoom: 1;
}

* html div#industryGuidanceGraph div.main div.inner {
  height: 150px;
}

div#industryGuidanceGraph div.main:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

div.necessitySkill {
  margin: -99px 0 0;
  padding: 69px 0 0 20px;
  border: 1px solid #ccc;
  position: relative;
  z-index: -1;
  zoom: 1;
}

div.necessitySkill div.hold div.half {
  width: 269px;
}

p.skillConclusion {
  margin-bottom: 20px;
  padding-top: 36px;
  background: url("/images/under/industryGuidance/arrow.gif") no-repeat 50% 0;
}

/* 質問 */
div#industryQuestion {
  margin: 0 -19px;
  padding: 0 19px 20px;
  position: relative;
  background-color: #eee;
  zoom: 1;
}

div#industryQuestion div {
  min-height: 142px;
  background: url("/images/under/industryGuidance/silhouette_1.gif") no-repeat 10px 100%;
}

* html div#industryQuestion div {
  height: 142px;
}

div#industryQuestion div.odd {
  background: url("/images/under/industryGuidance/silhouette_2.gif") no-repeat 550px 100%;
}

div#industryQuestion h4 {
  margin-left: 80px;
  padding-top: 20px;
  color: #0c7e17;
  font-size: 136%;/* 15px相当 */
}

div#industryQuestion div.odd h4 {
  margin-left: 0;
  margin-right: 80px;
}

div#industryQuestion h4 span {
  font-size: 147%;/* 22px相当 */
  font-family: "Times New Roman",sans-serif;
}

div#industryQuestion p {
  margin-left: 80px;
  padding: 10px 15px;
  border: 1px solid #ddd;
  background-color: #fff;
  zoom: 1;
}

div#industryQuestion div.odd p {
  margin-left: 0;
  margin-right: 80px;
}

/* 各ページへの誘導 */
div#induce h4.mark {
  margin-bottom: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid #ccc;
  color: #0c7e17;
  font-size: 136%;/* 15px相当 */
  line-height: 1.4;
}

div#induce h4.mark span {
  margin-left: -10px;
  padding-left: 31px;
  display: block;
  position: relative;
  background: url("/images/under/industryGuidance/crown.gif") no-repeat 0 50%;
  zoom: 1;
}

/* ページ遷移リンク */
div#induce p.link {
  margin-top: 10px;
  text-align: right;
}

div#induce p.link span {
  border: 2px solid #eee;
  display: inline-block;
}

* html div#induce p.link span {
  display: inline;
}

*+html div#induce p.link span {
  display: inline;
}

div#induce p.link a {
  padding: 1px 10px 1px 21px;
  border: 1px solid #ccc;
  display: inline-block;
  background: #0c7e17 url("/images/marker/arrow_white.gif") no-repeat 10px 50%;
}

div#induce p.link a:link {
  color: #fff;
}

div#induce p.link a:visited {
  color: #fff;
}

div#induce p.link a:hover {
  color: #fff;
}

/** --------------------------------------------------------------------------------
 * フォームエラーメッセージ
 */
div.errorMessage {
  margin: 0 80px 20px;
  padding: 1px;
  border: 2px solid;
  background-color: #fff;
}

div#container div#contents div.errorMessage ul {
  margin: 0;
  padding: 10px 30px;
}

div.coral div.errorMessage {
  color: #ff7f7f;
  border-color: #ffe0e0;
}
div.coral div.errorMessage ul {
  background-color: #ffe0e0;
}

div.teal div.errorMessage {
  color: #0c6a7e;
  border-color: #d1eff5;
}
div.teal div.errorMessage ul {
  background-color: #d1eff5;
}

div.pink div.errorMessage {
  color: #ff7fbb;
  border-color: #ffe6f2;
}
div.pink div.errorMessage ul {
  background-color: #ffe6f2;
}

div.orange div.errorMessage {
  color: #ff9c00;
  border-color: #fff1dc;
}
div.orange div.errorMessage ul {
  background-color: #fff1dc;
}

div.navy div.errorMessage {
  color: #1f4c7f;
  border-color: #dbe9f8;
}
div.navy div.errorMessage ul {
  background-color: #dbe9f8;
}

div.lime div.errorMessage {
  color: #6beb9b;
  border-color: #dcf8e6;
}
div.lime div.errorMessage ul {
  background-color: #dcf8e6;
}

div.green div.errorMessage {
  color: #0c7e17;
  border-color: #dbfddf;
}
div.green div.errorMessage ul {
  background-color: #dbfddf;
}

div.blue div.errorMessage {
  color: #7fbfff;
  border-color: #e3f1ff;
}
div.blue div.errorMessage ul {
  background-color: #e3f1ff;
}

div.aqua div.errorMessage {
  color: #3bbdb6;
  border-color: #cff5f3;
}
div.aqua div.errorMessage ul {
  background-color: #cff5f3;
}

div.purple div.errorMessage {
  color: #977fff;
  border-color: #ebe7ff;
}
div.purple div.errorMessage ul {
  background-color: #ebe7ff;
}

div.indigo div.errorMessage {
  color: #51295f;
  border-color: #eddaf4;
}
div.indigo div.errorMessage ul {
  background-color: #eddaf4;
}

div.errorMessage ul li {
  padding-left: 9px;
  background: no-repeat 0 0.5em;
}

div.coral div.errorMessage ul li {
  background-image: url("/images/marker/arrowSmall_coral.gif");
}

div.teal div.errorMessage ul li {
  background-image: url("/images/marker/arrowSmall_teal.gif");
}

div.pink div.errorMessage ul li {
  background-image: url("/images/marker/arrowSmall_pink.gif");
}

div.orange div.errorMessage ul li {
  background-image: url("/images/marker/arrowSmall_orange.gif");
}

div.navy div.errorMessage ul li {
  background-image: url("/images/marker/arrowSmall_navy.gif");
}

div.lime div.errorMessage ul li {
  background-image: url("/images/marker/arrowSmall_lime.gif");
}

div.green div.errorMessage ul li {
  background-image: url("/images/marker/arrowSmall_green.gif");
}

div.blue div.errorMessage ul li {
  background-image: url("/images/marker/arrowSmall_blue.gif");
}

div.aqua div.errorMessage ul li {
  background-image: url("/images/marker/arrowSmall_aqua.gif");
}

div.purple div.errorMessage ul li {
  background-image: url("/images/marker/arrowSmall_purple.gif");
}

div.indigo div.errorMessage ul li {
  background-image: url("/images/marker/arrowSmall_indigo.gif");
}

/** --------------------------------------------------------------------------------
 * 卒業後のサポート
 */
div#jobSupport,
div#businessSupport {
  margin: 0 -19px;
  position: relative;
  zoom: 1;
}

div#jobSupport {
  margin-top: -9px;
}

div#businessSupport {
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
}

div#jobSupport p,
div#businessSupport p {
  position: absolute;
  width: 350px;
}

div#jobSupport p {
  top: 93px;
  left: 252px;
}

div#businessSupport p {
  top: 85px;
  left: 56px;
}

/* 卒業後のお仕事一覧 */
div#employmentList {
  position: relative;
  min-height: 350px;
  background: url("/images/under/support/listBg.gif") repeat-y 100% 0;
}

* html div#employmentList {
  height: 350px;
}

div#employmentList div.main {
  margin: 0 0 0 auto;
  padding: 16px 17px 13px;
  width: 154px;
}

div#employmentList h3 {
  margin-bottom: 13px;
  padding: 20px 0;
  color: #fff;
  background-color: #848484;
  font-size: 154%;/* 17px相当 */
  line-height: 1.2;
  text-align: center;
  position: relative;
  zoom: 1;
}

div#employmentList h3 span {
  margin-left: -22px;
  padding-left: 22px;
  display: block;
  position: relative;
  background: url("/images/under/support/balloon.gif") no-repeat 0 50%;
  zoom: 1;
}

div#employmentList ul {
  line-height: 1.7;
  zoom: 1;
}

div#employmentList ul:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}


div#employmentList ul li {
  float: left;
  width: 77px
}

div#employmentList ul li.longText {
  width: 154px
}

div#employmentList .reflexolog {
  position: absolute;
  top: 0;
  left: 207px;
  width: 186px;
}

div#employmentList .manualTherapeutics {
  position: absolute;
  top: 0;
  left: 0;
  width: 186px;
}

/** --------------------------------------------------------------------------------
 * 建学理念
 */
div#idea div.firstComment {
  margin: 0 -19px;
  padding: 20px 19px;
  border-top: 1px solid #ccc;
  position: relative;
  zoom: 1;
}

div#idea div.firstComment p {
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  width: 303px;
}

* html div#idea div.firstComment p {
  display: inline;
}

*+html div#idea div.firstComment p {
  display: inline;
}

div#idea div.firstComment p.mainImage {
  margin-right: 20px;
  width: 277px;
}

div#idea div.secondComment p.basic {
  min-height: 166px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 50px;
  width: 332px;
}

* html div#idea div.secondComment p.basic {
  height: 166px;
}

div#idea div.secondComment p.photograph {
  position: absolute;
  margin-top: -24px;
  left: 365px;
  text-align: right;
}

div#idea div.secondComment h3.check {
  position: absolute;
  z-index: 10;
}

div#idea div.secondComment h3.check {
  margin: -39px 0 0 -39px;
  position: absolute;
}

div#idea div.secondComment div.fullGradationBox {
  margin-top: 0;
}

div#idea div.secondComment div.fullGradationBox p {
  padding: 5px 5px 5px 70px;
  min-height: 100px;
}

* html div#idea div.secondComment div.fullGradationBox p {
  height: 100px;
}

/** --------------------------------------------------------------------------------
 * 業界マップ
 */
div.beginnerMap {
  margin: 0 -19px 0;
  padding: 20px 19px;
  position: relative;
  background-color: #eee;
  zoom: 1;
}

div.beginnerMap div.hold {
  margin: 0 0 10px;
  padding: 10px;
  border: 1px solid #ccc;
  background: #fff url("/images/common/gradationBg_light.gif") repeat-x 0 100%;
}

div.beginnerMap div.hold div.half {
  margin: 0;
  padding: 0 0 0 40px;
  width: 229px;
}

div.beginnerMap div.hold div.check1 {
  padding-right: 40px;
}

div.beginnerMap div.hold div.half h4 img {
  margin-left: -80px;
  position: absolute;
  top: -17px;
}

div.beginnerMap div.hold div.half h4 {
  margin-bottom: 5px;
  color: #0c7e17;
  font-size: small;
  font-weight: bold;
}

div.beginnerMap p.map {
  text-align: center;
}

div.beginnerMap p.caution {
  margin-top: 3px;
  text-align: right;
}

/** --------------------------------------------------------------------------------
 * 各種セミナーのご紹介
 */
div#pickupSeminar {
  margin: -1px -19px 0;
}

div#pickupSeminar div.item {
  padding: 20px 19px 20px 245px;
  position: relative;
  border-top: 1px solid #ccc;
  min-height: 217px;
}

* html div#pickupSeminar div.item {
  height: 217px;
}

div#pickupSeminar div.odd {
  background-color: #f6f6f6;
}

div#pickupSeminar div.head {
  margin-bottom: 20px;
}

div#pickupSeminar h4 {
  color: #ff7f7f;
}

div#pickupSeminar h4 span {
  font-size: 181%;/* 20px相当 */
}

div#pickupSeminar h4,
div#pickupSeminar p.lecturer {
  display: inline-block;
  vertical-align: middle;
  width: 172px
}

* html div#pickupSeminar h4,
* html div#pickupSeminar p.lecturer {
  display: inline;
}

*+html div#pickupSeminar h4,
*+html div#pickupSeminar p.lecturer {
  display: inline;
}

div#pickupSeminar h4 {
  padding: 15px 13px 15px 0;
  border-right: 2px solid #ff7f7f;
  text-align: right;
}

div#pickupSeminar p.lecturer {
  margin-left: -2px;
  padding: 15px 0 15px 13px;
  border-left: 2px solid #ff7f7f;
  position: relative;
  color: #777;
  font-size: 91%;/* 10px相当 */
}

div#pickupSeminar p.link {
  margin-top: 5px;
  text-align: right;
}

div#pickupSeminar p.link a {
  padding: 1px 10px 1px 21px;
  display: inline-block;
  background: #ff7f7f url("/images/marker/arrow_white.gif") no-repeat 10px 50%;
}

div#pickupSeminar p.link a:link {
  color: #fff;
}

div#pickupSeminar p.link a:visited {
  color: #fff;
}

div#pickupSeminar p.link a:hover {
  color: #fff;
}

/* 写真 */
div#pickupSeminar p.image {
  position: absolute;
  top: 24px;
  left: 39px;
  width: 184px;
  height: 217px;
  background-color :#a6a6a6;
}

div#pickupSeminar div.odd p.image {
  background-color :#a0a0a0;
}

div#pickupSeminar p.image img {
  position: absolute;
  top: -4px;
  left: -3px;
  width: 184px;
  height: 217px;
}

/* 定期開催セミナー */
div#regularSeminar {
  margin-bottom: -20px;
}

div#regularSeminar h4 {
  padding: 2px 10px;
  display: block;
  color: #ffffff;
  background: #ff7f7f url("/images/under/course/seminar/regularSeminarName_bg.gif") no-repeat 0 100%;
  font-weight: bold;
  text-decoration: none;
}

div#regularSeminar div.body {
  padding-top: 10px;
  position: relative;
  min-height: 72px;
}

* html div#regularSeminar div.body {
  height: 72px;
}

div#regularSeminar p.image {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 98px;
  height: 97px;
}

div#regularSeminar p.image img {
  padding: 5px 0 0 4px;
}

div#regularSeminar div.body p.image span.photoFrame {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 98px;
  height: 97px;
  background: url("/images/under/course/seminar/photoFrame.png") no-repeat 0 0;
}

* html div#regularSeminar div.body p.image span.photoFrame {
  background: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/under/course/seminar/photoFrame.png',sizingMethod=crop);
}

div#regularSeminar p.comment {
  margin: 0 100px 0 10px;
}

/** --------------------------------------------------------------------------------
 * ウィルワン・セミナーへのバナー
 */
p#willoneSeminarBanenr {
  margin-bottom: 20px;
}

p#willoneSeminarBanenr a {
  display: inline-block;
}

/** --------------------------------------------------------------------------------
 * 実技体験セミナー
 */
div#beginnersSeminar {
  margin: 0 -19px 10px;
  padding: 0 19px 19px;
  border-bottom: 1px solid #ccc;
  background-color: #eee;
  zoom: 1;
}

* html div#beginnersSeminar {
  width: 600px;
  overflow: hidden;
}

div#beginnersSeminar div#theme {
  margin: -133px -3px 20px -2px;
  padding-left: 119px;
  height: 133px;
  position: relative;
  zoom: 1;
}

div#beginnersSeminar h3 {
  margin-top: 25px;
  padding-left: 20px;
  position: absolute;
  left: 90px;
  z-index: 10;
  color: #3bbdb6;
  background: url("/images/marker/headingBasic_aqua.gif") no-repeat 0 50%;
  font-size: 154%;/* 17px相当 */
}

div#beginnersSeminar h4 {
  margin: -10px 0 -40px -42px;
  position: relative;
  zoom: 1;
}

div#beginnersSeminar div#theme div.list,
div#beginnersSeminar div#theme p {
  display: inline-block;
  vertical-align: middle;
  width: 211px;
}

* html div#beginnersSeminar div#theme div.list,
* html div#beginnersSeminar div#theme p {
  display: inline;
}

*+html div#beginnersSeminar div#theme div.list,
*+html div#beginnersSeminar div#theme p {
  display: inline;
}

div#beginnersSeminar div#theme div.list {
  margin-right: 40px;
  padding-top: 55px;
  color: #3bbdb6;
  height: 78px;
}

div#beginnersSeminar div#theme div.list ul li {
  padding-left: 9px;
  background: url("/images/marker/arrowSmall_aqua.gif") no-repeat 0 0.5em;
}

div#beginnersSeminar div.point {
  padding-left: 80px;
  position: relative;
  zoom: 1;
}

div#beginnersSeminar div.point h5 {
  position: absolute;
  left: -31px;
}

div#beginnersSeminar div.point {
  padding-left: 80px;
  position: relative;
}

div#beginnersSeminar div.point div.comment,
div#beginnersSeminar div.point div.image {
  display: inline-block;
  vertical-align: middle;
}

* html div#beginnersSeminar div.point div.comment,
* html div#beginnersSeminar div.point div.image {
  display: inline;
}

*+html div#beginnersSeminar div.point div.comment,
*+html div#beginnersSeminar div.point div.image {
  display: inline;
}

div#beginnersSeminar div.point div.comment {
  margin-right: 20px;
  width: 316px;
}

div#beginnersSeminar div.point div.image {
  position: relative;
  width: 184px;
  height: 217px;
}

/* 写真 */
div#beginnersSeminar div.image p {
  position: absolute;
  top: 4px;
  right: 3px;
  width: 184px;
  height: 217px;
  background-color :#a6a6a6;
}

div#beginnersSeminar div.image p img {
  position: absolute;
  top: -4px;
  left: -3px;
  width: 184px;
  height: 217px;
}

/* リンク */
div#beginnersSeminar p.link {
  margin-top: 5px;
  text-align: right;
  color: #3bbdb6;
}

div#beginnersSeminar p.link span {
  margin: 0 0 0 5px;
  padding: 1px 10px 1px 21px;
  display: inline-block;
  color: #fff;
  background: #3bbdb6 url("/images/marker/arrow_white.gif") no-repeat 10px 50%;
}

* html div#beginnersSeminar p.link span {
  display: inline;
}

*+html div#beginnersSeminar p.link span {
  display: inline;
}

/* 初心者にもよくわかる！ */
div#seminarIntroduction {
  position: relative;
  height: 353px;
  zoom: 1;
}

div#seminarIntroduction h3 {
  position: absolute;
  left: -33px;
}

div#seminarIntroduction div.body {
  position: relative;
  padding: 28px 0 0 200px;
  z-index: 10;
  zoom: 1;
}

div#seminarIntroduction div.body:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
}

div#seminarIntroduction div.item {
  padding-left: 38px;
  position: relative;
  float: left;
  width: 151px;
}

div#seminarIntroduction h4 {
  margin-top: 162px;
  padding: 1px 0;
  border-bottom: 1px solid #ccc;
  text-align: center;
}

div#seminarIntroduction h4 a {
  padding: 3px 0;
  display: inline-block;
  width: 100%;
}

div#seminarIntroduction h4 a:link {
  color: #3bbdb6;
}

div#seminarIntroduction h4 a:visited {
  color: #3bbdb6;
}

div#seminarIntroduction h4 a:hover {
  color: #3bbdb6;
  background-color: #cce0df;
}

div#seminarIntroduction p.image {
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
  position: absolute;
  top: 0;
  right: 0;
  width: 151px;
  height: 151px;
}

div#seminarIntroduction p.image span.photoFrame {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 151px;
  height: 151px;
  background: url("/images/under/seminar/photoFrame.png") no-repeat 0 0;
}

* html div#seminarIntroduction p.image span.photoFrame {
  background: none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/under/seminar/photoFrame.png',sizingMethod=crop);
}

div#seminarIntroduction p.image img {
  padding: 1px;
  width: 149px;
  height: 149px;
}

div#seminarIntroduction p.comment {
  margin-top: 10px;
}
