/* CSS Document */

/*-----------------------------------*/
/* case page setting */
/*-----------------------------------*/
#case .block {
	overflow: hidden;
	margin-bottom: 40px;
}

#case .block table {
	color: #0e4891;
	font-size: 14px;
	border: 1px solid #c9d7e9;
	border-collapse: collapse;
	width: 100%;
}
#case .block table tr th {
	border: 1px solid #c9d7e9;
	background: #edf2f8;
	font-weight: bold;
	padding: 5px 0;
	width: 110px;
	max-width: 110px;
	color: #0e4891;
	padding-left: 40px;
	font-size: 14px;
}
#case .block table tr .mrk01 {
	border-top: 3px solid #155bb2;
}
#case .block table tr td {
	border: 1px solid #c9d7e9;
	background: #f5f8fb;
	padding: 10px 15px;
	color: #0e4891;
	font-size: 14px;
}
#case .block table tr .top {
	border-top: 3px solid #155bb2;
}
#case .block table tr td h3 {
	font-size: 24px;
	color: #0e4891;
	padding: 5px 0;
}
#case .block article {
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	border-left: 1px solid #e1e1e1;
	background: #fff;
	padding: 25px;
	overflow: hidden;
}
#case .block article .pic {
	float: left;
	width: 162px;
	padding: 0 20px 10px 0;
}
#case .block article .pic img { padding-bottom: 10px; display: table-cell; }
#case .block article div { display: table-cell; }
#case .block article p { margin-bottom: 10px; }

#case .block table tr th.mrk01 { background: #edf2f8 url(../case/img/mrk_case_01.png) no-repeat 12px 49%; }
#case .block table tr th.mrk02 { background: #edf2f8 url(../case/img/mrk_case_02.png) no-repeat 12px 49%; }
#case .block table tr th.mrk03 { background: #edf2f8 url(../case/img/mrk_case_03.png) no-repeat 12px 49%; }
#case .block table tr th.mrk04 { background: #edf2f8 url(../case/img/mrk_case_04.png) no-repeat 12px 49%; }
#case .block table tr th.mrk05 { background: #edf2f8 url(../case/img/mrk_case_05.png) no-repeat 12px 49%; }

#case .block a.goTop {
	position: relative;
	float: right;
	color: #fff;
	margin: 10px 0 0;
	padding: 3px 25px 3px 15px;
	background: #9b0f39;
	text-decoration: none;
	border-top: 1px solid #a63153;
	border-bottom: 1px solid #a63153;
}
#case .block a.goTop:hover { opacity: 0.9;}
#case .block a.goTop:after {
	content: "";
	position: absolute;
	top: 8px;
	right: 10px;
	width: 7px;
	height: 8px;
	background: url(../img/aside/aside_btn_case_detail.png) no-repeat;
}

#case #catch {
	padding-bottom: 35px;
}


/* search @ushio */
#searchArea {}
#searchArea h3 { margin: 0 0 40px;}
#searchArea h4 { margin: 0 0 20px; padding: 15px 20px 15px 45px; color: #fff; font-size: 16px; line-height: 1;
background: url(../case/img/mrk_case_search.png) 20px center no-repeat #9B0E39; border-radius: 6px;}
#searchArea h4 span { margin: 0 0 0 40px; font-size: 12px; vertical-align: middle;}
#searchArea h4 span:before,
#searchArea h4 span:after { content: " ▼ ";}
#searchArea p { padding: 0 10px;}
#searchArea form { display: none; margin: 0 0 40px;}
#searchArea table { width: 100%; margin: 20px 0; border-collapse: collapse;}
#searchArea th,
#searchArea td { padding: 10px 15px; border: 1px solid #C6D9EA; color: #0E4891; vertical-align: middle; font-size: 14px;}
#searchArea th { width: 6em; text-align: center; background: #EDF2F8;}
#searchArea td * { font-size: 14px;}
#searchArea td option { padding: 5px 10px;}
#searchArea input[type="submit"] { display: block; margin: 0 auto; padding: 2px 15px; border: 1px solid #155BB2; color: #155BB2; font-weight: bold; cursor: pointer; background: #E9E9E9; border-radius: 6px;}
#searchError { display: none;}
#searchError p { margin: 0 0 -30px; color: #B40200; text-align: center; font-size: 18px; font-weight: bold;}
#case #count { margin: 60px 0 10px; text-align: right;}
#case .hide { display: none;}

#case .contactblue .freecall { bottom: 18px;}
#case .contactblue span { bottom: 22px;}
#case .contactblue a.btn { bottom: 15px;}