@charset "UTF-8";

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

Architecture General Page CSS

for maik-kk.com/architecture/
coded by d-spica at 2009-05-30
linked to "/$page-name.html"

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

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


#area-main h2 {
  margin: 0 0 6px auto;
  width: 434px;
  height: 107px;
  overflow: hidden;
  font-weight: bold;
}

#area-main div.section {
  margin-bottom: 6px;
}

#area-main h3,
#area-main h4,
#area-main p,
#area-main ul,
#area-main ol,
#area-main dl {
  padding: 2px 8px 5px;
}

#area-main h4 {
  font-size: 100%;
}


/* for Meiki's House Page */

body#meikis #area-main #s01 {
  padding-top: 107px;
  padding-right: 441px;
  background: url(../img/general/ph-meikis-01.jpg) no-repeat right top;
}

body#meikis #area-main #s01 div {
  background: #F58220;
  color: #FFF;
  min-height: 107px;
}

* html body#meikis #area-main #s01 div {
  height: 107px;
}

body#meikis #area-main #s02 {
  padding-left: 441px;
  background: url(../img/general/ph-meikis-02.jpg) no-repeat 145px 0;
}

body#meikis #area-main #s02 div {
  min-height: 327px;
}

* html body#meikis #area-main #s02 div {
  height: 327px;
}

body#meikis #area-main #s03 {
  padding-left: 145px;
  padding-right: 441px;
  background: url(../img/general/ph-meikis-03.jpg) no-repeat 441px 0;
}

body#meikis #area-main #s03 div {
  min-height: 511px;
}

* html body#meikis #area-main #s03 div {
  height: 511px;
}


/* for Reform Page */

body#reform #area-main #s01 {
  padding-top: 112px;
  padding-right: 441px;
  background: url(../img/general/ph-reform-01.jpg) no-repeat right top;
}

body#reform #area-main #s01 div {
  background: #FC1E1E;
  color: #FFF;
  min-height: 107px;
}

* html body#reform #area-main #s01 div {
  height: 107px;
}

body#reform #area-main #s02 {
  padding-top: 112px;
  padding-left: 441px;
  padding-right: 146px;
  background: url(../img/general/ph-reform-02.jpg) no-repeat 0 0;
}

body#reform #area-main #s02 div {
  background: #FC1E1E;
  color: #FFF;
  min-height: 107px;
}

* html body#reform #area-main #s02 div {
  height: 107px;
}

body#reform #area-main #s03 {
  padding-left: 441px;
  padding-right: 146px;
  background: url(../img/general/ph-reform-03.jpg) no-repeat 0 0;
}

body#reform #area-main #s03 div {
  min-height: 214px;
}

* html body#reform #area-main #s03 div {
  height: 214px;
}

body#reform #area-main #s04 {
  padding-left: 441px;
  background: url(../img/general/ph-reform-04.jpg) no-repeat 0 0;
}

body#reform #area-main #s04 div {
  min-height: 107px;
}

* html body#reform #area-main #s04 div {
  height: 107px;
}


/* for Custom Page */

body#custom #area-main h2 {
  margin: 0 0 3px 293px;
  width: 290px;
}

body#custom #area-main #s01 {
  margin-top: -107px;
  padding: 110px 293px 0 293px;
  background: url(../img/general/ph-custom-01.jpg) no-repeat right top;
}

body#custom #area-main #s01 div {
  min-height: 107px;
  background: #3C3;
  color: #FFF;
}

* html body#custom #area-main #s01 div {
  height: 107px;
}

body#custom #area-main #s02 {
  padding: 110px 586px 0 0;
  background: url(../img/general/ph-custom-02.jpg) no-repeat right top;
}

body#custom #area-main #s02 div {
  min-height: 107px;
  background: #00B9F2;
  color: #FFF;
}

* html body#custom #area-main #s02 div {
  height: 107px;
}

body#custom #area-main #s03 {
  background: url(../img/general/ph-custom-03.jpg) no-repeat left top;
  padding-left: 293px;
}

body#custom #area-main #s03 div {
  min-height: 217px;
}

* html body#custom #area-main #s03 div {
  height: 217px;
}

body#custom #area-main #s03 #s03-01 {
  float: left;
  width: 290px;
  background: #36C;
  color: #FFF;
  display: inline;
}

body#custom #area-main #s03 #s03-02 {
  margin-left: 293px;
  background: #00B9F2;
  color: #FFF;
}

body#custom #area-main #s04 p.photo {
  clear: left;
  padding: 0;
}

body#custom #area-main #s05 div {
  height: 300px;
  margin-left:300px;
  margin-right:80px;
}

/* for Solar Power Page */

body#solar #area-main #s01 {
  padding: 107px 441px 0 0;
  background: url(../img/general/ph-solar-01.jpg) no-repeat right top;
}

body#solar #area-main #s01 div {
  min-height: 107px;
  background: #00B9F2;
  color: #FFF;
}

* html body#solar #area-main #s01 div {
  height: 107px;
}

body#solar #area-main #s02 {
  padding-left: 441px;
  background: url(../img/general/ph-solar-02.jpg) no-repeat 145px 0;
}

body#solar #area-main #s02 div h3 {
  height: 107px;
  background: url(../img/general/bg-solar-02.jpg) no-repeat left top;
  color: #FFF;
}
  
body#solar #area-main #s03 {
  position: relative;
  padding-right: 441px;
  background: url(../img/general/ph-solar-03.jpg) no-repeat right top;
  zoom: 1;
}

body#solar #area-main #s03 div h3 {
  position: absolute;
  top: 0;
  right: 0;
  width: 124px;
  color: #FFF;
}

body#solar #area-main #s03 div {
  min-height: 317px;
}

* html body#solar #area-main #s03 div {
  height: 317px;
}

body#solar #area-main #s04 {
  position: relative;
  padding-left: 441px;
  background: url(../img/general/ph-solar-04.jpg) no-repeat left top;
  zoom: 1;
}

body#solar #area-main #s04 div h3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 274px;
  color: #FFF;
}

body#solar #area-main #s04 div {
  min-height: 217px;
}

* html body#solar #area-main #s04 div {
  height: 217px;
}




/* for elect Page */

body#elect #area-main #s01 {
  padding: 107px 441px 0 0;
  background: url(../img/general/ph-elect-01.jpg) no-repeat right top;
}

body#elect #area-main #s01 div {
  min-height: 107px;
  background: #00B9F2;
  color: #FFF;
}

* html body#elect #area-main #s01 div {
  height: 107px;
}

body#elect #area-main #s02 {
  padding-left: 441px;
  background: url(../img/general/ph-elect-02.jpg) no-repeat 145px 0;
}

body#elect #area-main #s02 div h3 {
  height: 107px;
  background: url(../img/general/bg-elect-02.jpg) no-repeat left top;
  color: #FFF;
}
  
body#elect #area-main #s03 {
  position: relative;
  padding-right: 441px;
  background: url(../img/general/ph-elect-03.jpg) no-repeat right top;
  zoom: 1;
}

body#elect #area-main #s03 div h3 {
  position: absolute;
  top: 0;
  right: 0;
  width: 124px;
  color: #FFF;
}

body#elect #area-main #s03 div {
  min-height: 317px;
}

* html body#elect #area-main #s03 div {
  height: 317px;
}

body#elect #area-main #s04 {
  position: relative;
  padding-left: 441px;
  background: url(../img/general/ph-elect-04.jpg) no-repeat left top;
  zoom: 1;
}

body#elect #area-main #s04 div h3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 274px;
  color: #FFF;
}

body#elect #area-main #s04 div {
  min-height: 217px;
}

* html body#elect #area-main #s04 div {
  height: 217px;
}