@charset "UTF-8";
/* CSS Document */

/*更新の際に基本的にこのファイルを編集する必要はありません*/

html{

text-align:1.6em;
color:#7f7f7f;
font-size:10px;
font-family:"Helvetica","Arial","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
line-height:1.7em;

}

body{
z-index:0;
background-color:#ffffff;
margin:20px;
height:100%;
}

/*clearfix hack*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*全体を囲う枠*/
#wrap{
z-index:0;
text-align:left;
width:100%;
min-height:100%;
max-height:100%;
height:100%;
padding:0px;
margin:0 auto -20px;

}
/*フッタ*/
#footer{
text-align:right;
width:100%;
padding-top:10px;
height:30px;
border-top:#7f7f7f solid 1px;
}
#footer2{
clear:both;
text-align:right;
width:100%;
padding-top:10px;
height:30px;
border-top:#7f7f7f solid 1px;
}

/*ヘッダ*/
#header{
width:100%;
height:32px;
border-bottom:#7f7f7f solid 1px;
padding:0px;
}
#headerleft{
float:left;
width:176px;
height:21px;
margin-right:20px;
margin-bottom:10px;
}
#menu{
float:left;
margin-top:5px;
}
#headerright{
float:right;
text-align:right;
margin-top:7px;
}
.btm{
margin-right:10px;
}
#kf{
width:100%;
height:20px;
margin-top:-12px;
padding:0px;
}


/*トップの写真部分*/
#recentworks{
	position:absolute;
	top:151px;
	left:18px;
	min-width:1004px;
	min-height:380px;
	width:97%;
	overflow:hidden;
	padding:0px;
}
/*ie6*/
*html div#recentworks {
	position:absolute;
	top:170px;
	left:20px;
	width:98%;
	height:380px;
 min-width:1004px; 
  height:auto !important; 
  height:1004px; 
  max-width:1600px;
	overflow:hidden;
	padding:0px;
}
/*ie7*/
*:first-child+html #recentworks {
	position:absolute;
	top:170px;
	left:20px;
	width:97%;
	min-width:954px;
	max-width:1600px;
	min-height:380px;
	overflow:hidden;
	padding:0px;
}




/*テキスト部分見出し*/
h1{
font-size:12pt;
font-weight:normal;
}
h1.top{
font-size:12pt;
margin-bottom:15px;
}
h2{
font-size:10pt;
font-weight:200;
margin-top:5px;
margin-bottom:5px;
line-height:1.2em;
}
h3{
font-size:9pt;
font-weight:200;
margin-top:5px;
line-height:1.2em;
}
.titl{
font-size:10pt;
font-weight:300;
margin-top:5px;
margin-bottom:5px;
line-height:1em;
}
/*画像マージン*/
img.btmmargin{
margin-bottom:20px;
}
img.btmmargin2{
margin-bottom:10px;
}
img.btmmargin3{
margin-bottom:5px;
}
/*worksサムネール用　html側のimgタグに必ずclass="btnmargin4"を書く事*/
img.btnmargin4{
margin-top:0px;
margin-bottom:2px;
margin-right:2px;
}
/*for news*/

#newswrap{
clear:both;
margin-bottom:20px;
max-width:1600px;
margin-bottom:20px;
}
#newsleft{
float:left;
min-width:450px;
max-width:650px;
height:300px;
margin-right:20px;
}

#newslight{
min-width:200px;
max-width:1600px;
}

/*IE7*/
*:first-child+html #newslight {
float:right;
 min-height:100px; 
  height:auto !important; 
  height:100px; 
margin-bottom:60px;
}
#goarchive{
clear:both;
height:20px;
width:100%;
margin-top:10px;
padding-top:5px;
padding-bottom:5px;
padding-right:0px;
text-align:right;
}
#backtonews{
clear:both;
height:20px;
width:100%;
margin-top:10px;
padding-top:5px;
padding-bottom:5px;
padding-right:0px;
}


/*go top button*/
#gotop{
clear:both;
height:34px;
padding-top:10px;
border-top:#7f7f7f solid 1px;
margin:20px 0px;
text-align:right;
}

/*link color*/


a.txt:link {
text-decoration:none;
color:#000000;

}
a.txt:visited {
text-decoration:none;
color:#c9c8c8;

}
a.txt:hover {
text-decoration:none;
color:#e2e3e3;
background-color:#7f7f7f;
}
a.txt:active {
text-decoration:none;
color:#FFFFFF;
background-color:#000000;
}

/*work*/

#workconsole{
height:40px;
}

#togglwk{
visibility:visible;
margin-top:10px;
height:20px;
margin-bottom:10px;
}

#spacetitl{
margin-top:0px;
margin-bottom:20px;
width:100%;
height:20px;
}
#productstitl{
margin-top:0px;
margin-bottom:20px;
width:100%;
height:20px;
}

#progresstitl{
margin-top:0px;
width:146px;
height:20px;
}

.subtitl{
margin-top:20px;
margin-bottom:20px;
width:100%;
height:14px;
}




#space{
display:block;
position:relative;
top:20px;
left:0px;
text-align:left;
min-width:1000px;
min-height:200px;
max-width:1600px;
overflow:visible;
margin-bottom:20px;
}
*:first-child+html #space {
position:relative;
top:20px;
left:0px;
text-align:left;
 min-height:980px; 
  width:auto !important; 
  width:1000px; 
  min-height:200px; 
  height:auto !important; 
  height:200px; 
  margin-bottom:20px;
}




#products{
display:none;
position:relative;
top:20px;
left:0px;
text-align:left;
min-width:1000px;
min-height:100px;
max-width:1600px;
overflow:visible;
margin-bottom:20px;
}
*:first-child+html #products {
display:none;
position:relative;
top:20px;
left:0px;
text-align:left;
 min-height:980px; 
  width:auto !important; 
  width:1000px; 
  min-height:100px; 
  height:auto !important; 
  height:100px; 
  margin-bottom:20px;
}

#progress{
margin-top:20px;
text-align:left;
min-width:1000px;
min-height:100px;
max-width:1600px;
overflow:visible;
margin-bottom:20px;
}
*:first-child+html #progress {
margin-top:20px;
text-align:left;
 min-height:980px; 
  width:auto !important; 
  width:1000px; 
  min-height:100px; 
  height:auto !important; 
  height:100px; 
  margin-bottom:20px;
}

/*workのスクロールする写真部分*/
#workph{
position:absolute;
top:152px;
left:20px;
z-index:100;
height:400px;
min-width:1000px;
overflow:visible;
}
*:first-child+html #workph {
position:absolute;
top:162px;
left:20px;
z-index:100;
height:400px;
 min-width:1400px; 
  width:auto !important; 
  width:1400px; 
  overflow:visible;
}
*html div#workph {
position:absolute;
top:172px;
left:20px;
z-index:100;
height:400px;
 min-width:1400px; 
  width:auto !important; 
  width:1400px; 
  overflow:visible;

}

#workleft{
float:left;
margin-right:40px;
margin-top:0px;

}
#consolelayer{

height:20px;
padding:10px;
}

/*説明テキスト*/
#worktxt{
position:absolute;
top:152px;
left:20px;
z-index:1000;
width:540px;
height:360px;
padding:19px;
background-color:#FFFFFF;
border:#CCCCCC 1px solid;
filter: alpha(opacity=80);
    -moz-opacity:0.80;
    opacity:0.80;

}

*:first-child+html #worktxt{
position:absolute;
top:172px;
left:20px;
z-index:1000;
width:540px;
height:360px;
padding:19px;
background-color:#FFFFFF;
border:#CCCCCC 1px solid;
filter: alpha(opacity=90);
    -moz-opacity:0.90;
    opacity:0.90;

}


/*図面レイヤー*/
#plan{
	position:absolute;
	top:152px;
	left:20px;
	z-index:900;
	text-align:center;
	min-width:480px;
	height:400px;
	overflow:visible;
	padding:0px;
	background-color:#FFFFFF;
	border:#CCCCCC 1px solid;
	filter: alpha(opacity=90);
    -moz-opacity:0.90;
    opacity:0.90;

}

*:first-child+html #plan{
	position:absolute;
	top:162px;
	left:20px;
	z-index:900;
	text-align:center;
	min-width:480px;
	height:400px;
	  width:auto !important; 
  width:480px; 
	overflow:visible;
	padding:0px;
	background-color:#FFFFFF;
	border:#CCCCCC 1px solid;
	filter: alpha(opacity=90);
    -moz-opacity:0.90;
    opacity:0.90;

}


*html div#plan{
	position:absolute;
	top:172px;
	left:20px;
	z-index:900;
	text-align:center;
	min-width:480px;
	height:395px;
	  width:auto !important; 
  width:480px; 
	overflow:visible;
	padding:0px;
	background-color:#FFFFFF;
	border:#CCCCCC 1px solid;
	filter: alpha(opacity=90);
    -moz-opacity:0.90;
    opacity:0.90;

}


#plantwo{
position:absolute;
top:152px;
left:20px;
text-align:center;
z-index:1020;
height:400px;
text-align:center;
min-width:600px;
overflow:visible;
padding:0px;
background-color:#FFFFFF;
border:#CCCCCC 1px solid;
filter: alpha(opacity=90);
    -moz-opacity:0.90;
    opacity:0.90;

}
*:first-child+html #plantwo {
position:absolute;
top:162px;
left:20px;
text-align:center;
z-index:1020;
height:400px;
min-width:600px;
padding:0px;
  width:auto !important; 
  width:600px; 
  overflow:visible;
  background-color:#FFFFFF;
border:#CCCCCC 1px solid;
filter: alpha(opacity=90);
    -moz-opacity:0.90;
    opacity:0.90;

}

*html div#plantwo {
position:absolute;
top:172px;
left:20px;
text-align:center;
z-index:1020;
height:395px;
min-width:600px;
padding:0px;
  width:auto !important; 
  width:600px; 
  overflow:visible;
  background-color:#FFFFFF;
border:#CCCCCC 1px solid;
filter: alpha(opacity=90);
    -moz-opacity:0.90;
    opacity:0.90;

}

/*レイヤーを閉じるボタン部分
#closetxt{
width:100%;
text-align:right;
height:10px;
margin-bottom:20px;
}
*:first-child+html #closetxt {
text-align:right;
width:auto !important; 
width:100%;
height:10px;
margin-bottom:20px;
}*/
/*レイヤーを閉じるボタン部分
#closeplan{
text-align:right;
width:100%;
height:15px;
margin-bottom:20px;
}
*:first-child+html #closeplan {
text-align:right;
min-width:600px;
width:auto !important; 
max-width:100%;
height:20px;
margin-bottom:20px;
}*/
/*publicity*/

#pubwrap{
clear:both;
margin-bottom:20px;
max-width:1600px;
margin-bottom:20px;
}

#pub1{
width:32%;
min-width:320px;
min-height:180px;
margin:0px;
float:left;
margin-right:20px;
margin-bottom:20px;
}

*:first-child+html #pub1 {
width:32%
  width:320px; 
   min-height:180px; 
  height:auto !important; 
  height:200px; 
float:left; 
margin-right:20px;
margin-bottom:20px;
}


#pub2{
width:32%;
min-width:320px;
min-height:180px;
margin:0px;
float:left;
margin-right:20px;
margin-bottom:20px;
}

*:first-child+html #pub2 {

  width:320px;
     min-height:200px; 
  heijght:auto !important; 
  height:180px 
float:left;
margin-right:20px;
margin-bottom:20px;
}

#pub3{
width:32%;
min-width:320px;
min-height:180px;
margin:0px;
float:left;
margin-bottom:20px;
}

*:first-child+html #pub3 {

  width:318px; 
   min-height:180px; 
  height:auto !important; 
  height:200px
float:left; 
}

/*contact見出し*/
#contactlogo{
clear:both;
width:100%;
height:10px;
margin-bottom:10px;
padding-top:10px;

}
.contactlogoimg{
margin-top:15px;
}
/*Company info*/
#companylogo{
clear:both;
width:100%;
height:50px;
margin-bottom:10px;
padding-top:10px;

}