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

#searchContainer {
	margin-top: 10px;
}
#searchBox {
	float: left;
	width: 610px;
}
#searchBox h3 {
	margin-bottom: 7px;
}
#searchBoxInner {
	position: relative;
	padding: 12px 14px 18px 14px;
	height: 250px;
	background: url('../img/tour/bg_search_box_inner.png') left bottom repeat-x;
	border: 1px solid #e3e3e3;
}
html>body #searchBoxInner {
	height: auto;
	min-height: 218px;
}
#searchBoxInner #areaSearch {
	float: left;
	width: 290px;
	padding-bottom: 11px;
}
html>body #searchBoxInner #areaSearch {
	padding-bottom: 13px;
}
#searchBoxInner #purposeSearch {
	float: right;
	width: 290px;
	padding-bottom: 11px;
}
html>body #searchBoxInner #purposeSearch {
	padding-bottom: 13px;
}
#searchBoxInner #dateSearch {
	float: left;
	width: 400px;
	padding-bottom: 11px;
}
html>body #searchBoxInner #dateSearch {
	padding-bottom: 13px;
}
#searchBoxInner #dateSearch select#month_begin,
#searchBoxInner #dateSearch select#month_end {
	width: 97px;
}
html>body #searchBoxInner #dateSearch select#month_begin,
html>body #searchBoxInner #dateSearch select#month_end {
	width: 95px;
}
#searchBoxInner #dateSearch select#day_begin,
#searchBoxInner #dateSearch select#day_end {
	width: 77px;
}
html>body #searchBoxInner #dateSearch select#day_begin,
html>body #searchBoxInner #dateSearch select#day_end {
	width: 75px;
}
#searchBoxInner #priceSearch {
	float: left;
	width: 290px;
}
#searchBoxInner #priceSearch input {
	text-align: center;
	width: 50px;
}
html>body #searchBoxInner #priceSearch input {
	width: 48px;
}
#searchBoxInner #numOfDaysSearch {
	float: right;
	width: 290px;
}
#searchBoxInner #numOfDaysSearch input {
	text-align: center;
	width: 50px;
}
html>body #searchBoxInner #numOfDaysSearch input {
	width: 48px;
}
#searchBoxInner #searchButton {
	float: right;
	width: 80px;
	padding-top: 1.5em;
}
#searchBoxInner #searchButton #submit {
	width: 80px;
}
html>body #searchBoxInner #searchButton #submit {
	width: 78px;
}
#searchBoxInner dl {
	position: relative;
}
#searchBoxInner dt {
	color: #b47551;
	font-weight: bold;
	line-height: 150%;
}
#searchBoxInner dd {
	font-size: 80%;
}


#search #area {
	width: 270px;
	height: 20px;
	margin-top: 3px;
}
#search #purpose {
	width: 270px;
	height: 20px;
	margin-top: 3px;
}


/* --- mapSearchBox --- */
#mapSearchBox {
	float: right;
	width: 276px;
	height: 250px;
}
#mapSearchBox h3 {
	margin-bottom: 7px;
}


/* --- Special News --- */
#specialNews {
	margin-top: 25px;
}
#specialNews h3 {
	height: 24px;
	line-height: 24px;
}
#specialNews .body {
	margin-top: 10px;
	height: 127px;
	border: 1px solid #ACACAC;
	overflow: auto;
	background: url(../img/common/bg_gradation.png) top left repeat-x;
}
#specialNews dl {
	border-bottom: 1px dashed #CCC;
}
#specialNews dt {
	float: left;
	padding: 5px 10px;
	width: 140px;
	font-size: 85%;
	font-weight: bold;
	text-align: right;
}
html>body #specialNews dt {
	width: 120px;
}
#specialNews dd {
	float: right;
	padding: 5px 10px;
	width: 738px;
	font-size: 85%;
}
html>body #specialNews dd {
	width: 718px;
}


/* --- Tour List --- */
#tourList {
	margin-top: 25px;
}
#tourListHeader h3 {
	float: left;
	width: 140px;
	height: 22px;
	line-height: 22px;
}
#tourListHeader p {
	float: right;
	width: 760px;
	text-align: right;
	font-size: 80%;
	line-height: 22px;
}
#tourListNav {
	margin-top: 9px;
}
#tourListNav li {
	float: left;
	width: 172px;
	height: 40px;
	margin-right: 10px;
	font-size: 95%;
}
#tourListNav li.act {
	position: relative;
	z-index: 2;
	text-align: center;
	color: #505050;
	font-weight: bold;
	line-height: 39px;
	text-decoration: none;
/*	background-color: #f0f0f0; */
	border-top: 1px solid #acacac;
	border-left: 1px solid #acacac;
	border-right: 1px solid #acacac;
}
html>body #tourListNav li.act {
	width: 170px;
	height: 39px;
}
#tourListNav li.lastchild {
	margin-right: 0;
}

#tourListNav li#east {
	background-color: #ECF9F0;
}
#tourListNav li#south {
	background-color: #FAEBEB;
}
#tourListNav li#west_north {
	background-color: #FFFAEB;
}
#tourListNav li#indian {
	background-color: #f6f9eb;
}
#tourListNav li#other {
	background-color: #EBF2F9;
}
#tourListNav li#special {
	background-color: #F8ECFB;
}

#tourListNav li a {
	display: block;
	width: 172px;
	height: 40px;
	text-align: center;
	color: #767676;
	font-weight: bold;
	line-height: 39px;
	text-decoration: none;
	background-color: #fff;
	border-top: 1px solid #b6b6b6;
	border-left: 1px solid #b6b6b6;
	border-right: 1px solid #b6b6b6;
}
html>body #tourListNav li a {
	width: 170px;
	height: 39px;
}
#tourListNav li a:hover {
	color: #505050;
	position: relative;
	z-index: 1;
/*	background-color: #f5f0ed; */
}

#tourListNav li#east a {
	background-color: #ECF9F0;
}
#tourListNav li#south a {
	background-color: #FAEBEB;
}
#tourListNav li#west_north a {
	background-color: #FFFAEB;
}
#tourListNav li#indian a {
	background-color: #f6f9eb;
}
#tourListNav li#other a {
	background-color: #EBF2F9;
}
#tourListNav li#special a {
	background-color: #F8ECFB;
}


#tourListInnerContainer {
	position: relative;
	z-index: 1;
	margin-top: -1px;
	padding: 29px 14px 14px 14px;
/*	background: url(../img/tour/bg_tour_list_inner.png) left top repeat-x;*/
	border: 1px solid #acacac;
}
div.east {
	background: url(../img/tour/bg_east.png) left top repeat-x;
}
div.south {
	background: url(../img/tour/bg_south.png) left top repeat-x;
}
div.west_north {
	background: url(../img/tour/bg_west_north.png) left top repeat-x;
}
div.indian {
	background: url(../img/tour/bg_indian.png) left top repeat-x;
}
div.other {
	background: url(../img/tour/bg_other.png) left top repeat-x;
}
div.special {
	background: url(../img/tour/bg_special.png) left top repeat-x;
}

/*#tourListInner ul {
	padding: 8px;
	background-color:#fff;
	border: 1px solid #969696;
}
#tourListInner ul li {
	margin: 0;
	padding: 0;
	border: 0;
}*/

#tourListInnerContainer p.categoryDescription {
	margin-top: -15px;
	padding: 0 30px 12px 30px;
/*	padding-bottom: 14px; */
	font-size: 90%;
}
#tourListInner {
	padding: 8px;
	background-color:#fff;
	border: 1px solid #969696;
}
#tourListInner dl {
	position: relative;
	width: 852px;
	padding: 3px 3px 3px 18px;
	margin-bottom: 3px;
	border: 2px solid #cacaca;
}
html>body #tourListInner dl {
	width: 827px;
}
#tourListInner dl.even {
	background-color: #f5f0ed;
}
#tourListInner dt {
	padding: 5px 0 5px 0;
}
#tourListInner dt a {
	color: #b47551;
	font-weight: bold;
}
#tourListInner dd {
	padding: 0 0 5px 0;
	font-size: 80%;
}
#tourListInner dd.icon {
	padding: 0;
	position: absolute;
	top: 8px;
	right: 8px;
}




/* -------------------- */
/*  searchResult        */
/* -------------------- */
#searchResult {
	margin-top: 25px;
}
#searchResultHeader h3 {
	float: left;
	width: 96px;
	height: 24px;
	line-height: 24px;
}
#searchResultHeader p {
	float: right;
	width: 804px;
	text-align: right;
	font-size: 80%;
	line-height: 24px;
}

#searchResultInnerContainer {
	margin-top: 9px;
	padding: 29px 14px 14px 14px;
	background: url(../img/tour/bg_tour_list_inner.png) left top repeat-x;
	border: 1px solid #acacac;
}
#searchResultInner {
	padding: 8px;
	background-color:#fff;
	border: 1px solid #969696;
}
#searchResultInner dl {
	position: relative;
	width: 852px;
	padding: 3px 3px 3px 18px;
	margin-bottom: 3px;
	border: 2px solid #cacaca;
}
html>body #searchResultInner dl {
	width: 827px;
}
#searchResultInner dl.even {
	background-color: #f5f0ed;
}
#searchResultInner dt {
	padding: 5px 0 5px 0;
}
#searchResultInner dt a {
	color: #b47551;
	font-weight: bold;
}
#searchResultInner dd {
	padding: 0 0 5px 0;
	font-size: 80%;
}
#searchResultInner dd.icon {
	padding: 0;
	position: absolute;
	top: 8px;
	right: 8px;
}

#searchResult ul#condition {
	margin-top: 10px;
}

