/*______________ [0] TMP Settings ________________*/ .visibility_Hidden { visibility:hidden; } /*______________ [1] Hotel Record Box ________________*/ #two_column_right #sub_Col .hotelRecord_Box { background:url(../images/sidebox_bg01_001.gif) no-repeat left bottom #ffffff; } #two_column_right #sub_Col .hotelRecord_Box { padding:0 0 8px 0; } #two_column_right #sub_Col .hotelRecord_Box dt { padding:0 5px 0 25px; width:180px; height:22px; line-height:22px; text-align:left; color:#555555; background-image:url(../images/sidebox_tx01_003.gif); } #two_column_right #sub_Col .hotelRecord_Box dd { padding:0.3em 6px 0 6px; width:196px; border-style:solid; border-color:#c7c7c7; border-width:0 1px; line-height:1.1; } /*______________ [1-1] Extension Box ___________________*/ #two_column_right #sub_Col .hotelRecord_Box .extension { padding:0.5em 0; width:194px; } #two_column_right #sub_Col .hotelRecord_Box .extension a { display:inline; padding:0 0 0 17px; background:url(/element/w_hotel/shared/images/sidebox_ic01_001.gif) no-repeat left center; } #two_column_right #sub_Col .hotelRecord_Box .extended a { background-image:url(/element/w_hotel/shared/images/sidebox_ic01_002.gif); } #two_column_right #sub_Col .hotelRecord_Box .extension b { display:inline-block; padding:0 0.2em; font-weight:bold; } #two_column_right #sub_Col .hotelRecord_Box .extension a:link { color:#000099; } #two_column_right #sub_Col .hotelRecord_Box .extension a:visited { color:#800080; } #two_column_right #sub_Col .hotelRecord_Box .extension a:hover, #two_column_right #sub_Col .hotelRecord_Box .extension a:active { color:#ff0000; } #two_column_right #sub_Col .hotelRecord_Box .extension a:link b, #two_column_right #sub_Col .hotelRecord_Box .extension a:visited b { color:#e30707; text-decoration:none; } #two_column_right #sub_Col .hotelRecord_Box .extension a:hover b, #two_column_right #sub_Col .hotelRecord_Box .extension a:active b { color:#ff0000; text-decoration:underline; } /*_____________ [1-2] ________________*/ #two_column_right #sub_Col #footprintContents { display:none; } #two_column_right #sub_Col .hotelRecord_Box dd .previous, #two_column_right #sub_Col .hotelRecord_Box dd .next { display:block; width:194px; height:18px; } #two_column_right #sub_Col .hotelRecord_Box dd .previous a, #two_column_right #sub_Col .hotelRecord_Box dd .next a { overflow:hidden; display:block; width:194px; height:18px; text-indent:-9999px; background:url(../images/sidebox_bt01_001.gif) no-repeat; } #two_column_right #sub_Col .hotelRecord_Box dd .previous a { background-position: 0px 0px; } #two_column_right #sub_Col .hotelRecord_Box dd .previous .nomore { background-position: 0px -20px; } #two_column_right #sub_Col .hotelRecord_Box dd .next a { background-position: -200px 0px; } #two_column_right #sub_Col .hotelRecord_Box dd .next .nomore { background-position: -200px -20px; } #two_column_right #sub_Col .hotelRecord_Box .footprintAnnotaiton { visibility:hidden; margin:0 0 0.3em 0; padding:0.2em 1em; line-height:1.3; text-align:center; } #two_column_right #sub_Col .hotelRecord_Box .paging { padding:0.2em 0 0 0; font-size:80%; } #two_column_right #sub_Col .hotelRecord_Box .paging .footprintCountAll { padding:0 0.5em 0 0; font-size:125%; } #two_column_right #sub_Col .hotelRecord_Box .paging .footprintCountAll b { font:bold 100% vernada; color:#e30707; } #two_column_right #sub_Col .hotelRecord_Box .paging .footprintCountRange { padding:0 0.3em 0 0; } #two_column_right #sub_Col .hotelRecord_Box .footprint_Area { } #two_column_right #sub_Col .hotelRecord_Box .footprint_Box { opacity:1.0; } #two_column_right #sub_Col .hotelRecord_Box .record_Box { min-height:14.5em; height:auto !important; height:14.5em; } #two_column_right #sub_Col .hotelRecord_Box table { border-collapse:collapse; margin:0.2em auto 0.5em auto; width:194px; } #two_column_right #sub_Col .hotelRecord_Box td { height:2.8em; line-height:1.2; border-bottom:dotted 1px #939393; } #two_column_right #sub_Col .hotelRecord_Box tr.odd td { background-color:#ffffff; } #two_column_right #sub_Col .hotelRecord_Box tr.even td { background-color:#f7f7f7; } #two_column_right #sub_Col .hotelRecord_Box td a { padding:0.2em 0 0.2em 7px; line-height:1.1; background:url(/element/shared/images/burette/ar04_f001.gif) no-repeat left 0.55em transparent; } #two_column_right #sub_Col .hotelRecord_Box td a:link { color:#000099; } #two_column_right #sub_Col .hotelRecord_Box td a:visited { color:#800080; } #two_column_right #sub_Col .hotelRecord_Box td a:hover, #two_column_right #sub_Col .hotelRecord_Box td a:active { color:#ff0000; } /*____________________ [2] Right Side Clip Box ________________*/ #two_column_right #sub_Col .clipLink_Box { background:url(../images/sidebox_bg01_001.gif) no-repeat left bottom #ffffff; } #two_column_right #sub_Col .clipLink_Box { padding:0 0 9px 0; } #two_column_right #sub_Col .clipLink_Box dt { padding:0 5px 0 25px; width:180px; height:22px; line-height:22px; text-align:left; color:#555555; background-image:url(../images/sidebox_tx01_004.gif); } #two_column_right #sub_Col .clipLink_Box dd { padding:9px 6px 0 6px; width:196px; border-style:solid; border-color:#c7c7c7; border-width:0 1px; line-height:1.1; } #two_column_right #sub_Col .clipLink_Box dd a { padding:0 0 0 7px; background:url(/element/shared/images/burette/ar04_f001.gif) no-repeat left center; } #two_column_right #sub_Col .clipLink_Box dd a:link { color:#000099; } #two_column_right #sub_Col .clipLink_Box dd a:visited { color:#800080; } #two_column_right #sub_Col .clipLink_Box dd a:hover, #two_column_right #sub_Col .clipLink_Box dd a:active { color:#ff0000; } /*____________________ [3] Basical Intofmation Area ________________*/ #two_column_right #sub_Col .reserveSite_Box a { display:inline; } #two_column_right #sub_Col .reserveSite_Box a:hover { color:#0B41A1; } #two_column_right #sub_Col .reserveSite_Box a:link { color:#0B41A1; text-decoration:none; } #two_column_right #sub_Col .reserveSite_Box a:visited { color:#800080; text-decoration:none; } #two_column_right #sub_Col .reserveSite_Box a:hover, #two_column_right #sub_Col .reserveSite_Box a:active { text-decoration:underline; } #two_column_right #sub_Col .reserveSite_Box dd .site_List { overflow-y:hidden; width:196px; } #two_column_right #sub_Col .reserveSite_Box dd .site_List li { margin:-1px 0 0 0; padding:0.5em 0; width:196px; border-top:dotted 1px #d8d8d8; } #two_column_right #sub_Col .reserveSite_Box dd .site_List .even_list { background-color:#f7f7f7; } #two_column_right #sub_Col .reserveSite_Box dd .site_List span { display:table-cell; vertical-align:top; } * html #two_column_right #sub_Col .reserveSite_Box dd .site_List span { display:inline-block; } *:first-child+html #two_column_right #sub_Col .reserveSite_Box dd .site_List span { display:inline-block; } #two_column_right #sub_Col .reserveSite_Box dd .site_List .logo { padding:0.2em 0 0 0; width:60px; } #two_column_right #sub_Col .reserveSite_Box dd .site_List .logo a { display:block; width:60px; height:21px; border:solid 1px #C4C4C4; line-height:21px; text-align:center; } #two_column_right #sub_Col .reserveSite_Box dd .site_List .logo img { display:block; margin:0 auto; vertical-align:top; } #two_column_right #sub_Col .reserveSite_Box dd .site_List .txt { margin:0 -2px 0 0; padding:0 0 0 3px; width:131px; line-height:1.3; } #two_column_right #sub_Col .reserveSite_Box dd .site_List .txt a { display:inline; margin:0 0.3em; } #two_column_right #sub_Col .reserveSite_Box dd .tourLink_Txt { padding:0.3em 0 0.2em 0; width:196px; font-weight:bold; } #two_column_right #sub_Col .reserveSite_Box dd .packageLink_Txt { margin:0.5em 0 0 0; } /* #two_column_right #sub_Col .reserveSite_Box dd .packageLink_Txt { margin:0.5em 0 0 0; padding:0.7em 0 0 0; border-top:dotted 1px #c4c4c4; } */ #two_column_right #sub_Col .reserveSite_Box dd .packageLink_Txt img { margin:0 0 0.5em 0; vertical-align:top; } #two_column_right #sub_Col .reserveSite_Box dd .tourLink_Txt a, #two_column_right #sub_Col .reserveSite_Box dd .packageLink_Txt a { padding:0 0 0 7px; background:url(../images/ar04_w001.gif) no-repeat left 0.3em; } #two_column_right #sub_Col .contentInfo_SideBox { background: url("/element/shared/images/sidebar/infobox_tx01_001.gif") no-repeat scroll left top transparent;padding: 5px 0 0;} #two_column_right #sub_Col .contentInfo_SideBox dt { line-height: 1.15; padding: 5px 7px 8px; font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,'メイリオ',sans-serif; font-size:109.4%; } #two_column_right #sub_Col .contentInfo_SideBox dd { padding:6px 6px 0 6px; width:196px; border-style:solid; border-color:#c7c7c7; border-width:0 1px; line-height:1.2; } #two_column_right #sub_Col .point_Box dd p.aboutPoint_Txt, #two_column_right #sub_Col .point_Box dd p.aboutPoint_Txt img { margin:0 0 0.5em 0; } #two_column_right #sub_Col .point_Box dd p.siteList_Txt img { display:inline; float:left; margin:0 2px 0 1px; vertical-align:middle; } #two_column_right #sub_Col .point_Box dd p.attention_Txt { clear:both; padding:0.5em 0 0 0; color:#666666; font-size:80%;} #two_column_right #sub_Col .mobile_Box dd { text-align:center; } #two_column_right #sub_Col .mobile_Box dd img { margin:0 0 0.4em 0; vertical-align:middle; } /*______________ [4] airTicket Box ________________*/ #two_column_right #sub_Col .airTicket_Box { background:url(../images/sidebox_bg01_001.gif) no-repeat left bottom #ffffff; } #two_column_right #sub_Col .airTicket_Box { padding:0 0 8px 0; } #two_column_right #sub_Col .airTicket_Box dl { background-color:#ffffff; } #two_column_right #sub_Col .airTicket_Box #aboutTicket { display:block; font-weight:normal; font-size:80%; position:relative; left:-20px; top:-5px; white-space:nowrap; } #two_column_right #sub_Col .airTicket_Box p#noTicket { border-bottom:dotted 1px #CCCCCC; padding-bottom:5px; } #two_column_right #sub_Col .airTicket_Box dt { padding:0 5px 0 25px; width:180px; height:40px; line-height:22px; text-align:left; color:#555555; background-image:url(../images/sidebox_tx01_004.gif); } #two_column_right #sub_Col .airTicket_Box dd { padding:0.3em 6px 0 6px; width:196px; border-style:solid; border-color:#c7c7c7; border-width:0 1px; line-height:1.1; } #two_column_right #sub_Col .airTicket_Box dd #Area_DestinationName { font-weight:bold; display:inline-block; margin-top:3px; } #two_column_right #sub_Col .airTicket_Box dd li{ width:195px; height:20px; border-top:dotted 1px #CCCCCC;} #two_column_right #sub_Col .airTicket_Box dd li.list01{ background-color: #F7F7F7;} #two_column_right #sub_Col .airTicket_Box dd li.list02{ background-color: #ffffff;} #two_column_right #sub_Col .airTicket_Box dd a{ color: #0B41A1; display:block; width:188px; height:12px; padding:4px;} #two_column_right #sub_Col .airTicket_Box dd a span { display:inline-block; float:right; vertical-align: middle; white-space: nowrap; line-height: 1.1; cursor: pointer;color: #FF0000;} #two_column_right #sub_Col .airTicket_Box dd a span.price_point{ float:left;color: #0B41A1;} #two_column_right #sub_Col .airTicket_Box dd a:hover {background: none repeat scroll 0 0 #FEF0F3; color: #FF6633;} #two_column_right #sub_Col .airTicket_Box dd a.end {border-bottom:dotted 1px #CCCCCC;} #two_column_right #sub_Col .airTicket_Box p#w_links {clear: both;font-size: 80%;padding: 5px 0px;text-align: right;width: 192px;} #two_column_right #sub_Col .airTicket_Box p#w_links a { color: #0B41A1; background: url("/element/shared/images/burette/ar03_f001.gif") no-repeat scroll left center transparent; padding: 0 0 0 7px; display:inline;} #two_column_right #sub_Col .airTicket_Box p#w_links a:hover { background: url("/element/shared/images/burette/ar03_f001.gif") no-repeat scroll left center transparent; padding: 0 0 0 7px;} #two_column_right { background:none; } #sub_Col dl.side_one_column, #sub_Col .side_two_column_left dl { background: #ffffff; padding-bottom:5px; } /* [S2] Right ranking area =========================================================================================== */ .item table { width:188px; border-collapse:collapse; background-color:#ffffff; } .item th { padding:0 2px 0 0; width: 60px; text-align:left; font-size:80%; font-weight:normal; } .item td { padding:0; width:140px; text-align:left;} .item td span:before { content:''; display:inline-block; margin:0 3px 0 0; padding:15px 0 0 0; width:75px; height:0; vertical-align:middle; overflow:hidden; background-image:url(/element/w_hotel/index/images/special_ps01_001.png); background-repeat:no-repeat; } .item td div:before { content:''; display:inline-block; margin:0 3px 0 0; padding:15px 0 0 0; width:75px; height:0; vertical-align:middle; overflow:hidden; background-image:url(/element/w_hotel/index/images/special_ps01_001.png); background-repeat:no-repeat; } .item td .rank00:before { background-position:-75px -40px; } .item td .rank05:before { background-position:-60px -60px; } .item td .rank10:before { background-position:-60px -40px; } .item td .rank15:before { background-position:-45px -60px; } .item td .rank20:before { background-position:-45px -40px; } .item td .rank25:before { background-position:-30px -60px; } .item td .rank30:before { background-position:-30px -40px; } .item td .rank35:before { background-position:-15px -60px; } .item td .rank40:before { background-position:-15px -40px; } .item td .rank45:before { background-position: 0 -60px; } .item td .rank50:before { background-position: 0 -40px; } .item td .review00:before { background-position:-75px 0; } .item td .review05:before { background-position:-60px -20px; } .item td .review10:before { background-position:-60px 0; } .item td .review15:before { background-position:-45px -20px; } .item td .review20:before { background-position:-45px 0; } .item td .review25:before { background-position:-30px -20px; } .item td .review30:before { background-position:-30px 0; } .item td .review35:before { background-position:-15px -20px; } .item td .review40:before { background-position:-15px 0px; } .item td .review45:before { background-position: 0 -20px; } .item td .review50:before { background-position: 0 0; } #two_column_right #sub_Col #hotel_Recommend dd{ padding:10px 0 0 0; width:208px; } .side_one_column ul.hotelDetail li{ border-top:1px solid #ccc; width:188px; margin:8px auto 0 auto; padding:10px 10px 0 10px; } .side_one_column ul.hotelDetail li img{ max-width:188px; max-height:125px; margin: 0 auto 0px auto; } .side_one_column ul.hotelDetail li .imgArea{ display:block; width:188px; height:125px; background: #ededed; display:table-cell; vertical-align:middle; margin-bottom:3px; text-align:center; } .side_one_column ul.hotelDetail li a{ font-size:80%; } * html .side_one_column ul.hotelDetail li .imgArea{ width:auto; height:auto; } .side_one_column ul.hotelDetail li a{ font-size:80%; } .side_one_column ul.hotelDetail li:first-child{ border-top:none; margin-top:0; padding-top:0; } .side_one_column ul.hotelDetail li{ text-align:right; } .side_one_column ul.hotelDetail li .hotelName{ font-size:130%; font-weight:bold; margin:4px 0 4px 0; text-align:left; } /* [S2] Right column 20140611 =========================================================================================== */ #two_column_right #sub_Col .contentInfo_SideBox.rightCountry{ margin-bottom:15px; } #two_column_right #sub_Col .contentInfo_SideBox.rightCountry dt { padding: 4px 7px 7px 7px; font-weight:bold; } #two_column_right #sub_Col .contentInfo_SideBox.rightCountry .poplularCity_SideBox dd{ padding:0 0 0px 0; width:208px; } #two_column_right #sub_Col .contentInfo_SideBox.rightCountry dl{ padding: 0 0 8px 0; background: url(/element/shared/images/sidebar/infobox_bg01_001.gif) no-repeat left bottom #ffffff; } #two_column_right #sub_Col .contentInfo_SideBox.rightCountry dd ul{ padding:8px 0 0 0; background:#f9f9f9; } #two_column_right #sub_Col .contentInfo_SideBox.rightCountry.rightCountry dd ul li{ line-height:2; } #two_column_right #sub_Col .contentInfo_SideBox.rightCountry.rightCountry dd ul li ul li{ line-height:1.2; } #two_column_right #sub_Col .contentInfo_SideBox.rightCountry dd ul li a{ font-weight:bold; color:#666; } #two_column_right #sub_Col .contentInfo_SideBox.rightCountry dd ul li.opened a{ background:url(/element/w_hotel/shared/images/extension_ic01_g002.gif) 12px center no-repeat; padding-left:27px; } #two_column_right #sub_Col .contentInfo_SideBox.rightCountry dd ul li.closed a{ background:url(/element/w_hotel/shared/images/extension_ic01_g001.gif) 12px center no-repeat; padding-left:27px; } #two_column_right #sub_Col .contentInfo_SideBox.rightCountry dd ul li ul{ padding:10px 0; background:#fff; margin-top:8px; } #two_column_right #sub_Col .contentInfo_SideBox.rightCountry dd ul li ul li{ background:#fff; padding:2px 0; font-weight:normal; margin:1px 0; line-height:1.2; } #two_column_right #sub_Col .contentInfo_SideBox.rightCountry dd ul li ul li a{ font-weight:normal; color:#0b3fa2; } #two_column_right #sub_Col .contentInfo_SideBox.rightCountry dd ul li.opened ul li a, #two_column_right #sub_Col .contentInfo_SideBox.rightCountry dd ul li.closed ul li a{ background:none; } #two_column_right #sub_Col .contentInfo_SideBox.rightCountry dd ul li ul li.selected{ background:#feedb7; font-weight:bold; padding-left: 15px; margin: 0 12px; color:#666; } /*_________ [20-1] Picked Up Item Area ____________*/ #two_column_right #sub_Col .contentInfo_SideBox.link01_a001_b{ margin-bottom:15px;} /*#two_column_right #sub_Col .contentInfo_SideBox .poplularCity_SideBox { background-image:none;padding:0; }*/ #two_column_right #sub_Col .contentInfo_SideBox .poplularCity_SideBox dt {font-weight:bold;padding:5px 10px 10px;width:190px;font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,'メイリオ',sans-serif;} /*#two_column_right #sub_Col .contentInfo_SideBox .poplularCity_SideBox dd { padding:10px 10px 0;width:188px; }*/ #two_column_right #sub_Col .contentInfo_SideBox .poplularCity_SideBox dd a { font-weight:normal; } #two_column_right #sub_Col .contentInfo_SideBox.link01_a001_b .poplularCity_SideBox dd{ line-height:1.4;} #two_column_right #sub_Col .contentInfo_SideBox.link01_a001_b .poplularCity_SideBox dd a.show_AllCity, #two_column_right #sub_Col .contentInfo_SideBox.link01_a001_b .poplularCity_SideBox dd a.hide_AllCity{ margin-bottom:5px;} #two_column_right #sub_Col .contentInfo_SideBox .poplularCity_SideBox dd a.show_AllCity, #two_column_right #sub_Col .contentInfo_SideBox .poplularCity_SideBox dd a.hide_AllCity { display:inline-block;margin-bottom:20px;} #two_column_right #sub_Col .contentInfo_SideBox .poplularCity_SideBox dd a.show_AllCity { font-weight:bold;background:url(../../shared/images/extension_ic01_g001.gif) no-repeat 0 2px;padding-left:12px;paddng-bottom:25px; } #two_column_right #sub_Col .contentInfo_SideBox .poplularCity_SideBox dd a.hide_AllCity { font-weight:bold;background:url(../../shared/images/extension_ic01_g002.gif) no-repeat 0 2px;padding-left:12px;paddng-bottom:25px; } #two_column_right #sub_Col .contentInfo_SideBox .AllCity_SideBox dt { background-image:none;border-left:1px solid #C7C7C7;border-right:1px solid #C7C7C7;width:188px; padding:5px 10px 2px;} #two_column_right #sub_Col .contentInfo_SideBox .AllCity_SideBox dt span{ color:#888888;background:#EDEDED;padding:2px;font-weight:bold; } #two_column_right #sub_Col .contentInfo_SideBox .AllCity_SideBox dd { padding:0 10px 10px;width:188px; } #two_column_right #sub_Col .contentInfo_SideBox .AllCity_SideBox dd a { font-weight:normal; }