@charset "Shift_JIS";

/* 導入事例 */

/*===========================
■1. インデックス
============================*/

.headCasestudy{
	height:279px;
	position:relative;
	background:url(img/casestudy_head.jpg) no-repeat left top;
}

	.headCasestudy h1{
		position:absolute;
		top:61px;
		left:440px;
	}

#preview{
	width: 830px;
	margin: 50px auto 30px;
}

	#preview h2{
		width: 300px;
		float: left;
	}
	#preview p{
		width: 500px;
		float: right;
	}

div#caseList{
	padding-bottom: 30px;
}

div.caseBox{
	width: 830px;
	margin: 0 auto 20px;
	padding: 20px;
	position: relative;
	background: #fff;
	border: 5px solid #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-moz-transition: all 0.3s ease ;
	-webkit-transition: all 0.3s ease ;
	-o-transition: all 0.3s ease ;
	-ms-transition: all 0.3s ease ;
}

div.caseBox.boxTargetHover{
	border:5px solid #be562b;
}

	div.caseBox img{
		display:inline-block;
		float: left;
	}
	div.caseBox p.icon{
		position: absolute;
		top:-5px;
		left:-5px;
	}
	div.caseBox div.textBox{
		width: 550px;
		margin-left: 30px;
		float: left;
	}
	div.caseBox div.textBox h3{
		font-size:28px;
		font-weight: bold;
		line-height: 1.3;
		color:#be562b;
		margin-bottom: 10px;
	}
	div.caseBox div.textBox p.name{
		color:#613200;
		font-size:87.5%;
	}
	div.caseBox div.textBox p.name span{
		font-weight:bold;
		font-size:16px;
	}

	div.caseBox p.detailBtn{
		position: absolute;
		bottom:20px;
		right:20px;
	}

/*===========================
■2. 詳細
============================*/
#reformMain.detail{
	padding-top: 30px;
}

#contentBody{
	width: 780px;
	margin: 0 auto;
	padding-bottom: 50px;
}

	#contentBody .contentBox{
		padding-top: 25px;
	}

	#contentBody .contentBox .imgBox img{
		margin-bottom: 20px;
	}

	#contentBody .contentBox .textBox{
		margin: 0;
		width: 430px;
	}
		#contentBody .contentBox .textBox p{
			margin-bottom: 20px;
			line-height: 1.8;
		}
	#contentBody .contentBox .imgBox{
		width: 300px;
	}


/* フォントスタイル */

#reformMain .txt14{
	color:#613200;
	font-size:87.5%;
}
#reformMain .txt16b{
	color:#613200;
	font-weight:bold;
	font-size:112.5%;
}
#reformMain .lh25{
	line-height:2.5;
}