@charset "UTF-8";

.sidebar {
	padding-bottom:50px;
}
/* リフォーム実例　一覧
--------------------------------------------------------------*/
.unit {
	padding:20px 0 15px;
}
.unit .list3_1 {
	float:left;
	padding:0 12px 0 0;
	border-right:1px solid #e6e6e6;
	width:210px;
	margin:0 0 20px;
	margin:0 0 10px;
	*margin:0 0 10px;
	_margin:0 0 10px;
}
.unit .list3_2 {
	float:left;
	padding:0 12px 0 11px;
	border-right:1px solid #e6e6e6;
	width:210px;
	margin:0 0 20px;
	margin:0 0 10px;
	*margin:0 0 10px;
	_margin:0 0 10px;
}
.unit .list3_3 {
	float:right;
	padding:0;
	width:210px;
	margin:0 0 20px;
	margin:0 0 10px;
	*margin:0 0 10px;
	_margin:0 0 10px;
}
a.imgLink {
	float:left;
	width:102px;
}
.name {
	float:right;
	width:100px;
}
.name a {
	background:url(../../example/images/link_header.gif) top left no-repeat;
	padding:0 0 5px 10px;
	display:block;
	line-height:1.5;
}
.name p.customer {
	font-size:85%;
	text-align:right;
	line-height:1.6;
}
.unit hr {
	border:0;
	border-bottom:1px solid #e6e6e6; 
	margin:20px 0;
	margin:20px 0\9;
	*margin:-15px 0 0;
	_margin:-15px 0 0;
	
}


/* リフォーム実例　新規
--------------------------------------------------------------*/
.stitle {
	padding:15px 0 0;
}
.reformTitle{
	border-collapse:collapse;
	margin:20px 0;
	width:680px;
}
.reformTitle th {
	width:500px;
	vertical-align:middle;
	text-align:left;
}
.reformTitle h3 {
	background:none;
	margin:0;
	padding:0;
	width:500px;
	color:#006BB4;
	font-size:190%;
	line-height:1.4;
	height:auto;
}
.reformTitle td {
	vertical-align:middle;
}
.reformTitle td p {
	background:url(../../example/images/name_header.gif) left center no-repeat;
	padding:0 0 0 20px;
}
.reformTitle02{
	border-collapse:collapse;
	margin:20px 0;
	width:680px;
}
.reformTitle02 th {
	vertical-align:middle;
	text-align:left;
}
.reformTitle02 h3 {
	background:none;
	margin:0;
	padding:0;
	width:680px;
	color:#006BB4;
	font-size:190%;
	line-height:1.4;
	height:auto;
}
.customerInfo{
	border-collapse:collapse;
	margin:20px 0;
	width:680px;
	border:1px solid #c2c3c5;
}
.customerInfo th {
	background:#c4e2ff;
	vertical-align:middle;
	text-align:center;
	font-weight:normal;
}
.customerInfo td {
	background:url(../../example/images/name_bg.gif) bottom left repeat-x;
	vertical-align:middle;
	padding:5px 10px;
}
.point {
	padding:0 0 20px;
	_margin-bottom:30px;
}
.point img {
	float:left;
	width:86px;
}
.point ul{
	float:right;
	width:560px;
}
.photoImg {
	width:655px;
	height:320px;
	background:url(../../example/images/photo_bg.gif) top left no-repeat;
	padding:10px 15px 10px 10px;
}
#mainImg {
	float:left;
	width:560px;
	height:320px;
	margin:0;
}
#imgNavi {
	float:right;
	width:70px;
}
#imgNavi .navi{
	margin:15px 0 0;
	background:#e6e6e6;
	width:70px;
	height:40px;
	border:1px solid #e6e6e6;
}
.bfrft {
	padding:30px 0;
}
.plan {
	background:url(../../example/images/ba01_bg02.gif) left center no-repeat;
	padding:0 10px;
}
.plan .before {
	float:left;
	width:320px;
	text-align:center;
}
.plan .after {
	float:right;
	width:320px;
	text-align:center;
}
.plan02 {
	float:left;
	width:340px;
	text-align:center;
	padding:0 0 20px;
	background:url(../../example/images/ba02_bg02.gif) left bottom no-repeat;
}
.panel {
	float:right;
	width:320px;
}
.panel p {
	border:1px solid #666;
	padding:2px 5px;
}
/* リフォーム実例
--------------------------------------------------------------*/

.sekouarea {
	font-size:93%;
	line-height: 1.2em;
	padding: 2px;
	vertical-align: bottom;
}
.sekouarea-in {
	float:right;
	width:240px;
	font-size:93%;
	line-height: 1.2em;
	padding: 0;
	vertical-align: bottom;
}


.sekou {
	display: block;
	float: left;
	width: 6em;
	margin: 0;
	font-size:10px;
	line-height: 1.2em;
	font-weight: normal;
	padding-top:0px;

}

.sekoupoint {
	display: block;
	padding-left: 60px;
	line-height: 2em;
}


/*IE6用*/
*html .sekou {
	display: block;
	float: left;
	width: 5em;
	margin: 0;
	font-size:10px;
	line-height: 1.2em;
	font-weight: normal;
	padding-top:0;
}
*html .sekoupoint {
	display: block;
	padding-left: 55px;
	padding-top:0;
}
/*IE7用*/
*+html .sekou {
	display: block;
	float: left;
	width: 5em;
	margin: 0;
	font-size:10px;
	line-height: 1.2em;
	font-weight: normal;
	padding-top:0;
}
*+html .sekoupoint {
	display: block;
	padding-left: 55px;
	padding-top:0;
}

.living {
	width:4em;
	color:#FFFFFF;
	background-color:#F8B53C;
	padding:0.3em;
	line-height:2em;
}
.dinning {
	width:5em;
	color:#FFFFFF;
	background-color:#EA5532;
	padding:0.3em;
	line-height:2em;
}

.kitchen {
	width:4em;
	color:#FFFFFF;
	background-color:#52AE59;
	padding:0.3em;
	line-height:2em;

}
.japan {
	width:2em;
	color:#FFFFFF;
	background-color:#A67C52;
	padding:0.3em;
	line-height:2em;
}
.room {
	width:2em;
	color:#FFFFFF;
	background-color:#F14B94;
	padding:0.3em;
	line-height:2em;
}
.wc {
	width:3em;
	color:#FFFFFF;
	background-color:#187FC4;
	padding:0.3em;
	line-height:2em;
}

.san {
	width:2em;
	color:#FFFFFF;
	background-color:#33B3D1;
	padding:0.3em;
	line-height:2em;
}
.door {
	width:2em;
	color:#FFFFFF;
	background-color:#684D3C;
	padding:0.3em;
	line-height:2em;
}
.bath {
	width:2em;
	color:#FFFFFF;
	background-color:#8557A7;
	padding:0.3em;
	line-height:2em;
}
.other {
	width:3em;
	color:#FFFFFF;
	background-color:#8FCB4B;
	padding:0.3em;
	line-height:2em;
}

/* リフォーム実例詳細
--------------------------------------------------------------*/

.hmds4{
	color:#0A50A1;
	font-size:18px;
	font-weight:bold;
	margin:10px 0 10px 0;	
	padding:0 0 0px 6px;
	border-left:3px solid #0A50A1;	
}

.hmds5{
	color:#0A50A1;
	font-size:16px;
	font-weight:bold;
	line-height:1.3em;
	margin:0 0 10px 0;	
	padding:0 0 0px 6px;

}


#afterarea {
	margin:0 auto;
	width:610px;
}

.imgarea {
	float:left;
	margin-bottom:10px;
}
.afterimg {
	margin:0 auto;
	padding-bottom:2px;
}

.cap01 {
	width:320px;
	padding-left:15px;
	margin-left:10px;
	background-image:url(../../example/img/no01.gif);
	background-repeat:no-repeat;
	background-position: left 1px;
	font-size:93%;
	line-height:1.3em;
	
}

.cap01_h {
	width:250px;
	padding-left:15px;
	margin-left:10px;
	background-image:url(../../example/img/no01.gif);
	background-repeat:no-repeat;
	background-position: left 1px;
	font-size:93%;
	line-height:1.3em;
	
}
.righta{
	float:left;
	width:300px;
	padding-left:20px;
}
.hmds {
	width:300px;
}

.dataarea {
	float:right;
	width:240px;
	background-color: #F6F6F6; 
	margin-bottom:10px;
	padding-bottom:5px;
}

.dataarea_h {

	width:300px;
	background-color: #F6F6F6; 
	margin-bottom:10px;
	padding-bottom:5px;
}

.data{
	padding:10px 10px;
}

.data table{
	border-spacing:0;
	empty-cells:show;
	text-align:left;
}
.data th{
	color:#0075C1;
	padding:0.1em;
	text-align:center;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
}
.data td{
	padding:0.1em 1em;
	text-align:left;
}
table.nameArea {
	border-spacing:0;
	empty-cells:show;
	text-align:center;
	width:200px;
	margin:0 0 3px;
}
table.nameArea th {
	font-size:110%;
	color:#000;
	padding:0;
	font-weight:normal;
	background:#fff;
	margin-bottom:3px;
	padding:2px 2px 2px 5px;
	border-left:3px solid #CCC;
}

#afterdetail {
	clear:both;
	margin:auto;
	width:610px;
	padding-top:10px;
}

#afterdetail .left {
	float:left;
	width:190px;
	padding:0 0 30px;
}

.cap02 {
	width:160px;
	padding-left:15px;
	margin-left:10px;
	background-image:url(../../example/img/no02.gif);
	background-repeat:no-repeat;
	background-position: left 1px;
	font-size:93%;
	line-height:1.3em;
}
.cap03 {
	width:160px;
	padding-left:15px;
	margin-left:10px;
	background-image:url(../../example/img/no03.gif);
	background-repeat:no-repeat;
	background-position: left 1px;
	font-size:93%;
	line-height:1.3em;
}
.cap04 {
	width:160px;
	padding-left:15px;
	margin-left:10px;
	background-image:url(../../example/img/no04.gif);
	background-repeat:no-repeat;
	background-position: left 1px;
	font-size:93%;
	line-height:1.3em;
}
.cap05 {
	width:160px;
	padding-left:15px;
	margin-left:10px;
	background-image:url(../../example/img/no05.gif);
	background-repeat:no-repeat;
	background-position: left 1px;
	font-size:93%;
	line-height:1.3em;
}



#afterdetail .right{
	float:right;
	width:410px;
	padding:0 0 30px;
}

#afterdetail .madori {
	width:410px;
	margin:0 auto;
	padding-bottom:10px;
}

#afterdetail .voice {
	width:408px;
	background-color: #F6F6F6; 
	margin-bottom:10px;
	padding:0;
	border:1px solid #E2E1E0;	
}


#afterdetail .v-txt {
	width:390px;
	margin:0 auto;
	padding:10px;
}

#afterdetail .before {
	width:408px;
	background-color: #FFFFFF; 
	padding-bottom:10px;
	border:1px solid #E2E1E0;	
}
#afterdetail .b-title {
	padding:0;
}

#afterdetail ul {
	padding-left: 20px;
	list-style-type: none;
	margin-top:10px;
	margin-bottom:20px;
}
#afterdetail li {
	font-size:107%;
	font-weight:bold;
	color:#FF8C00;	
}

#afterdetail .p-before img {
	width:175px;
	padding-left: 20px;
}
.space {
	height:0;
	_height:40px;
}