@charset "UTF-8";

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

General Page CSS

for www.d-spica.com
coded by d-spica at 2010-04-21
linked to "/category/page.html"

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

 
@import url(default.css);
@import url(base.css);
@import url(parts-main.css);


body#service #area-main div#courses {
  overflow: hidden;
  margin-right: -10px;
  width: 660px;
}

body#service #area-main div#courses div.section {
  float: left;
  margin: 0 10px 10px 0;
  padding: 0 10px; 
  width: 300px;
  border-top: none;
  background:url(../img/base/bg-bd-320gy.png) no-repeat left bottom;
}

body#service #area-main div#courses div.section h2 {
  margin: 0 -10px 5px;
  padding: 8px 8px 0;
  background:url(../img/base/bg-bd-320gy.png) no-repeat left top;
}

body#flow #area-main div.section {
  position: relative;
  padding-left: 120px;
  zoom: 1;
}

body#flow #area-main h2 {
  margin-left: -120px;
}

body#flow #area-main ul.note {
  margin-left: 120px;
}

body#flow #area-main ul.note li {
  padding-left: 0;
  background: none;
}

body#flow #area-main ul.note li a {
  color: #333 !important;
}

body#flow #area-main div.a-course {
  background: url(../service/img/bg-flow-a.png) repeat-y left;
}

body#flow #area-main div.d-course {
  background: url(../service/img/bg-flow-d.png) repeat-y left;
}

body#flow #area-main div.c-course {
  background: url(../service/img/bg-flow-c.png) repeat-y left;
}

body#flow #area-main p.status {
  position: absolute;
  bottom: 0;
  left: 0;
  margin-bottom: 0;
}

* html body#flow #area-main p.status {
  bottom: 5px;
}

*:first-child+html body#flow #area-main p.status {
  bottom: 5px;
}

body#flow #area-main p.status img {
  padding: 0 7px;
}

body#quality #area-main h3 {
  margin-top: 20px;
}

body#coding-r #area-main li {
  margin-bottom: 5px;
}

body#coding-r #area-main div.also p.guide-nav {
  margin-top: 30px;
}

body#fee #area-main div.section {
  padding-left: 10px;
}

body#fee #area-main div.section h2 {
  margin-left: -10px;
}

body#fee #area-main table tbody td.normal,
body#fee #area-main table tbody td.hight,
body#fee #area-main table tbody td.special,
body#fee #area-main table tbody td.expense {
  width: 17%;
}

body#contract #area-main li {
  margin-bottom: 15px;
}

body#about #area-main dl.col dt {
  width: 10em;
}

body#about #area-main dl.col dd {
  margin-bottom: 5px;
  padding-left: 11.5em;
}

body#contact #area-main dl.tel dd {
  margin-bottom: 5px;
}

#area-sitemap ul.link li {
  margin-bottom: 1em;
}

#area-sitemap ul.link li ul {
  margin: -1.5em 0 1em 10em;
}

#area-sitemap ul.link li ul li {
  margin-bottom: 0.5em;
}

body#e404 #area-sitemap p {
  margin: 50px;
}