@charset "UTF-8";
/* base # { */
html,body {
  margin:0;
  padding:0;
  background:#f6f6f6;
  background:#fff;
  text-align:center;
  height:100%;
}
body,td,th {
  color:#333;
  font-size:12px;
  line-height:150%;
  font-family:"ＭＳ Ｐゴシック",sans-serif;
}
h1 {
  float:left;
  margin:0;
  padding:5px 0px;
  font-size:12px;
}
h1 a {
  color:#666;
  text-decoration:none;
}
h2 {
  margin :0;
  padding:0;
}
form,
p {
  margin :0;
  padding:0;
}
a {
  color:#336699;
}
a:hover {
  text-decoration:none;
  color:#333;
}
ul {
  margin:0;
  padding:0;
  list-style-type:none;
}
ul li {
  margin:0;
  padding:0;
}
img {
  border:0;
  margin:0;
  padding:0;
}
div,
object {
  margin:0;
  padding:0;
}
p:after ,
div:after {/* Firefox ブロック対策 */
  content: "";
  display: block;
  clear: both;
  overflow:hidden;
}
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
/*  box-sizing: border-box;*/ /*jquery zoom IE8との相性により*/
}




/* base design # { */
#page {
  position:relative;
  margin :0;
  padding:0;
  height:100%;
  text-align:left;
}
#header {
  text-align:center;
  height:100px;
  width :100%;
  border-bottom:1px solid #ccc;
  min-width:800px;
  box-sizing: border-box;
}
#header span {
  display:none;
}
#header .contents {
  position:relative;
  width:800px;/* IE 対策 幅指定は基本するように */
  margin:0 auto;
  height:100px;
  overflow:hidden;
}
#header h1 {
  position:absolute;
  top :5px;
  left:15px;
  margin :0;
  padding:0;
  height:88px;
  width :350px;
  overflow:hidden;
}
#header h1 a {
  display:block;
  height:88px;
  width :100%;
  background:url('../img/logo.gif') no-repeat top left;
}

#header .mainmenu {
  position:relative;
  top:68px;
  height:32px;
}
* html #header .mainmenu {
  top:69px;
}
*:first-child+html #header .mainmenu {
  top:69px;
}
#header .mainmenu span {
  display:none;
}
#header .mainmenu li {
  position:absolute;
  display:block;
  height:32px;
}
#header .mainmenu li a {
  display:block;
  height:32px;
  background:url('../img/menu.gif') no-repeat;
}
#header .mainmenu li.housing {
  top :0px;
  left:0px;
  width :140px;
}
#header .mainmenu li.housing a {
  background-position:0px 0px;
}
#header .mainmenu li.housing a:hover {
  background-position:0px -32px;
}
#header .mainmenu li.apartment {
  top :0px;
  left:140px;
  width :161px;
}
#header .mainmenu li.apartment a {
  background-position:-140px 0px;
}
#header .mainmenu li.apartment a:hover {
  background-position:-140px -32px;
}
#header .mainmenu li.environment {
  top :0px;
  left:301px;
  width :123px;
}
#header .mainmenu li.environment a {
  background-position:-301px 0px;
}
#header .mainmenu li.environment a:hover {
  background-position:-301px -32px;
}
#header .mainmenu li.repair {
  top :0px;
  left:424px;
  width :107px;
}
#header .mainmenu li.repair a {
  background-position:-424px 0px;
}
#header .mainmenu li.repair a:hover {
  background-position:-424px -32px;
}
#header .mainmenu li.cleanroom {
  top :0px;
  left:531px;
  width :163px;
}
#header .mainmenu li.cleanroom a {
  background-position:-531px 0px;
}
#header .mainmenu li.cleanroom a:hover {
  background-position:-531px -32px;
}
#header .mainmenu li.factory {
  top :0px;
  left:694px;
  width :106px;
}
#header .mainmenu li.factory a {
  background-position:-694px 0px;
}
#header .mainmenu li.factory a:hover {
  background-position:-694px -32px;
}

#header .menu {
  top:10px;
}
#header .menu li {
  position:absolute;
  display:block;
  height:16px;
  top:10px;
}
#header .menu li a {
  display:block;
  height:16px;
}
#header .menu li.language {
  left:525px;
  width :60px;
}
#header .menu li.language a {
  background:url('../img/menu_english.gif') no-repeat top;
}
#header .menu li.company {
  left:585px;
  width :60px;
}
#header .menu li.company a {
  background:url('../img/menu_company.gif') no-repeat top;
}
#header .menu li.inquiry {
  left:645px;
  width :80px;
}
#header .menu li.inquiry a {
  background:url('../img/menu_inquiry.gif') no-repeat top;
}
#header .menu li.home {
  left:725px;
  width :62px;
}
#header .menu li.home a {
  background:url('../img/menu_home.gif') no-repeat top;
}
#header .menu li a:hover {
  background-position:bottom;
}
#footer {
  position:relative;
  text-align:center;
  margin:0 auto;
  width :100%;
  clear:both;
  min-width:800px;
}
#footer #copyright {
  margin :10px auto;
  text-align:center;
  width:800px;/* IE 対策 幅指定は基本するように */
}
#footer .menu {
  padding:6px 10px;
  text-align:center;
  border-bottom:1px solid #ccc;
  box-sizing: border-box;
}

/* main design # { */
#main {
  position:relative;
  text-align:center;
  width:100%;
  margin:0 auto;
  border-bottom:1px solid #ccc;
  min-width:800px;
  box-sizing: border-box;
}
#main .contents {
  text-align:left;
  width:800px;
  margin:0 auto;
}
#main .page_img {/* move back image */
  text-align:center;
  height:300px;
  width :100%;
  background:#eee;
  margin :0px 0;
  overflow:hidden;
  min-width:800px;
  width: expression(document.body.clientWidth < 801? "800px" : "auto");
}
#main .page_img .padding {
  height:400px;
  width :780px;
  overflow:hidden;
  margin :0 auto;
  text-align:left;
}