@charset "Shift_JIS";

#tabOverseasTour01{
	height:155px;
}

/*******************************************************************************
  共通
 ******************************************************************************/

#tabOverseasTour {
	color: #333;
}

#tabOverseasTour span.none {
	display: none;
}

/*******************************************************************************
  左カラム
 ******************************************************************************/

#tabOverseasTour .nextBtn {
	display: inline-block;
	width: 45px;
	height: 20px;
	background-image: url(/images/navigation_area/search_overseas/btn_next201208.gif);
	background-repeat: no-repeat;
}
#tabOverseasTour .nextBtn:hover {
	background-position:-45px 0;
}
#tabOverseasTour01 a.off,
#tabOverseasTour01 a.off:hover {
	background-position:-90px 0;
}


#tabOverseasTour01 optgroup option {
	text-indent: 1.5em;
}

#tabOverseasTour01 #MapCountryOptions {
	display: none;
}


/*******************************************************************************
  右カラム
 ******************************************************************************/

#tabOverseasTour02 {
	position: relative;
	width: 450px;
	margin: 0;
	font-size: 11px;
}
#tabOverseasTour02 select {
	font-size: 13px;
}

/**
 * Head部
 */
#tabOverseasTour02 .tOTHead {
	position: static;
	height: 19px;
}

#tabOverseasTour02 .tOTHead h2 {
	position: absolute;
	float: left;
	width: 400px;
	height: 19px;
	top: 5px;
	left: 28px;
	background-image: url(images/search_opt_label.png);
	background-repeat: no-repeat;
}
#tabOverseasTour02 .tOTHead a {
	position: absolute;
	display: block;
	width: 20px;
	height: 20px;
	top: 0px;
	left: 434px;
	background:url(/images/navigation_area/search_overseas/btn_close.gif) no-repeat left top;
}
#tabOverseasTour02 .tOTHead a:hover {
	background-position:right top;
	float: right;
}


/**
 * Body部
 */

/* 共通 */
#tabOverseasTour02 .tOTBody {
	margin: 0 0 0 10px;
}

#tabOverseasTour02 .tOTBody .optionItem {
	margin: 15px 0 0 0;
	width: 370px;
}

#tabOverseasTour02 h3 {
	float: left;
	display: block;
	width: 75px;
	height: 16px;
	margin: 0;
	background-repeat: no-repeat;
}
#tabOverseasTour02 div.block {
	display: block;
	float: left;
	width: 290px;
	margin: 0;
}


/* 出発日 */

#tabOverseasTour02 #DepartDateBox h3 {
	background-image: url(images/label_date.png);
}
#tabOverseasTour02 #DepartDateBox p {
	float: left;
	width: 200px;
	margin: 0;
	padding: 0;
}
#tabOverseasTour02 #DepartDateBox select.year {
	width: 55px;
}
#tabOverseasTour02 #DepartDateBox select.month,
#tabOverseasTour02 #DepartDateBox select.day {
	width: 40px;
}
#tabOverseasTour02 #DepartDateBox #ShowCalBtn {
	display: block;
	float: left;
	width: 22px;
	height: 20px;
	background-image: url(images/icon_cal.png);
	background-repeat: no-repeat;
}


/* 期間 */

#tabOverseasTour02 #CalendarPeriodBox h3 {
	background-image: url(images/label_period.png);
}

#tabOverseasTour02 #CalendarPeriod ul {
	width: 281px;
	margin: 0;
	padding: 0;
	height: 20px;
	border: solid 1px #cecece;
	border-left: none;
}
#tabOverseasTour02 #CalendarPeriod li {
	float: left;
	display: inline-block;
	margin: 0;
	width: 32px;
	height: 20px;
	line-height: 20px;
	border-left: solid 1px #cecece;
	text-align: center;
	font-size: 12px;
	cursor: pointer;
	background-image: url(images/period_bg.png);
	background-repeat: repeat-x;
	background-position: 0 0;
}
#tabOverseasTour02 #CalendarPeriod li:hover {
	background-image: url(images/period_bg.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
#tabOverseasTour02 #CalendarPeriod li.large {
	width: 49px;
}
#tabOverseasTour02 #CalendarPeriod li.on {
	background-color: #ffcc00;
	background-image: url(images/period_bg_on.png);
	background-repeat: no-repeat;
	font-weight: bold;
}
#tabOverseasTour02 #CalendarPeriod li.on:hover {
	background-position: 0 0;
}


/* 予算 */
#tabOverseasTour02 #BudgetBox h3 {
	background-image: url(images/label_budget.png);
}
#tabOverseasTour02 #BudgetBox select {
	width: 100px;
}
#tabOverseasTour02 #BudgetBox span {
	font-size: 11px;
	font-weight: bold;
}

/* 検索結果を表示ボタン */
#tabOverseasTour02 #SearchBtn {
	display: block;
	float: right;
	width: 144px;
	height: 40px;
	background-repeat: no-repeat;
	background-image: url(/images/navigation_area/search_overseas/btn_view_results.gif);
}
#tabOverseasTour02 #SearchBtn:hover {
	background-image: url(/images/navigation_area/search_overseas/btn_view_results_on.gif);

}
#tabOverseasTour02 #SearchBtn span {
	display: none;
}

/*******************************************************************************
  カレンダー
 ******************************************************************************/

#tabOverseasTour #CalendarBox {
	position: absolute;
	top: 5px;
	left: 195px;
	width: 300px;
	display: none;
}

/* IE6 z-index hack **/
#tabOverseasTour #CalendarBox iframe {
	display: none;
}
#tabOverseasTour #CalendarBox .zindexFix {
	_display: block;
	_position: absolute;
	_width: 100%;
	_height: 268px;
	_left :0px;
	_top :0;
}

#tabOverseasTour #CalendarBox .outer {
	width: 100%;
	border:solid 4px #ccc;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	padding-bottom: 10px;
	background-color: #fff;
}

#tabOverseasTour #CalendarBox .inner {
	margin-left: 0px;
	margin-right: 0px;
}

#tabOverseasTour #CalendarBox h4 {
	width: 300px;
	height: 21px;
	margin: 0;
	background-image: url(./images/cal_bg.png);
	background-repeat: no-repeat;
}


/**
 * カレンダー：月選択
 */
#tabOverseasTour #CalendarMonth {
	height: 20px;
	border: solid 1px #cecece;
	border-width: 1px 0;
}
#tabOverseasTour #CalendarMonth ul {
	width: 300px;
	margin: 1px 0;
	padding: 0;
	height: 18px;
	background-image: url(./images/cal_month_bg.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
#tabOverseasTour #CalendarMonth li {
	float: left;
	display: inline-block;
	width: 42px;
	height: 18px;
	line-height: 20px;
	border-left: solid 1px #cecece;
	text-align: center;
	font-size: 11px;
}
#tabOverseasTour #CalendarMonth li.page {
	width: 20px;
}
#tabOverseasTour #CalendarMonth li a {
	display: block;
	width: 100%;
	height: 18px;
	text-decoration: none;
	background-repeat: no-repeat;
	color: #333;
}
#tabOverseasTour #CalendarMonth li a:hover,
#tabOverseasTour #CalendarMonth li.current a:hover {
	background-image: url(./images/cal_month_bg_on.png);
	background-position: 0 -20px;
	color: #333;
}
#tabOverseasTour #CalendarMonth li.on a,
#tabOverseasTour #CalendarMonth li.on a:hover {
	background-image: url(./images/cal_month_bg_on.png);
	background-position: 0 0px;
	background-color: #ffcc00;
}
#tabOverseasTour #CalendarMonth li.current a {
	background-image: url(./images/cal_month_bg_on.png);
	background-position: 0 -40px;
}

#tabOverseasTour #CalendarMonth #CalendarMonthPrev {
	background-image: url(./images/cal_month_left.png);
}
#tabOverseasTour #CalendarMonth #CalendarMonthNext {
	background-image: url(./images/cal_month_right.png);
}
#tabOverseasTour #CalendarMonth #CalendarMonthPrev:hover,
#tabOverseasTour #CalendarMonth #CalendarMonthNext:hover {
	background-position: bottom;
}

/**
 * カレンダー
 */
#tabOverseasTour #CalendarCanvas {
	margin: 10px 0 0 0;
}
#tabOverseasTour #CalendarCanvas table {
	margin: 0 auto;
	width: 280px;
	border-collapse: collapse;
	border-color: #cecece;
}

/* 曜日 */
#tabOverseasTour #CalendarCanvas table th {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
}
#tabOverseasTour #CalendarCanvas table th.hol {
	color: #e04a4a;
}
#tabOverseasTour #CalendarCanvas table th.sat {
	color: #2991ec;
}

/* 日付 */
#tabOverseasTour #CalendarCanvas table td {
	line-height: 22px;
	width: 37px;
	height: 38px;
	_height: 35px;
	border: solid 1px #cecece;
	vertical-align: top;
	text-align: center;
	font-size: 12px;
	color: #333333;
	cursor: pointer;
}
/* nowloading */
body.nowloading #tabOverseasTour #CalendarCanvas table td {
	cursor: wait;
}

/* 文字 */
#tabOverseasTour #CalendarCanvas table td span {
}
/* 日付文字 */
#tabOverseasTour #CalendarCanvas table td span.date {
	line-height: 22px;
}
/* ○×文字 */
#tabOverseasTour #CalendarCanvas table td span.count {
	display: block;
	font-size: 10px;
	line-height: 12px;
	text-indent: 1px;
}


/* 休日*/
#tabOverseasTour #CalendarCanvas table td.hol {
	background-color: #ffebf3;
	color: #e04a4a;
}
/* 土曜日*/
#tabOverseasTour #CalendarCanvas table td.sat {
	background-color: #ebf6ff;
	color: #2991ec;
}
/* 出発日 */
#tabOverseasTour #CalendarCanvas table td.start {
	background-color: #f1c100;
	background-image: url(./images/cal_bg_start.png);
	background-repeat: no-repeat;
	font-weight: bold;
	color: #333333;
}
/* 選択範囲 */
#tabOverseasTour #CalendarCanvas table td.sel {
	background-color: #ffee86;
	background-image: url(./images/cal_bg_sel.png);
	background-repeat: no-repeat;
	color: #333333;
}
/* 帰国日 */
#tabOverseasTour #CalendarCanvas table td.end {
	background-color: #ffee86;
	background-image: url(./images/cal_bg_end.png);
	background-repeat: no-repeat;
	color: #333333;
}
/* 当日 */
#tabOverseasTour #CalendarCanvas table td.today,
#tabOverseasTour #CalendarCanvas table td.current {
	background-color: #eeeeee;
}
/* 無効 */
#tabOverseasTour #CalendarCanvas table td.off {
	cursor: default;
}

/* 無効箇所の文字色透かし */
#tabOverseasTour #CalendarCanvas table td.off span.date {
	display: inline-block;
	opacity: 0.5;
	filter: progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=50);
}

/* 出発日・帰国日では○×を非表示 */
/*#tabOverseasTour #CalendarCanvas table td.sel span.count,*/
#tabOverseasTour #CalendarCanvas table td.start span.count,
#tabOverseasTour #CalendarCanvas table td.end span.count {
	display: none;
}