@charset "utf-8";

/** ---------------------------------------------------------------------

-----------
 * contents
 */
div#contents {
  margin-right: 20px;
  margin-top: 14px;
  position: relative;
  float: left;
  width: 640px;
}

div#contents h1 {
  position: absolute;
  left: 172px;
}

div#contents h1 a {
  display: inline-block;
}

/* 資料請求：hover効果 */
div#contents h2#requestPamphlet {
  position: absolute;
  top: 331px;
  right: 17px;
  z-index: 3;
}

div#contents h2#requestPamphlet,
div#contents h2#requestPamphlet img  {
  width: 288px;
  height: 76px;
}

div#contents h2#requestPamphlet a {
  display: inline-block;
  background: url("../images/index/requestPamphlet_hover.jpg") no-repeat 0 

0;
}

div#contents h2#requestPamphlet a:hover {
  position: static;
}

div#contents h2#requestPamphlet a:hover img {
  position: relative;
  z-index: -1;
}

/* 就職に強く通いやすい…：hover効果 */
div#contents p#schoolImageLink {
  position: relative;
  z-index: 3;
}

div#contents p#schoolImageLink,
div#contents p#schoolImageLink img  {
  width: 640px;
  height: 34px;
}

div#contents p#schoolImageLink a {
  display: block;
  background: url("../images/index/schoolImageLink_hover.jpg") no-repeat 0 

0;
}

div#contents p#schoolImageLink a:hover {
  position: static;
}

div#contents p#schoolImageLink a:hover img {
  position: relative;
  z-index: -1;
}

/** ----------------------------------------
 * 整体学校選びで知りたいことを選んで下さい
 */
div#select {
  margin-top: 20px;
  zoom: 1;
}

div#select:after {
  display: block;
  clear: both;
  height: 0;
  line-height: 0;
  visibility: hidden;
  content: ".";
  font-size: 0;
}

div#select h2 {
  margin-left: 2px;
  text-align: center;
}

div#select div.concept {
  position: relative;
  float: left;
  width: 310px;
}

div#select div.point {
  position: relative;
  float: right;
  width: 310px;
}

div#select div.concept ul,
div#select div.point ul {
  position: absolute;
  top: 120px;
  width: 150px;
}

div#select div.concept ul {
  left: 150px;
}

div#select div.point ul {
  left: 20px;
  width: 170px;
}

div#select div.concept ul li,
div#select div.point ul li {
  padding: 14px 0 0 30px;
}

div#select div.concept ul li {
  background: url("../images/index/conceptBalloon_1.gif") no-repeat 0 0;
}

div#select div.point ul li {
  background: url("../images/index/pointBalloon_1.gif") no-repeat 0 0;
}

div#select div.concept ul li.number_2 {
  background-image: url("../images/index/conceptBalloon_2.gif");
}

div#select div.concept ul li.number_3 {
  background-image: url("../images/index/conceptBalloon_3.gif");
}

div#select div.concept ul li.number_4 {
  background-image: url("../images/index/conceptBalloon_4.gif");
}

div#select div.concept ul li.number_5 {
  background-image: url("../images/index/conceptBalloon_5.gif");
}

div#select div.point ul li.number_2 {
  background-image: url("../images/index/pointBalloon_2.gif");
}

div#select div.point ul li.number_3 {
  background-image: url("../images/index/pointBalloon_3.gif");
}

div#select div.point ul li.number_4 {
  background-image: url("../images/index/pointBalloon_4.gif");
}

div#select div.point ul li.number_5 {
  background-image: url("../images/index/pointBalloon_5.gif");
}

/* 詳細ページへのリンク：hover効果 */
div#select div.concept p,
div#select div.point p {
  position: relative;
  z-index: 3;
}

div#select div.concept p,
div#select div.concept p img,
div#select div.point p,
div#select div.point p img {
  width: 310px;
  height: 30px;
}

div#select div.concept p a {
  display: block;
  background: url("../images/index/conceptLink_hover.gif") no-repeat 0 0;
}

div#select div.point p a {
  display: block;
  background: url("../images/index/pointLink_hover.gif") no-repeat 0 0;
}

div#select div.concept p a:hover,
div#select div.point p a:hover {
  position: static;
}

div#select div.concept p a:hover img,
div#select div.point p a:hover img {
  position: relative;
  z-index: -1;
}

/** ---------------------------------------------------------------------

-----------
 * sidebar
 */
div#sidebar {
  margin-top: -29px;
  float: right;
  width: 200px;
  line-height: 1.27;/* 14px相当 */
}

/* 整体コースのご紹介、カンタン!学校見学、学校選びのポイント、整体学校選び

セミナー、ご質問お問い合わせ */
div#course,
div#photograph,
div#beginner,
div#inquiry,
div#blog {
  position: relative;
  background: no-repeat 0 0;
  zoom: 1;
}

div#course {
  margin-right: -17px;
  padding-top: 207px;
  padding-right: 17px;
  background-image: url("../images/index/courseBg.gif");
}

div#photograph {
  margin: -4px 0 20px -15px;
  padding-top: 187px;
  padding-left: 15px;
  background-image: url("../images/index/photographBg.gif");
}

div#beginner {
  margin: -28px -30px 20px 0;
  padding-top: 191px;
  padding-right: 30px;
  background-image: url("../images/index/beginnerBg.gif");
}

div#inquiry {
  padding-right: 30px;
  height: 220px;
  background-image: url("../images/index/inquiryBg.gif");
}

div#blog {
  margin: -28px -30px 20px 0;
  padding-top: 191px;
  padding-right: 0px;
  background-image: url("../images/index/blogBg2.gif");
}


/* 円形リンク：hover効果 */
div#course h2,
div#photograph h2,
div#beginner h2,
div#inquiry h2,
div#blog {
  left: -28px;
  position: absolute;
  z-index: 3;
}

div#inquiry p.requestPamphlet,
div#inquiry p.visit,
div#inquiry p.mailConsulting {
  position: absolute;
  z-index: 3;
}

div#course h2 {
  top: 18px;
}

div#photograph h2 {
  top: -1px;
  left: 117px;
}

div#beginner h2 {
  top: 3px;
}

div#inquiry h2 {
  top: -26px;
  left: 105px;
}

div#blog h2 {
  top: 3px;
}

div#inquiry p.requestPamphlet {
  top: 28px;
  left: -7px;
}

div#inquiry p.visit {
  top: 95px;
  left: 94px;
}

div#inquiry p.mailConsulting {
  top: 188px;
  left: 10px;
}

div#course h2 a,
div#photograph h2 a,
div#beginner h2 a,
div#inquiry a,
div#blog h2 a {
  display: inline-block;
  background: no-repeat 0 0;
}

div#course h2 a {
  background-image: url("../images/index/courseHeading_hover.gif");
}

div#photograph h2 a {
  background-image: url("../images/index/photographHeading_hover.gif");
}

div#beginner h2 a {
  background-image: url("../images/index/beginnerHeading_hover.gif");
}

div#inquiry h2 a {
  background-image: url("../images/index/inquiryHeading_hover.gif");
}

div#blog h2 a {
  background-image: url("../images/index/blogHeading_hover2.gif");
}

div#inquiry p.requestPamphlet a {
  background-image: url("../images/index/requestPamphlet_hover.gif");
}

div#inquiry p.visit a {
  background-image: url("../images/index/visit_hover.gif");
}

div#inquiry p.mailConsulting a {
  background-image: url("../images/index/mailConsulting_hover.gif");
}

div#course h2 a:hover,
div#photograph h2 a:hover,
div#beginner h2 a:hover,
div#inquiry a:hover,
div#blog h2 a:hover {
  position: static;
}

div#course h2 a:hover img,
div#photograph h2 a:hover img,
div#beginner h2 a:hover img,
div#inquiry a:hover img,
div#blog h2 a:hover img {
  position: relative;
  z-index: -1;
}

div#course h2 a img,
div#photograph h2 a img,
div#beginner h2 a img,
div#blog h2 a img {
  width: 127px;
  height: 127px;
}

div#inquiry h2 a img {
  width: 115px;
  height: 115px;
}

div#inquiry p.requestPamphlet a img {
  width: 94px;
  height: 94px;
}

div#inquiry p.visit a img {
  width: 88px;
  height: 88px;
}

div#inquiry p.mailConsulting a img {
  width: 180px;
  height: 22px;
}

/* schoolBlog */
div#schoolBlog {
  padding-top: 194px;
  position: relative;
  background: url("../images/index/blogBg.gif") no-repeat 0 5px;
}

div#schoolBlog h2 {
  left: -28px;
  top: -18px;
  position: absolute;
  z-index: 3;
}

div#schoolBlog h2 a {
  display: block;
  background: url("../images/index/blogHeading_hover2.gif") no-repeat 0 0;
}

div#schoolBlog h2 a:hover {
  position: static;
}

div#schoolBlog h2 a:hover img {
  visibility: hidden;
}

div#schoolBlog div.text {
  min-height: 10px;
  padding: 0 10px 10px;
  position: relative;
  z-index: 5;
  font-size: 10px;
  background: url("../images/index/blogBg_bottom.gif") no-repeat 0 100%;
}

/* 内容 */
div#course div.text,
div#photograph div.text,
div#beginner div.text,
div#blog div.text, {
  border: solid #ccc;
  border-width: 0 1px;
}

div#course ul li {
  padding-left: 9px;
  background: url("../images/marker/arrowSmall_coral.gif") no-repeat 0 

0.5em;
}

div#course ul,
div#photograph p,
div#beginner p 
div#blog p{
  margin: 0 -1px;
  padding: 0 10px 10px;
  min-height: 10px;
  position: relative;
  background: url("../images/index/small_bottom.gif") no-repeat 0 100%;
}

* html div#course ul,
* html div#photograph p,
* html div#beginner p,
* html div#blog p {
  height: 10px;
}

/** ---------------------------------------------------------------------

-----------
 * event
 */
div#event {
  margin-top: 20px;
  border: 1px solid #ccc;
  zoom: 1;
}

div#event div.wrap {
  margin: -1px -1px 0;
  padding: 26px 0 0;
  position: relative;
  background: url("/images/frame/container_top.gif") no-repeat 0 0;
  zoom: 1;
}

div#event div.inner {
  margin: 0 0 -1px;
  padding: 0 1px 26px;
  position: relative;
  background: url("/images/frame/container_bottom.gif") no-repeat 0 100%;
  zoom: 1;
}

div#event div.information {
  margin: 0 0 0 20px;
}

div#event table {
  width: auto;
}

div#event table tr td {
  border: solid #fff;
  border-width: 20px 20px 0 0;
  width: 259px;
  background: url("/images/index/gradationBg.gif") no-repeat 0 100%;
}

div#event table tr td.empty {
  background-image: none;
}

div#event table tr td dl dt {
  padding: 0 0 3px 15px;
  color: #0a8a00;
  background: #fff url("/images/index/marker.gif") no-repeat 0 30%;
  font-weight: bold;
}

div#event table tr td dl dd {
  padding: 10px;
  border-top: 1px solid #ccc;
}