body {

font-size:80% ;
line-height: 150%;



  text-align : center; /* バグを利用してブロックレベル要素をセンタリング */
}
div#container {
  width : 950px;       /* コンテンツ幅を950pxに設定 */
  margin-left : auto;  /* 左側のマージンを自動算出 */
  margin-right : auto; /* 右側のマージンを自動算出 */
  text-align : left;   /* body要素で指定したセンタリングを戻す */

}
div#primary-column {
  float : left;        /* プライマリーカラム（メニュー等）を左側に回り込ませる */
  width : 200px;       /* 幅を200pxに設定 */
  margin-top : 20px; 
  text-align : left;


}
div#secondary-column {
  float : right;       /* セカンダリーカラム（記事等）を右側に回り込ませる */
  width : 750px;       /* 幅を750pxに設定 */
  margin-top : 20px;
  text-align : left;
}

div#footer-column { 
  margin-top : 20px;
  clear : both;        /* 全ての回り込みの解除 */
}

a:link { color : black;	text-decoration : none;}
a:visited {color : black; text-decoration : none;}
a:hover	{color : #8080FF;}


/*トップメニュー*/

.topmenu a{ 
    text-align: center;
    color:#eeeeee;
    text-decoration : none;
    display:block;
    width:158px; 
    height:30px; 
    background-repeat:repeat; 
    background-image:url("image/backimg002.gif");
    line-height: 30px;
    vertical-align: middle; 
} 

.topmenu a:visited{ 
    color:#eeeeee;
} 

.topmenu a:hover{ 
    background-image:url("image/backimg001.gif"); 
    color:black;
} 

.topmenu-ac  a{ 
    text-align: center;
    color:#990000;
    text-decoration : none;
    display:block;
    width:158px; 
    height:30px; 
    background-repeat:repeat; 
    background-image:url("image/backimg001.gif");
    line-height: 30px;
    vertical-align: middle; 
} 

.topmenu-ac a:hover{ 
    background-image:url("image/backimg001.gif"); 
    color:black;
} 



.topmenu-b { 
    background-image:url("image/backimg002.gif"); 
    width:2px; 
    height:30px; 
} 


/*フッター*/
#footer-column {text-align: right;}
#footer-column a:link { color : black;	text-decoration : none;}
#footer-column a:visited {color : black; text-decoration : none;}
#footer-column a:hover	{color : #8080FF;}

#base-footer { 
    background-image:url("image/backimg001.gif"); 
    width:950px; 
    text-align: right;
} 




/*表のプロパティ*/
.hyo1 { 
border-bottom-width: 1px; border-bottom-color: #CCCCCC; border-bottom-style: solid;
}

.lh180 {
line-height: 180%;
vertical-align: top; 

}

.staff {
padding-bottom: 20px;
}


/*開閉プロパティ*/

.oc1 { cursor:pointer;  }
.subtitle1 { cursor:pointer; }
.subdiv {
 display:none;  
 margin-left:50px; 
 margin-top: 16px ;
 }
.subdiv2 {
 display:none;  
 margin-left:10px; 
 margin-top: 16px ;
 }

.subdivindex {
 display:none;  
 margin-left:0px; 
 margin-top: 0px ;
 } 
 
/*右側タイトルとか*/

.title1 { 
    
    font-size: 120%;
    display:block;
    width:730px; 
    height:50px; 
    padding-left:20px;
    margin-top: 20px ;
    margin-bottom: 20px ;
    background-repeat:repeat; 
    background-image:url("image/backimg007.gif");
    background-position: center;
    line-height: 50px;
    vertical-align: middle; 
} 

/*施工例　新築　木造・鉄骨・HABITAのところ*/

.nex-top {
text-align: center;
height: 24px;
width: 249px;
background-color: #DCDCDC;
background-image: url("image/backimg007.gif");
background-position: center center;
padding: 2px;
border-width: 0px;
margin: 0px;
}
.nex-top2 {
vertical-align: top;
height: 200px;
width: 249px;
padding: 2px;
border-width: 0px;
margin: 0px;
}

/*施工例プレート*/

.ex01 a{
color: #000000;
text-decoration: none;
padding: 0px;
border-width: 0px;
height: 180px;
width: 245px;
display: block;
vertical-align: top;
} 

.ex01 a:visited{ 
    color:black;
} 

.ex01 a:hover{
filter: Alpha(opacity=80);
}  

.ex01-1 {
color: #FFFFFF;
padding: 2px;
border-width: 0px;
background-color: #FFFFFF;
background-image: url("image/backimg009.gif");
background-position: center center;
}


.ex001 a{
color: #000000;
text-decoration: none;
height: 180px;
width: 730px;
filter: Alpha(opacity=100);
background-image: url("image/exback001.jpg");
background-repeat: no-repeat;
display: block;
} 

.ex001 a:visited{ 
    color:black;
} 

.ex001 a:hover{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: “alpha( opacity=60 )”;
-moz-opacity:0.60;
}  

.ex001t {
margin-top: 20px;
margin-right: 45px;
margin-left: 45px;
border-bottom-width: 1;
border-bottom-color: #dddddd;
border-bottom-style: dotted;
height: 20px;
width: 630px;
}
.ex001l {
margin-top: 5px;
margin-bottom: 2px;
padding-left:45px;
float : left;

width : 200px;
height:70px;
}
.ex001r {
margin-top: 5px;
margin-bottom: 2px;
padding-right:45px;
margin-left: 20px;
float : right;
width : 420px;
height:70px;
}
.ex001f {
margin-left:45px;
margin-right:60px;
border-top-width: 1;
border-top-color: #dddddd;
border-top-style: dotted;
width : 630 ;
clear: both;
}

/*施工例プレートロング*/

.ex002 a{

color: #000000;
line-height: 135%;

text-decoration: none;
height: 206px;
width: 730px;
filter: Alpha(opacity=100);
background-image: url("image/exback002.gif");
background-repeat: no-repeat;
display: block;
} 

.ex002 a:visited{ 
    color:black;
} 

.ex002 a:hover{ 
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: “alpha( opacity=60 )”;
-moz-opacity:0.60;
    color:black;
}  

.ex002t {
margin-top: 15px;
margin-right: 45px;
margin-left: 45px;
border-bottom-width: 1;
border-bottom-color: #dddddd;
border-bottom-style: dotted;
height: 20px;
width: 630px;
}


.ex002l {
margin-top: 5px;
margin-bottom: 2px;
padding-left:45px;
float : left;

width : 200px;
height:110px;
}
.ex002r {
margin-top: 5px;
margin-bottom: 2px;
padding-right:45px;
margin-left: 20px;
float : right;
width : 420px;
height:110px;
}

/*施工例プレートロングEND*/

.ex003 a{

color: #000000;
line-height: 135%;

text-decoration: none;
height: 215px;
width: 730px;
filter: Alpha(opacity=100);
background-image: url("image/exback002.gif");
background-repeat: no-repeat;
display: block;
} 
.ex003 a:visited{ 
    color:black;
} 

.ex003 a:hover{ 
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: “alpha( opacity=60 )”;
-moz-opacity:0.60;
    color:black;
}  



/*エレベーターメニュー*/
.time{behavior: url(#default#time2);}

