@charset "UTF-8";
/* CSS Document */

/* search css for pc */

li {
	list-style:none;
}


#mainContainer .searchResult {
	margin-top:33px;
}
#mainContainer .searchResult h2{
	font-size:18px;
	color:#ff6600;
	background-color:#ffe7c4;
	border-top:3px solid #f60;
	padding:10px 10px 10px 35px;
	background-image:url(../images/mark_search001.png);
	background-repeat:no-repeat;
	background-position:10px ;
}

#mainContainer .searchResultQuery {
	border:3px solid  #f7f4ef;
	background-color:#f7f4ef;
	padding:7px;
}
#mainContainer .searchResultQuery p.queryResult {
	border-bottom:1px dotted #CCC;
	padding-bottom:1px;
	margin-bottom:2px;
}
#mainContainer .searchResultQuery .queryNumber {
	font-size:18px;
	font-weight:bold;
	color:#f00;
	padding:5px;
}
#mainContainer .searchResultQuery dl.querySummary {
	margin-bottom:10px;
}
#mainContainer .searchResultQuery dl.querySummary dt.name {
	font-weight:bold;
	float:left;
	display:table-cell;
}
#mainContainer .searchResultQuery dl.querySummary dd.data {
	float:left;
	display:table-cell;
	width:580px;
}
#mainContainer .searchResultQuery dl.querySumNote {
	float:left;
}
#mainContainer .searchResultQuery dl.querySumNote dt {
	float:left;
	margin-right:5px;
}
#mainContainer .searchResultQuery dl.querySumNote dd {
	float:left;
	margin-right:10px;
}
#mainContainer .searchResultQuery .querySumFilter {
	clear:both;
	background-color:#fff;
	padding:10px;
}
#mainContainer .searchResultQuery .querySumFilter h3 {
	font-size: 14px;
	font-weight: bold;
	border-bottom: 2px dotted  #d9c9c0;
	padding-bottom: 3px;
	margin-bottom:10px;
}
#mainContainerSearch div.searchBox {
	border:none !important;
}
#mainContainerSearch div.searchBox div.selectSearch {
	width:700px !important;
	float:none !important;
	border:none !important;
}
#mainContainerSearch div.searchBox div.searchCheckGroup {
	margin-top:10px;
}
#mainContainerSearch div.searchBox p.floatLeft {
	display:inline;
	margin-right:10px;
	float:left;
}
#mainContainerSearch div.searchBox div.searchCheckGroup .chkBox {
	float:left;
	padding-left:10px;
}
#mainContainerSearch div.searchBox {
	padding: 0 !important;
}
#mainContainerSearch {
	margin-bottom:0 !important;
}

#mainContainer .searchResultPager {
	margin-top:30px;
	margin-bottom:30px;
}
#mainContainer .footPager {
}
#mainContainer .searchResultPager .pagerBox {
	background-color:#f2ede4;
}

#mainContainer .searchResultPager ul.sortTab {
	float:left;
	margin-top:10px;
	margin-left:10px;
}
#mainContainer .footPager ul.sortTab {
	margin-top:0px;
	margin-bottom:10px;
}
#mainContainer .searchResultPager ul.sortTab li {
	float:left;
	width:100px;
	text-align:center;
	margin-left:5px;
	padding-bottom:10px;
	padding-top:3px;
	background-color:#fff;
	border-top-right-radius:5px;
	border-top-left-radius:5px;
}
#mainContainer .footPager ul.sortTab li {
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
	border-top-right-radius:0px;
	border-top-left-radius:0px;
	padding-top:8px !important;
	padding-bottom:5px !important;
}

#mainContainer .searchResultPager ul.sortTab li.off {
	background-color:#f2ede4;
}
#mainContainer .searchResultPager  ul.sortTab a {
	text-decoration: underline;
	color: #39F;
}

#mainContainer .searchResultPager ul.pagerTab {
	float:right;
	margin-top:10px;
	margin-bottom:10px;
	margin-right:10px;
}
#mainContainer .searchResultPager ul.pagerTab li {
	float:left;
	padding: 0 5px;
	border-left:1px solid #666;
	color:#aaa;
}
#mainContainer .searchResultPager ul.pagerTab li a {
	font-weight:bold;
	color:#000;
}
#mainContainer .searchResultPager ul.pagerTab li.first {
	border-left:none;
}

#mainContainer.searchResultList {
}
#mainContainer .resultList {
	margin-top:10px;
	margin-bottom:30px;
	border-bottom:1px #d9c9c0 dotted;
}
#mainContainer .resultList .headTopLine{
	padding:8px 8px 2px 8px;
	background-color:#f7f4ef;
	border-bottom:2px #d9c9c0 solid;
}
#mainContainer .resultList .dayTrip  {
}
@media screen and (max-width: 640px){
/* for smartphone */
#mainContainer .resultList {
	border:10px solid #d9c9c0;
	padding:0;
}
#mainContainer .resultList .dayTrip  {

}
}


#mainContainer .resultList .lodgingPlan {
}
#mainContainer .resultList .myCarPlan {
}
#mainContainer .resultList ul.resultListHead {
}
#mainContainer .resultList ul.resultListHead li {
	float:left;
}

#mainContainer .resultList ul.resultListHead li.planType {
	margin-right:5px;
}
#mainContainer .resultList ul.resultListHead li.planPeriod {
/*	border-radius:5px;
	border:1px solid #ccc;
	background-color:#fff;*/
	background-image:url(../images/searchrsult_day.png);
	background-repeat:no-repeat;
	width:67px;
	height:23px;
	margin-right:10px;
	font-weight:bold;
	color:#333;
	text-align:center;
	padding-top:4px;
}
#mainContainer .resultList ul.resultListHead li.planTilte {
	font-size:16px;
	font-weight:bold;
	padding-top:5px;
}

#mainContainer .resultList .photoImage {
	width:215px;
	float:left;
	margin-top:10px;
}

@media screen and (max-width: 640px){
/* for smartphone */
#mainContainer .resultList ul.resultListHead li.planTilte {
	clear:both;
}
#mainContainer .resultList .photoImage {
	display:block;
	width:100%;
	text-align:center;
	float:none;
}
}

#mainContainer .resultList .photoImage img {
	width:196px;
	height:auto;
	padding:2px;
	border:1px solid #ddd;
}
#mainContainer .resultList .planBody {
	float:left;
	margin-top:10px;
	width:525px;
}
#mainContainer .resultList p.body {
	margin-bottom:5px;
}
#mainContainer .resultList table.bodyTable {
	margin-bottom:5px;
	border-collapse: collapse;
	width:100%;
}
#mainContainer .resultList table.bodyTable th,
#mainContainer .resultList table.bodyTable td {
	padding:3px;
	border:1px solid #ccc;
}
@media screen and (max-width: 640px){
#mainContainer .resultList .planBody,
#mainContainer .resultList table.bodyTable {
	width:100%;
}

#mainContainer .resultList table.bodyTable th,
#mainContainer .resultList table.bodyTable td {
	display:block;
	min-height:18px;
}
#mainContainer .resultList table.bodyTable td[width="20"] {
	width:auto;
}
}
#mainContainer .resultList table.bodyTable th {
	font-weight:bold;
	text-align:center;
}

#mainContainer .resultList .marks {
	margin-bottom:5px;
}
#mainContainer .resultList .marks ul li {
	float:left;
	margin:0 5px 0 0;
	padding:0;
}

#mainContainer .resultList .priceBlock {
	margin-bottom:10px;
}
#mainContainer .resultList  .priceBlock .figure{
	float:left;
}

#mainContainer .resultList .priceBlock .price {
	float:left;
	color:#f00;
	line-height:37px;
	font-size:30px;
	font-weight:bold;
	text-align:right;
	width:353px;
}

#mainContainer .resultList .priceBlock .price span.title {
	font-size:12px;
}

#mainContainer .resultList .priceBlock dl.price {
	float:right;
	padding-top:10px;
	width:353px;
}
#mainContainer .resultList .priceBlock dl.price dt {
	color:#f00;
	float:left;
}
#mainContainer .resultList .priceBlock dl.price dd {
	float:left;
	color:#f00;
	font-size:30px;
	font-weight:bold;
}

@media screen and (max-width: 640px){
/* for smartphone */

#mainContainer .resultList .marks {
	padding-left:3px;
}
#mainContainer .resultList .priceBlock {
	width:100%;
}

#mainContainer .resultList  .priceBlock .figure{
	float: none;
	width:100%;
	display:block;
	text-align:center;
}

#mainContainer .resultList .priceBlock .price {
	float: none;
	width:100%;
}
#mainContainer .resultList .priceBlock dl.price dt {
	float: none;
}
#mainContainer .resultList .priceBlock dl.price dd {
	float: none;
}

}