@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; }
.mgl1em { margin-left:1em !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; }
.tripBoxIn a, .tripBoxIn a:visited, .tripBoxIn a:focus { color:#0f0f69; }
.tripBoxIn a:hover { color:#c00; }
.tripBoxIn a img, .tripBoxIn2 a img { transition:all ease 0.2s; }
.tripBoxIn a:hover img, .tripBoxIn2 a:hover img { filter:alpha(opacity=70); opacity:0.7; }

.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 img { margin-right:3px; vertical-align:middle; }
.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:#589442; }
.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 > p { font-size:0; }
.tripBox180 .tripBoxIn2 { border:1px solid #aeaeae; border-top:0; background:#fff;}
.tripBox180 .tripBoxIn2 .tColumnL { width:75px; padding-bottom:4px; float:left; }
.tripBox180 .tripBoxIn2 .tColumnL p { margin-left:5px; }
.tripBox180 .tripBoxIn2 .tColumnL .number { font-size:10px; margin-top:1px; line-height:1.5; }
.tripBox180 .tripBoxIn2 .tColumnR { width:100px; float:right; }
.tripBox180 .tripBoxIn2 .tColumnR p { padding:6px 6px 4px 7px; }
#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; }

/* tripBox280 */
.tripBox280 { width:280px; }
.tripBox280 .tripBoxIn table { border:0; }

/* tripBox320 */
.tripBox320 { width:320px; }
.tripBox320 .tripBoxIn { padding:10px; }
.tripBox320 .tripBoxIn .tColumnL { width:164px; 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 .tColumn1 { padding-bottom:8px; float:left; }
.tripBox500 .tripBoxIn .tColumn1 p { text-align:center; }
.tripBox500 .tripBoxIn .tColumn1 .tripBoxTt { text-align:left; }
.tripBox500 .tripBoxIn .tColumn2 { width:134px; float:left; }
.tripBox500 .tripBoxIn .tColumn2 p { padding:14px 8px 8px; }
.tripBox500 .tripBoxIn .tColumn3 { padding:8px 0; width:222px; float:left; }

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