@charset"UTF-8";

/*========================================================

Author and Copyright

Author: masateru tagawa (http://at-will.net)
Created: 2008-2.07
Modified: 2008-2.07
Copyright: masateru tagawa

========================================================*/

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

	contents_area
		├pankuzu
		├contents_right
		└
		　　

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

div#contents_area{
	float: right;
	width: 600px;
	text-align: left;
	}
	
div#contents_area hr{
	color : #FFFFFF;
	border-top : solid #999999 1px;
	margin:5px 0px 5px 0px;
	}


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

	pankuzu

--------------------------------------------------------*/
	
#pankuzu ul{
	text-align: right;
	margin: 10px 20px 20px 20px;
	list-style: none;
}

#pankuzu li{
	font-size:0.77em;
	display: inline;
}

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

	contents_right

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

#contents_right{
	width: 560px;
	text-align: left;
	background-color:#ffffff;
	margin: 0px 20px 0px 20px;
	}


#contents_right h2.caseTitle {
	font-size:1.231em;
	font-weight:bold;
	line-height: 62px;
	background:url(../img/title_case_01.jpg) no-repeat;
	padding:3px 0px 0px 15px;
	margin:0px 0px 15px 0px;
}

#contents_right h2.category {
	font-size:1.231em;
	font-weight:bold;
	line-height: 100%;
	height:34px;
	background:url(../img/title_category.jpg) no-repeat;
	padding:3px 0px 0px 58px;
	margin:0px 0px 15px 0px;
}

#contents_right h2.caseToppage {
	vertical-align:bottom;
	margin:0px 0px 15px 0px;
	}

#contents_right h2.newCase {
	font-size:1.231em;
	font-weight:bold;
	line-height: 100%;
	height:34px;
	background:url(../img/title_newcase.jpg) no-repeat;
	padding:3px 0px 0px 82px;
	margin:0px 0px 15px 0px;
}

#contents_right h2.serchResult {
	font-size:1.231em;
	font-weight:bold;
	line-height:100%;
	height:29px;
	background:url(../img/title_serchresult.gif) no-repeat;
	padding:0px 0px 0px 0px;
	margin:0px 0px 15px 0px;
}


#contents_right p.read {
	line-height:1.8;
	text-align:left;
	margin-bottom:1em;
	}

#contents_right p.read-Center {
	line-height:1.8;
	text-align:center;
	margin-bottom:1em;
	}

#contents_right p.serchResultsort {
	line-height:1.8;
	text-align:right;
	margin-bottom:2em;
	}

#contents_right p strong.red {
	color:#C10C21;
	font-weight:bold;
	}

#contents_right p.caseTop {
	line-height:1.8;
	text-align:center;
	margin:1.5em 0px 1.5em 0px;
	}

div#contents_right .guideBox{
	height:30px;
	padding:10px 0px 5px 0px;
	border-top:#333333 dotted 1px;
		}
	
div#contents_right .guideBox ul{
	margin:0px;
	padding:0px;
		}
	
div#contents_right .guideBox li{
	float:left;
	margin:0px;
	padding:0px;
	list-style:none;
		}

div#contents_right .guideBox li.oldlist{
	text-align:left;
	width:40%;
		}

div#contents_right .guideBox li.alllist{
	text-align:center;
	width:20%;
		}

div#contents_right .guideBox li.newlist{
	text-align:right;
	width:40%;
		}
	
/***　searchResultCondition ***/

.searchResultCondition {
	float:left;
	display:inline;/*IE対策*/
	margin:0px 20px 15px 0px;
}

.searchResultCondition h4{
		font-weight:bold;
		margin-bottom:5px;
}

.searchResultCondition p.searchResultPrice{
		padding-top:8px;
		font-size:1.231em;
		font-weight:bold;
}

.searchResultCondition li{
	display:inline;
}

/***　searchResult-toggle ***/

div#searchResult-toggle{
	margin:0px 0px 25px 0px;
	}

p.searchResult-toggle-head{
	clear:both;
	text-align:right;
	margin:0px 0px 7px 0px;
}

p.searchResult-toggle-head a{
	background:url(../img/mushimegane.gif) no-repeat;
	padding:0px 0px 3px 13px;
	}

div.searchResult-toggle-body{
	clear:both;
	border:solid 1px #DEDEC7;
	background:#F4F1E7;
	padding:17px 10px 10px 10px;
	margin:0px;
}
	

/***　reformCaseSearchWrap　***/
	
#reformCaseSearchWrap{
	position:relative;
	margin:0px 0px 20px 0px;
	}

#reformCaseSearchWrap h2{
	margin:0px 0px 5px 0px;
	}

#reformCaseSearchWrap p.caseNumber{
	font-size:1.08em;
	position:absolute;
	top:0px;
	margin:0px 0px 5px 0px;
	right: 0px;
	}

#reformCaseSearchWrap p.caseNumber span{
	color:#C10C20;
	font-weight:bold;
	font-size:1.31em;
	margin:0px 3px 0px 3px;
	}

/***　reformCaseSearch ***/


#reformCaseSearch{	
border:solid 1px #DEDEC7;
	background:#F4F1E7;
	padding:17px 10px 10px 10px;
	margin:0px 0px 20px 0px;
	zoom:1; /*clearfix用*/
	}
	
#reformCaseSearch:after{ /*clearfixです。*/
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

#reformCaseSearch h4{
	clear:both;
	font-weight:bold;
	line-height:16px;
	padding:0px 0px 0px 20px;
	margin:5px 7px 1em 7px;
	}

#reformCaseSearch h4.step01{
	background:url(../img/title_search02.gif) no-repeat;
	}

#reformCaseSearch h4.step02{
	background:url(../img/title_search03.gif) no-repeat;
	}

#reformCaseSearch h4.step03{
	background:url(../img/title_search04.gif) no-repeat;
	}
	
#reformCaseSearch h4.step04{
	background:url(../img/title_search05.gif) no-repeat;
	}
	
#reformCaseSearch p{
	margin:8px 7px 18px 7px;
	}

#reformCaseSearch ul{
	margin:0px 0px 18px 0px;
	zoom:1; /*clearfix用*/
	}
	
#reformCaseSearch ul:after{ /*clearfixです。*/
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

#reformCaseSearch li{
	padding:0px 0px 7px 0px;
	margin:0px 7px 0px 7px;
	float:left;
	display:inline; /*IE対策*/	
	}
	

/***　caseTextWrapper　***/

.caseTextWrapper{
	width:560px;
	margin:0px 0px 20px 0px;
	zoom:1; /*clearfix用*/
	}
	
.caseTextWrapper:after{ /*clearfixです。*/
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

.caseTextWrapper h2.caseTitle {
	clear:both;
	font-size:1.231em;
	font-weight:bold;
	line-height: 62px;
	background:url(../img/title_case_01.jpg) no-repeat;
	padding:3px 0px 0px 15px;
	margin:0px 0px 15px 0px;
}

.caseTextWrapper h2.caseTitle a{
	color:#333333;
}

.caseTextWrapper h2.caseTitle a:hover{
	color:#333333;
	text-decoration:none;
}



.caseTextWrapper h3.caseTitle {
	font-size:1.231em;
	font-weight:bold;
	line-height: 62px;
	background:url(../img/title_case_01.jpg) no-repeat;
	padding:3px 0px 0px 15px;
	margin:0px 0px 15px 0px;
}

.caseTextWrapper h3.caseTitle a{
	color:#333333;
}

.caseTextWrapper h3.caseTitle a:hover{
	color:#333333;
	text-decoration:none;
}


/***　caseTextLeft　***/

.caseTextLeft{
	float:left;	
	width: 175px;
	display:inline;/* IE対策 */
	margin:0px 20px 0px 0px;
	}
	
.caseTextLeft p.caseSection{
	text-align:center;
	margin:0px 0px 10px 0px;
	}

.caseTextLeft p.caseSection{
	text-align:center;
	margin:0px 0px 10px 0px;
	}
	
.caseTextLeft p.finishedPhoto{
	text-align:center;
	margin:0px 0px 10px 0px;
	}

.caseTextLeft p.buildType{
	text-align:center;
	margin:0px 0px 10px 0px;
	}

.caseTextLeft p.price{
	font-size:1.08em;
	text-align:center;
	margin:0px 0px 11px 0px;
	}

.caseTextLeft p.price span{
	font-size: 1.539em;
	font-weight:bold;
	color:#C10C21;
	}

	
.caseTextLeft p.type-allremodel{
	margin:0px 0px 15px 0px;
	background-image: url(../img_type/type_allremodel.jpg);
	line-height:45px;
	text-indent:-9999px;
	}

.caseTextLeft p.kansei{
	margin:0px 0px 5px 0px;
	}

.caseTextLeft p.namae{
	text-align:center;
	font-size:1em;
	line-height:1.8em;
	margin:0px 0px 5px 0px;
	}

/***　case-info　***/	

.case-info{
	background:#F4F1E7;
	padding:13px;
	}

.case-info h4{
	font-weight:bold;
	line-height:1.8em;
	background:url(../img/title_bg01.gif) no-repeat 0px 7px ;
	padding:0px 0px 0px 11px;
	}
	

.case-info p{
	line-height:1.8em;
	margin:0px 0px 5px 11px;
	}	
	
.case-info ul{
	line-height:1.8em;
	margin:0px 0px 5px 11px;
	}	

/***　caseTextRight　***/
	
.caseTextRight{
	float:right;
	display:inline;/* IE対策 */
	width: 365px;
	}
	
.caseTextRight h2{
	font-weight:bold;
	line-height: 34px;
	margin:0px 0px 12px 0px;
	padding:3px 0px 0px 10px;
	}

.caseTextRight h3{
	font-weight:bold;
	line-height: 34px;
	margin:0px 0px 12px 0px;
	padding:3px 0px 0px 10px;
	}

.caseTextRight h4{
	font-weight:bold;
	line-height: 34px;
	margin:0px 0px 12px 0px;
	padding:3px 0px 0px 10px;
	}
	
.caseTextRight h3.motive{
	background:url(../img/title_motive.jpg) no-repeat;
	}

.caseTextRight h4.motive{
	background:url(../img/title_motive.jpg) no-repeat;
	}
	
.caseTextRight h3.propose{
	background:url(../img/title_propose.jpg) no-repeat;
	}
	
.caseTextRight h3.point{
	background:url(../img/title_point.jpg) no-repeat;
	}

.caseTextRight h3.voice{
	background:url(../img/title_voice.jpg) no-repeat;
	}

.caseTextRight h3.ReformPart{
	line-height: 1.8;
	margin:0px 0px 12px 0px;
	padding:0px 0px 0px 0px;
	border-bottom:#60A8D1 solid 3px;
	}

.caseTextRight h4.ReformPart{
	line-height: 1.8;
	margin:0px 0px 12px 0px;
	padding:0px 0px 0px 0px;
	border-bottom:#60A8D1 solid 3px;
	}
	
.caseTextRight p{
	line-height:1.8;
	margin:0px 0px 1.5em 0px;
	}
	
.caseTextRight p.nextlink{
	text-align:right;
	line-height:1.8;
	
	}

.caseTextRight p.nextlink a{
	background:url(../img/othercase_li_bg.jpg) no-repeat;
	padding:2px 0px 3px 22px;
	}
	
	
.caseTextRight ul{
	margin:0px 0px 1.5em 0px;
	}
	
.caseTextRight li{
	padding:0px 6px 0px 7px;
	margin:0px 0px 10px 0px;
	float:left;
	display:inline; /*IE対策*/	
	}

/***　caseReformPart　***/
	
.caseReformPart{
	border:solid 1px #DEDEC7;
	background:#F4F1E7;
	padding:10px 10px 10px 10px;
	margin:0px 0px 20px 0px;
	zoom:1; /*clearfix用*/
	}
	
.caseReformPart:after{ /*clearfixです。*/
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
	
.caseReformPart h3{
	font-weight:bold;
	margin:5px 0px 20px 10px;
	padding:0px 0px 0px 5px;
	border-left:3px #00429A solid;
	}
	

.caseReformPart li{
	padding:0px 0px 7px 0px;
	margin:0px 7px 0px 7px;
	float:left;
	display:inline; /*IE対策*/	
	}


/***　jirei　***/


.jirei{
	border:solid 1px #DEDEC7;
	background:#F4F1E7;
	padding:17px 0px 17px 17px;
	margin:0px 0px 1.5em 0px;
	zoom:1; /*clearfix用*/
	}
	
.jirei:after{ /*clearfixです。*/
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}

.jirei h4{
	clear:both;
	text-align:left;
	line-height:1.8;
	font-weight:bold;
	color:#00429A;
	margin:0px;
	}

.jirei p{
	line-height:1.8;
	text-align:left;
	margin:0px 0px 0px 0px;
	}

.jireiPhoto200px{
	width:200px;
	margin:0px 17px 0px 0px;
	float:left;
	display:inline; /*IE対策*/	
	}

.jireiPhoto307px{
	width:307px;
	margin:0px 17px 0px 0px;
	float:left;
	display:inline; /*IE対策*/	
	}

.jireiPhoto307px-c{
	margin:auto;
	clear:both;
	width:307px;
	text-align:center;
	}
	
/***　caseColumn　***/

.caseColumn table {
	width:100%;
	line-height:1.8;
	border:solid #CCCCCC 1px;
	border-collapse:collapse;
	border:none;
	margin:0px 0px 1.5em 0px;
}

.caseColumn table th {
	border:solid #CCCCCC 1px;
	background-color:#F4F1E7;
	text-align:center;
	padding:4px;
}

.caseColumn table td {
	border:solid #CCCCCC 1px;
	padding:4px;
	text-align:center;
}


.caseColumn h4.tablecaption{
	clear:both;
	text-align:left;
	line-height:1.8;
	font-weight:bold;
	color:#00429A;
	margin:0px;
	}




/***　advice　***/

.advice h3{
	font-weight:bold;
	background:url(../img/title_advice.jpg) no-repeat;
	line-height:36px;
	margin-bottom:1em;
	padding:3px 0px 0px 20px;
}

.advice p{
	line-height:1.8;
	margin:0px 0px 1.5em 0px;
}

/***　otherCase　***/

.otherCase h3{
	font-weight:bold;
	background:url(../img/title_othercase.jpg) no-repeat;
	line-height:36px;
	margin-bottom:1em;
	padding:3px 0px 0px 20px;
}


.otherCase ul{
	margin-bottom:1em;
}


.otherCase li{
	line-height:1.8;
	background:url(../img/othercase_li_bg.jpg) no-repeat;
	padding:0px 0px 0px 22px;
}


/***　casePager　***/

#casePager{
	text-align:center;
	border-top:1px dotted #666666;
	padding:5px 0px 0px 0px;
}


#casePager p{
	line-height:1.8;
	margin-bottom:0.5em;
}

#casePager p span{
	color:#B50E20;
	font-weight:bold;
	}