@charset "Shift_JIS";

/* 3D住宅リフォームデザイナーのトップページスタイル */
/*============目次==============
　1. メインエリア
　2. 提案力UP！5つの理由
　3. 豊富なリフォーム・シミュレート機能
　4. 事例紹介と製品開発ストーリー
　5. リフォームデザイナー 最新情報
　6. プレゼンテーションソフト
==============================*/

/*===========================
■1. メインエリア
============================*/

.reformBody{
	padding-bottom:42px;
}

#reformMain{
	width: 100%;
	height: 360px;
	background: #be562b url(img/main.jpg) top center;
	text-align:center;
}
#reformMain img{
	margin-top: 130px;
}

/*===========================
■2. 提案力UP！5つの理由
============================*/

#fiveReason{
	height:660px;
}
	.reformBody #fiveReasonIn{
		position:relative;
		padding-bottom:18px;
		padding-top:78px;
		zoom:1;
	}
	#fiveReason h2{
		left:4px;
		position:absolute;
		top:47px;
	}
	#fiveList{
		margin-right:-35px;
		overflow:hidden;
		width:995px;
	}
		#fiveReason #fiveList li:first-child{
			margin-left:332px;
		}
		#fiveList li{
			margin-bottom:20px;
			margin-right:35px;
			position:relative;
			width:295px;
		}
	.fiveBtn{
		bottom:19px;
		position:absolute;
		right:17px;
	}

/*===========================
■3. 豊富なリフォーム・シミュレート機能
============================*/

#simulate{
}
#simulateIn{
	background:url(img/simulate_bg.png) no-repeat center bottom;
	padding-bottom:32px;
	position:relative;
	overflow:hidden;
	top:-27px;
}
	#simulateIn h2{
		position:absolute;
		top:78px;
	}

	#simulateIn #btn-spec{
		position: absolute;
		top:100px;
		left:533px;
	}

	.reformBody #simulateList{
		padding-top:206px;
	}
		#simulateList li{
			margin-right:7px;
			position:relative;
	}
			.newIcon{
				position:absolute;
				right:6px;
				top:-14px;
			}

/*===========================
■4. 事例紹介と製品開発ストーリー
============================*/

#caseStudy{
	background-color:#FFF;
	margin-top:-27px;
	padding-top:51px;
	position:relative;
	z-index:2;
	zoom:1;
}
	#caseStudyIn{
		background:url(img/case_line_btm.gif) no-repeat center bottom;
		margin:0 auto;
		padding-bottom:10px;
		text-align:left;
		width:921px;
	}
	#caseStudy .lineBox{
		background:url(img/solid_line_y.gif) repeat-y right top;
	}
	#caseBox,
	#storyBox{
		display:table;
		/*/display:inline;*/
		padding-bottom:21px;
		width:440px;
	}
	.itemRtl{
		direction:rtl;
		text-align:right;
	}
	.itemLtr .caseImg,
	.itemRtl .caseImg{
		margin:0;
		padding-right:30px;
		display:table-cell;
		vertical-align:top;
		width:1%;
		/width:auto;
		/float:left;
	}
		.itemRtl .caseImg{
			/float:right;
			padding-left:25px;
			padding-right:0;
		}
	.itemLtr .caseTxt,
	.itemRtl .caseTxt{
		display:table-cell;
		padding-top:11px;
		vertical-align:top;
		/zoom:1; /* IE 6, 7 */
	}
		.itemRtl .caseTxt,
		.itemRtl img{
			direction:ltr;
			text-align:left;
		}
	#caseBox{
		padding-right:18px;
	}
	#storyBox{
		padding-left:18px;
	}
	#caseStudy .caseTtl{
		font-size:125%;
		font-weight:bold;
		line-height:1.4;
		margin-top:5px;
	}
	#caseStudy .caseBtn{
		margin-top:13px;
		padding-right:13px;
		text-align:right;
	}
	#caseStudy .boxTargetHover a{
		text-decoration:none;
	}

/*===========================
■5. リフォームデザイナー 最新情報
============================*/

#rdUpdade{
	margin:30px auto 40px;
	text-align:left;
	width:896px;
}
	#rdUpdade h2{
		color:#623000;
		font-size:112.5%;
		font-weight:bold;
		margin-bottom:15px;
	}
	#updateList li{
		font-size:87.5%;
		margin-bottom:12px;
		position:relative;
		padding-left:10em;
		zoom:1;
	}
	#updateList .list-date{
		color:#623000;
		font-weight:bold;
		position:absolute;
		left:0;
		top:0;
	}

/*===========================
■6. プレゼンテーションソフト
============================*/

#prsoft{
	margin:0 auto;
}