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

/**************************************************
tdrana.css
**************************************************/

/******************
全日空TDR
*******************/
/*スケジュール
---------------*/
.schedule .toursche{
	border: 1px solid #2C88D9 !important;
	background: #F0FBFF !important;
}
.schedule ul{
	height: auto;
	overflow: hidden;
	margin: 0 -2px;
}
.schedule ul li{
	float: left;
	width: 154px;
}
.schedule ul li:nth-of-type(2n){ float: right; }

/*ホテルリスト
---------------*/
#listHtl{
	padding: 0 20px 10px 20px;
	margin-bottom: 30px;
	background: #F0FBFF;
}
#listHtl h2{ margin: 0 0 10px -20px; }
#listHtl #listhtldsn{
	width: 910px;
	margin-bottom: 20px;
}
#listHtl #listhtlofc{
	width: 445px;
	float: left;
	margin-bottom: 20px;
}
#listHtl #listhtlptn{
	width: 445px;
	float: right;
	margin-bottom: 20px;
}
#listHtl #listhtlngb{
	width: 640px;
	float: left;
}
#listHtl #listhtleco{
	width: 250px;
	float: right;
}

#listHtl h3{ margin-bottom: 5px; }
#listHtl p{ margin-bottom: 5px; }
#listhtldsn p{ font-size: 117%; }

#listhtldsn dl{
	width: 296px;
	float: left;
}
#listhtldsn dl:nth-of-type(2){ margin: 0 11px; }
#listhtldsn dl dt{
	height: 24px;
	margin-bottom: 5px;
	padding: 10px 0 0 35px;
	font-size: 117%;
	font-weight: bold;
	background: url(../tdrana/img/htldsn_titlebg.jpg) no-repeat left 7px;
}
#listhtldsn dl dt a{ text-decoration: none; }
#listhtldsn dl dd span{
	margin-top: 5px;
	display: block;
	text-align: center;
	font-weight: bold;
	text-decoration: underline;
	color: #0066ff;
}
#listhtldsn dl.bl-hover{ background: #ffeff8; }
#listhtldsn dl.bl-hover dt{ background-position: -296px 7px; }
#listhtldsn dl.bl-hover dt a{ color: #FF0099; }
#listhtldsn dl.bl-hover dd{ color: #000; }
#listhtldsn dl.bl-hover dd span{ color: #FF0099; }


#listHtl ul{
	height: auto;
	overflow: hidden;
}
#listHtl ul li{
	width: 120px;
	float: left;
	padding: 0 20px 10px 0;
	font-size: 84%;
	line-height: 1.3;
}
#listHtl ul li a{ display: block; }
#listHtl #listhtlngb ul li,
#listHtl #listhtleco ul li{ padding-right: 10px; }
#listHtl #listhtlofc ul li:nth-of-type(3n),
#listHtl #listhtlptn ul li:nth-of-type(3n),
#listHtl #listhtlngb ul li:nth-of-type(5n),
#listHtl #listhtleco ul li:nth-of-type(2n){ padding-right: 0; }
#listHtl ul li img{
	padding: 1px;
	margin-bottom: 2px;
}
#listHtl ul li a img{ 
	border-style: solid;
	border-width: 1px;
}
#listHtl #listhtlofc ul li a{ color: #FF568A; }
#listHtl #listhtlptn ul li a{ color: #8E37FE; }
#listHtl #listhtlngb ul li a{ color: #0694DD; }
#listHtl #listhtleco ul li a{ color: #6BBF06; }
#listHtl #listhtlofc ul li a img{ border-color: #FF568A; }
#listHtl #listhtlptn ul li a img{ border-color: #8E37FE; }
#listHtl #listhtlngb ul li a img{ border-color: #0694DD; }
#listHtl #listhtleco ul li a img{ border-color: #6BBF06; }
#listHtl ul li a:hover{ color: #1C2F8D !important; }
#listHtl ul li a:hover img{ border-color: #1C2F8D !important; }

/*ホテルボックス
---------------*/
#htldsn,
#htlofc,
#htlptn,
#htlngb,
#htleco{ margin-bottom: 20px; }

#htldsn h3,
#htlofc h3,
#htlptn h3,
#htlngb h3,
#htleco h3{ margin-bottom: 10px; }
.hotelBox{
	width: 468px !important;
	margin-right: 0 !important;
	padding-bottom: 0 !important;
}
.hotelBox:nth-of-type(2n){ float:right !important; }
.hotelBox h4{
	margin:1px 1px 10px;
	padding:6px 12px;
}
#htldsn h4{ background: #FF0099 !important; }
#htlofc h4{ background: #FF568A !important; }
#htlptn h4{ background: #8E37FE !important; }
#htlngb h4{ background: #0694DD !important; }
#htleco h4{ background: #6BBF06 !important; }

.hotelBox ul{
	width:444px !important;
	margin:0 12px 10px 12px !important;
	text-align:left;
}
.hotelBox ul li{
	width:160px !important;
	float:left;
	margin:0 5px 0 0;
}
.hotelBox ul li.link{
	float:right !important;
	width: 80px !important;
	margin:0;
}

/*ホテル情報
---------------*/
.hotelBox p.tourfee{ padding: 10px; }
.hotelBox table{
	border-collapse: collapse;
	margin: 0 10px;
	text-align:left;
}
.hotelBox table th,
.hotelBox table td{
	border-bottom: 1px solid #E6E6E6;
	padding: 5px;
}
.hotelBox table td{ width: 100%; }
.hotelBox table th{
	white-space: nowrap;
	text-align: right;
	border-right: 1px dotted #E6E6E6;
}

/*申込
---------------*/
.hotelBox form{
	margin: 10px;
	padding: 10px;
	background: #FFE7F8;
	overflow: hidden;
	height: auto;
}
#htldsn form{ background: #FFE0F3; }
#htlofc form{ background: #FFEAF1; }
#htlptn form{ background: #EEE1FF; }
#htlngb form{ background: #DAEFFA; }
#htleco form{ background: #E9F5DA; }
.hotelBox form div{
	height: auto;
	overflow: hidden;
}
.hotelBox form dl{
	float: left;
	width: 200px;
	padding: 0 10px 0 0;
	margin: 0 !important;
	border-right-style: solid;
	border-right-width: 1px;
}
#htldsn .hotelBox form dl{ border-right-color: #FF0099; }
#htlofc .hotelBox form dl{ border-right-color: #FF568A; }
#htlptn .hotelBox form dl{ border-right-color: #8E37FE; }
#htlngb .hotelBox form dl{ border-right-color: #0694DD; }
#htleco .hotelBox form dl{ border-right-color: #6BBF06; }
.hotelBox dl dt{
	background: none !important;
	padding: 0 !important;
}
.hotelBox form dl dd select{ width: 200px; }
.hotelBox form dl dd select{
	border: 1px solid #999;
}
.hotelBox form dl dd select .mst{
	background: #FF0000;
	color: #FFF;
}
.hotelBox form dl dd{ margin-bottom: 5px; }
.hotelBox form dl dt span{
	color: #FF0000;
	font-weight: bold;
	font-size: 10px;
}
.hotelBox form p.order{
	float: right;
	width: 200px;
	margin: 0 !important;
	padding: 5px 0 0 0;
}



/*スクロールボタン
---------------*/
#pgscrl{
	position: fixed;
	z-index: 9999;
	top: 260px;
	margin-left: 945px;
}
#pgscrl a{
	display: block;
	width: 29px;
	padding: 10px 0;
	background: #555;
	border-radius: 3px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
#pgscrl a:hover{
	opacity: 1.0;
	filter: alpha(opacity=100);
}