@charset "utf-8";

/* ===================================================================

ロックパートナーズ株式会社

Copyright (C) RockPartners Inc. All Rights Reserved.
--------------------------------------------------------------------

file name  :  results.css
info :  見積もり実績ページの設定
contents :
	01. レイアウト・共通部分の設定
	02. #searchBoxの設定
	
=================================================================== */

/*--------------------------------------------------------------------
	01. レイアウト・共通部分の設定
--------------------------------------------------------------------*/
.btnBack {
	margin:10px 0;
	font-size:75%;
	height:1em;
	position:relative;
}
.btnBack a {
	background:transparent url(../images/common/arrow.png) no-repeat scroll 0 0.5em;
	display:block;
	padding:0 0 0 11px;
	position:absolute;
	right:0;
	top:0;
}



/*--------------------------------------------------------------------
	02. #resultsBoxの設定
--------------------------------------------------------------------*/
#resultsBox {
	border-bottom:1px solid #d2d2d2;
	background:url(../images/results/bg_detail_body.png) repeat-y 0 0;
}

#resultsBox h3 {
	margin:0 0 0;
	position:relative;
	background:url(../images/results/bg_detail_head.png) no-repeat 0 0;
	font-size:100%;
}
#resultsBox h3 span {
	display:block;
	padding:16px 6.8em 13px 8px;
	margin:0 8px;
	font-size:100%;
}
#resultsBox h3 em {
	display:block;
	padding:0 4px 12px;
	position:absolute;
	right:16px;
	bottom:2px;
	font-size:100%;
	color:#000;
}
#resultsBox p {
	font-size:75%;
	padding:15px 18px;
	margin:0 8px 8px;
	border:1px solid #aaa;
	background-color:#fff;
	line-height:1.8;
	color:#444;
}
#resultsBox .img {
	text-align:center;
}
#resultsBox .img img {
	padding:6px;
	background-color:#FFFFFF;
	border:1px solid #D2D2D2;
}


/*--------------------------------------------------------------------
	02. #searchBoxの設定
--------------------------------------------------------------------*/
#searchBox {
	padding:0 0 30px;
}
#cateBtn {
}
#cateBtn li {
	display:block;
	padding:0 1px 0 0;
	position:relative;
	top:4px;
	float:left;
	letter-spacing:0.09em;
}
#cateBtn li.on {
	position:relative;
	top:1px;
}
#cateBtn li a {
	display:block;
	padding:3px 8px;
	border:1px solid #d2d2d2;
	border-bottom:none;
	color:#666666;
	font-size:63%;
}
#cateBtn li.on a {
	padding:3px 8px 3px;
	background:#f2f2f2 url(../images/results/bg_cateBtn.gif) repeat-x 0 0;
	font-weight:bold;
	border:1px solid #d2d2d2;
	border-bottom:none;
	color:#E72E18;
	font-size:75%;
}

#searchResultBox {
	padding:5px 8px 8px;
	border:1px solid #d2d2d2;
	background-color:#f2f2f2;
}

#searchList {
	font-size:75%;
}
#searchList h3 {
	padding:0 0 5px;
	font-weight:normal;
}
#searchList .btn {
	width:180px;
	padding:15px 0 0;
	margin:0 auto;
}
#searchList .btn input {
	display:block;
	width:180px;
	height:25px;
	text-indent:-9999px;
	overflow:hidden;
	outline:none;
	border:none;
	cursor:pointer;
	background:url(../images/results/btn_search.png) no-repeat 0 0;
}
#searchList .btn input.on {
	background:url(../images/results/btn_search.png) no-repeat -180px 0;
}
#searchList ul {
	padding:0 8px 8px;
	border:1px solid #d2d2d2;
	background-color:#fff;
}
#searchList li {
	display:block;
	width:208px;
	padding:5px 0 0;
	float:left;
}
#searchList li label {
	cursor:pointer;
}
#searchList li input {
	margin:0 5px 0 0;
	vertical-align:middle;
}

#searchResult {
	padding:3px 0;
	text-align:center;
	border:1px solid #000;
	background-color:#222;
	color:#fff;
}
#searchResult dt,
#searchResult dd{
	display:inline;
	font-size:75%;
}



#resultsList {
	margin:15px 0;
	padding:10px 10px 0;
	border:1px solid #aaa;
	background-color:#fff;
}

#resultsList li {
	padding:20px 8.5em 20px 0;
	position:relative;
	font-size:75%;
	border-bottom:1px solid #e2e2e2;
}
#resultsList li.last {
	border:none;
}
#resultsList li a {
	padding:0 0 5px 15px;
}
#resultsList li em {
	display:block;
	padding:0;
	position:absolute;
	right:15px;
	bottom:20px;
	font-weight:bold;
	color:#E72E18;
}


#pager {
	overflow:hidden;
	height:3em;
	position:relative;
}
#pager p {
	width:660px;
	font-size:75%;
	position:absolute;
	top:1em;
	left:0;
	text-align:center;
	zoom: 1;
}
#pager a,
#pager strong {
	margin:0 3px;
	padding:0 15px;
	zoom: 1;
}
#pager strong {
	border:1px solid #000;
	background-color:#222;
	color:#fff;
}
#pager a {
	text-decoration:none;
	border:1px solid #aaa;
	background-color:#fff;
}
#pager a:hover {
	text-decoration:none;
	border:1px solid #000;
	background-color:#222;
	color:#fff;
}