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

ファーストワイズエクセレント　ツアー検索詳細　CSS

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

/*　基本CSSインポート　*/
@import url(v2_common.css);


/* =============================================================
ページ基本設定
============================================================= */
/* 見出し */
h3{
	font-size:16px;
	text-align:left;
	margin:18px 0 10px 5px;
}
h4{
	font-size:14px;
	padding-left:5px;
}
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;
}


/* =============================================================
1段目
============================================================= */

/* 友達に教える */
img#tour-reccomend {
	float: right;
	margin: 10px 10px 0px 0px;
}
/* ツアータイトル */
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(/common_img/tour/detail_arr_dep_ex.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(/common_img/tour/detail_arr_dep_ex.png) no-repeat;
}
ul#arr-4dep a {
	float: left;
	display: block;
	width: 84px;
	height: 18px;
	background: url(/common_img/tour/detail_arr_dep_ex.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;
}


/* ツアー概要 */
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;
}


/* =============================================================
2段目左
============================================================= */
/* 行程表 */
div#roadmap-box{
	width:620px;
	float:left;
	clear:both;
}
div#roadmap-box h5{
	width:600px;
	height:20px;
	background-color:#2B2B2B;
	padding:12px 10px;
	margin:0;
}
/* 行程表テーブル */
div#roadmap-box table{
	width:620px;
	margin:0;
	paddding:0;
	border:0;
	background:#2B2B2B;
	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;
	line-height:1.2em;
}
td.day{
	width:69px;
	background:url(/img/detail_roadmap_bg2.gif) no-repeat 0 bottom;
}
td.schedule{
	width:375px;
	background:url(/img/detail_roadmap_bg2.gif) no-repeat -84px bottom;
}
td.meal{
	width:58px;
	background:url(/img/detail_roadmap_bg2.gif) no-repeat -474px bottom;
}
td.stay{
	width:58px;
	background:url(/img/detail_roadmap_bg2.gif) no-repeat right bottom;
}

/* =============================================================
2段目右
============================================================= */
div#second-right {
	width:275px;
	float:right;
}
/* 利用予定ホテル・利用予定航空会社 */
div.hotel-air{
	margin-top:5px;
	_margin-bottom:5px;
	padding:8px;
	border:1px #666 solid;
	clear:both;
}
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;
}
/* ホテルランク */
p.hotel-lank{
	width:169px;
	margin-bottom:5px;
}
div.hotel-air p{
	width:169px;
	height:18px;
	font-weight:bold;
	font-size:11px;
	text-align:center;
	margin:3px 0 0 0 ;
	padding:4px 0 0 0;
}

/* 利用予定航空会社名*/
div.hotel-air span.air{
	font-weight:bold;
	line-height:1.4em;
	padding:5px 0 0 5px ;
	display:block;
	color: #99CCFF; 
}

/* または（航空会社区切り用文言） */
div.hotel-air span.split{
	font-size:11px;
	padding-left:60px;
}

div#second-right tr td:first-child {
	white-space: nowrap;
}

/* ホテルカテゴリ用背景 */
p.categoly1{
	background:url(/img/detail_hotel_category1.gif) no-repeat;
}
p.categoly2{
	background:url(/img/detail_hotel_category2.gif) no-repeat;
}
p.categoly3{
	background:url(/img/detail_hotel_category3.gif) no-repeat;
}
p.categoly4{
	background:url(/img/detail_hotel_category4.gif) no-repeat;
}
p.categoly5{
	background:url(/img/detail_hotel_category5.gif) no-repeat;
}
div.hotel-air-content{
	width:169px;
	float:right;
	_float:none;
	margin-left:8px;
	text-align:left;
}


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

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-left,
div.calender-right{
	>height: 495px;	
}
div.calender-left{
	clear: both;
	float:left;
	padding:0 0 10px 8px;
}
div.calender-right{
	float:right;
	padding:0 0 10px 0;
}
div#calender table{
	margin: auto;
	>margin: 0;
	background:#FFF;
	color:#444;
}
div#calender table th.month{
	height:41px;
	background:url(/img/detail_calender_bg.gif) 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:61px;
	text-align:left;
	vertical-align:top;
}

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

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

p.choice{
	background-color: yellow;
}

div#calender a.other-month {
	font-size: 130%;
	font-weight: bold;
}

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

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

/* =============================================================
5段目
============================================================= */
/* ツアー催行主 */
table#tour-manage{
	float:left;
	clear:both;
}
table#tour-manage tr td:first-child {
	white-space: nowrap;
}


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

/* =============================================================
6段目
============================================================= */
/* このツアーを見ている人はこちらのツアーも見ています */
div#related-tour{
	width:900px;
	border:0px #444 solid;
	margin:20px 0;
	_margin-top:30px;
	padding:5px 0;
	text-align:left;
	clear:both;
}
div#related-tour h6{
	display: block;
	padding:10px 0 10px 2px;
	margin: 10px 0;
	border-bottom: 1px #fff 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:#996699;
	font-weight:bold;
}