@charset "Shift_JIS";
/*------------------------------
	TripAdviser
------------------------------*/
/*	common 
------------------------------*/
.clearfix:before,.clearfix:after {content:" "; display:table; }
.clearfix:after { clear:both; }
.clearfix { *zoom:1; }

.mgt3 { margin-top:3px !important; }
.mgt8 { margin-top:8px !important; }
.mgb5{margin-bottom:5px!important;}
.mgl1em { margin-left:1em !important; }
.fs10 {font-size: 10px !important;}

.withIcon { line-height:1.5; }
.withIcon a { text-decoration:none; }
.withIcon a:hover, .withIcon a:active { text-decoration:underline; }
.withIcon img { vertical-align:middle; }

.smaller01 { font-size:12px !important; }

.tripBoxIn { border:solid 1px #aeaeae; background: #fff;}
.tripBoxIn .trip_Txt {font-size: 11px; text-align: center;}
.tripBoxIn .btnBK {padding: 2px 12px !important;}

.tripBoxIn p, .tripBoxIn2 p { line-height:1.0; }
.tripBox210 p.loadingImg, .tripBox250 p.loadingImg, .tripBox280 p.loadingImg, .tripBox320 p.loadingImg, .tripBox500 p.loadingImg, .tripBox180 p.loadingImg { text-align:center; padding:20px 0; }

/* title */
.tripBoxTt1 {margin: 5px 0; text-align: center; font-size: 10px;}
.tripBoxTt1 img { display: none;}
.tripBoxTt2 { background-color:#e0f1ab; height:24px; }
.tripBoxTt2 img { float:left; }
.tripBoxTt2 span { padding:4px 6px 0 0; float:right; font-weight:bold; }
.tripBoxTt2 span img { float:none; }
.tripBoxTt3 { font-size:120%; font-weight:bold; }
.tripBoxIn .tripBoxTt3 { line-height:1.5; }
.tripBoxTt3 a, .tripBoxTt3 a:link, .tripBoxTt3 a:visited { text-decoration:underline; }

/* table */
.tripBoxIn dt, .tripBoxIn dd { line-height:1.5; }
.tripBoxIn table { border:dashed 1px #666; width:100%; }
.tripBoxIn table th, .tripBoxIn table td { text-align:left; vertical-align:top; line-height:1.1; }
.tripBoxIn table th { padding:6px 6px 0; font-weight:normal; }
.tripBoxIn table td { padding:3px 0 6px 6px; color:#16B087; }
.tripBoxIn table td.rankNo { font-size:80%; font-family:Verdana,"Bitstream Vera Sans",Arial,Helvetica,sans-serif; font-weight:bold; }
.tripBoxIn table td.rankNum1 { padding:0 0 6px; font-size:200%; font-family:"Times New Roman",Times,Bodoni,Palatino,serif; font-weight:bold; }
.tripBoxIn table td.rankNum2 { padding:2px 0 0 3px; font-size:120%; font-family:"Times New Roman",Times,Bodoni,Palatino,serif; }
.tripBoxIn table td.rankNum3 { padding:3px 0 0 3px; font-size:90%; font-family:"Times New Roman",Times,Bodoni,Palatino,serif; }
.tripBoxIn table td.rankHote { padding:3px 5px 6px 6px; font-size:80%; line-height:1.3; width:90%; color:#000; }

/*	tripBox 
------------------------------*/
/* tripBox180 */
.tripBox180 { width:180px; }
.tripBox180 .tripBoxIn .tColumn { padding:5px; }
.tripBox180 .btnBK {font-size: 10px !important;}
#btn_tripadviser_001 { height:20px; width:89px; }

/* tripBox210 */
.tripBox210 { width:210px; }
.tripBox210 .tripBoxIn .tColumn { padding:8px; }

/* tripBox250 */
.tripBox250 { width:250px; }
.tripBox250 .tripBoxIn .tColumn { padding:6px; }
.tripBox250 .ColumL {float: left; width: 100px;}
.tripBox250 .ColumL .trip_Txt {font-size: 9px;}
.tripBox250 .smlBtn .btnBK {font-size: 10px !important;}
.tripBox250 .tripRate img{ width: 93px; height: 16px;}


/* tripBox280 */
.tripBox280 { width:280px; }
.tripBox280 .tripBoxIn .tColumn { padding:5px; }
.tripBox280 .tripBoxIn table { border:0; }
.tripBox280 .tripBoxIn table th {padding: 0px !important}
.tripBox280 .htlRnk table tr:first-child{display: none;}
.tripBox280 .htlRnk table{margin-top: 0 !important;}

/* tripBox320 */
.tripBox320 { width:320px; }
.tripBox320 .tripBoxIn { padding:5px; }
.tripBox320 .tripBoxIn .tColumnL { width:168px; float:left; }
.tripBox320 .tripBoxIn .tColumnR { width:130px; float:right; }
.tripBox320 .tripBoxIn .tColumnR dl dd { margin-top:6px; }
.tripBox320 .tripBoxIn .tColumnR dl dd img { margin-right:5px; vertical-align:-3px; }

/* tripBox500 */
.tripBox500 { width:500px; }
.tripBox500 .tripBoxIn .tColumnL { padding:5px; float:left; }
.tripBox500 .tripBoxIn .tColumnR {float: right;width: 300px;padding: 0px 5px;}

/*	tripInfo
------------------------------*/
.tripInfo{ padding:10px; border:1px solid #aeaeae; background:#fff;}
.tripLogo { float:left; margin-right:10px; }