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

/* -------WORKS INDEX CONTENTS------- */

#mainImage_works {
	height: 174px;
	width: 950px;
	background-image: url(../images/work/mainImg_works.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#works {
	width: 695px;
	background-color: #FFFFFF;
}

#works h3.title_house {
	background-image: url(../images/work/works_title01.jpg);
	background-repeat: no-repeat;
	height: 39px;
	width: 695px;
	text-indent: -9999px;
}

#works h3.title_apartment {
	background-image: url(../images/work/works_title02.jpg);
	background-repeat: no-repeat;
	height: 39px;
	width: 695px;
	text-indent: -9999px;
}

#works h3.title_plant {
	background-image: url(../images/work/works_title03.jpg);
	background-repeat: no-repeat;
	height: 39px;
	width: 695px;
	text-indent: -9999px;
}

#works h3.title_musium {
	background-image: url(../images/work/works_title04.jpg);
	background-repeat: no-repeat;
	height: 39px;
	width: 695px;
	text-indent: -9999px;
}

#works h3.title_hoyou {
	background-image: url(../images/work/works_title05.jpg);
	background-repeat: no-repeat;
	height: 39px;
	width: 695px;
	text-indent: -9999px;
}

#works h3.title_office {
	background-image: url(../images/work/works_title06.jpg);
	background-repeat: no-repeat;
	height: 39px;
	width: 695px;
	text-indent: -9999px;
}


#works h3.title_plan {
	background-image: url(../images/work/works_title07.jpg);
	background-repeat: no-repeat;
	height: 39px;
	width: 695px;
	text-indent: -9999px;
}

#works h3.title_sign {
	background-image: url(../images/work/works_title08.jpg);
	background-repeat: no-repeat;
	height: 39px;
	width: 695px;
	text-indent: -9999px;
}

#works h3.title_other {
	background-image: url(../images/work/works_title09.jpg);
	background-repeat: no-repeat;
	height: 39px;
	width: 695px;
	text-indent: -9999px;
}


#works h3.title_clinic {
	background-image: url(../images/work/works_title10.jpg);
	background-repeat: no-repeat;
	height: 39px;
	width: 695px;
	text-indent: -9999px;
}


#works h3.title_complex {
	background-image: url(../images/work/works_title11.jpg);
	background-repeat: no-repeat;
	height: 39px;
	width: 695px;
	text-indent: -9999px;
}


#works h3.title_project {
	background-image: url(../images/work/works_title12.jpg);
	background-repeat: no-repeat;
	height: 39px;
	width: 695px;
	text-indent: -9999px;
}

#works h3.title_competition {
	background-image: url(../images/work/works_title13.jpg);
	background-repeat: no-repeat;
	height: 39px;
	width: 695px;
	text-indent: -9999px;
}


#works .thumbSet {
	padding-top: 10px;
	padding-left: 10px;
}
#works .thumbSet .thumbBox {
	width: 157px;
	padding-top: 4px;
	padding-bottom: 5px;
	padding-left: 4px;
	background-image: url(../images/work/line_dot.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	height: 241px;
	background-color: #E4E4E4;
	padding-right: 4px;
	float: left;
	margin-right: 5px;
	overflow: visible;
}


#works .thumbSet .thumbBox .thumbNail {
	background-image: url(../images/work/work_img02.jpg);
	background-repeat: no-repeat;
	padding-bottom: 6px;
	height: 103px;
	width: 157px;
}
#works .thumbSet .thumbBox .detail {
	height: 113px;
	overflow: visible;
}
#works .thumbSet .thumbBox dt {
	color: #244D83;
	font-size: 12px;
	line-height: 125%;
	font-weight: bold;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	text-indent: 0px;
	width: 153px;
}
#works	 .thumbSet	 .thumbBox	 dd	{
	line-height: 125%;
	text-indent: 0px;
	text-decoration: none;
	padding: 0px;
	width: 153px;
	margin: 0px;
}
#works .thumbSet .thumbBox .more {
	padding-left: 89px;
}


#works .thumbSet .thumbBox2 {
	width: 157px;
	padding-top: 4px;
	padding-bottom: 5px;
	padding-left: 4px;
	background-image: url(../images/work/line_dot.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	height: 105px;
	background-color: #E4E4E4;
	padding-right: 4px;
	float: left;
	margin-right: 5px;
	overflow: visible;
}

#works .thumbSet .thumbBox2 .detail {
	height: 105px;
	overflow: visible;
}
#works .thumbSet .thumbBox2 dt {
	color: #244D83;
	font-size: 12px;
	line-height: 125%;
	font-weight: bold;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	text-indent: 0px;
	width: 153px;
}
#works	 .thumbSet	 .thumbBox2	 dd	{
	line-height: 125%;
	text-indent: 0px;
	text-decoration: none;
	padding: 0px;
	width: 153px;
	margin: 0px;
}



/* -------WORKS DETAIL CONTENTS------- */

#worksDetail {
	width: 695px;
	background-color: #FFFFFF;
	padding-bottom: 20px;
	margin-bottom: 10px;
}
#worksDetail .container {
	padding-top: 20px;
	padding-left: 20px;
}

#worksDetail	.container .worksImg {
	height: 249px;
	width: 652px;
	padding-bottom: 10px;
}
#worksDetail .container h4 {
	background-image: url(../images/work/worksDetail_title01.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 20px;
	width: 652px;
}
#worksDetail .container dl {
	width: 652px;
}
#worksDetail .container dt {
	float: left;
	width: 142px;
	padding-right: 5px;
	padding-left: 2px;
	line-height: 125%;
	padding-top: 10px;
	padding-bottom: 16px;
}
#worksDetail .container dd {
	width: 498px;
	padding-left: 5px;
	float: left;
	line-height: 125%;
	padding-top: 10px;
	padding-bottom: 16px;
}
#worksDetail .container .thumbSet {
	width: auto;
	margin-top: 10px;
}
#worksDetail .container .thumbSet .thumbNail {
	height: 100px;
	width: 148px;
	float: left;
	padding-right: 20px;
	background-repeat: no-repeat;
}



#otherWorks {
	width: 695px;
	background-color: #FFFFFF;
	padding-bottom: 15px;
}


#otherWorks .thumbSet {
	padding-top: 10px;
	padding-left: 10px;
}
#otherWorks .thumbSet .thumbBox {
	width: 157px;
	padding-top: 4px;
	padding-bottom: 5px;
	padding-left: 4px;
	background-image: url(../images/work/line_dot.jpg);
	background-position: bottom;
	background-repeat: no-repeat;
	height: 241px;
	padding-right: 4px;
	float: left;
	margin-right: 5px;
	overflow: visible;
}
#otherWorks .thumbSet .thumbBox .thumbNail {
	background-image: url(../images/work/work_img02.jpg);
	background-repeat: no-repeat;
	padding-bottom: 6px;
	height: 103px;
	width: 157px;
}
#otherWorks .thumbSet .thumbBox .detail {
	height: 113px;
	overflow: visible;
}
#otherWorks .thumbSet .thumbBox dt {
	color: #244D83;
	font-size: 12px;
	line-height: 125%;
	font-weight: bold;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	text-indent: 0px;
	width: 153px;
}
#otherWorks	 .thumbSet	 .thumbBox	 dd	{
	line-height: 125%;
	text-indent: 0px;
	text-decoration: none;
	padding: 0px;
	width: 153px;
	margin: 0px;
}
#otherWorks .thumbSet .thumbBox .more {
	padding-left: 89px;
}