@charset "UTF-8";

/*---------------------------------------------------------------------------------------------
  インタビューコンテンツページのCSS
---------------------------------------------------------------------------------------------*/
#usr-interview-box {
	width: 870px;
	margin: 20px auto;
	height: auto;
	overflow: hidden;
	clear: both;
}
#usr-interview-box h3 {/*メインタイトル画像*/
	width: 870px;
	margin: 0 0 20px 0;
	display: block;
}
#usr-interview-box #main-ph {/*メイン画像*/
	width: 870px;
	margin: 0 0 43px 0;
	display: block;
}

#usr-interview-box h4 {/*サブタイトル画像*/
	width: 870px;
	margin: 0 0 23px 0;
	display: block;
}
#usr-interview-box .inn {
	width: 846px;
	height: auto;
	overflow: hidden;
	margin: 0 auto 50px auto;
}
#usr-interview-box .inn .inn-l {
	width: 340px;
	margin: 0 24px 10px 0;
	float: left;
}
#usr-interview-box .inn .inn-l03 {
	width: 340px;
	margin: 0 24px 0 0;
	_margin: 0 12px 0 0;
	float: left;
}
#usr-interview-box .inn .inn-r {
	width: 474px;
	margin: 0;
	float: right;
}
#usr-interview-box .inn strong {
	margin: 0;
	font-size: 118%;
	line-height: 180%;
}
#usr-interview-box .inn p {
	margin: 0;
	font-size: 110%;
	line-height: 165%;
}
#usr-interview-box .inn .inn-r .right01 {
	width: 474px;
	margin: 20px 0 0 0;
	font-size: 100%;
	line-height: 165%;
}
#usr-interview-box .inn-2 {
	width: 846px;
	height: auto;
	overflow: hidden;	
	margin: 0 auto;
	padding: 0 0 50px 0;
	border-bottom: 1px dotted #333333;
	clear: both;
}
#usr-interview-box .inn-2 .inn-l {
	width: 340px;
	margin: 0 24px 10px 0;
	float: left;
}
#usr-interview-box .inn-2 .inn-l .left01 {
	margin: 20px 0 0 0;
}
#usr-interview-box .inn-2 strong {
	margin: 0;
	font-size: 118%;
	line-height: 180%;
}
#usr-interview-box .inn-2 p {
	margin: 0;
	font-size: 110%;
	line-height: 165%;
}
#usr-interview-box .inn-2 .inn-r {
	width: 340px;
	margin: 0 0 10px 24px;
	float: right;
}
#usr-interview-box .inn-3 {
	width: 846px;
	height: auto;
	overflow: hidden;	
	margin: 0 auto;
	padding: 50px 0;
	border-bottom: 1px dotted #333333;
	display: block;
	clear: both;	
}
#usr-interview-box .inn-3 .inn-l {
	width: 100px;
	margin: 0 20px 0 0;
	float: left;
}
#usr-interview-box .inn-3 .inn-r {
	width: 726px;
	margin: 0;
	float: right;
}
#usr-interview-box .inn-3 .inn-r dl {
	width: 726px;
	margin: 0;
}
#usr-interview-box .inn-3 .inn-r dl dt {
	margin: 0;
	font-size: 19px;
	line-height: 165%;
	font-weight: bold;
}
#usr-interview-box .inn-3 .inn-r dl dd {
	margin: 0;
	font-size: 13px;
	line-height: 210%;
}
#usr-interview-box .inn-3 .inn-r dl dd a {
 text-decoration: underline;
}
#usr-interview-box .inn-3 .inn-r dl dd a:hover {
 text-decoration: none;
}
#usr-interview-box .inn-3 .inn-r .representative {
 font-size: 100%;
	font-weight: bold;
	padding: 0;
}
#usr-interview-box .inn-3 .inn-r .representative span {
 font-size: 19px;
	font-weight: bold;
	padding: 0 0 0 15px;
}
#usr-interview-box .inn-3 .inn-r p {
 font-size: 100%;
	line-height: 165%;
	margin: 0;
	padding: 15px 0;
}
#usr-interview-box .inn-3 .inn-r .forte {/*得意分野のアイコンとテキスト*/
 width: 726px;
	height: 20px;
	background:url(/~roumu-pro/interview/img/ico_forte.jpg) no-repeat center left;
 font-size: 100%;
	font-weight: bold;
	line-height: 20px;
	color: #993333;
	margin: 0;
	padding: 0 0 0 135px;
}
#usr-interview-box #btn-contact a {/*お問い合せボタン*/
 width: 364px;
	height: 46px;
	margin: 45px auto;
	padding: 0;
	display: block;
	text-decoration: none;
	background:url(/~roumu-pro/interview/img/btn_cintact.jpg) no-repeat;
}
#usr-interview-box #btn-contact a:hover {
background-position: 0 -46px;
text-decoration: none;
}
.sp01 { height: 16px; }
.sp02 { height: 38px; }
.sp03 { height: 38px; }
.sp04 { height: 80px; }
.sp05 { height: 50px; }
.sp06 { height: 57px; }