@charset "UTF-8";

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

Top Page CSS

for www.d-spica.com
coded by d-spica at 2010-04-20
linked to "/index.php"

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

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


#area-contents div.lead {
  padding: 10px;
  background: #F3F3F3;
}

#area-contents div.lead h1 {
  height: 230px;
  font-size: 123.1%;
}

#area-main div#point {
  overflow: hidden;
  margin: 0 -10px 10px 0;
  width: 660px;
}
  
#area-main div#point div.section {
  float: left;
  margin: 0 10px 10px 0;
  padding: 0 5px 5px;
  width: 310px;
  background: url(../img/base/bg-bd-320gy.png) no-repeat left bottom;
}

#area-main div#point div.section h2 {
  margin: 0 -5px 3px;
  font-size: 115.4%;
}

#area-main div#point div.section p img {
  float: left;
  width: 64px;
  margin-right: 5px;
}

#area-main div#system {
  overflow: hidden;
  margin: 0 -10px 30px;
  width: 670px;
  font-size: 92.4%;
}

#area-main div#system div.section {
  float: left;
  margin: 0 10px 10px;
  width: 200px;
}

#area-main div#system div.section h2 {
  margin: 5px 0;
  font-size: 133.3%;
}

#area-main div#system div.section h2 img {
  float: left;
  margin-right: 5px;
}

#area-main div#system div.section p {
  margin-bottom: 5px;
}

#area-main div#system div.section ul {
  clear: left;
  padding-top: 5px;
  background: url(../img/base/ln-dot-gy.png) repeat-x top;
  font-size: 108.3%;
}

#area-main div#system div.section ul li {
  margin: 5px 0;
  padding-left: 11px;
  background: url(../img/base/mk-list-0gy.png) no-repeat 0 0.4em;
}

#area-main div#system div.section ul li em {
  font-weight: bold;
}

#area-main div#recent {
  margin-left: 90px;
  margin-bottom: 30px;
}

#area-main div#recent p.guide-nav a {
  padding-left: 0;
  background: none;
  font-size: 92.4%;
}

#area-main div#recent h2 {
  margin-bottom: 5px;
  border-bottom: solid 3px #E6E6E6;
  line-height: 1.1;
  font-size: 123.1%;
}

#area-main div#recent dl {
  margin-left: 10px;
}

#area-main div#recent dl dt {
  font-family: "Arial Black", sans-serif;
  color: #999;
}

#area-main div#recent dl dt {
  width: 7em;
}

#area-main div#recent dl dd {
  margin: -1.5em 0 10px 0;
  padding: 0 0 10px 8em;
  border-bottom: solid 1px #E6E6E6;
}

#area-main div.section p.guide-nav {
  margin: 3px 0;
}

#area-sub div#notice {
  margin-bottom: 30px;
}

#area-sub div#notice dl dt {
  margin-bottom: 5px;
  border-bottom: solid 3px #CCC;
  line-height: 1.1;
  font-size: 123.1%;
}

#area-sub div#notice dl dd dl dt {
  margin-bottom: 0;
  border-bottom: none;
  line-height: 1.5;
  font-family: "Arial Black", sans-serif;
  font-size: 100%;
  color: #666;
}

#area-sub div#notice dl dd {
  margin-left: 10px;
}


#area-sub div#notice dl dd dl dd {
  margin-left: 0;
  margin-bottom: 10px;
  padding: 0 0 10px 10px;
  border-bottom: solid 1px #CCC;
}