@charset "utf-8";

/*----------------------------------------------------

	リフォーム

----------------------------------------------------*/

.Reform p {
	text-align:left;
	margin:0 10px 10px 10px;
}

.Reform li {
	clear:both;
}

.Reform li h3 {
	font-size:120%;
	text-align:left;
	color:#FFF;
	padding:5px 5px 5px 10px;
	margin:15px 5px 10px 5px;
	background:#81BE37;
}

.Reform li a {
	display:block;
	font-size:85%;
	margin:5px 0 20px 2px;
	background:url(../common/images/icon/icon_arrow_01.gif) no-repeat 0 8px;
	_background:url(../common/images/icon/icon_arrow_01.gif) no-repeat 0 7px;
	padding-left:12px;
}


/*----------------------------------------------------

	リフォームについて

----------------------------------------------------*/

.About p {
	text-align:left;
	margin:0 10px 10px 10px;
}

.About ul.list {
	clear:both;
	margin:10px 0 0 10px;
	overflow:hidden;
	_zoom:1;
}

.About ul.list li {
	float:left;
	background:#E8E6E1;
	border:1px solid #D4D0C8;
	padding:10px;
	margin:0 10px 0 0;
	width:302px;
	_width:315px;
	overflow:hidden;
	_zoom:1;
}

.About ul.list li dl {
	text-align:left;
}

.About ul.list li dt {
	font-size:120%;
	font-weight:bold;
	border-bottom:1px solid #CCC;
	padding:0 5px 5px 5px;
	margin-bottom:5px;
}

.About ul.list li dt a {
	color:#008650;
}

.About ul.list li dd {
	font-size:85%;
	padding:0 5px;
}

.About .explain {
	text-align:left;
	border:1px solid #CCC;
	padding:1px;
	margin:0 10px 10px 10px;
	overflow:hidden;
	_zoom:1;
}

.About .explain h3 {
	clear:both;
	color:#FFF;
	background:#81BE37;
	padding:4px 0 4px 6px;
	margin-bottom:10px;
}

.About .explain dl {
	font-size:85%;
	margin:0 0 0 10px;
}

.About .explain dt {
	font-weight:bold;
	color:#414174;
}

.About .explain dd { margin-bottom:10px; }

.About .explain table.short,
.About .explain table.long,
.About .explain table.double {
	font-size:85%;
	line-height:150%;
	margin:0 0 10px 10px;
	border-collapse:collapse;
}

.About .explain table.short  th,
.About .explain table.long   th,
.About .explain table.double th {
	vertical-align:top;
	font-weight:normal;
	padding:3px 6px;
	background:#DCEEC6;
	border:1px solid #FFF;
}

.About .explain table.short  th { width:240px; }
.About .explain table.long   th { width:304px; }
.About .explain table.double th { width:172px; }

.About .explain table.short  td,
.About .explain table.long   td,
.About .explain table.double td {
	vertical-align:top;
	padding:3px 6px;
	background:#EEE;
	border:1px solid #FFF;
}

.About .explain table.short  td { width:200px; }
.About .explain table.long   td { width:304px; }
.About .explain table.double td { width:120px; }

.About .explain p {
	font-size:85%;
	margin:-5px 14px 10px 14px;
}


.About ul.comment li {
	font-size:85%;
	line-height:160%;
	text-align:left;
	margin:0 15px 5px 30px;
	text-indent:-1em;
}


/*----------------------------------------------------

	リフォームの流れ

----------------------------------------------------*/

.Schedule p {
	text-align:left;
	margin:0 10px 10px 10px;
}

.Schedule p.comment {
	font-size:85%;
	margin-top:15px;
}


/*----------------------------------------------------

	実例集

----------------------------------------------------*/

.Example .explain {
	text-align:left;
	border:1px solid #CCC;
	padding:1px;
	margin:0 10px 10px 10px;
}

.Example .explain h3 {
	clear:both;
	color:#FFF;
	background:#81BE37;
	padding:4px 0 4px 6px;
	margin-bottom:10px;
}

.Example .explain dl {
	font-size:85%;
	margin:0 0 0 10px;
}

.Example .explain dt {
	font-weight:bold;
	color:#414174;
}

.Example .explain dd { margin-bottom:10px; }



/*----------------------------------------------------

	専門家の声

----------------------------------------------------*/