@charset "Shift_JIS";
/*
----------------------------------
(C)ANA TDR CSS for Domestic
Version: 1.0
creation date: 09/12/22
last update: 09/12/24
--------------------------------- */

/* ランキング685 */
div#recomeBox685{
width:685px;
height:auto;
display:block;
margin-top:10px;
}
div#recomeBox685 img.rankttl{
vertical-align:bottom;
}
div#recomeBox685 p img{
vertical-align:top;
}
/* 売れ筋ランキング685 */
div#recomeBox685 div.recomeUrerank685{
width:685px;
height:auto;
display:block;
background:url(/recommend/hotel/image/imgUreBg685.gif) top left no-repeat;
margin:0;
padding:1px 6px;
clear:both;
}
div#recomeBox685 div.recomeUrerank685 table.recommeTa675{
width:673px;
}
div#recomeBox685 div.recomeUrerank685 table.recommeTa675 th{
background:#d7f1ff;
text-align:left;
font-weight:bold;
color:#076abb;
padding:10px;
}
div#recomeBox685 div.recomeUrerank685 table.recommeTa675 td{
width:132px;
vertical-align:top;
}
div#recomeBox685 div.recomeUrerank685 table.recommeTa675 td.dotTd{
background:url(/recommend/hotel/image/imgDotLine685.gif) top right repeat-y;
width:1px;
}
div#recomeBox685 div.recomeUrerank685 table.recommeTa675 td.dotTd img{
display:none;
}
div#recomeBox685 div.recomeUrerank685 table.recommeTa675 td.last{
background:none;
}
div#recomeBox685 div.recomeUrerank685 table.recommeTa675 td.tdlast{
padding-bottom:8px;
}
div#recomeBox685 div.recomeUrerank685 table.recommeTa675 td.number01{
background:#ffffbf;
}
div#recomeBox685 div.recomeUrerank685 table.recommeTa675 td dl{
margin-left:7px;
margin-top:9px;
}
div#recomeBox685 div.recomeUrerank685 table.recommeTa675 td dt{
float:left;
display:block;
}
div#recomeBox685 div.recomeUrerank685 table.recommeTa675 td dt.rank01{
margin-top:10px;
}
div#recomeBox685 div.recomeUrerank685 table.recommeTa675 td dt.rank02{
margin-top:20px;
}
div#recomeBox685 div.recomeUrerank685 table.recommeTa675 td dt.phote{
margin-right:0px;
margin-left:10px;
margin-top:0;
display:inline-block;
}
div#recomeBox685 div.recomeUrerank685 table.recommeTa675 td dd{
float:none;
clear:both;
display:inline-block;
padding-top:8px;
padding-bottom:8px;
width:125px;
}
div#recomeBox685 div.recomeUrerank685 table.recommeTa675 td ul{
margin-left:7px;
display:inline-block;
}
div#recomeBox685 div.recomeUrerank685 table.recommeTa675 td li.fntGray{
color:#636563;
}
div#recomeBox685 div.recomeUrerank685 table.recommeTa675 td li a {
background:url(/recommend/hotel/image/icon-a-use.gif) no-repeat 0 3px;
padding-left:11px;
}
div#recomeBox685 div.recomeUrerank685 table.recommeTa675 td p{
border:1px solid #a4ea8b;
background:#fff;
text-align:center;
padding:3px 5px;
margin:5px 8px;
}
div#recomeBox685 div.recomeUrerank685 table.recommeTa675 td p span{
color:#47a517;
font-weight:bold;
}
/* 口コミランキング685 */
div#recomeBox685 div.recomeKuchirank685{
width:685px;
height:auto;
display:block;
background:url(/recommend/hotel/image/imgKuchiBg685.gif) top left no-repeat;
margin:0;
padding:1px 6px;
clear:both;
}
div#recomeBox685 div.recomeKuchirank685 table.recommeTa675{
width:673px;
}
div#recomeBox685 div.recomeKuchirank685 table.recommeTa675 th{
background:#d7f1ff;
text-align:left;
font-weight:bold;
color:#076abb;
padding:10px;
}
div#recomeBox685 div.recomeKuchirank685 table.recommeTa675 td{
width:132px;
vertical-align:top;
}
div#recomeBox685 div.recomeKuchirank685 table.recommeTa675 td.dotTd{
background:url(/recommend/hotel/image/imgDotLine685.gif) top right repeat-y;
width:1px;
}
div#recomeBox685 div.recomeKuchirank685 table.recommeTa675 td.dotTd img{
display:none;
}
div#recomeBox685 div.recomeKuchirank685 table.recommeTa675 td.last{
background:none;
}
div#recomeBox685 div.recomeKuchirank685 table.recommeTa675 td.tdlast{
padding-bottom:8px;
}
div#recomeBox685 div.recomeKuchirank685 table.recommeTa675 td.number01{
background:#ffffbf;
}
div#recomeBox685 div.recomeKuchirank685 table.recommeTa675 td dl{
margin-left:7px;
margin-top:9px;
}
div#recomeBox685 div.recomeKuchirank685 table.recommeTa675 td dt{
float:left;
display:block;
}
div#recomeBox685 div.recomeKuchirank685 table.recommeTa675 td dt.rank01{
margin-top:10px;
}
div#recomeBox685 div.recomeKuchirank685 table.recommeTa675 td dt.rank02{
margin-top:20px;
}
div#recomeBox685 div.recomeKuchirank685 table.recommeTa675 td dt.phote{
margin-right:12px;
margin-left:10px;
margin-top:0;
display:inline-block;
}
div#recomeBox685 div.recomeKuchirank685 table.recommeTa675 td dd{
float:none;
clear:both;
display:inline-block;
padding-top:8px;
padding-bottom:8px;
}
div#recomeBox685 div.recomeKuchirank685 table.recommeTa675 td ul{
margin-left:7px;
display:inline-block;
}
div#recomeBox685 div.recomeKuchirank685 table.recommeTa675 td li.fntGray{
color:#636563;
}
div#recomeBox685 div.recomeKuchirank685 table.recommeTa675 td li a {
background:url(/recommend/hotel/image/icon-a-use.gif) no-repeat 0 3px;
padding-left:11px;
}
div#recomeBox685 div.recomeKuchirank685 table.recommeTa675 td p{
border:1px solid #a4ea8b;
background:#fff;
text-align:center;
padding:3px 5px;
margin:5px 8px;
}
div#recomeBox685 div.recomeKuchirank685 table.recommeTa675 td p span{
color:#47a517;
font-weight:bold;
}
/* ランキング245 */
div#recomeBox245{
width:245px;
height:auto;
display:block;
margin-top:10px;
position:relative;
}
div#recomeBox245 img.rankttl{
vertical-align:bottom;
}
div#recomeBox245 ul#kuchirank{
background:url(/recommend/hotel/image/imgKuchiBg245.gif) top left no-repeat;
width:245px;
height:auto;
display:block;
margin:0;
padding:1px 6px 0 6px;
clear:both;
}
div#recomeBox245 ul#urerank{
background:url(/recommend/hotel/image/imgUreBg245.gif) top left no-repeat;
width:245px;
height:auto;
display:block;
margin:0;
padding:1px 6px 0 6px;
clear:both;
}
div#recomeBox245 li{
display:block!important;
clear:both;
background:url(/recommend/hotel/image/imgDotLine245.gif) bottom left repeat-x;
vertical-align:top;
width:233px;
padding:0;
line-height:1;
}
div#recomeBox245 li.areaTtl{
background:#d7f1ff;
text-align:left;
font-weight:bold;
color:#076abb;
width:233px;
}
div#recomeBox245 li.areaTtl p{
padding:5px 7px;
}
div#recomeBox245 li.number01{
background:#ffffbf url(/recommend/hotel/image/imgDotLine245.gif) bottom left repeat-x;
}
div#recomeBox245 li.last{
background:none;
}
div#recomeBox245 dl{
width:233px;
height:auto;
display:block!important;
position:relative;
}
div#recomeBox245 dt{
float:left;
margin-top:7px;
display:block;
}
div#recomeBox245 dt.phote{
padding-left:5px;
padding-bottom:10px;
}
div#recomeBox245 dd.htlname{
margin-top:7px;
}
div#recomeBox245 dd{
float:right;
width:123px;
margin-top:3px;
display:block;
}
div#recomeBox245 dd.evaluation{
border:1px solid #a4ea8b;
background:#fff;
text-align:center;
padding:2px 3px;
margin-bottom:5px;
width:120px;
_width:126px;
position:relative;
right:5px;
}
div#recomeBox245 dd.fntGray{
color:#636563;
padding-top:5px;
}
div#recomeBox245 dd.evaluation span{
color:#47a517;
font-weight:bold;
}
div#recomeBox245 ul#kuchirank dd.kuchikomi{
display:inline-block;
padding-right:5px;
}
div#recomeBox245 ul#urerank dd.kuchikomi{
display:inline-block;
position:relative;
padding-top:20px;
padding-bottom:5px;
right:5px;
}
div#recomeBox245 ul#urerank dd.none{
padding-top:0!important;
}
div#recomeBox245 ul#urerank dd.padt10{
padding-top:10px!important;
}
div#recomeBox245 dd.kuchikomi a {
background:url(/recommend/hotel/image/icon-a-use.gif) no-repeat 0 3px;
padding-left:11px;
float:right;
}
div#recomeBox245 p img{
vertical-align:top;
}
/* clearfix */
div#recomeBox245 dl:after,
div#recomeBox245 li:after,
.clearfix:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
div#recomeBox245 dl,
div#recomeBox245 li,
.clearfix{
display: inline-table;
min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */





/* パターン1　おすすめツアー
--------------------------------------------- */
#mainColumn .recommendationTour {
 width: 685px;
 background: #e1f6b0;
 padding-bottom: 3px;
}
#mainColumn .recommendationTour .bar {
 margin: 9px 0 0 11px;
}
#mainColumn .recommendationTour .in {
 width: 664px;
 background: url(/recommend/image/type01/osusumetour_bottom.gif) no-repeat left bottom;
 margin: 0 0 9px 11px;
}

#mainColumn .recommendationTour dl{
 width: 328px;
 float: left;
 padding: 5px 0 10px 0;
}
#mainColumn .recommendationTour dt {
 float: left;
 display: inline;
 margin-left: 10px;
}
#mainColumn .recommendationTour dd {
 width: 237px;
 float: left;
 display: inline;
 margin-left: 10px;
}
#mainColumn .recommendationTour .space {
 margin-left: 8px;
}
#mainColumn .recommendationTour dd p {
 padding-top: 5px;
 line-height: 140%;
}
#mainColumn .recommendationTour dd .red {
 color: #990000;
 font-weight: bold;
}



/* パターン2　おすすめツアー情報
--------------------------------------------- */

.right_recomend{
 border: 1px solid #dadada;
 color: #535353;
 margin: 0 0 15px 0 ;
 background: #fffae6;
}

.right_recomend div{
 border-top: 1px solid #ffffff;
 border-right: 1px solid #ffffff;
 border-left: 1px solid #ffffff;
 background: #fffae6;
}

.right_recomend div p{
 color: #000000;
 margin: 8px 0 12px 10px;
 padding: 0 0 0 11px;
 background: url(/recommend/image/type02/arrow_blue_bgyellow.gif) no-repeat left 2px;
}


.right_recomend dl{
 width: 224px;
 margin: 0 0 10px 8px;
 padding: 0 0 12px 0;
 background: url(/recommend/image/type02/bg_lineRightTour.gif) repeat-x left bottom;
}

.right_recomend dl dt{
 width: 68px;
 float: left;
}

.right_recomend dl dd{
 width: 156px;
 float: left;
}

.right_recomend dl strong{
 display: block;
 color: #000000;
 font-weight: normal;
}

.right_recomend dl span{
 display: block;
 margin: 5px 0 5px 0;
}

.right_recomend dl em{
 display: block;
 font-weight: bold;
 font-style: normal;
 color: #990000;
 margin: 3px 0 3px 0; 
}

/* パターン3　クチコミサイト「旅達空間」
--------------------------------------------- */

#tabiwariindex_card_recommend_divid .right_tabidati{
 width: 243px;
 margin: 0 0 15px 0;
 border: 1px solid #dadada;
 background: url(/recommend/image/type03/bg_tabidati.gif) repeat-y left top;
}

#tabiwariindex_card_recommend_divid .right_tabidati dl{
 margin: 10px 8px 0 8px;
}

#tabiwariindex_card_recommend_divid .right_tabidati dl dt{
 background: url(/recommend/image/type03/arrow_tabidati.gif) no-repeat left 3px;
 margin: 0 0 5px 0 ;
 font-weight: bold;
 padding: 0 0 0 10px;
}

#tabiwariindex_card_recommend_divid .right_tabidati dl dd{
 margin: 0 0 10px 0 ;
 padding: 0 0 0 10px;
}


/* パターン2　今こんなツアーが人気です！
--------------------------------------------- */
#mainColumn dl.tourbox{
 float:left;
 display:inline;
 width:325px;
 position:relative;
}
#mainColumn dl.tourbox.top{
 padding-bottom: 40px;
 background: url(/domtour/area/image/dot_line.gif) no-repeat bottom center;
}
#mainColumn dl.tourbox.left{
 margin-left:10px;
}
#mainColumn dl.tourbox.right{
 margin-left:15px;
}
#mainColumn dl.tourbox.bottom{
 background:none;
 margin-top:15px;
 margin-bottom:15px;
 padding-bottom: 30px;
}
#mainColumn dl.tourbox .pBLink{
 background:none;
 padding:0px;
}
#mainColumn dl.tourbox dt,
#mainColumn dl.tourbox dd{
 padding:0px;
 margin-bottom:5px;
}
#mainColumn dl.tourbox dd.tourbox_right{
position:relative;
}
#mainColumn dl.tourbox dd.tourbox_right dl{
 position:absolute;
 top:0px;
 left:75px;
 width:245px;
}
#mainColumn dl.tourbox dd.tourprice{
 color:#900;
 font-weight:bold;
}
#mainColumn dl.tourbox dd.tourimg{
 width:60px;
 height:60px;
 position:relative;
 top:0px;
 left:0px;
}
#mainColumn dl.tourbox dd.tourimg.newtour{
 background: url(/recommend/image/type04/icon_new.gif) no-repeat bottom center;
}
#mainColumn dl.tourbox dd.tourdeptarea{
 width:240px;
 _width:265px;
 border-top:1px solid #e3e3e3;
 border-bottom:1px solid #e3e3e3;
 text-align:left;
 padding:3px 3px 3px 20px;
 position:relative;
 left:-15px;
}
#mainColumn dl.tourbox dd.tourdeptarea img{
 margin:0px 3px;
 width:49px;
 height:16px;
}



/* パターン5　旅達空間エリア
--------------------------------------------- */
#mainColumn #inttour_second_recommend_divid {
 width: 685px;
 display:inline-block;
}
#mainColumn #inttour_second_recommend_divid .leftArea {
 width: 435px;
 float: left;
 background: #e3ebee url(/recommend/image/type05/tabidachi_bg.gif) repeat-x top left;
 border: #dadada 1px solid;
}

#mainColumn #inttour_second_recommend_divid .leftArea dt {
 width: 415px;
 margin: 8px 0 10px 10px;
 padding-bottom: 2px;
 background: url(/recommend/image/type05/tabidachi_border.gif) repeat-x bottom left;
}
#mainColumn #inttour_second_recommend_divid .leftArea dt img.logo {
 float: left;
}
#mainColumn #inttour_second_recommend_divid .leftArea dt ul {
 width: 302px;
 float: right;
}
#mainColumn #inttour_second_recommend_divid .leftArea dt ul li {
 margin-top: 5px;
 font-weight: bold;
}
#mainColumn #inttour_second_recommend_divid .leftArea li {
 background: url(/recommend/image/type05/bule_arrow.gif) no-repeat 0 3px;
 padding-left: 10px;
}
#mainColumn #inttour_second_recommend_divid .leftArea dt ul li.none {
 background: none;
 padding-left: 0;
}
#mainColumn #inttour_second_recommend_divid .leftArea dd ul {
 width: 415px;
 margin-left: 10px;
}
#mainColumn #inttour_second_recommend_divid .leftArea dd li {
 width: 415px;
 line-height: 140%;
 margin-bottom: 7px;
}
#mainColumn #inttour_second_recommend_divid .leftArea dd li span {
 font-weight: bold;
}

#mainColumn #inttour_second_recommend_divid .rightArea {
 width: 230px;
 float: right;
 border: #dadada 1px solid;
}
#mainColumn #inttour_second_recommend_divid .rightArea .in {
 width: 186px;
 margin: 7px 20px;
}
#mainColumn #inttour_second_recommend_divid .rightArea .in ul {
 padding-bottom: 9px;
 margin-bottom: 10px;
 background: url(/recommend/image/type05/dot_side.gif) repeat-x bottom left;
 line-height: 130%;
}
#mainColumn #inttour_second_recommend_divid .rightArea .in li {
 background: url(/recommend/image/type05/bule_arrow.gif) no-repeat 0 3px;
 padding-left: 10px;

}
#mainColumn #inttour_second_recommend_divid .rightArea .in ul.orangeLink li {
 font-weight: bold;
 background: url(/recommend/image/type05/orange_arrow.gif) no-repeat 0 3px;
 line-height: 130%;
 padding-left: 10px;
}
#mainColumn #inttour_second_recommend_divid .rightArea .in ul.orangeLink {
 background: none;
 margin-bottom: 0px;
}
#mainColumn #inttour_second_recommend_divid .rightArea .in ul.orangeLink li span {
 color: #ff5a00!important;
}


/* パターン6　クチコミ情報
--------------------------------------------- */

#miledetravel_card_recommend_divid .box_kutikomi{
	width: 685px;
	margin: 0 0 12px 0;
	background: url(/recommend/image/type06/bg_kutikomiShadow.gif) repeat-x left 107px;
}

#miledetravel_card_recommend_divid .box_kutikomi td{
	padding: 10px 0 12px 2px;
	vertical-align: top;
}

#miledetravel_card_recommend_divid .box_kutikomi td.bg_dotLine{
	background: url(/recommend/image/type06/bg_kutikomiLine.gif) no-repeat 223px 4px;

}

#miledetravel_card_recommend_divid .box_kutikomi dl dt{
	float: right;
	width: 99px;
}

#miledetravel_card_recommend_divid .box_kutikomi dl dd{
	margin: 0 0 7px 0;
	width: 125px;
	float: left;
}

#miledetravel_card_recommend_divid .box_kutikomi dl dd a{
	display: block;
	height: 29px;
}

#miledetravel_card_recommend_divid .box_kutikomi dl dd img{
	margin: 0 0 5px 0;
}


/* 	clearFix  */
#miledetravel_card_recommend_divid .box_kutikomi dl:after,
#mainColumn .tabidachiArea:after,
#mainColumn .tabidachiArea .leftArea dt:after,
.right_recomend dl:after { 
	content: ".";
	display: block;
	clear: both; 
	visibility: hidden; 
	height: 0; 
	line-height: 0;
	} 
#miledetravel_card_recommend_divid .box_kutikomi dl,
#mainColumn .tabidachiArea,
#mainColumn .tabidachiArea .leftArea dt,
.right_recomend dl{
	zoom:1;
	display: inline-block;
	}