@charset "utf-8";
/**********************************************
セブンアクト
スピード診断ページ用CSS
***********************************************/
#diagnosis img {
	border:none;
	padding:0;
}

/******** リード ********/
#diagnosis #lead {
	background:url(../images/diagnosis/lead_bg.jpg) 0 0 no-repeat;
	height:377px;
	padding:0 20px;
	position:relative;
}
#diagnosis #lead h3 {
	background:none;
	margin:21px 0 19px;
	padding:0;
	text-align:center;
	height:auto;
	line-height:1.5;
}
#diagnosis #lead .introduction {
	width:477px;
	height:166px;
	margin:0;
	padding:20px 10px 0;
}
#diagnosis #lead p.annotation {
	font-size:78%;
	margin:25px 17px 0;
}
* html #diagnosis #lead p.annotation {
	margin-top:40px;
}

/******** question ********/
#diagnosis #question {
	background:url(../images/diagnosis/diagnosis_bg_bottom.gif) 0 bottom no-repeat;
	padding:0;
}
#diagnosis #question dl {
	background:url(../images/diagnosis/diagnosis_bg_top.gif) 0 0 no-repeat;
	padding:25px 0 0;
}
#diagnosis #question dl dt {
	color:#fff;
	font-weight:bold;
	height:54px;
	line-height:64px;
	margin:0 0 15px 10px;
	padding-left:62px;
}
#diagnosis #question dl dt.q1 {
	background:url(../images/diagnosis/q1_bg.gif) 0 0 no-repeat;
	*position:relative;
	*left:10px;
}
#diagnosis #question dl dt.q2 {background:url(../images/diagnosis/q2_bg.gif) 0 0 no-repeat;}
#diagnosis #question dl dt.q3 {background:url(../images/diagnosis/q3_bg.gif) 0 0 no-repeat;}
#diagnosis #question dl dt.q4 {background:url(../images/diagnosis/q4_bg.gif) 0 0 no-repeat;}
#diagnosis #question dl dt.q5 {background:url(../images/diagnosis/q5_bg.gif) 0 0 no-repeat;}
#diagnosis #question dl dd {
	background:url(../images/shared/border_bottom.gif) 0 bottom repeat-x;
	padding-bottom:40px;
	margin-bottom:20px;
	font-size:90%;
}
#diagnosis #question dl dd.q5 {
	background:none;
	padding-bottom:0;
	margin-bottom:30px;
}
#diagnosis #question dl dd ul {
	position:relative;
	margin:0 -25px 0 10px;
}
#diagnosis #question dl dd ul li {
	display:inline-block;
	*display:inline;
	*zoom:1;
	margin-right:25px;
	margin-bottom:5px;
	font-weight:bold;
}
#diagnosis #question dl dd.q5 ul li {
	display:block;
}
#diagnosis #question dl dd ul li span.sub {
	font-size:80%;
	font-weight:normal;
	padding-left:10px;
}
#diagnosis #question form a.fmRadio {
	background:url(../images/diagnosis/icon_check.gif) 0 -46px no-repeat;
	width:21px;
	height:20px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	padding-right:5px;
	cursor:pointer;
}
#diagnosis #question form a.fmRadio.checked,
#diagnosis #question form a.fmRadio.checked:hover {
	background:url(../images/diagnosis/icon_check.gif) 0 0 no-repeat;
}
#diagnosis #question form a.fmRadio:hover {
	background:url(../images/diagnosis/icon_check.gif) 0 -23px no-repeat;
}
#diagnosis #question form p.submit {
	text-align:center;
	margin-bottom:11px;
}

/******** result ********/
#diagnosis #result {
	background:url(../images/diagnosis/result_bg.gif) 0 0 no-repeat;
	height:458px;
	padding:25px 20px 0;
	position:relative;
}
#diagnosis #result h3 {
	background:none;
	margin:0 0 34px;
	padding:0;
	text-align:center;
	height:auto;
	line-height:1.5;
	text-align:left;
}
#diagnosis #result .resultCaurse {
	width:520px;
	height:137px;
	display:table;
}
#diagnosis #result .resultCaurse  .resultCourseInner {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	width:520px;
	*position:relative;
	*top:50%;
}
#diagnosis #result .resultCaurse span {
	background:url(../images/diagnosis/quort_left.gif) 0 0 no-repeat;
	padding-left:20px;
	vertical-align:middle;
	*position:relative;
	*top:-50%;
}
#diagnosis #result .resultCaurse span strong a {
	background:url(../images/diagnosis/quort_right.gif) right 0 no-repeat;
	color:#006;
	font-weight:bold;
	font-size:150%;
	padding-right:20px;
	margin-right:8px;
}
#diagnosis #result p.return {
	position:absolute;
	left:258px;
	top:261px;
}

/******** 追加 ********/

#diagnosis #result span strong a{
	color:#D35907;
	text-decoration:underline;
}

#diagnosis #result span strong a:hover{
	color:#D35907;
	text-decoration:none;
}