@charset "EUC-JP";

/* -----------------------------------------------------------
CSS Information

File name:      os_tour.css
Created:        2009-11-04
Last update:    2011-08-03 by Iwabuchi
Style Info:     reserve 海外ツアー配下
----------------------------------------------------------- */
/* -----------------------------------------------------------
Table of Contents

__cmn
__lead
__days_destination
__map
__pickup_tour
__benefit_info
__search_area
__budget travel_days travel_theme
__agent
__popular_condition
__popular_area
__tour_condition
__suggest_tour

----------------------------------------------------------- */


/* __cmn
----------------------------------------------------------- */

#os_tour #main .box {
	border: 1px solid #bdd2d4;
	background: #e4f3f0;
}

#os_tour #main .box select {
	width: 200px;
	border: 1px solid #999999;
}

#os_tour #main .essential {
	padding-right: 1px;
	color: #ff9900;
	font-weight: bold;
}

#os_tour #main .days_destination,
#os_tour #main .map,
#os_tour #main .budget,
#os_tour #main .travel_days,
#os_tour #main .travel_theme {
	border: 1px solid #80cdd2;
	border-top: none;
}

#os_tour #main .days_destination h2,
#os_tour #main .map h2,
#os_tour #main .budget h2,
#os_tour #main .travel_days h2,
#os_tour #main .travel_theme h2 {
	position: relative;
	margin: 0 -1px;
	zoom: 1;
}

#os_tour #sub .benefit_mail p.more02 a,
#os_tour #sub .to_travel_agent p.more02 a {
	color: #0025af;
}

#os_tour #sub .benefit_mail p.more02 a:visited,
#os_tour #sub .to_travel_agent p.more02 a:visited {
	color: #800080;
}

#os_tour #sub .benefit_mail p.more02 a:hover,
#os_tour #sub .to_travel_agent p.more02 a:hover {
	color: #ff4400;
}

#os_tour #main h1 {
	padding: 7px 9px 9px 42px;
	background: url(http://cdn.4travel.jp/img/general/reserve/overseas/tour/bg/bg_lead_ttl.gif) no-repeat left top;
	font-size: 1.5em;
}

#os_tour #main #loading div.first_loading {
	margin: 50px 0;
	color: #666666;
	font-weight: bold;
	font-size: 1.1em;
	text-align: center;
}


/* __lead
----------------------------------------------------------- */

#os_tour #main .lead {
	margin-bottom: 5px;
}

#os_tour #main .lead p {
	font-size: 1.1em;
	line-height: 1.2;
}

#os_tour #main .lead p span,
#os_tour #main .lead p strong {
	font-size: 1.2em;
}

#os_tour #main .lead p span.number {
	color: #e7262f;
	font-size: 2.05em;
	font-family: Arial;
	font-weight: bold;
	vertical-align: baseline;
}


/* __days_destination
----------------------------------------------------------- */

#os_tour #main .days_destination {
	margin-bottom: 15px;
	border: 1px solid #80cdd2;
	border-top: none;
}

#os_tour #main .days_destination h2 {
	margin: 0 -1px;
}

#os_tour #main .days_destination dl {
	overflow: hidden;
	padding: 10px 10px 5px;
	zoom: 1;
}

#os_tour #main .days_destination dl dt {
	float: left;
	width: 55px;
	color: #666666;
	font-weight: bold;
}

#os_tour #main .days_destination dl dd {
	float: left;
}

#os_tour #main .days_destination dl dd.place {
	width: 100px;
}

#os_tour #main .days_destination dl dd.place select {
	width: 65px;
	height: 19px;
}

#os_tour #main .days_destination dl dd.date {
	width: 398px;
}

#os_tour #main .days_destination dl dd.date select#selYear {
	width: 65px;
	height: 19px;
}

#os_tour #main .days_destination dl dd.date select#selMonth {
	width: 50px;
	height: 19px;
}

#os_tour #main .days_destination dl dd.date select#selDay {
	width: 50px;
	height: 19px;
}

#os_tour #main .days_destination dl dd.date a.calendar {
	margin-left: 10px;
	padding: 2px 0 2px 16px;
	background: url(http://cdn.4travel.jp/img/general/reserve/cmn/ico/ico_calendar_os.gif) no-repeat 0 0;
	color: #666666;
	font-size: 0.9em;
	cursor: pointer;
	text-decoration: underline;
}

#os_tour #main #reserve_overseas_tour_form #calendar_parent table {
	width: 155px;
}

#os_tour #main .days_destination dl.destination {
	margin: 0 10px 0;
	padding: 5px 0;
	border-bottom: 1px solid #b6dbe6;
}

#os_tour #main .days_destination dl.destination dd {
	margin-left: 14px;
}

#os_tour #main .days_destination dl.destination dd select#OVS_region option.na,
#os_tour #main .days_destination dl.destination dd select#OVS_country option.na,
#os_tour #main .days_destination dl.destination dd select#OVS_city option.na {
	background: #f1f1f1;
	color: #999999;
}

#os_tour #main .days_destination dl dd ul {
	overflow: hidden;
	zoom: 1;
}

#os_tour #main .days_destination dl dd ul li {
	float: left;
	margin-right: 10px;
}

#os_tour #main .days_destination dl dd p {
	margin-top: 3px;
}

#os_tour #main .days_destination dl dd p a {
	padding-right: 10px;
	background: url(http://cdn.4travel.jp/img/general/reserve/cmn/ico/ico_more.gif) no-repeat right center;
	color: #666666;
	font-size: 0.9em;
}

#os_tour #main .days_destination dl dd p a:visited {
	color: #666666;
}

#os_tour #main .days_destination p.btn {
	clear: both;
	margin: 0 10px;
	padding: 5px 0;
	border-top: 1px solid #ffffff;
	text-align: center;
}


/* __map_pickup
----------------------------------------------------------- */

#os_tour #main .map_pickup {
	overflow: hidden;
	margin-bottom: 15px;
	zoom: 1;
}


/* __map
----------------------------------------------------------- */

#os_tour #main .map {
	float: left;
 	width: 332px;
}

#os_tour #main .map .map_area {
	margin-bottom: 8px;
	border-bottom: 1px solid #bdd2d4;
}

#os_tour #main .map ul {
	margin: 0 13px 8px;
}

#os_tour #main .map ul li {
	display: inline;
	margin-left: 5px;
	padding-left: 5px;
	border-left: 1px solid #cccccc;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.2;
}

#os_tour #main .map ul li.first {
	margin-left: 0;
	padding-left: 0;
	border-left: none;
}


/* __pickup_tour
----------------------------------------------------------- */

#os_tour #main .pickup_tour {
	float: right;
	width: 414px;
	margin-bottom: 6px;
}
#os_tour #main .pickup_tour ul {
	padding: 0 10px 10px;
	border: 3px double #fedb00;
	border-top: none;
	background: #fbf7dc;
	overflow: hidden;
	zoom: 1;
}
#os_tour #main .pickup_tour ul li {
	padding: 5px 0 5px 12px;
	border-bottom: 1px dotted #ffc000;
	background: url(http://cdn.4travel.jp/img/general/reserve/cmn/ico/ico_pickup.gif) no-repeat 0 6px;
	line-height: 1.2;
	font-weight: bold;
}

/* __benefit_info
----------------------------------------------------------- */

#os_tour #main .benefit_info {
	float: right;
	width: 414px;
}

#os_tour #main .benefit_info ul {
	padding: 9px 1px 0 8px;
}

#os_tour #main .benefit_info ul li {
	display: inline;
	padding-right: 7px;
}

#os_tour #main .benefit_info ul li img {
	vertical-align: bottom;
}


/* __search_area
----------------------------------------------------------- */

#os_tour #main .search_area {
	overflow: hidden;
	margin-bottom: 15px;
	zoom: 1;
}


/* __budget travel_days travel_theme
----------------------------------------------------------- */

#os_tour #main .budget,
#os_tour #main .travel_days,
#os_tour #main .travel_theme {
	float: left;
	width: 244px;
	margin-right: 10px;
}

#os_tour #main .travel_theme {
	margin-right: 0;
}

#os_tour #main .budget p,
#os_tour #main .travel_days p,
#os_tour #main .travel_theme p {
	padding: 10px;
}

#os_tour #main .budget p select,
#os_tour #main .travel_days p select,
#os_tour #main .travel_theme p select {
	width: 150px;
}

#os_tour #main .budget p input,
#os_tour #main .travel_days p input,
#os_tour #main .travel_theme p input {
	vertical-align: top;
}


/* __agent
----------------------------------------------------------- */

#os_tour #main .agent {
	clear: both;
	overflow: hidden;
	margin-bottom: 20px;
	zoom: 1;
}

#os_tour #main .agent ul {
	overflow: hidden;
	margin-left: -10px;
	zoom: 1;
}

#os_tour #main .agent ul li {
	display: inline;
	float: left;
	width: 244px;
	margin: 5px 0 0 10px;
	border: 1px solid #80cdd2;
	line-height: 1.0;
}

#os_tour #main .agent ul li iframe {
	vertical-align: bottom;
}

#os_tour #main .agent ul li dl {
	overflow: hidden;
	padding: 3px;
	zoom: 1;
}

#os_tour #main .agent ul li dl dt {
	float: left;
	width: 76px;
}

#os_tour #main .agent ul li dl dt a img {
	border: 1px solid #cccccc;
	vertical-align: bottom;
}

#os_tour #main .agent ul li dl dd {
	float: right;
	width: 160px;
	line-height: 1.2;
}

#os_tour #main .agent ul li dl dd p.ttl {
	margin-bottom: 5px;
}

#os_tour #main .agent ul li dl dd p.ttl a {
	font-size: 12px;
	font-weight: bold;
}

#os_tour #main .agent ul li dl dd p.txt a {
	color: #333333;
	font-size: 11px;
	text-decoration: none;
}

#os_tour #main .agent ul li dl dd p.txt a:hover {
	text-decoration: underline;
}

#os_tour #main .agent ul li dl dd p.rep a {
	padding: 0 0 0 7px;
	background: url(http://cdn.4travel.jp/img/general/reserve/cmn/ico/ico_arrow_01.gif) no-repeat left center;
	font-size: 12px;
	font-weight: bold;
}

#os_tour #main .agent p.rep_list {
	padding-top: 3px;
	text-align: right;
}

#os_tour #main .agent p.rep_list a {
	padding-right: 10px;
	background: url(http://cdn.4travel.jp/img/general/reserve/cmn/ico/ico_more.gif) no-repeat right center;
}


/* __agent_area
----------------------------------------------------------- */
#os_tour #main .agent_area {
	clear: both;
	margin-bottom: 20px;
	overflow: hidden;
	zoom: 1;
}
#os_tour #main .agent_area .col {
	margin-left: -10px;
	overflow: hidden;
	zoom: 1;
}
#os_tour #main .agent_area dl {
	display: inline;
	float: left;
	width: 238px;
	margin: 5px 0 0 10px;
	padding: 3px;
	border: 1px solid #80cdd2;
	background: #E4F3F0;
	line-height: 1.0;
	overflow: hidden;
	zoom: 1;
}
#os_tour #main .agent_area dl dt {
	float: left;
	width: 76px;
}
#os_tour #main .agent_area dl dt a img {
	border: 1px solid #cccccc;
	vertical-align: bottom;
}
#os_tour #main .agent_area dl dd {
	float: right;
	width: 160px;
	line-height: 1.2;
	font-size: 0.9em;
}
#os_tour #main .agent_area dl dd p.ttl {
	margin-bottom: 3px;
}
#os_tour #main .agent_area dl dd p.ttl a {
	font-weight: bold;
}
#os_tour #main .agent_area dl dd p.txt a {
	color: #333333;
	text-decoration: none;
}
#os_tour #main .agent_area dl dd p.txt a:hover {
	text-decoration: underline;
}
#os_tour #main .agent_area dl dd p.rep a {
	padding: 0 0 0 7px;
	background: url(http://cdn.4travel.jp/img/general/reserve/cmn/ico/ico_arrow_01.gif) no-repeat left center;
	font-size: 12px;
	font-weight: bold;
}

#os_tour #main .agent_area p.rep_list {
	padding-top: 3px;
	text-align: right;
}

#os_tour #main .agent_area p.rep_list a {
	padding-right: 10px;
	background: url(http://cdn.4travel.jp/img/general/reserve/cmn/ico/ico_more.gif) no-repeat right center;
}


/* __popular_condition
----------------------------------------------------------- */

#os_tour #main .popular_condition {
	clear: both;
	overflow: hidden;
	margin-bottom: 20px;
	zoom: 1;
}


/* __popular_area
----------------------------------------------------------- */

#os_tour #main .popular_area {
	float: left;
	width: 374px;
}

#os_tour #main .popular_area h2 {
	margin-bottom: 5px;
	padding-bottom: 3px;
	border-bottom: 1px solid #e0e0e0;
	font-size: 1.0em;
}

#os_tour #main .popular_area h2 img {
	padding-left: 5px;
	border-left: 6px solid #ff9900;
	vertical-align: bottom;
}

#os_tour #main .popular_area h2 span {
	padding: 0 0 5px 5px;
	font-size: 0.8em;
	font-weight: normal;
	line-height: 1.0;
	vertical-align: bottom;
}

#os_tour #main .popular_area dl {
	overflow: hidden;
	padding: 5px 0;
	border-bottom: 1px dotted #cccccc;
	zoom: 1;
}

#os_tour #main .popular_area dl dt {
	float: left;
	width: 75px;
}

#os_tour #main .popular_area dl dt a:hover {
	border: none;
}

#os_tour #main .popular_area dl dt a img {
	padding: 2px;
	border: 1px solid #cccccc;
	background: #ffffff;
	vertical-align: bottom;
}

#os_tour #main .popular_area dl dt a:hover img {
	border: 1px solid #b6dbe6;
	background: #e4f1f3;
}

#os_tour #main .popular_area dl dd {
	margin-left: 75px;
	line-height: 1.2;
}

#os_tour #main .popular_area dl dd p.area {
	margin-bottom: 3px;
	color: #666666;
	font-size: 1.1em;
}

#os_tour #main .popular_area dl dd p.area a.city {
	padding-right: 5px;
	font-size: 1.2em;
	font-weight: bold;
}

#os_tour #main .popular_area dl dd p.price a {
	color: #e7262f;
	font-size: 1.25em;
	font-family: Arial;
	font-weight: bold;
	text-align: right;
}

#os_tour #main .popular_area dl dd p.price a span {
	font-family: "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
	font-weight: normal;
}

#os_tour #main .popular_area dl dd p.price a {
	text-decoration: none;
}

#os_tour #main .popular_area dl dd p.price a:hover {
	text-decoration: underline;
}


/* __tour_condition
----------------------------------------------------------- */

#os_tour #main .tour_condition {
	float: right;
	width: 374px;
}

#os_tour #main .tour_condition h2 {
	margin-bottom: 5px;
	padding-bottom: 3px;
	border-bottom: 1px solid #e0e0e0;
	font-weight: normal;
}

#os_tour #main .tour_condition h2 img {
	padding-left: 5px;
	border-left: 6px solid #ff9900;
}

#os_tour #main .tour_condition ul li {
	border-bottom: 1px dotted #cccccc;
}

#os_tour #main .tour_condition ul li a {
	display: block;
	width: 368px;
	padding: 2px 3px 7px;
	text-decoration: none;
}

#os_tour #main .tour_condition ul li a:hover {
	background: #fef4b8;
}

#os_tour #main .tour_condition ul li a span.line {
	padding: 0 3px;
	color: #999999;
}

#os_tour #main .tour_condition ul li a span.departure,
#os_tour #main .tour_condition ul li a span.area,
#os_tour #main .tour_condition ul li a span.days {
	font-weight: bold;
}

#os_tour #main .tour_condition ul li a span.departure {
	font-family: Arial;
}

#os_tour #main .tour_condition ul li a span.area {
	font-size: 1.3em;
}

#os_tour #main .tour_condition ul li a span.days {
	font-size: 1.55em;
	font-family: Arial;
}


/* __suggest_tour
----------------------------------------------------------- */

#os_tour #main .suggest_tour {
	margin-bottom: 20px;
}

#os_tour #main .suggest_tour h2 {
	margin-bottom: 5px;
	padding-bottom: 3px;
	border-bottom: 1px solid #e0e0e0;
	font-weight: normal;
}

#os_tour #main .suggest_tour h2 img {
	padding-left: 5px;
	border-left: 6px solid #ff9900;
}

#os_tour #main .suggest_tour ul.suggest_tour_pickup {
	overflow: hidden;
	margin: 10px 0 0;
	padding-bottom: 10px;
	border-bottom: 1px dotted #cccccc;
	zoom: 1;
}

#os_tour #main .suggest_tour ul.suggest_tour_pickup li {
	display: inline;
	float: left;
	width: 374px;
	margin-right: 10px;
}

#os_tour #main .suggest_tour ul.suggest_tour_pickup li.last {
	margin-right: 0;
}

#os_tour #main .suggest_tour ul.suggest_tour_pickup li dl {
	overflow: hidden;
	width: 374px;
	zoom: 1;
}

#os_tour #main .suggest_tour ul.suggest_tour_pickup li dl dt {
	float: left;
	width: 131px;
}

#os_tour #main .suggest_tour ul.suggest_tour_pickup li dl dt a:hover {
	border: none;
}

#os_tour #main .suggest_tour ul.suggest_tour_pickup li dl dt a img {
	padding: 2px;
	border: 1px solid #cccccc;
	background: #ffffff;
	vertical-align: bottom;
}

#os_tour #main .suggest_tour ul.suggest_tour_pickup li dl dt a:hover img {
	border: 1px solid #b6dbe6;
	background: #e4f1f3;
}

#os_tour #main .suggest_tour ul.suggest_tour_pickup li dl dd {
	float: right;
	width: 243px;
	line-height: 1.2;
}

#os_tour #main .suggest_tour ul.suggest_tour_pickup li dl dd p.ttl {
	margin-bottom: 5px;
}

#os_tour #main .suggest_tour ul.suggest_tour_pickup li dl dd p.ttl a {
	font-size: 13px;
	font-weight: bold;
}

#os_tour #main .suggest_tour ul.suggest_tour_list {
	overflow: hidden;
	margin-left: -10px;
	zoom: 1;
}

#os_tour #main .suggest_tour ul.suggest_tour_list li {
	display: inline;
	float: left;
	width: 361px;
	margin: 0 0 0 10px;
	padding: 5px 4px 5px 9px;
	border-bottom: 1px dotted #cccccc;
	background: url(http://cdn.4travel.jp/img/general/reserve/cmn/ico/ico_list_cmn.gif) no-repeat 0 -584px;
	font-size: 0.9em;
}

#os_tour #main .suggest_tour ul.suggest_tour_list li a {
	font-size: 1.2em;
	font-weight: bold;
}