@charset "utf-8";
/* ===================================================================

 file name  :search.css
 author     :Ability Consultant
style info  :設定　ハックは最下部に記述
=================================================================== */

/* -----------------------------------------------------------
	.tl
----------------------------------------------------------- */
#search .tl {
	width: 980px;
	height: 32px;
	padding: 28px 0 0 0;
	margin: 5px 0 0 0;
	background: url(../search/images/bg_tl.gif) left top no-repeat;
}
#search .tl:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
#search .tl h3 {
	width: 430px;
	text-indent: -9999px;
	float: left;
}
#search .tl p.btn1 {
	width: 254px;
	margin-right: 7px;
	text-align: center;
	float: left;
}
#search .tl p.btn2 {
	width: 275px;
	margin-right: 14px;
	text-align: center;
	float: right;
}
#search .tl p {
	font-size: 80%;
	text-indent: 23px;
}
#search .tl p a {
	color: #FFF;
	text-decoration: none;
}
#search .tl p a:hover {
	text-decoration: underline;
}

/* -----------------------------------------------------------
	.tl_topics
----------------------------------------------------------- */
#search .tl_topics {
	width: 980px;
}
#search .tl_topics h3 {
	padding: 5px 0 0 0;
}


/* -----------------------------------------------------------
	.refine
----------------------------------------------------------- */
#search div.refine {
	width: 930px;
	height: auto;
	margin: 8px 0 0 0;
	padding: 15px 20px;
	background: #f7f7e7;
	border: 5px solid #d4d9a9;
	clear: both;
}
#search div.refine h4 {
	padding-bottom: 7px;
}
#search div.refine table {
	width: 100%;
	height: auto;
	background: #FFF;
	color: #333;
	font-family: Verdana;
	text-align: center;
	border: 1px solid #e1d6c1;
}
#search div.refine th {
	width: 100px;
	padding: 10px 5px;
	background: #eee6da;
	color: #333;
	font-size: 80%;
	text-align: center;
}
#search div.refine td {
	background: #f7f2eb;
	padding: 10px;
	text-align: left;
}
#search div.refine td ul.area li {
	width: 67px;
	padding: 3px 0;
	display: block;
	line-height: 1;
	font-size: 80%;
	color: #333;
	float: left;
}
#search div.refine td ul.condition li {
	width: 130px;
	padding: 3px 0;
	display: block;
	line-height: 1;
	font-size: 80%;
	color: #333;
	float: left;
}
*html #search div.refine td li {
	padding: 0;
}
*:first-child+html #search div.refine td li {
	padding: 0;
}
#search div.refine td input {
	width: 14px;
	height: 14px;
	cursor: pointer;
}
#search div.refine td label {
	padding: 2px;
	cursor: pointer;
}
#search div.refine td label:hover {
	background: #EEEECB;
}
#search div.refine input.btn {
	display: block;
	width: 177px;
	margin: 10px auto 0 auto;
	cursor: pointer;
}

/* 特集用 */
#search div.refine th.topics {
	font-size: 110%;
	color: #FFF;
	background: #D87B2E;
}
#search div.refine td.topics {
	background: #E5D2BA;
}
#search div.refine td.topics li {
	width: 260px;
	padding: 3px 0;
	display: block;
	line-height: 1;
	font-size: 80%;
	color: #333;
	float: left;
}


/* -----------------------------------------------------------
	.paging
----------------------------------------------------------- */
#search div.paging {
	width: 980px;
	height: auto;
	padding: 0 20px;
	margin: 15px 0 0 0;
}
#search div.paging p.result {
	padding: 0 0 5px 0;
	font-size: 85%;
	color: #382100;
	font-weight: bold;
}
#search div.paging p.result strong {
	color: #e30707;
	font-size: 160%;
}
#search div.paging .pagination span {
	font-size: 12px;
	list-style: none;
	height: 20px;
}
#search div.paging .pagination a,
#search div.paging .pagination .previous a,
#search div.paging .pagination .next a {
	border: solid 2px #CCC;
}
#search div.paging .pagination .active {
	padding: 3px 5px 0 5px;
	border: 2px solid #3399cc;
	background: #58add6;
	color: #fff;
	font-weight: bold;
}
#search div.paging .pagination a {
	padding: 3px 5px 0 5px;
	color: #000;
	text-decoration: none;
}
#search div.paging .pagination a:hover {
	border: 2px solid #3399cc;
	background: #58add6;
	color: #FFF;
	text-decoration: none;
}
#search div.paging .pagination .previousOff {
	padding: 3px 5px 0 14px;
	border: 2px solid #ddd;
	background: #fff url(../search/images/bg_pagerprevoff.gif) no-repeat 0% 50%;
	color: #ddd;
	font-weight: normal;
}
#search div.paging .pagination .nextOff {
	padding: 3px 14px 0 5px;
	border: 2px solid #ddd;
	background: #fff url(../search/images/bg_pagernextoff.gif) no-repeat 100% 50%;
	color: #ddd;
	font-weight: normal;
}
#search div.paging .pagination .previous a {
	padding: 3px 5px 0 14px;
	background: #fff url(../search/images/bg_pagerprev.gif) no-repeat 0% 50%;
	text-decoration: none;
}
#search div.paging .pagination .previous a:hover {
	background: #58add6 url(../search/images/bg_pagerprevhov.gif) no-repeat 0% 50%;
	text-decoration: none;
}
#search div.paging .pagination .next a {
	padding: 3px 14px 0 5px;
	background: #fff url(../search/images/bg_pagernext.gif) no-repeat 100% 50%;
	text-decoration: none;
}
#search div.paging .pagination .next a:hover {
	background: #58add6 url(../search/images/bg_pagernexthov.gif) no-repeat 100% 50%;
	text-decoration: none;
}
/* IEHack */
* html #search div.paging .pagination .pagination .active {
	margin: 0;
	padding: 1px 4px;
	vertical-align: bottom;
}
* html #search div.paging .pagination .pagination a:link,
* html #search div.paging .pagination .pagination a:visited {
	padding: 1px 5px;
}
* html #search div.paging .pagination .pagination .previousOff {
	padding: 1px 4px 1px 14px;
}
* html #search div.paging .pagination .pagination .nextOff {
	padding: 1px 14px 1px 4px;
}
* html #search div.paging .pagination .pagination .previous a {
	width: 2.75em;
	text-align: right;
	background-position: 3% 50%;
}
* html #search div.paging .pagination .pagination .previous a:hover {
	background-position: 3% 50%;
}
* html #search div.paging .pagination .pagination .next a {
	width: 2.75em;
	text-align: left;
	background-position: 97% 50%;
}
* html #search div.paging .pagination .pagination .next a:hover {
	background-position: 97% 50%;
}
* html #search div.paging .pagination .pagination a,
* html #search div.paging .pagination .pagination .active,
* html #search div.paging .pagination .pagination .previousOff,
* html #search div.paging .pagination .pagination .nextOff,
* html #search div.paging .pagination .pagination .previous a,
* html #search div.paging .pagination .pagination .next a {
	display: inline-block;
	height: 14px;
}
*:first-child+html #search div.paging .pagination .pagination .previousOff {
	background-position: 5% 50%;
}
*:first-child+html #search div.paging .pagination .pagination .nextOff {
	background-position: 95% 50%;
}
*:first-child+html #search div.paging .pagination .pagination .previous a {
	background-position: 5% 50%;
}
*:first-child+html #search div.paging .pagination .pagination .previous a:hover {
	background-position: 5% 50%;
}
*:first-child+html #search div.paging .pagination .pagination .next a {
	background-position: 95% 50%;
}
*:first-child+html #search div.paging .pagination .pagination .next a:hover {
	background-position: 95% 50%;
}

/* -----------------------------------------------------------
	#searchresult
----------------------------------------------------------- */
#search div#searchresult {
	width: 980px;
	height: auto;
	margin: 15px 0 0 0;
}
#search div#searchresult div.resultbox {
	width: 936px;
	height: auto;
	margin: 20px 0;
	padding: 15px 20px;
	background: #faf8eb;
	border: 2px solid #ecdbc7;
}
#search div#searchresult div.resultbox:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

#search div#searchresult div.resultbox h5 {
	width: 100%;
	padding: 0 0 10px 0;
}
#search div#searchresult div.resultbox h5 span {
	padding: 2px 6px;
	background: #996e50;
	margin: 0 0 0 10px;
	color: #fff;
	font-size: 0.8em;
}

#search div#searchresult div.resultbox h5 a {
	color: #0583ba;
	text-decoration: none;
	margin-left: 10px;
}
#search div#searchresult div.resultbox h5 a:hover {
	text-decoration: underline;
}
#search div#searchresult div.resultbox div.left {
	width: 425px;
	height: 310px;
	float: left;
}
#search div#searchresult div.resultbox div.right {
	width: 491px;
	float: right;
}
#search div#searchresult div.resultbox div.right h6 {
	padding: 0 0 5px 0;
}
#search div#searchresult div.resultbox div.right ul {
	width: 482px;
	height: 72px;
}

div.resultbox div.right ul li {
	width: 160px;
	text-indent: -9999px;
	float: left;
}

/* on画像 */
div.resultbox div.right ul li.onsen_on {
	margin-right: 1px;
	height: 39px;
	background: url(../search/images/img_contents.gif) left top no-repeat;
}
div.resultbox div.right ul li.acc_on {
	margin-right: 1px;
	height: 39px;
	background: url(../search/images/img_contents.gif) -161px top no-repeat;
}
div.resultbox div.right ul li.event_on {
	height: 39px;
	background: url(../search/images/img_contents.gif) right top no-repeat;
}
div.resultbox div.right ul li.gourmet_on {
	margin-right: 1px;
	height: 33px;
	background: url(../search/images/img_contents.gif) left -39px no-repeat;
}
div.resultbox div.right ul li.sightseeing_on {
	margin-right: 1px;
	height: 33px;
	background: url(../search/images/img_contents.gif) -161px -39px no-repeat;
}
div.resultbox div.right ul li.lang_on {
	height: 33px;
	background: url(../search/images/img_contents.gif) right -39px no-repeat;
}

/* off画像 */
div.resultbox div.right ul li.onsen_off {
	margin-right: 1px;
	height: 39px;
	background: url(../search/images/img_contents.gif) left -72px no-repeat;
}
div.resultbox div.right ul li.acc_off {
	margin-right: 1px;
	height: 39px;
	background: url(../search/images/img_contents.gif) -161px -72px no-repeat;
}
div.resultbox div.right ul li.event_off {
	height: 39px;
	background: url(../search/images/img_contents.gif) right -72px no-repeat;
}
div.resultbox div.right ul li.gourmet_off {
	margin-right: 1px;
	height: 33px;
	background: url(../search/images/img_contents.gif) left bottom no-repeat;
}
div.resultbox div.right ul li.sightseeing_off {
	margin-right: 1px;
	height: 33px;
	background: url(../search/images/img_contents.gif) -161px bottom no-repeat;
}
div.resultbox div.right ul li.lang_off {
	height: 33px;
	background: url(../search/images/img_contents.gif) right bottom no-repeat;
}

div.resultbox div.right p.txt {
	font-size: 80%;
	padding: 20px 0 0 0;
	line-height: 1.8;
}
div.resultbox div.right p.btn {
	padding: 7px 0 0 0;
}


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

	hack - 各種cssハック - for IE7

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



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

	hack - 各種cssハック - for IE6

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