@charset "UTF-8";

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

Top Page CSS

for style-h.jp
coded by d-spica at 2011-04-20
imported to "home.php"

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


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


#page {
  background: url(../img/top/bg-body-t.png) repeat-x left top;
}

#contents div.photos {
  overflow: hidden;
  margin-bottom: 20px;
  padding: 13px 0;
  width: 960px; /* haslayout true */
}

#contents div.photos div.main-photo {
/*  float: left;
  width: 698px;*/
  width: 958px;
  height: 298px;
  border: solid 1px #FFF;
}

#contents div.photos div.main-photo p {
  overflow: hidden;
  position: relative;
  width: 958px;
  height: 298px;
}

#contents div.photos div.main-photo p.ie8 {
  height: 297px;
}

#contents div.photos div.main-photo p img {
  position: absolute;
  filter: alpha(opacity=0); /* deprecate */
  -ms-filter: 'alpha(opacity=0)'; /* deprecate */
  -moz-opacity: 0; /* deprecate */
  opacity: 0; /* deprecate */
}

/*
#contents div.photos p.sub-photo {
  float: right;
  width: 228px;
  height: 298px;
  border: solid 1px #FFF;
}
*/

#main div.section h2 {
  font-size: 116%;
  padding: 0 3px 4px;
  background: url(../img/base/ln-hd.png) repeat-x left bottom;
  text-transform: uppercase;
  font-weight: normal;
}

#main div.project {
  float: left;
  width: 330px;
}

#main div.project ul li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 110px;
  min-height: 66px;
}

* html #main div.project ul li {
  height: 66px;
}

#main div.project ul li span.date {
  display: block;
  margin: 3px 0;
}

#main div.project ul li img.wp-post-image {
  position: absolute;
  top: 0;
  left: 0;
  border: solid 1px #000;
}

#main div.news {
  float: right;
  width: 330px;
}

#main div.news ul li {
  position: relative;
  margin-bottom: 10px;
  padding-left: 7em;
  zoom: 1; /* haslayout true */
}

#main div.news ul li span.date {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 7em;
}

#main div.service {
  clear: both;
  overflow: hidden;
  padding-left: 3px;
  zoom: 1; /* haslayout true */
}

#main div.service h2 {
  margin-left: -3px;
}

#main div.service ul {
  float: left;
  margin-right: 20px;
  padding-left: 1.5em;
  width: 290px;
  list-style: disc;
}

#sub div.section h2 {
  margin-bottom: 7px;
  padding: 0 3px 4px;
  background: url(../img/base/ln-hd.png) repeat-x left bottom;
  font-size: 100%;
  font-weight: normal;
}

#sub div.section dl {
  margin-left: 3px;
  margin-bottom: 10px;
}

#sub div.section dl dt {
  width: 3em;
}

#sub div.section dl dd {
  margin: -1.5em 0 0 3em;
}