@charset "UTF-8";

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

Top Page CSS

for "breakr.net"
coded by MAYANO STUDIO at 2008-07-16
linked to "/index"

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

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


div#contents {
  margin-top: 3px;
}

div#contents div#site_info h2 {
  margin: 0 -40px;
  height: 248px;
}

* html div#contents div#site_info h2 img {
  margin-top: -1px;
}

*:first-child+html div#contents div#site_info h2 img {
  margin-top: -1px;
}

div#contents div#site_info div.section {
  overflow: hidden;
  margin: 10px 0 30px;
  width: 840px;
  font-size: 108%;
}

div#contents div#site_info div.section div#hop,
div#contents div#site_info div.section div#step,
div#contents div#site_info div.section div#jump {
  float: left;
  width: 260px;
}
div#contents div#site_info div.section div#hop,
div#contents div#site_info div.section div#step {
  margin-right: 30px;
  display: inline; /* for IE */
}

div#contents div#site_info div.section div#hop h3,
div#contents div#site_info div.section div#step h3,
div#contents div#site_info div.section div#jump h3 {
  margin-bottom: 8px;
  font-size: 100%;
  color: #000;
}

div#contents div#site_info div.section p {
  margin-left: 15px;
  line-height: 1.3;
}


/* Top Page var2 */

body#top2 div#contents div#site_info {
  margin: 0 -40px;
  padding: 0 40px;
  background: url(/image/main_image2.png) no-repeat center top;
}

body#top2 div#contents div#site_info h2 {
  padding: 130px 350px 0 230px;
  height: 118px;
  text-indent: -9999px;
  font-size: 108%;
}

* html div#contents {
  width: 920px;
}

* html div#contents ul#nav {
  width: 900px;
}