@charset "UTF-8";

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

Course Page CSS

for eigo820.com
coded by d-spica at 2008-10-24
linked to "/course/&page-name.html"

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

 
@import url(default.css);
@import url(common.css);


div#navigation div#category-nav ul li.course span {
  background: url(../img/common/nv-category.png) no-repeat -180px -33px;
}

div#contents h1.page-title {
  background: url(../img/lower/bg-h1-course.png) no-repeat;
}

div#main div.section ul.info-nav {
  position: relative;
  margin: 0.7em auto;
  width: 490px;
  height: 226px;
  background: url(../course/img/info-nav/bg-info-nav.png) no-repeat center center;
}

div#main div.section ul.info-nav li {
  margin: 0;
  padding: 0;
  background: none;
}

div#main div.section ul.info-nav li#bt-hp {
  position: absolute;
  top: 39px;
  left: 33px;
}
  
div#main div.section ul.info-nav li#bt-free {
  display: none;
  position: absolute;
  top: 39px;
  left: 136px;
}
  
div#main div.section ul.info-nav li#bt-tel {
  position: absolute;
  top: 39px;
  left: 184px;
}
  
div#main div.section ul.info-nav li#bt-fax {
  position: absolute;
  top: 39px;
  left: 334px;
}
  
div#main div.section ul.info-nav li#bt-shiryo {
  position: absolute;
  top: 146px;
  left: 18px;
}
  
div#main div.section ul.info-nav li#bt-kengaku {
  position: absolute;
  top: 146px;
  left: 110px;
}
  
div#main div.section ul.info-nav li#bt-ichiran {
  position: absolute;
  top: 146px;
  left: 202px;
}
  
div#main div.section ul.info-nav li#bt-toi {
  position: absolute;
  top: 146px;
  left: 294px;
}
  
div#main div.section ul.info-nav li#bt-map {
  position: absolute;
  top: 146px;
  left: 386px;
}

body.category div#main div.section {
  float: left;
  overflow: hidden;
  margin: 5px;
  padding: 0 10px 10px;
  width: 250px;
  display: inline; /* for IE */
}

* html body.category div#main div.section {
  margin-right: 2px;
}

body.category div#main div.section .sb-border {
  background: #B7E688;
}
  
body.category div#main div.section .sb-inner {
  background: #FFF;
}


body.category div#main div.section h2 {
  margin: 0 -10px 10px;
  background: url(../img/common/bg-h2-half.png) no-repeat center top;
}

body.category div#main div.section h2 a {
  color: #36F;
}

body.category div#main div.section h2 a:visited {
  color: 39F;
}

body.category div#main div.section p.course-fee {
  font-weight: bold;
  color: #EB7300;
}