@charset "utf-8";

/*----------------------------------------
	title
----------------------------------------*/

.search_kekka h1 {
	width:694px;
	margin:0;
	padding: 0 15px 10px 11px;
	background:url(../img/common/ttl02_btm.gif) bottom left no-repeat;
	border:0;
}

.search_kekka h1 span{
	font-size: 116%;
}



/*----------------------------------------
	検索窓
----------------------------------------*/

.search_area{
	clear: both;
	width: 431px;
	margin: 0 auto 30px;
}

.search_area .search_txt{
	float: left;
	width:378px;
	height: 30px;
	padding: 0 3px;
	overflow: hidden;
	font-size: 108%;
	border: solid 1px #ddd;
}


@media only screen and (max-width: 798px) {
	.search_area .search_txt{
		width:220px;
	}
	.search_area{
		margin: 0 auto 20px;
		width: 285px;
	}
}


/*firefox*/
.search_area .search_txt, x:-moz-any-link {
	height:28px;
}

.search_area .search_btn {
	float: left;
	width: 43px;
}


.search_area .search_txt:not(:target){height:32px¥9;}/*IE9*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.search_area .search_txt{
		height:32px;/*IE10*/
	}
}

.search_area .search_txt {
	height:32px\9; /* IE8 and below */
	_height:30px; /* IE6 */
} 

*:first-child+html .search_area .search_txt{height:32px !important;}/*IE7*/

/*----------------------------------------
	pager
----------------------------------------*/

.pager {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px dotted #cccccc;
	text-align:center;
	font-size:93%;
	vertical-align: middle;
}

.pager li {
	display:inline;
	margin-right:3px;
	margin-bottom: 0 !important;
	padding: 0 !important;
	background: none !important;
}

.pager li a {
	padding: 2px 8px;
	color:#f26100;
	background: #ececec;
}

.pager li a:link,
.pager li a:visited {
	color:#333333 !important;
	text-decoration: none;
}

.pager li a:hover,
.pager li a:active {
	color: #ffffff !important;
	background:#2288bb;
	text-decoration: none;
}

.pager li strong {
	padding: 2px 8px;
	color: #ffffff;
	background:#2288bb;
}

.pager .prev a,
.pager .next a,
.pager .prev a:link,
.pager .next a:visited,
.pager .prev a:hover,
.pager .next a:active {
	margin: 0;
	background:#ffffff !important;
}

.pager .prev img,
.pager .next img {
	padding-top: 4px;
}


/*----------------------------------------
	おすすめ
----------------------------------------*/


.recommend_block {
	margin: -15px 0 25px 0;
	padding: 12px 20px;
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
}

.recommend_block .recomme_box{
	clear: both;
	padding: 8px 0;
}

.recommend_block .ph {
	float: left;
	width: 185px;
	margin-right: 20px;
}

.recommend_block .txt {
	padding-top: 8px;
	overflow: hidden;
	zoom:1;
}

.recommend_block .recomme_box h3 {
	margin-bottom: 5px;
	font-size: 123.1%;
	padding: 0;
	background:none;
	color: #333333;
	border: 0;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
}

.recommend_block .recomme_box p {
	margin-bottom: 5px;
}

.recommend_block .recomme_box a:link,
.recommend_block .recomme_box a:visited,
.recommend_block .recomme_box a:hover,
.recommend_block .recomme_box a:active,
.search_box a:link,
.search_box a:visited,
.search_box a:hover,
.search_box a:active {
	text-decoration: underline;
}

.recommend_block .recomme_box .txt p a:link,
.recommend_block .recomme_box .txt p a:visited,
.search_box .txt p a:link,
.search_box .txt p a:visited {
	color: #3ab3c5;
}

.recommend_block .recomme_box .txt p a:hover,
.recommend_block .recomme_box .txt p a:active,
.search_box .txt p a:hover,
.search_box .txt p a:active {
	color: #48d2e7;
}


/*----------------------------------------
	検索結果
----------------------------------------*/

.search_box{
	clear: both;
	margin-bottom: 15px;
	padding: 0 21px 15px 21px;
	border-bottom: 1px dotted #cccccc;
}

.search_box .ph {
	float: left;
	margin-right: 20px;
}

.search_box .txt {
	zoom:1;
}

.search_box p {
	margin-bottom: 5px;
	font-size:93%;
}

.search_box .txt .highlight{
	background-color: #ffee7f;
}

/*結果無し*/

#SS_notFound {
	margin-bottom: 30px;
	border:1px solid #dddddd;
}

#SS_notFound p {
	margin: 0 0 10px 0;
	padding: 10px;
	font-weight: bold;
	background: #eeeeee;
}


#SS_hint {
	margin: 0 10px 10px 10px;
	padding: 0 5px 5px 5px;
	border-bottom: 1px dotted #dddddd;
	font-weight: bold;
}