@charset "UTF-8";

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

Top Page CSS

for green-net-work
coded by d-spica at 2010-03-04
linked to "/index.html"

-----------------------------------------------

Basic Layout

  div#area-page
  
    div#area-header
      h1
      
    div#area-contents

      div#area-main
        h2
        div.main-image
      
      div#area-navigation
        div.nav-1
          ul
        div.nav-2
          ul
        div.banner
    
    div#area-footer
      p.credit

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

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


/* Header Area Parts */

#area-header {
  height: 82px;
}

#area-header h1 {
  overflow: hidden;
  height: 82px;
  font-size: 92.4%;
  font-weight: normal;
}


/* Main Area Parts */

#area-main {
  float: none;
  margin-top: 0;
  padding: 0;
  width: 800px;
}

#area-main h2 {
  overflow: hidden;
  height: 20px;
  font-size: 123.1%;
}

#area-main div.main-image {
  overflow: hidden;
  margin-top: -20px;
  width: 800px;
}


/* Navigation Area Parts */

#area-navigation {
  float: none;
  overflow: hidden;
  margin-top: 0;
  width: 800px;
  background: url(../img/top/bg-contents.png) repeat-y center;
}

* html #area-navigation {
  margin-top: -0.4em;
}

*:first-child+html #area-navigation {
  margin-top: -0.4em;
}

#area-navigation div {
  width: 210px;
}

#area-navigation div.nav-1 {
  float: left;
}

#area-navigation div.nav-2 {
  float: right;
}

#area-navigation div h2 {
  visibility: hidden;
  overflow: hidden;
  height: 0;
}

#area-navigation div p {
  margin: 10px 15px;
  height: 7.5em; /* 左右の高さ揃え・調整 */
}

#area-navigation div ul {
  margin-bottom: 30px;
}

#area-navigation div.banner {
  overflow: hidden;
  margin-top: 0;
  width: 370px;
}

* html #area-navigation div.banner {
  float: left;
}


/* Footer Area Parts */

#area-footer p.credit {
  background: #39D64B;
  color: #FFF;
}