@charset "shift_jis";

/* 施工例一覧ページ上部タブ */
#WksTab{
  background:url(image/WksTabBack544.gif) no-repeat;
	width:544;
	height:40px;
	margin: 0 8px 16px 8px;
	padding: 0px 0px 0px 16px;
}

/* 住まい手の声 リード文 */
#VicLead{
  padding: 0 8px 16px 24px;
}

/* 施工例・住まい手の声 : サブタイトル */
.WksSubTitle{
  color : #360;
  height:27px;
	background-image: url(image/WksSubTitleBack544.gif);
	background-repeat: no-repeat;
	padding: 5px 16px 0 32px;
	margin: 0 8px 0 8px;
}
.WksSubTitle SPAN{
  font-size: x-small;
	color:#635349;
}

/* 住まい手の声一覧 */
TABLE#VicList{ color:#635349; }
TABLE#VicList TD{
 padding:16px;
 width:248px;
 border: 0px;
}
TABLE#VicList TD .VicPic{
  float:right;
  margin: 0 0 8px 8px; 
}

/* 施工例一覧 */
TABLE.WksTable{
  margin: 0 0 0 16px;
  color:#FFF;
}
TABLE.WksTable A:link, 
TABLE.WksTable A:visited{ color:#FFF; }
TABLE.WksTable A:hover{color : #FC0; }

/* 施工例一覧(グレー) */
TABLE.WksTable TD.Wks1{
  text-align:center;
  width:168px;
  background-color: #666;
}
TABLE.WksTable TD.Wks1 IMG{
	border-right: 1px solid #767676;  
	border-left: 1px solid #767676;
}
TABLE.WksTable .WksCatch1{
  background-color: #999;
  width:168px;
	margin:0px;
	padding:24px 0 0 0;
	height:24px;
	border-top: 1px solid #767676;
	border-right: 1px solid #767676;  
	border-left: 1px solid #767676;
}

/* 施工例一覧(オレンジ) */
TABLE.WksTable TD.Wks2{
  text-align:center;
  width:168px;
  background-color: #F90;
}

TABLE.WksTable TD.Wks2 IMG{
	border-right: 1px solid #F90;  
	border-left: 1px solid #F90;
}
TABLE.WksTable .WksCatch2{
  background-color: #FFA346;
  width:168px;
	margin:0px;
	padding: 80px 0 0 0;
	height:24px;
	border-top: 1px solid #F90;
	border-right: 1px solid #F90;
	border-left: 1px solid #F90;
}

/* 施工例一覧(緑) */
TABLE.WksTable TD.Wks3{
  text-align:center;
  width:168px;
  background-color: #090;
}

TABLE.WksTable TD.Wks3 IMG{
	border-right: 1px solid #19A319;  
	border-left: 1px solid #19A319;
}
TABLE.WksTable .WksCatch3{
  background-color: #59C059;
  width:168px;
	margin:0px;
	padding:24px 0 0 0;
	height:24px;
	border-top: 1px solid #19A319;
	border-right: 1px solid #19A319;  
	border-left: 1px solid #19A319;
}





.WksName{
  color:#FFF;
	height:36px;
  padding:8px 0 8px 0;
}




#Wrapper {
	width: 550px;
	padding-bottom: 16px;
	padding-right: 5px;
	padding-left: 5px;
}
#Wrapper IMG {
	margin: 2.5px 0 2.5px 0;
}

#Wrapper  #Left {
	float: left;
	width: 180px;
}
#Wrapper #Center {
	float: left;
	width: 180px;
	padding-right: 5px;
	padding-left: 5px;
}
#Wrapper #Right {
	float: left;
	width: 180px;
}
DIV.Content {
	position: relative;
	overflow: hidden;
}

.Content .Detail {
  float:right;
	width: 232px;
	margin: 32px 0 0 0;
}
.Content .Detail .Title {
	font-size: 1.5em;
}
.PhotoL IMG {
	border: 1px solid #999999;
}

.Thumbnail {
	padding-right: 8px;
	padding-left: 8px;
	padding-bottom: 16px;
	width: 544px;
	clear: both;
	padding-top: 24px;
	text-align: center;
}
.Thumbnail .Photo {
	float: left;
	width: 136px;
	margin-bottom: 10px;
	cursor: pointer;
}
.Thumbnail .Photo IMG {
	border: 1px solid #999999;
}





.WksPageTop{
	text-align:right;
  margin: 0 8px 2px 8px;
	padding-right: 0 4px 0 0;
	border-bottom: 1px solid #CCC;
}
.WksPageBottom{
	text-align:right;
  margin: 0 8px 2px 8px;
	padding-right: 0 4px 0 0;
	border-bottom: 1px solid #CCC;
}





.ISM {
	width: 500px;
	padding-right: 30px;
	padding-left: 30px;
	clear: both;
	position: relative;
}
.ISM .RightP {
	float: right;
}
.ISM .LeftP {
	float: left;
}
.ISM .LeftText, .ISM .RightText {
	width: 242px;
	padding-right: 8px;
	font-size: 0.95em;
}
.ISM .LeftText {
	padding-right: 8px;
	float: left;
	position: absolute;
	top: 60px;
}
.ISM .RightText {
	padding-left: 8px;
	float: right;
	position: absolute;
	top: 60px;
	left: 280px;
}
.ISM STRONG {
	color: #FF9933;
}

/* 住まい手の声 */
UL.IdxVoice {
	list-style-type: disc;
	padding-left: 24px;
	margin: 32px 0;	
}
UL.IdxVoice LI {
	line-height: 200%;
}

DIV#tab3 {
	background: #fff url(image/ImgVoice400.jpg) no-repeat right center;
	margin-bottom: 120px;
}