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

 www.1stwise.com ver.2 ツアー詳細用CSS

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


@import url(v2_common.css);
@import url(v2_tour.css);
@import url(//www.1stwise.com/css/v2_common_tour_detail.css);

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

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

/* メインバナー下バナー */
img.main-image-banner {
	display: none;
}

h3 {
	clear: both;
	font-size: 16px;
	text-align: left;
	margin: 18px 0 10px 0;
}
h4 {
	font-size: 14px;
	padding-left: 5px;
}

h2.tour-detail-hedding,
h5 {
	background: url(/img/detail_title_bg.gif) repeat-x;
	height: 18px;
	margin: 15px 0;
	padding: 12px;
	text-align: left;
}

table {
	margin-top: 5px;
	border-collapse: collapse;
	border: 1px #666 solid;
}
table th {
	height: 40px;
	padding-left: 5px;
	border-bottom: 1px #666 solid;
	text-align: left;
}
table th h5 {
	margin: 5px 0 3px 5px;
	padding: 0px;
	height: 15px;
	background: none;
}
table td {
	padding: 5px;
	border: 1px #666 solid;
}
td.nowrap {
	white-space: nowrap; 
}

p{
	text-align:left;
}


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

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

/* 友達に教える */
img#tour-reccomend {
	float: right;
	margin: 10px 10px 10px 0px;
}
.mail-print-box {
	float: right;
	width: 229px;
	margin: 10px;
	margin-right: 0px;
}
.mail-print-box img#tour-reccomend {
	float: none;
	margin: 0;
}
.mail-print-box img {
	margin: 3px 0;
}

/* ツアータイトル */
h2 img {
	display: block;
}
h3 {
	clear: both;
}

/* 発着地(新/2010.12)ここから */
div#arr-dep-box {
	float:right;
	width: 637px;
	height: 23px;
	text-align: right;
	margin-bottom: 20px;
	⁄zoom:1;
}
#arr-dep-box:after {
	content:'';
	display:block;
	clear:both;
}
.dept-transfer-link {
	float: left;
	width: 301px;
}
.dept-transfer-link a {
	display: block;
	width: 298px;
	height: 19px;
	margin-top: 5px;
	margin-right: 3px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/img/dept_transfer_link.png) no-repeat;
}

ul#arr-4dep{
	background: url(/img/detail_arr_dep_www.png) no-repeat 0 -36px;
	width: 336px;
	height: 18px;
	margin-top: 5px;
	float: right;
	padding: 0;
}
ul#arr-4dep li {
	float: left;
	width: 84px;
	height: 18px;
	list-style: none;
	background: url(/img/detail_arr_dep_www.png) no-repeat;
}
ul#arr-4dep a {
	float: left;
	display: block;
	width: 84px;
	height: 18px;
	background: url(/img/detail_arr_dep_www.png) no-repeat;
}
ul#arr-4dep span {
	display: none;
}
/* 現在表示中ページの出発地 */
ul#arr-4dep .tokyo1 a,
ul#arr-4dep #tokyo1 {
	background-position: 0 0;
}
ul#arr-4dep .haneda1 a,
ul#arr-4dep #haneda1 {
	background-position: -84px 0;
}
ul#arr-4dep .osaka1 a,
ul#arr-4dep #osaka1 {
	background-position: -168px 0;
}
ul#arr-4dep .nagoya1 a,
ul#arr-4dep #nagoya1 {
	background-position: -252px 0;
}

/* 同グループのツアーがある出発地 */
ul#arr-4dep .tokyo2 a {
	background-position: 0 -18px;
}
ul#arr-4dep .haneda2 a {
	background-position: -84px -18px;
}
ul#arr-4dep .osaka2 a {
	background-position: -168px -18px;
}
ul#arr-4dep .nagoya2 a {
	background-position: -252px -18px;
}

/* 同グループのツアーがある出発地(hover) */
ul#arr-4dep .tokyo2 a:hover {
	background-position: 0 0;
}
ul#arr-4dep .haneda2 a:hover {
	background-position: -84px 0;
}
ul#arr-4dep .osaka2 a:hover {
	background-position: -168px 0;
}
ul#arr-4dep .nagoya2 a:hover {
	background-position: -252px 0;
}

/* 同グループのツアーがない出発地 */
ul#arr-4dep .tokyo3,
ul#arr-4dep #tokyo3 {
	background-position: 0 -36px;
}
ul#arr-4dep .haneda3,
ul#arr-4dep #haneda3 {
	background-position: -84px -36px;
}
ul#arr-4dep .osaka3,
ul#arr-4dep #osaka3 {
	background-position: -168px -36px;
}
ul#arr-4dep .nagoya3,
ul#arr-4dep #nagoya3 {
	background-position: -252px -36px;
}

/* 発着地(新/2010.12)ここまで */



/* ツアーイメージ画像 */
div#tour-image-box{
	width:400px;
	margin:0 5px 10px 0;
	_margin:0 5px 0 0;
	padding:0px;
	float:left;
	clear:both;
}

img.main-image-banner {
	margin-top: 6px;
}

/* ツアー概要 */
div#tour-summary-box{
	width:489px;
	margin:0 0 10px 0;
	_margin:0 0 7px 0;
	float:left;
	_float:none;
	text-align:left;
}
/* ツアーコード */
p#tour-code{
	padding-left:5px;
	font-size:14px;
	line-height:2em;
	letter-spacing:0.15em;
}
/* 専任担当制 */
div#tour-summary-box img{
	margin:7px 0;
}
/* ツアー概要本文 */
div#summary-feature{
	padding:0 8px;
	_padding: 0 0px;
	text-align:left;
	line-height:1.4em;
}


/* =============================================================
２段目左
============================================================= */
.second-left {
	clear: both;
	float: left;
	width: 620px;
}


/* ツアー行程表 */
div#roadmap-box{
	clear: both;
	float: left;
	width: 620px;
}
div#roadmap-box h5{
	width: 600px;
	height: 20px;
	padding: 12px 10px;
	margin: 0;
}
/* roop */
div#roadmap-box table {
	width: 620px;
	margin: 0;
	paddding: 0;
	border: 0;
	border-collapse: collapse;
}
div#roadmap-box th {
	height: 30px;
	font-size: 13px;
	font-weight: bold;
	padding: 0;
	padding-left: 15px;
	text-align: left;
	border-bottom: 1px #666 solid;
}
th.day {
	width: 69px;
}
th.schedule {
	width:375px;
}
th.meal {
	width: 58px;
}
th.stay {
	width: 58px;
}
div#roadmap-box td {
	padding: 15px 0 60px 15px;
	margin: 0px;
	text-align: left;
	vertical-align: top;
	border: 0;
}
td.day{
	width:69px;
	background:url(/img/detail_roadmap_bg2.png) no-repeat 0 bottom;
}
td.schedule{
	width:375px;
	background:url(/img/detail_roadmap_bg2.png) no-repeat -84px bottom;
}
td.meal{
	width:58px;
	background:url(/img/detail_roadmap_bg2.png) no-repeat -474px bottom;
}
td.stay{
	width:58px;
	background:url(/img/detail_roadmap_bg2.png) no-repeat right bottom;
}

/* =============================================================
2段め右
============================================================= */
div#second-right {
	float: right;
	width:275px;
}

/* ホテル・航空会社 */
div.hotel-air {
	margin-top: 5px;
	_margin-bottom: 5px;
	padding: 8px;
	border: 1px #666 solid;
	clear: both;
}
div.hotel-air h2,
div.hotel-air h5 {
	width:257px;
	height: 16px;
	background: none;
	padding: 0;
	margin: 3px 0 5px 0;
}
div.hotel-air img.icon {
	float:left;
}
div.hotel-air a {
	font-weight: bold;
	line-height: 1.4em;
	padding: 5px 0 0 5px ;
	display: block;
}

/* ホテルランク */
div.hotel-air p.hotel-lank {
	width: 169px;
	height: 18px;
	font-weight: bold;
	font-size: 11px;
	text-align: left;
	margin: 3px 0 5px 5px ;
	padding: 4px 0 0 0;
}
div.hotel-air p.comment {
	width: 169px;
	font-size: 10px;
	text-align: left;
	padding: 2px 0 2px 5px;
}

div.hotel-air p.categoly1,
div.hotel-air p.categoly2, 
div.hotel-air p.categoly3,
div.hotel-air p.categoly4, 
div.hotel-air p.categoly5 {
	width: 169px;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	line-height: 18px;
}

/* 航空会社*/
div.hotel-air span.air {
	font-weight: bold;
	line-height: 1.4em;
	padding: 5px 0 0 5px ;
	display: block;
	color: #0456D9;
}

/* iqpj */
div.hotel-air span.split {
	font-size: 11px;
	padding-left: 60px;
}

/* ホテルカテゴリ背景 */
p.categoly1 {
	background: #6666CC url(/img/detail_hotel_category1.gif) repeat-y;
}
p.categoly2{
	background: #6699CC url(/img/detail_hotel_category2.gif) repeat-y;
}
p.categoly3{
	background: #669999 url(/img/detail_hotel_category3.gif) repeat-y;
}
p.categoly4{
	background: #3399CC url(/img/detail_hotel_category4.gif) repeat-y;
}
p.categoly5{
	background: #66CC66 url(/img/detail_hotel_category5.gif) repeat-y;
}
div.hotel-air-content {
	width: 169px;
	float: right;
	margin-left: 8px;
	text-align: left;
}

#second-right table {
	width: 275px;
}



/* =============================================================
3段目
============================================================= */
/* 料金カレンダー */
div#calender {
	width: 900px;
	border: 0px;
	text-align: center;
}

div#calender .dept-transfer {
	width: 882px;
	height: 22px;
	text-indent: 0;
	padding: 9px;
	margin: 10px 0;
	text-align: left;
	background: url(/img/dept_transfer_price_bg.png) no-repeat;
}
div#calender .dept-transfer span {
	display: block;
	float: left;
	width: 427px;
	height: 17px;
	margin-right: 8px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/img/dept_transfer_price_txt.png) no-repeat;
}

div#calender p.yen {
	text-align: right;
	font-size: 11px;
	padding: 0px;
	margin: 5px 5px 0 0 ;
}

div#calender .calender-left {
	padding-left: 5px;
	margin-right: 10px;
}

div#calender .calender-left,
div#calender .calender-right {
	float: left;
	margin-bottom: 10px;
	display: -moz-inline-box; /* firefox2 対応 */
	display: inline-block;
}

div#calender table {
	margin: auto;
	>margin: 0;
	width: 438px;
	background: #FFF;
	color: #444;
}

div#calender table th.month {
	font-size: 125%;
	height: 41px;
	background: url(/img/detail_calender_bg.png) no-repeat center;
	text-align: center;
}
div#calender table th {
	height: 13px;
	padding: 0;
	background: url() no-repeat center;
	text-align: center;
}
div#calender table td {
	width: 52px;
	height: 65px;
	padding-bottom: 0;
	text-align: left;
	vertical-align: top;
}

div#calender table p {
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	margin: 10px 0;
}
div#calender table p a {
	color: #000099;
}

div#calender a img {
	margin: 20px auto 10px;
}
.sunday {
	color: #CC0000;
}
.satday {
	color: #3300CC;
}

p.choice{
	background-color: yellow;
}

div#calender a.other-month {
	display: block;
	margin: 10px 330px;
	margin-bottom: 0;
	width: 240px;
	height: 42px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(/img/detail_hokanotuki.gif) no-repeat;
}

/* =============================================================
４段目
============================================================= */
/* 重要事項 */
p#important {
	line-height: 1.5em;
}


/* =============================================================
５段目
============================================================= */
/* 旅行管理者 */
table#tour-manage {
	clear: both;
	float: left;
}

/* 料金備考 */
table#price-remarks {
	float: right;
}


/* =============================================================
関連ツアー
============================================================= */
/* cA[lcA[ */
div#related-tour {
	clear: both;
	width: 900px;
	border: 0px #666 solid;
	margin: 20px 0;
	_margin-top: 30px;
	padding: 5px 0;
	text-align: left;
}
div#related-tour h6 {
	display: block;
	margin: 0 10px 10px 10px;
	padding: 10px 0 10px 2px;
	border-bottom: 1px #666 solid ;
}

div#related-tour img {
	margin-bottom: 5px;
}

div.related-tour-list {
	width: 190px;
	float: left;
	margin: 0 10px auto;
	text-align: center;
}
div.related-tour-list p {
	text-align: left;
}
div.related-tour-list p span {
	display: block;
	line-height: 1.8em;
	color: #cf1d17;
	font-weight: bold;
}


/* =============================================================
コンシェルジュデスク
============================================================= */

div#concierge-desk {
	margin-top: 0px;
}

div#concierge-tel {
	width:71px;
}

/* 仮 */
h1 {
	clear: both;
	font-size: 16px;
	text-align: left;
	margin: 18px 0 10px 0;
}
.tour-summary-hedding {
	font-size: 123.1%;
	border-bottom: 3px double #ccc;
	margin-bottom: 8px;
	padding-bottom: 5px;
}
.tour-detail-hedding {
	background: url(/img/detail_title_bg.gif) repeat-x;
	height: 18px;
	margin: 15px 0;
	padding: 12px;
	text-align: left;
}

.hotel-air h2 {
	margin-bottom: 8px;
}

#concierge-desk {
	margin-top:5px !important;
}

/* =============================================================
関連ツアー
============================================================= */
.tourlist-links-in-tour-detail {
	text-align: left;
	padding-top: 10px;
}
.tourlist-links-in-tour-detail h2 {
	clear: both;
	padding: 3px 5px;
	font-size: 108%;
	background: #efe8dd;
	border: 1px solid #ccc;
	border-bottom: none;
}
.tourlist-links-in-tour-detail ul {
	overflow: hidden;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	border-top: none;
	padding: 5px;
}
.tourlist-links-in-tour-detail li {
	float: left;
	display: inline-block;
	zoom: 1;
	padding-right: 5px;
	margin-right: 5px;
	list-style: none;
	font-size: 93%;
	border-right: 1px solid #ccc;
}
.tourlist-links-in-tour-detail li:last-child {
	border: none;
}