@CHARSET "shift_jis"; /* ========================================================================== AB-ROAD Dest Navi ========================================================================== */ body.navi div#main { width:720px; float:left; } body.navi div#right-column { width:210px; float:right; } body p { margin:0; } body.navi dt a, body.navi dt a:visited { text-decoration:none; } body.navi em, body.navi strong { font-weight:normal; } body.navi h2 strong { font-weight:bold; } .topics { height:17px; background:url(../img/tm/icon-topics.gif) left center no-repeat; vertical-align:middle; padding:3px 0 0 80px; margin:10px 0; } body.navi .topics strong { font-weight:bold; } body.navi h3 { font-size:12px; margin: 0 0 5px 0; } body.navi span.catch { font-size:12px; font-weight:normal; } body.navi p.catch { font-size:12px; font-weight:bold; } body.navi dt, body.navi dd { margin:0; } body.navi .even { background-color:#f5f5f5; } body.navi p.content { padding:10px 0; font-size:14px; line-height:140%; } body.navi div#footer { margin:0; } body.navi div#footer p#footer-flashlink { height:30px; padding:10px 0; } body.navi div#footer p#footer-flashlink a img{ display: block; float: left; margin: 0 4px 0 0; } .momi_name, .momi_cd { display:none; } body.navi a span { cursor:pointer; } body.navi .remark { display:block; margin:0; padding:2px 0 2px 50px; font-size:12px; background:url(../img/tm/icon-check.gif) 0 50% no-repeat; } body.navi .left-arrow { display:block; padding:0 10px 0 15px; margin:5px 0 0; background:url(../img/tm/icon-list-1.gif) left center no-repeat; } body.navi ul.parallel li { float:left; } /*a.continue { display:block; text-align:right; }*/ dl { margin:0; } /* ========================================================================== AB-ROAD Dest Navi Main ========================================================================== */ body.navi ul { list-style:none; margin:0; padding:0; } body.navi li { margin:0; } body.navi div#main div.block h2, body.ab2 div#main-column div.block h2 { height:20px; margin:0 0 0 5px; padding:15px 0 21px 54px; background-position:left top; background-repeat:no-repeat; color:#004993; font-size:14px; } body.navi div.block h2.camera { background:url(../img/tm/bg-h2-spot.gif); } body.navi div.block h2.tour { background:url(../img/tm/bg-h2-tour.gif); } body.navi div.block h2.air { background:url(../img/tm/bg-h2-air.gif); } body.navi div.block h2.hotel { background:url(../img/tm/bg-h2-hotel.gif); } body.navi div#main div.block span.catch { display:block; float:right; color:#fff; margin:15px 0 0 0; } body.navi div#main div.block, body.ab2 div#main-column div.block { width:720px; background:url(../img/tm/bg-h2-navi-block2.gif) top no-repeat; background-position:0 10px; padding:0; margin:10px 0 0 0;} body.air-guide #content-body div#infomation { width:720px; background:url(../img/tm/bg-h2-navi-block3.gif) top no-repeat; background-position:0 10px; padding:0; margin:10px 0 0 0;} div#main #mainInfo { background:url(../img/tm/bg-navi-block-header2.gif) top no-repeat; background-position:0 10px; } body.navi div#main div#main-block { background:url(../img/tm/bg-navi-main-block-header.gif) no-repeat; margin:0; } body.navi div#main div#main-block h2 { height:20px; width:460px; margin:0; padding:10px 0 15px 15px; color:#fff; font-size:14px; float:left; } body.navi div#main div#main-block h2 strong { display:block; float:left; margin:0; } body.navi div#main div#main-block h2 span.catch { display:block; float:right; margin:0; } body.navi div#main div#main-block span.direction { display:block; float:right; height:20px; background:url(../img/tm/icon-help.gif) no-repeat left center; margin:10px 0 0; padding:4px 0 0 25px; } body.navi #main-column h2.title, body.navi #main h2.title { font-size:16px; } body.navi #main-column h2 strong { font-weight:bold; } body.navi #main-column h2 span { display:inline; float:none; font-weight:normal; } body.navi div#main div#main-block ul li, body.navi div#main ul#citylist li { float:left; margin:0 0 5px; } body.navi div#main div#main-block ul li { display:block; white-space:nowrap; padding:0 10px 0 15px; background:url(../ab10/skin/src/tri-downtarr.gif) left center no-repeat; } body.navi div#main ul#citylist li { display:block; padding:0 10px 0 15px; background:url(../img/tm/icon-list-1.gif) left center no-repeat; } body.navi div#main ul#pageNavi li a.hidden { display:none; } body#photo div#main div#main-block div#basic-info ul li { float:none; } body.navi div#main div#photo-search { width:550px; height:488px; float:left; background-color:#000; border:0; margin:5px 0 0; } body#nophoto div#main div#basic-info { width:720px; padding:0; float:none; background-color:#fff; color:#000; margin:10px 0 0; } body#photo div#main div#basic-info { width:150px; height:468px; padding:10px; float:left; background-color:#333; color:#fff; margin:5px 0 0; } body.navi div#main div#basic-info h3 { padding:0 0 5px 0; color:#f90; border-bottom:2px #484848 solid; } body#nophoto div#main div#basic-info h3 { height:22px; font-size:14px; margin:0 0 10px; padding:10px 0 0 42px; border:0; color:#000; background:url(../img/tm/icon-info.gif) 0 50% no-repeat; } body#nophoto div#main div#basic-info h2 { background-image:url(../img/tm/icon-info.gif); } body.navi div#main div#basic-info dl { margin:0; } body#nophoto div#main div#basic-info dl { width:179px; float:left; margin:0 1px 1px 0; } body.air div#main div#basic-info dl { width:179px; margin:0 0 1px 0; } body.air div#main div#basic-info { width:179px; margin:0 0 0 10px; float:right; } body#nophoto div#main div#basic-info dl.kdw { width:539px; } body.navi div#main div#basic-info dt { padding:10px 3px 3px 30px; font-weight:bold; background:no-repeat 0 50%; margin:3px 0; } body.navi div#main div#basic-info dd { padding:3px; background-color:#484848; } body.navi div#main div#basic-info dd em { display:block; } body#nophoto div#main div#basic-info dt, body.air div#main div#basic-info dt { height:20px; margin:0; padding:5px 0 0 30px; background-color:#f5f5f5; border:1px solid #ccc; background-position:2px 50%; } body#nophoto div#main div#basic-info dd, body.air div#main div#basic-info dd { height:30px; background-color:#fff; padding:4px 2px; border:1px solid #ccc; border-top:0; } body#nophoto div#main div#basic-info dd ul li { float:left; margin:0 5px 0 0; } body.navi div#main div#basic-info dd ul li { margin:0 0 5px; } body.navi div#main div#infomation h3 { font-size:14px; } body.navi div#main div#infomation h3#guidance { height:17px; background:url(../img/tm/icon-balloon-ex.gif) left center no-repeat; padding:5px 0 0 40px; } body.navi div#main div#infomation div.best-season { margin:0 0 10px; padding:8px; background-color:#fff; font-size:12px; line-height:120%; } body.navi div#main div#infomation div.best-season h3 { height:32px; background:url(../img/tm/icon-templature.gif) 0 0 no-repeat; padding:0 0 0 15px; font-size:12px; } body.navi div#main div#infomation div.best-season img { display:block; } body.navi div#main div#tour-infomation p.content a.flight-schedule { font-size:12px; display:block; margin:5px 0 0; padding:0 0 0 15px; background:url(../img/tm/icon-list-1.gif) left center no-repeat; } body.navi div#main div#tour-infomation p.catch { font-size:14px; } body.navi div#main div#tour-infomation p.content em { font-weight:bold; } body.navi div#main div#priceTermInfo { margin:0 0 15px; } body.navi div#main div#priceTermInfo dl.notification { font-size:10px; color:#666; } body.navi div#main div#priceTermInfo dl.notification dt { float:left; width:60px; padding:5px 0 0; } body.navi div#main div#priceTermInfo dl.notification dd { position:relative; float:left; width:280px; padding:5px 0 0; } body.navi div#main div#priceTermInfo h3#price-level { float:left; height:21px; background:url(../img/tm/icon-price.gif?rev=20080401) left center no-repeat; padding:9px 0 0 55px; } body.navi div#main div#priceTermInfo span.notice { display:block; float:right; font-size:10px; padding:14px 0 0; color:#666; } body.navi div#main div#priceTermInfo table { border-collapse:collapse; width:100%;} body.navi div#main div#priceTermInfo th, body.navi div#main div#priceTermInfo td { border:1px #ccc solid; text-align:center; padding:4px 0; } body.navi div#main div#priceTermInfo th.dcity { background-color:#999; color:#fff; } body.navi div#main div#priceTermInfo th.dmonth { background-color:#f5f5f5; } body.navi div#main div#priceTermInfo td { background-color:#fff; } body#photo div#main div#basic-info dl.access dt { background-image:url(../img/tm/photo_access.gif); } body#photo div#main div#basic-info dl.timediff dt { background-image:url(../img/tm/photo_timediff.gif); } body#photo div#main div#basic-info dl.language dt { background-image:url(../img/tm/photo_language.gif); } body#photo div#main div#basic-info dl.currency dt { background-image:url(../img/tm/photo_currency.gif); } body#photo div#main div#basic-info dl.bestseason dt { background-image:url(../img/tm/photo_season.gif); } body#photo div#main div#basic-info dl.kdw dt { background-image:url(../img/tm/photo_keyword.gif); } body#nophoto div#main div#basic-info dl.access dt { background-image:url(../img/tm/nophoto_access.gif); } body#nophoto div#main div#basic-info dl.timediff dt { background-image:url(../img/tm/nophoto_timediff.gif); } body#nophoto div#main div#basic-info dl.language dt { background-image:url(../img/tm/nophoto_language.gif); } body#nophoto div#main div#basic-info dl.currency dt { background-image:url(../img/tm/nophoto_currency.gif); } body#nophoto div#main div#basic-info dl.bestseason dt { background-image:url(../img/tm/nophoto_season.gif); } body#nophoto div#main div#basic-info dl.kdw dt { background-image:url(../img/tm/nophoto_keyword.gif); } body.air div#main div#basic-info dl.access dt { background-image:url(../img/tm/nophoto_access.gif); font-size:12px; } body.air div#main div#basic-info dl.timediff dt { background-image:url(../img/tm/nophoto_timediff.gif); font-size:12px; } body.air div#main div#basic-info dl.language dt { background-image:url(../img/tm/nophoto_language.gif); } body.air div#main div#basic-info dl.currency dt { background-image:url(../img/tm/nophoto_currency.gif); } body.air div#main div#basic-info dl.bestseason dt { background-image:url(../img/tm/nophoto_season.gif); } body.air div#main div#basic-info dl.kdw dt { background-image:url(../img/tm/nophoto_keyword.gif); } body.navi div#main div#spot dl { width:165px; float:left; margin:0 20px 20px 0; } body.navi div#main div#point dl { width:128px; float:left; margin:0 20px 10px 0; } body.navi div#main div#spot dl.last, body.navi div#main div#point dl.last { margin:0 0 20px 0; } body.navi div#main div#spot dt a, body.navi div#main div#point dt a { display:block; } body.navi div#main div#spot dt a:hover, body.navi div#main div#point dt a:hover { text-decoration:none; } body.navi div#main div#point dt a { height:64px; background-position:center top; background-repeat:no-repeat; padding:96px 0 0 0; } body.navi div#main div#spot dt a { height:180px; width:165px; } body.navi div#main div#spot dt a span.photo { display:block; width:155px; height:103px; border:1px #ccc solid; padding:4px; margin:0 0 5px; text-align:center; background:no-repeat center center; } body.navi div#main div#spot dt a span.photo img { display:block; height:103px; margin:0 auto; float:none; } body.navi div#main div#spot dt a img { margin:0 auto; } body.navi div#main div#point dt a img { display:block; border:1px #ccc solid; padding:4px; width:118px; height:86px; } body.navi div#main div#point dt span, body.navi div#main div#spot dt span { height:30px; } body.navi div#main div#spot dt strong { display:block; height:30px; } body.navi div#main div#spot dt span, body.navi div#main div#point dt span { display:block; float:none; color:#000; font-weight:bold; margin:0 0 2px; } body.navi div#main div#point dt a strong, body.navi div#main div#spot dt strong { font-weight:bold; cursor:pointer; } body.navi div#main div#spot dd, body.navi div#main div#point dd { margin:0; } body.navi div#main div#spot dd.description, body.navi div#main div#point dd.description { height:auto; } body.navi div#main div#spot dd.tour-link a, body.navi div#main div#point dd.tour-link a { display:block; background:url(../img/tm/icon-list-1.gif) 0 2px no-repeat; padding:0 0 0 16px; } body.navi div#main div#blog dl { padding:5px 5px 5px 60px; margin:0; background-image:url(../img/tm/icon-blog-entry.gif);background-position:5px 50%; background-repeat:no-repeat; } body.navi div#main div#point h2 { background-image:url(../img/tm/bg-h2-point.gif); } body.navi div#main div#spot h2 { background-image:url(../img/tm/bg-h2-spot.gif); } body.navi div#main div#report h2, body.navi div#main-column div#report h2 { background-image:url(../img/tm/bg-h2-report.gif); } body.navi div#main div#tour-infomation h2 { background-image:url(../img/tm/bg-h2-tourchoice.gif); } body.navi div#main div#photo-info h2 { background-image:url(../img/tm/bg-h2-photo.gif); } body.navi div#main div#priceTermInfo h2, body.navi div#main div#priceInfo h2 { background-image:url(../img/tm/bg-h2-priceterm.gif); } body#photo div#main div#common-info h2 { background-image:url(../img/tm/bg-h2-photosearch.gif); } body#nophoto div#main div#common-info h2 { background-image:url(../img/tm/bg-h2-common-info.gif); } body.navi div#main div#blog h2 { background-image:url(../img/tm/bg-h2-condition.gif); text-indent:0; width: 670px; font-weight: bold; } body.navi div#main div#blog dt { font-weight:bold; } body.navi div#main div#blog dd.more { text-align:right; padding:0 30px 0 0; } body.navi div#main div#blog p.powered { text-align:right; border-bottom:1px #ccc solid; padding:0 0 5px; } body.navi div#main div#blog p.powered a { text-decoration:none; } body.navi div#main div#blog div.pages { margin:10px auto; text-align:center; font-size:120%; letter-spacing:1px; } body.navi div#main div#blog div.petatto_shooti_mix_notloading table { margin:0 auto; } body.navi div#main div#tour-air-link { width:698px; border:1px #ccc solid; padding:10px 10px 0; margin:30px 0 0 0; } body.navi div#main div#tour-air-link dt, body.navi div#main div#tour-air-link dd { margin:0 0 10px 0; padding:1px 0; } body.navi div#main div#tour-air-link dt { width:380px; float:left; background:url(../img/tm/icon-suggest.gif) 0 50% no-repeat; padding-left:80px; } body.navi div#main div#tour-air-link dd { float:left; } body.navi div#main div#tour-air-link dd a { display:block; background:url(../img/tm/icon-list-1.gif) 0 50% no-repeat; padding:0 15px; } body.navi div#main div#tour-air-link dd a { display:block; } body.navi div#main div#dest-link { width:700px; background-color:#f5f5f5; margin:15px 0 0 0; padding:10px; } body.navi div#main div#dest-link h2 { font-size:14px; } body.navi div#main div#dest-link form { display:block; height:20px; background-color:#999; margin:10px 0; padding:5px; vertical-align:middle; } body.navi div#main div#dest-link form label { display:block; color:#fff; float:left; margin:0 10px 0 0; } body.navi div#main div#dest-link from label span { vertical-align:middle; } body.navi div#main div#dest-link form select { width:150px; font-size:12px; vertical-align:middle; } body.navi div#main div#dest-link form input { width:80px; } body.navi div#main div#dest-link h3 { margin:0; } body.navi div#main div#dest-link dt { clear:both; padding:10px 0 5px; } body.navi div#main div#dest-link dd { float:left; border-right:1px solid #999; padding:0 5px; } body.navi div#main div#dest-link dd em { font-weight:bold; } body.navi div#main div#dest-link p.dest-search-link { height:16px; padding:0 0 10px; } body.navi div#main div#dest-link p.dest-search-link strong { display:block; float:left; width:310px; font-weight:bold; } body.navi div#main div#dest-link p.dest-search-link a { display:block; float:left; width:150px; margin:0; } #right-column div { margin:0; } #right-column div#search div { margin:0; } #right-column div.naber-area { border:1px #ccc solid; background-color:#f5f5f5; padding:4px; text-align:center; } #right-column div.naber-area img { margin:0 auto; } #right-column div#tour-report { background-color:#f5f5f5; padding:0 0 15px 0; } #right-column div#tour-report h2 { height:15px; background:url(../img/tm/bg-h2-navi-suggest.gif) left center no-repeat; text-indent:0; padding:20px 0 25px 40px; } #right-column div#tour-report ul { width:160px; margin:0 auto; } #right-column div#tour-report ul li { margin:0; margin:0 0 10px; } #right-column div#tour-report ul a { display:block; } #right-column div#tour-report ul a img { display:block; border:1px solid #ccc; padding:3px; margin:0 0 3px; } #right-column div#tour-report ul a span { display:block; width:160px; margin:0 auto; font-size:12px; } #right-column div#quick-search { margin:0; padding:0; } #right-column h2 { text-indent:-2999px; font-size:12px; color:#fff; } #right-column h2.ui-bar-b { text-indent:0; } #right-reports.report-column h2 { text-indent: 0; } #right-column p.dest-search-link a { display:block; padding:0; } #right-column p.dest-search-link a strong { display:block; width:140px; padding:0 5px 0 0; margin:5px 0 0; cursor:pointer; font-weight:bold; } div.link-block dl { width:720px; padding:15px 0; overflow:auto; border-top:1px dashed #d00; border-bottom:1px dashed #d00; } div.link-block dt { background:url(/skin/src/theme/bg-iconlead.gif) no-repeat 0 50%; font-weight:bold; padding:0 0 0 15px; } div.link-block dt strong { font-weight:bold; } div.link-block dd { float:left; padding:10px 10px 0 0; } div.link-block dd a { display:block; background:url(../img/tm/icon-list-1.gif) no-repeat 0 50%; padding:0 0 0 15px; font-weight:bold; } /* ========================================================================== AB-ROAD Dest Navi Search Top ========================================================================== */ .country-name { vertical-align:middle; } .num { font-family:"Arial Black"; font-size:16px; font-weight:normal; } body.navi div#noresult-message blockquote strong { font-weight:bold; } body.navi dl#step-direction { width:722px; height:101px; overflow:hidden; background:url(../img/tm/dest-search-step-direction.gif) no-repeat; text-indent:-1999px; } body.navi div.search-step { padding:10px 0 0; } body.navi div#search-step1 h2 { background:url(../img/tm/bg-navi-search-step1-header.gif) no-repeat; height:66px; } body.navi div#search-step1 h2 strong { display:block; text-indent:-1999px; } body.navi div#search-step1 h2 span { display:block; padding:25px 0 0 0; font-size:12px; } body.navi div#search-step1 div.dummy { height:0; } body.navi div#search-step1 dl { width:700px; height:50px; padding:0 10px; background:#f5f5f5; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; overflow:hidden; } body.navi div#search-step1 dl.first { border-top:1px solid #ccc; } body.navi div#search-step1 dl dt { width:80px; height:50px; float:left; text-indent:-1999px; background: no-repeat 0 50%; } body.navi div#search-step1 dl dd { float:left; white-space: nowrap; font-weight:bold; } body.navi div#search-step1 dl dd a, body.navi div#search-step1 dl dd em { display:block; width:120px; height:15px; padding:5px 0; text-align:center; font-weight:bold; } body.navi div.search-step dl dd a:hover, body.navi div.search-step dl dd em { background-color:#e0e0e0; } body.navi div#search-step1 dl#theme1 dt { background-image:url(../img/tm/dest-search-theme-icon1.gif); } body.navi div#search-step1 dl#theme2 dt { background-image:url(../img/tm/dest-search-theme-icon2.gif); } body.navi div#search-step1 dl#theme3 dt { background-image:url(../img/tm/dest-search-theme-icon3.gif); } body.navi div#search-step1 dl#theme4 dt { background-image:url(../img/tm/dest-search-theme-icon4.gif); } body.navi div#search-step1 dl#theme5 dt { background-image:url(../img/tm/dest-search-theme-icon5.gif); } body.navi div#search-step1 dl#theme6 dt { background-image:url(../img/tm/dest-search-theme-icon6.gif); } body.navi div#search-step1 dl#theme6 dd { padding-top:12px; } body.navi div#main #downarrow { padding:30px 0 0; background:url(../img/tm/down-allow-212x42.gif) no-repeat 50% 100%; } body.navi div#main #downarrow strong { display:block; text-indent:-1999px; height:22px; font-weight:bold; } body.navi div#main #downarrow strong span { font-weight:normal; } body.navi div#main #guidance { margin:10px 0; } body.navi div#main p#guidance strong { display:block; font-weight:bold; background:url(../img/tm/icon-balloon-ex.gif) no-repeat; padding:5px 0 5px 40px; height:22px; } body.navi div#main p#guidance strong span { display:block; font-weight:normal; } body.navi div#search-step2 { background:url(../img/tm/bg-search-step2-header.gif) 0 0 no-repeat; } body.navi div#search-step2 h2 { background:url(../img/tm/bg-navi-search-step2-header.gif) 0 0 no-repeat; height:66px; text-indent:-1999px; } body.navi div#search-step2 h3#condition-tab { height:110px; width:40px; background:url(../img/tm/search-condition-tab.gif) no-repeat; float:left; text-indent:-1999px; } body.navi div#search-navigation { float:left; height:108px; width:659px; overflow:hidden; border:1px solid #ccc; border-left:none; background-color:#f5f5f5; padding:0 10px; } body.navi div#search-navigation dl { height:54px; overflow:hidden; } body.navi div#search-navigation #price-tab { border-bottom:1px solid #ccc; } body.navi div#search-navigation #term-tab { clear:both; } body.navi div#search-navigation #price-tab dt { background-image:url(../img/tm/icon-search-price-22x22.gif); } body.navi div#search-navigation #term-tab dt { background-image:url(../img/tm/icon-search-term-22x22.gif); } body.navi div#search-navigation dt { float:left; background:no-repeat 0 50%; width:100px; height:34px; padding:20px 0 0 26px; font-weight:bold; } body.navi div#search-navigation dd { float:left; } body.navi div#search-navigation dd a, body.navi div#search-navigation dd em { display:block; width:105px; height:22px; padding:5px 0 0; text-align:center; font-weight:bold; } body.navi div#search-result table { border-collapse:collapse; width:720px; } body.navi div#search-result table th { background-color:#f5f5f5; width:80px; padding:5px 0; } body.navi div#search-result table th.direction-cell { width:65px; } body.navi div#search-result table th, body.navi div#search-result table td { vertical-align:middle; text-align:center; border:1px solid #ccc; } body.navi div#search-result table td { padding:5px; } body.navi div#search-result table th.main-cell { width:247px; } body.navi div#search-result table th strong { display:block; font-weight:bold; padding:0 0 4px; } body.navi div#search-result table th span { font-size:10px; font-weight:normal; } body.navi div#search-result table th .btn, body.navi div#search-result table th em { display:block; width:34px; height:13px; background-image:url(../img/tm/icon-sortorder.gif); background-repeat:no-repeat; float:left; text-indent:-1999px; margin:4px 0 0 3px; } html>body.navi div#search-result table th .btn, html>body.navi div#search-result table th em { margin:4px 0 0 4px; } body.navi div#search-result table th a.high { background-position:0 0; } body.navi div#search-result table th em.high, body.navi div#search-result table th a.high:hover { background-position:0 -13px; } body.navi div#search-result table th a.cheap { background-position:-34px 0; } body.navi div#search-result table th em.cheap, body.navi div#search-result table th a.cheap:hover { background-position:-34px -13px; } body.navi div#search-result table th a.low { background-position:-68px 0; } body.navi div#search-result table th em.low, body.navi div#search-result table th a.low:hover { background-position:-68px -13px; } body.navi div#search-result table th a.long { background-position:-102px 0; } body.navi div#search-result table th em.long, body.navi div#search-result table th a.long:hover { background-position:-102px -13px; } body.navi div#search-result table th a.short { background-position:-136px 0; } body.navi div#search-result table th em.short, body.navi div#search-result table th a.short:hover { background-position:-136px -13px; } body.navi div#search-result table td.main-cell { text-align:left; padding-right:0; } body.navi div#search-result table td img { vertical-align:middle; } body.navi.step2 div#search-result table td.main-cell a.city-img { display:block; float:left; margin:0 5px 0 0; } body.navi div#search-result table td.main-cell a.city-img img { display:block; border:1px solid #ccc; padding:3px; } body.navi.step2 div#search-result table td.main-cell p.city-link { width:128px; padding:18px 0 0; float:left; } body.navi div#search-result table td .city-name { display:block; margin:0 0 5px; font-weight:bold; } body.navi div#search-result table tr.even td { background-color:#f5f5f5; } body.navi#search-condition div#search-result table td .unit { display:block; } body.navi div#search-result table td.direction-cell label { display:block; padding:15px 0; } body.navi div#result-summary { padding:5px 0; border-bottom:1px solid #ccc; } body.navi div#result-summary p#result-count { width:160px; float:left; } body.navi div#result-summary p#result-count em.num { color:#c00; } body.navi#search-condition div#result-summary p#rusult-cond { float:right; } body.navi div#result-summary p#rusult-cond strong { font-weight:bold; } body.navi div#result-summary strong.theme { font-size:16px; } body.navi div#search-result p.compare-direction { float:left; font-weight:bold; padding:5px 0; } body.navi div#search-result p.compare-direction span, body.navi div#search-result p.compare-direction a { display:block; float:left; } body.navi div#search-result p.compare-direction span { padding:7px 0 0; } body.navi div#search-result p.compare-direction a { display:block; width:112px; height:28px; background:url(../img/tm/btn-compare112x28.gif) no-repeat; margin:0 5px; } body.navi div#search-result p.compare-direction a:hover { background-position:0 -28px; } body.navi div#search-result p.result-notes { float:left; font-size:10px; padding:5px 10px 5px 0; } body.navi div#pre-comment-box { padding:10px 0; margin:10px 0; background-color:#f6f6f6; color:#999; font-weight:bold; font-size:14px; text-align:center; } body.navi a.continue { display:block; text-align:left; background:url(../img/tm/icon-list-1.gif) left center no-repeat; padding:0 0 0 20px; margin:5px 0 0; font-size:small; } body.navi dl.pagenate { padding:10px 0 0; } body.navi a.areaguide-link { display:block; width:66px; height:13px; margin:0 auto; background:url(../img/tm/btn-link-areaguide.gif) no-repeat; text-indent:-1999px; } body.navi a.areaguide-link:hover { background-position:0 -13px; } body.step1 div#condition-block { height:0; overflow:hidden; } body.step2 div#search-step2 h2 { background-position:0 -66px; } body.step2 dl#step-direction { background-position:0 -101px; } body.navi.dest-search div#right-column { padding-top:30px; } /* ========================================================================== AB-ROAD Dest Navi PickUp ========================================================================== */ body.navi div#pickup { margin:0; background-color:#f6f6f6; } body.navi div#pickup h2 { background-image:url(../img/bg-h2-pickup-s.gif); height:32px; } body.navi div#pickup ul { width:145px; margin:20px auto 0; } body.navi div#pickup p.catch { font-weight:normal; margin:0 0 10px; } body.navi div#pickup li { padding:0 0 15px; } body.navi div#pickup a { display:block; text-decoration:none; width:145px; } body.navi div#pickup a img { display:block; padding:4px; border:1px solid #ccc; width:135px; margin:0 0 5px; } body.navi div#pickup a strong { display:block; background:no-repeat 0 50%; padding:0 0 0 20px; text-decoration:underline; cursor:pointer; font-weight:bold; } body.navi div#pickup a span { display:block; float:none; margin:0; } body.navi div#pickup a span.catch { padding:7px 0 3px; cursor:pointer; color:#009; } body.navi div#pickup a span.content { color:#333; text-decoration:none; cursor:pointer; line-height:120%; letter-spacing:0; } body.navi div#pickup a span.more { margin:2px 0 0; padding:0 0 0 16px; background:url(../img/tm/icon-list-1.gif) 0 50% no-repeat; text-decoration:underline; color:#009; cursor:pointer; } /* ========================================================================== AB-ROAD Dest Navi Search Results ========================================================================== */ body.navi#search-results div#main-block { width:auto; } body.navi#search-results div#main { width:950px; float:none; } body.navi#search-results div#main div#dest-link { width:920px; } body.navi#search-results p#guidance { width:780px; margin:0; float:left; } body.navi#search-results div#search-result table { width:950px; margin:20px 0 0; } body.navi#search-results div#search-result td { width:163px; } body.navi#search-results div#search-result td.main-cell { vertical-align:top; } body.navi#search-results div#search-result td.main-cell a img { display:block; padding:3px; border:1px solid #ccc; } body.navi#search-results div#search-result th { text-align:left; width:68px; padding:5px; } body.navi#search-results div#search-result td.price-cell { text-align:left; } body.navi#search-results div#search-result td.price-cell a { display:block; font-weight:bold; } body.navi#search-results div#search-result td.price-cell em.num { font-size:115%; } body.navi#search-results div#search-result td.temp-cell { text-align:left; vertical-align:top; } body.navi#search-results div#search-result td.price-cell em.org { display:block; margin:5px 0 0; } body.navi#search-results div#search-result td.temp-cell img { display:block; } body.navi#search-results a.prev-btn { display:block; width:161px; height:35px; float:right; background:url(../img/tm/btn-buck-to-search.gif) no-repeat; text-indent:-1999px; } body.navi#search-results div.notes { padding:10px 0 0; } /* ========================================================================== AB-ROAD Dest Navi MP contents ========================================================================== */ body.navi ul.pr-text { margin:0 0 10px; } body.navi ul.pr-text.static { padding:5px 0 0; } body.navi div#right-column ul.pr-text { margin:0; padding:0; } body.navi ul.pr-text li { margin:2px 0; padding:0; font-size:1px; } body.navi ul.pr-text li a { display:block; margin:0; padding:2px 0 2px 50px; font-size:12px; background:url(../img/tm/icon-check.gif) 0 50% no-repeat; } body.navi div#right-column ul.pr-text li a { background-position:0 3px; width:160px; } body.navi div#infomation p.content em { font-style:normal; font-weight:bold;} body.navi div.search-step dl dd em.noTour { background-color:transparent; color:#919191; } body.navi div#search-navigation dd div#noTour { display:block; width:105px; height:22px; padding:5px 0 0; text-align:center; font-weight:bold; color:#919191; } /* ========================================================================== AB-ROAD Dest Navi Dest Guide ========================================================================== */ #dest-list dl { float:left; width:345px; height:auto; background-color:#eaeaea; margin:0 0 10px; padding:10px 5px 0; height:95px; } #dest-list dl.even { float:right; } #dest-list dl dt.dest-name { font-weight:bold; margin:0 0 5px; } #dest-list dl dt.dest-name a { text-decoration:underline; } #dest-list dl dd .photo { display:block; background-position:center; background-repeat:no-repeat; width:70px; height:70px; float:left; margin:0 5px 0 0; font-size:1px; text-indent:-9999px; } #dest-list dl dd span.text { line-height:1.4; font-size:12px; } #dest-list dl dd span a.more { margin:0; } /** Dest-top **/ body.navi.dest-top div#main div#infomation p { padding:0; } body.navi.dest-top div.block h3 strong { font-weight:bold; } body.navi.dest-top div.block.extract h3 { margin:0 0 5px; font-size:14px; } body.navi.dest-top div.block.extract p { padding:0; } body.navi div.extract a.continue, body.navi div#infomation a.continue { display:block; float:right; } body.navi.dest-top div#tour-guide li { width:240px; } body.navi div.extract li.list-link { padding:0 20px 0 0; } div#petatto_shooti_mix_upload { margin:10px 0 !important; background:#f0f0f0; width:200px; padding:5px; } div#petatto_shooti_mix_upload .white, div#petatto_shooti_mix_upload .white .footer { background:none !important; } div#petatto_shooti_mix_upload .petatto_shooti_mix_loading { display:block; margin:0 auto; } div#petatto_shooti_mix_upload div#blog { background:url(../img/tm/icon-shooti.gif) no-repeat 110px 0 !important; } div#petatto_shooti_mix_upload div#blog div#errorShooti { display:none; height: 500px; } div#petatto_shooti_mix_upload div#blog .title { width:180px; font-size:12px; text-indent:0; background:url(../img/tm/icon-blog-entry-s.gif) no-repeat 0 3px; padding:0 0 0 30px; color:#333; font-weight:bold; height:auto; } div#petatto_shooti_mix_upload div#blog #detailShooti .wordsalad { margin:0 0 8px; } div#petatto_shooti_mix_upload div#blog #detailShooti .wordsalad a { padding:0px 3px 5px 3px; white-space:nowrap; display:inline-block; } div#petatto_shooti_mix_upload div#detailShooti .result { margin:10px 0; } div#petatto_shooti_mix_upload div#detailShooti .result .entry { padding:5px 0; border-bottom:#CCC solid 1px; border-top:#fff solid 1px; line-height:1.6; } div#petatto_shooti_mix_upload div#detailShooti .result .entry dt { font-weight:bold; } div#petatto_shooti_mix_upload div#detailShooti .result .entry dd { font-size:x-small; color:#666; word-break:break-all; } div#petatto_shooti_mix_upload div#detailShooti .result .entry .more { text-align:right; } div#petatto_shooti_mix_upload div#detailShooti .pages { margin:0 0 10px; } div#petatto_shooti_mix_upload .inputkeyword .word { background: url("http://shooti.jp/petatto/mix/img/abroad/prt_hukidashi_08.gif") no-repeat scroll center center transparent; display: block; font-size: 1px; height: 25px; text-indent: -9999px; width: 112px; } div#petatto_shooti_mix_upload .inputkeyword .inputform { margin:0 0 5px; } /* ============================================= AB-ROAD Dest Navi Footer Link Block ============================================= */ body.navi div#main div#dest-link dt, body.navi div#main div#dest-link dt strong { font-weight:bold; padding:10px 0 5px; } body.navi div#main div#dest-link dd { margin:0 0 2px; white-space:nowrap; line-height:1.2; font-size:85%; } body.navi div#main div#dest-link dd.clear, body.navi div#main div#dest-link dt.clear, body.navi .clear { border:none; padding:0; clear:both; float:none; height:1px; width:1px; overflow:hidden; } body.navi div#main div#dest-link dd.current { border:none } body.navi div#main div#dest-link dd.org { width:70px; margin:0 0 3px; border:none; } body.navi div#main div#dest-link dd strong { font-weight:bold; } /* ============================================= AB-ROAD Dest Navi Hotel Block ============================================= */ body.navi div#hotel-guide dl { width:170px; margin:0 13px 0 0; padding: 0; float:left; } body.navi div#hotel-guide ol#hotel-list-link li { width:240px; margin:0; padding:0; float:left; } body.navi div#hotel-guide ol#hotel-list-link li a { background-position:0 2px; } body.navi div#hotel-guide dl.right, body.navi div#hotel-guide ol#hotel-list-link li.right { margin-right:0; } body.navi div#hotel-guide ol { margin:0; padding:0; list-style:none; } body.navi div#hotel-guide dl dt{ font-weight: bold; background-color: #E6E6E6; padding: 3px 0 3px 5px; } body.navi div#hotel-guide dl dd, body.navi div#hotel-guide dl dd ol{ margin: 0; padding: 0; } body.navi div#hotel-guide dl dd ol li{ list-style-type: none; padding: 3px 0; } body.navi div#hotel-guide dl dd ol li a{ display: block; padding: 0 0 0 20px; } body.navi div#hotel-guide dl dd ol li.rank2, body.navi div#hotel-guide dl dd ol li.rank4{ background-color: #F5F5F5; } body.navi div#hotel-guide dl dd ol li.rank1 a{ background: url(../img/tm/icon-crownrank1.gif) no-repeat 2px 2px; } body.navi div#hotel-guide dl dd ol li.rank2 a{ background: url(../img/tm/icon-crownrank2.gif) no-repeat 2px 2px; } body.navi div#hotel-guide dl dd ol li.rank3 a{ background: url(../img/tm/icon-crownrank3.gif) no-repeat 2px 2px; } body.navi div#hotel-guide dl dd ol li.rank4 a{ background: url(../img/tm/icon-crownrank4.gif) no-repeat 2px 2px; } body.navi div#hotel-guide dl dd ol li.rank5 a{ background: url(../img/tm/icon-crownrank5.gif) no-repeat 2px 2px; } body.navi div#hotel-guide dl dd.more{ margin: 8px 0 0 0; padding: 0; text-align: right; } body.navi div#hotel-guide dl dd.more a{ background: url(../img/tm/tri-rightarr.gif) no-repeat 0 2px; padding: 0 0 0 15px; } /* ============================================= AB-ROAD Dest Navi Air Guide ============================================= */ body.air div#ticket-type dl { padding:5px 0 5px 75px; background:no-repeat 8px 50%; } body.air div#ticket-type dt strong { font-weight:bold; } body.air div#ticket-type dl.even { background-color:#f5f5f5; } body.air div#ticket-type dl#online { background-image:url(../img/tm/); } body.air div#ticket-type dl#business { background-image:url(../img/tm/icon-air-business.gif); } body.air div#ticket-type dl#oneway { background-image:url(../img/tm/icon-air-kata.gif); } body.air div#ticket-type dl#pre-off { background-image:url(../img/tm/icon-air-haya.gif); } body.air div#ticket-type dl#open { background-image:url(../img/tm/icon-air-open.gif); } body.air div#ticket-type dl#pex { background-image:url(../img/tm/icon-air-pex.gif); } body.air div#ticket-type dl#card { background-image:url(../img/tm/icon-air-card.gif); } body.air div#ticket-type dl#online { background-image:url(../img/tm/icon-air-online.gif); } body.air div#ticket-type dl dd, body.air div#ticket-type dl dt { clear:both; } body.air div#ticket-type dl dt { font-weight:bold; font-size:14px; padding:0 0 5px; width:100%; } body.air div#ticket-type dl li { float:left; padding:0 15px 0 0; height:16px; } body.air div#ticket-type dl li.org { width:70px; margin:0 0 2px; } body.air h3#guidance strong { font-weight:bold; } body.air div#infomation .content { width:520px; float:left; } body.air #flightSchedule { padding:0 0 15px; } body.air #flightSchedule form { display:block; border:1px solid #ccc; background-color:#f5f5f5; padding:0 10px; } body.air #flightSchedule form p { padding:8px 0 0; height:36px; } body.air #flightSchedule label { font-weight:bold; } body.air #flightSchedule .upper { border-bottom:1px solid #ccc; } body.air #flightSchedule #fsDeptMonth { width:100px; } body.air #flightSchedule #fsDeptDate { width:60px; } body.air #flightSchedule .group { display:block; padding:4px 0 0; width:290px; float:left; } body.air #flightSchedule #lblDeptCode, body.air #flightSchedule #lblDeptMonth { display:blcok; width:70px; float:left; } body.air #flightSchedule #fsSubmit { display:block; width:112px; height:28px; text-indent:-1999px; background-image:url(../img/tm/btn-submit112x28.gif); background-repeat:no-repeat; } body.air #flightSchedule #fsSubmit:hover { background-position:0 -28px; } /* ============================================= 2009-09-30 New UI ============================================= */ body.navi #main-title { font-size:16px; padding:3px 0 3px 35px; background:url(/skin/src/icon-common-01.png) no-repeat 10px 2px; } body.navi.hotel #hotelSearch h2 { background-image:url(../img/tm/bg-h2-hotel.gif); } body.navi.hotel #sightseeing h2 { background-image:url(../img/tm/bg-h2-map-cam.gif); } body.navi.hotel #hotelList h2 { background-image:url(../img/tm/bg-h2-hotel.gif); } body.navi.hotel #highGrade h2 { background-image:url(../img/tm/bg-h2-star.gif); } body.navi #main #mainText a { font-weight:bold; } body.navi #main h3.title { margin:10px 0; background:url(/skin/src/theme/bg-iconlead.gif) no-repeat 0 50%; text-indent:14px; padding:2px 0 0; font-size:14px; line-height:20px; } body.navi.hotel .odd { background-color:#eee; } body.navi.hotel .even { background-color:#fff; } body.navi #right-column #search { padding-top:0; } body.navi #right-column #search h2 { margin-top:0; } body.navi #mainInfo #credit { padding:10px 0 0; text-align:right; font-weight:bold; } body.navi #mainInfo #credit a { font-family: "Arial Black" } body.navi.air #main #infomation h2 { background-image:url(../img/tm/bg-h2-priceterm.gif); } body.dest-top #main div#infomation h2 { background-image:url(../img/tm/bg-h2-schedule.gif); } body.navi.photo div#footer .historyback { display:none; } body.navi.air div#infomation #flightLink { padding:0 0 10px; } body.navi.air div#infomation #flightLink a { display:block; background:url(../img/tm/icon-list-1.gif) no-repeat 0 50%; text-indent:20px; } /* ============================================= AB-ROAD Dest Navi Hotel Guide ============================================= */ body.navi #hotelRanking { margin:0; padding:0; list-style:none; position:relative; height:135px; overflow:hidden; } body.navi #hotelRanking li { position:relative; height:26px; padding:0 0 0 20px; line-height:0; margin:0; font-size:0; width:335px; background-position:5px 7px; background-repeat:no-repeat; clear:both; overflow:hidden; white-space:nowrap; border-bottom:1px dotted #999; } body.navi #hotelRanking li.low { left:365px; top:-135px; } body.navi #hotelRanking li .hotelName { padding:8px 0 0; } body.navi #hotelRanking li .tourLink { position:relative; padding:8px 0 0; top:-20px; left:220px; } body.navi #hotelRanking li a, body.navi #hotelRanking li strong { display:block; line-height:normal; font-size:10px; } body.navi #hotelRanking li strong { } body.navi.hotel #hotelRanking #rank1 { background-image:url(/skin/src/icon-crownrank1.gif); } body.navi.hotel #hotelRanking #rank2 { background-image:url(/skin/src/icon-crownrank2.gif); } body.navi.hotel #hotelRanking #rank3 { background-image:url(/skin/src/icon-crownrank3.gif); } body.navi.hotel #hotelRanking #rank4 { background-image:url(/skin/src/icon-crownrank4.gif); } body.navi.hotel #hotelRanking #rank5 { background-image:url(/skin/src/icon-crownrank5.gif); } body.navi.hotel #hotelRanking #rank6 { background-image:url(/skin/src/icon-crownrank6.gif); } body.navi.hotel #hotelRanking #rank7 { background-image:url(/skin/src/icon-crownrank7.gif); } body.navi.hotel #hotelRanking #rank8 { background-image:url(/skin/src/icon-crownrank8.gif); } body.navi.hotel #hotelRanking #rank9 { background-image:url(/skin/src/icon-crownrank9.gif); } body.navi.hotel #hotelRanking #rank10 { background-image:url(/skin/src/icon-crownrank10.gif); } body.navi.hotel #search-condition dt { width:100px; } body.navi.hotel #search-condition .submit-btn a { display:block; margin:0; padding:0; width:112px; height:28px; background-image:url(../img/tm/btn-vacancy-search-112x28.gif); background-repeat:no-repeat; text-indent:-1999px; cursor:pointer; } body.navi.hotel #search-condition .submit-btn a:hover { background-position:0 -28px; } body.navi.hotel #search-condition dl { height:30px; } body.navi.hotel .hotelInfo { width:345px; padding:5px; overflow:hidden; } body.navi.hotel .hotelInfo.left { float:left; } body.navi.hotel .hotelInfo.right { float:right; } body.navi.hotel .hotelInfo dt { font-weight:bold; padding:5px; font-size:110%; height:2.4em; } body.navi.hotel .hotelInfo .img { width:108px; float:right; } body.navi.hotel .hotelInfo .img img { display:block; margin:0 auto; padding:3px; border:1px solid #ccc; background-color:#fff; height:66px; } body.navi.hotel .hotelInfo .priceGrade { width:223px; float:left; font-size:90%; } body.navi.hotel .hotelInfo .price { padding-bottom:4px; } body.navi.hotel .hotelInfo .price strong { font-weight:bold; } body.navi.hotel .hotelInfo .price span { font-size:10px; } body.navi.hotel .hotelInfo .grade strong, body.navi.hotel .hotelInfo .grade em { display:block; } body.navi.hotel .hotelInfo .grade strong { width:100px; float:left; font-weight:bold; padding-top:2px; } body.navi.hotel .hotelInfo .grade em { height:15px; width:96px; float:left; text-indent:-1999px; background-image:url(../img/tm/icon-gradestar.gif); background-repeat:no-repeat; } body.navi.hotel .hotelInfo .grade em.grade-10 { background-position:0 -15px } body.navi.hotel .hotelInfo .grade em.grade-15 { background-position:0 -30px; } body.navi.hotel .hotelInfo .grade em.grade-20 { background-position:0 -45px; } body.navi.hotel .hotelInfo .grade em.grade-25 { background-position:0 -60px; } body.navi.hotel .hotelInfo .grade em.grade-30 { background-position:0 -75px; } body.navi.hotel .hotelInfo .grade em.grade-35 { background-position:0 -90px; } body.navi.hotel .hotelInfo .grade em.grade-40 { background-position:0 -105px; } body.navi.hotel .hotelInfo .grade em.grade-45 { background-position:0 -120px; } body.navi.hotel .hotelInfo .grade em.grade-50 { background-position:0 -135px; } body.navi.hotel .hotelInfo .sights { clear:both; } body.navi.hotel .hotelInfo .priceGrade { background-image:url(../img/tm/bg-price-grade.gif); border:1px solid #FF7572; padding:5px; height:62px; } body.navi.hotel .hotelInfo .sights { height:5em; background:url(../img/tm/bg-dashed-line.gif) repeat-x 0 5px; padding:10px 5px 5px; } body.navi.hotel .hotelInfo .sightTitle { font-weight:bold; } body.navi.hotel #hotelList li { width:350px; border-bottom:1px dashed #ccc; } body.navi.hotel #hotelList li.odd { float:left; background-color:#fff; } body.navi.hotel #hotelList li.even { float:right; } body.navi.hotel #hotelList li a { display:block; padding:5px 0 5px 25px; background-image:url(../img/tm/icon-gradestar-plane-s3.gif); background-repeat:no-repeat; } body.navi.hotel #hotelList .grade-10 { background-position:0 -40px; } body.navi.hotel #hotelList .grade-15 { background-position:0 -80px; } body.navi.hotel #hotelList .grade-20 { background-position:0 -120px; } body.navi.hotel #hotelList .grade-25 { background-position:0 -160px; } body.navi.hotel #hotelList .grade-30 { background-position:0 -200px; } body.navi.hotel #hotelList .grade-35 { background-position:0 -240px; } body.navi.hotel #hotelList .grade-40 { background-position:0 -280px; } body.navi.hotel #hotelList .grade-45 { background-position:0 -320px; } body.navi.hotel #hotelList .grade-50 { background-position:0 -360px; } /* ============================================= AB-ROAD Dest Navi Heritage Guide ============================================= */ #mainInfo h2 { background-image:url(/CSP/img/tm/bg-h2-common-info.gif); } .apiItemList h2 { background-image:url(/CSP/img/tm/bg-h2-tour.gif); } .heritageList h2 { background-image:url(/CSP/img/tm/bg-h2-heritage.gif); } #lightBox { width:240px; float:left; margin-right:15px; padding:5px; border:1px solid #ccc; background-color:#eee; } #mainInfo h3, #mainInfo .body { font-size:14px; } #mainInfo .body { line-height:140%; } #lightBox li { float:left; height:110px; padding:5px; } #lightBox li a { display:block; } #lightBox li img { display:block; padding:4px; border:1px solid #ccc; background-color:#fff; margin:0 auto; } .nameE { width:450px; float:left; } .nameE dt { width:60px; } .nameE dd { width:380px; } #mainInfo .data { width:195px; padding-left:75px; float:right; } #mainInfo .data.crisis { background:url(/CSP/img/tm/icon-whid.gif) no-repeat; } #mainInfo dt { font-weight:bold; white-space:nowrap; } #mainInfo dt, #mainInfo dd { float:left; } #mainInfo dd { padding:0 0 10px 10px; } #mainInfo .data .year { padding:0 0 0 10px; margin:0 0 0 10px; border-left:1px solid #666; } #whaInfo { padding:0 0 10px; text-align:center;} .heritageList { margin:0 0 2em !important; } .heritageList li { width:355px; border-bottom:1px dotted #666; } .heritageList li h3 { margin:0; height:30px; } .heritageList li.odd { float:left; } .heritageList li.even { float:right; } .heritageList li.odd, .heritageList li.even { background-color:#fff; } .heritageList li a { display:block; padding:5px; text-decoration:none; color:#333; width:345px; overflow:auto; } .heritageList li a:hover { background-color:#FFF6BA; } .heritageList li a h3 { color:#009; } .heritageList img.photo { display:block; height:66px; margin:0 auto; padding:3px; border:1px solid #ccc; background-color:#fff; width:99px; } .heritageList .content { width:227px; float:right; cursor:pointer; border-left:1px dotted #ccc; padding-left:5px; margin-left:5px; } .heritageList .content .body { height:26px; } .heritageList .content .body, .heritageList .data { font-size:90%; } .heritageList .data strong { display:block; float:right; font-weight:bold; color:#333; padding-left:10px; } /* ============================================= AB-ROAD Dest Navi ApiItemList Block ============================================= */ .apiItemList#tourList h2 { background-image:url(../img/tm/bg-h2-tour.gif); } .apiItemList#ticketList h2 { background-image:url(../img/tm/bg-h2-air.gif); } .apiItemList h2 { background-repeat:no-repeat; } .apiItemList em.num { color:#c00; } .apiItemList #selectDept { padding:0 0 10px 5px; width:170px; float:left; margin:1em 0 0 0; } .apiItemList #selectDept label { font-weight:bold; } .apiItemList .tripType { font-weight:bold; } .apiItemList .keyword { background-color:#fcc; } .apiItemList .listLink {float: right;padding: 0 5px 10px 0;text-align: right; margin:1em 0 0 0; } .apiItemList { width:100%; margin:0 0 2em !important; } .apiItemList .result { width:100%; border:#CCC solid 1px; margin:0 0 6px; } .apiItemList .result td { border:#CCC solid 1px; padding:7px; background:#ffffff; } .apiItemList .result td.top { background:#eee; padding:3px 8px; } .apiItemList .result td.top strong, .result td.top span.corp { display:block; } .apiItemList .result td.top strong { float:left; font-weight:bold; } .apiItemList .result td.top span.corp { float:right; } .apiItemList .result td.pict { } .apiItemList .result td.pict img { display:block; margin:0 auto; } .apiItemList .result td.term, .result td.dept { text-align:center; } .apiItemList .result td.texts { width:555px; } .apiItemList .result p.price { margin:0 0 3px; } .apiItemList .result p.price strong.min, .apiItemList .result p.price strong.max { font-family:"Arial Black"; font-size:medium; color:#C00; } .apiItemList .result p.price strong.num { font-family:"Arial Black"; font-size:medium; padding:0 0 0 15px; } .apiItemList .result p.title { font-weight:bold; font-size:110%; margin:0 0 3px; float:none; clear:both; } .apiItemList .result p.point { border:#FFCCCC solid 1px; background:#FFE5E5; padding:4px; font-size:90%; line-height:1.4; } .apiItemList p.list-link { text-align:right; margin:5px 0; } .apiItemList#ticketList .carr, .apiItemList#ticketList .term, .apiItemList#ticketList .type { padding:0 0 0 10px; } .apiItemList#ticketList .theme { float:right; width:270px; } .apiItemList#ticketList .theme li { width:85px; height:20px; margin:0 0 5px 5px; float:right; } .apiItemList#ticketList .theme li span, .apiItemList#ticketList .theme li strong { display:block; width:85px; height:20px; background-image:url(/skin/src/icon-airlist-indicator.gif); background-repeat:no-repeat; text-indent:-1999px; margin:0 0 3px; } .apiItemList#ticketList .theme .online span { background-position:0 0;} .apiItemList#ticketList .theme .nonstop span { background-position:-85px 0; } .apiItemList#ticketList .theme .business span { background-position:-170px 0; } .apiItemList#ticketList .theme .milage span { background-position:-340px 0; } .apiItemList#ticketList .theme .online strong { background-position:0 -20px;} .apiItemList#ticketList .theme .nonstop strong { background-position:-85px -20px; } .apiItemList#ticketList .theme .business strong { background-position:-170px -20px; } .apiItemList#ticketList .theme .milage strong { background-position:-340px -20px; } .apiItemList#ticketList .result p.price { float:left; } .apiItemList#ticketList .result p.title { font-size:90%; } .apiItemList#ticketList td.texts { width:auto; } /* v2 */ .apiItemList { padding: 0 0 1em; } .apiItemList .cassete { margin:0 0 1em; } .apiItemList .listgadget .text { width:480px !important; } .apiItemList .entry { border: #B0B0AC solid 1px; margin:0 0 5px; border-collapse:collapse; width:720px; } .apiItemList .entry td { border: #B0B0AC solid 1px; font-size:0.95em; } .apiItemList .entry .cassette-left { vertical-align:top; width:217px; } .apiItemList .entry .cassette-left, .apiItemList .entry .cassette-left .spec-column { width:217px; height:100%; /*min-height:160px;*/ } .apiItemList .listgadget .cassette-left, .apiItemList .listgadget .cassette-left .spec-column { min-height:105px; height:105px; } .apiItemList .listgadget .cassette-left .spec-column p { line-height:1; } .apiItemList .entry .cassette-left .spec-column td { border:none; vertical-align:middle; } .apiItemList .entry .cassette-left .spec-column td.osc { width:158px; } .apiItemList .entry .cassette-left .spec-column td.osc p { margin:0; padding:5px 3px; clear:both; line-height:3; height:100%; } .apiItemList .entry .cassette-left .spec-column td.osc .price1 { height:35px; } .apiItemList .entry .cassette-left .spec-column td.osc .price1, .apiItemList .entry .cassette-left .spec-column td.osc .price2 { background:url(https://www.ab-road.net/skin/src/border-dotted-glay.gif) repeat-x left bottom; } .apiItemList .entry .cassette-left .spec-column td.osc p .label { font-weight:normal; } .apiItemList .entry .cassette-left .spec-column td.osc .price1 .label { position:relative; top:0; left:0; float:left; width:50px; display:block; line-height:2; } .apiItemList .entry .cassette-left .spec-column td.osc .price1 .label .osc-caption { color:#CC0000; font-size:10px; display:block; line-height:1 !important; } .apiItemList .entry .cassette-left .spec-column td.osc .price1 .label .indication { top:8px; left:40px; } .apiItemList .entry .cassette-left .spec-column td.osc .price2, .apiItemList .entry .cassette-left .spec-column td.osc .price3, .apiItemList .entry .cassette-left .spec-column td.osc .price2 .num, .apiItemList .entry .cassette-left .spec-column td.osc .price3 .num { font-size:10px; color:#666666; } .apiItemList .entry .cassette-left .spec-column td.osc .price2 { line-height:1.4; } .apiItemList .entry .cassette-left .spec-column td.osc .price2 .num, .apiItemList .entry .cassette-left .spec-column td.osc .price3 .num { font-family: "MS PGothic",Meiryo, Osaka; } .apiItemList .entry .cassette-left .spec-column td.osc .price3 { line-height:1.2; white-space:nowrap; } .apiItemList .entry .cassette-left .spec-column td.osc .price1 .label .icon-osc, .apiItemList .entry .cassette-left .spec-column td.osc .price3 .label .icon-osc { vertical-align:middle; padding:0 2px 0 0; } .apiItemList .entry .cassette-left .spec-column td.osc .price1 span { white-space:nowrap; display:block; } .apiItemList .entry .cassette-left .spec-column td.osc .price1 span.price { line-height:1;text-align:right; } .apiItemList .entry .cassette-left .spec-column td.osc .price1 .num, .apiItemList .entry .cassette-left .spec-column td.spec-right .day .num { font-family:"Arial Black"; font-size:1.3em; } .apiItemList .entry .cassette-left .spec-column td.spec-right { background:url(https://www.ab-road.net/skin/src/border-vdotted-glay.gif) repeat-y left top; width:53px; padding:3px; } .apiItemList .entry .cassette-left .spec-column td.spec-right p { text-align:center; height:50%; } .apiItemList .entry .cassette-left .spec-column td.spec-right .day { padding:0.5em 0 1em; } .apiItemList .entry .cassette-left .spec-column td.spec-right .departure { padding:1em 0 0.5em; } .apiItemList .entry .cassette-left .spec-column td.spec-right .departure { font-weight:bold; } .apiItemList .entry .text {padding:8px; vertical-align:top; width:358px; } .apiItemList .entry .text .visit-name { } .apiItemList .entry .text .visit-name strong { font-weight:bold; } .apiItemList .entry .text .tour-title { font-size: 13px; line-height:1.4; margin:0 0 5px; padding:0 !important; height:auto !important; } .apiItemList .entry .image { background: #f5f5f5; width:145px; } .apiItemList .entry .image .img { display: block; text-align: center; padding:1em 0.5em; } .apiItemList .entry .bottom { padding:8px; background: #f5f5f5; } .apiItemList .entry .bottom ul { margin:0; padding:0; } .apiItemList .entry .bottom ul li { list-style:none; color:#666666; } .apiItemList .entry .bottom ul li .name { color:#333333; } .apiItemList .entry .keywords { padding:8px; } .apiItemList .entry .keywords .tour-point { font-size: x-small; color: #666; line-height:1.6; } .apiItemList .entry .keywords .tour-point .hit-word { background-color: #FFCCCC; color: #CC0000; } .apiItemList .cassete .corp { text-align:right; font-size:0.95em; } /* ============================================= INFORMATION ============================================= */ #infomation { margin:0 0 2em !important; } .dest-top #mainText.content { margin:0 0 1em; line-height:1.6; } #about.module .left { float:left; width:100%; } #about.module .right { float:right; width:436px; } #about.module .clickzoom { background:url(../img/ttl-zoom.gif) no-repeat; width:130px; height:24px; text-indent:-1999px; margin:5px 0 0 5px; } #about.module .camera { background-color:#f5f5f5; border:1px solid #ccc; margin:0 0 5px; padding-bottom:15px; } #about.module .camera ul { width:100%; margin:0 auto; } #about.module .camera li { float:left; width:101px; padding: 0 4px; text-align:center; } #about.module .camera li img { border:1px solid #FFFFFF; height:66px; width:100%; } #about.module .map { padding-bottom:5px; } #about.module .map ul { height:30px; padding:3px 0px 3px 130px; margin:0; } #about.module .map li { margin-right:5px; } #about.module .map li#hotel { float:left; } #about.module .map li#area { float:right; } #mapCityList a, #mapSightList a { display:block; float:left; white-space:nowrap; padding:0 8px; background:url(../img/tm/tri-red1.gif) no-repeat 0 50%; } #infomation div.map li, #infomation div.map li a { font-size:1px; text-indent:-9999px; display:block; width:128px; height:27px; background-image:url(../img/tm/btn-show-landmark-128x27.gif); background-repeat:no-repeat; } #infomation div.map li#area a, #infomation div.map li#area a:hover { background-position:0 0; } #infomation div.map li#area.active a, #infomation div.map li#area.active a:hover { background-position:0 -27px; } #infomation div.map li.noarea { background-position:0 -54px; } #infomation div.map li#hotel a, #infomation div.map li#hotel a:hover { background-position:-128px 0; } #infomation div.map li#hotel.active a, #infomation div.map li#hotel.active a:hover { background-position:-128px -27px; } #infomation div.map li.nohotel { background-position:-127px -54px; } /* ============================================= BASE INFO ============================================= */ div#main div.block h3.block-title, div#main-column div.block h3.block-title { height:20px; margin:0 0 0 5px; padding:15px 0 21px 54px; background-position:left top; background-repeat:no-repeat; color:#004993; font-size:14px; } #basicInfo { margin:0 0 2em !important; } #basicInfo h3 { background-image:url(../img/tm/bg-h2-basicinfo.gif); } #basetable { width:100%; } #basetable th, #basetable td { border:#ccc solid 1px; padding:8px; width:217px; } #basetable th { background-color:#f0f0f0; background-position:0 5px; background-repeat:no-repeat; text-indent:15px; color:#666; } #basetable th.language { background-image:url(../img/icon_language.gif); } #basetable th.currency { background-image:url(../img/icon_currency.gif); } #basetable th.flight { background-image:url(../img/icon_airplane.gif); } #basetable th.timelag { background-image:url(../img/icon_clock.gif); } #basetable td { font-size:medium; text-align:center; } /* ============================================= BEST SEASON ============================================= */ #best-season { margin:0 0 2em !important; } #best-season h3 { background-image:url(../img/tm/bg-h2-bestseason.gif); } #temparature { float:left; width:232px; margin:0 10px 0 0; } #temparature dd { border:#ccc solid 1px; } #best-season p.text { line-height:1.6; font-size:1.1em; } /* ============================================= CHECK CITYLIST ============================================= */ #check-citylist { padding: 8px 0 4px; float:left; border-bottom:#c5c5c5 solid 1px; width:100%; } body.n #check-citylist dt.title { width:130px; } body.c #check-citylist dt.title { width:95px; } #check-citylist dt.title { line-height:1.4; font-weight:bold; color:#666; font-size:0.9em; float:left; padding:0; margin:0 10px; zoom:1;display: inline; } #check-citylist dd, #check-citylist dd ul { width:800px; float:left; line-height:1.2; } #check-citylist dd ul li { float:left; display:inline; padding:0 5px 0 0; margin: 0 5px 0 0;white-space: nowrap; font-weight:normal; } #check-citylist dd ul li a { display:inline-block; } #check-citylist dd ul li.select { color:#666; } /* ============================================= GUIDE MOD ============================================= */ #report { margin:0 0 2em !important; } #report div#guide-profile { height:58px; background-color:#DEE3D7; } #report div#guide-profile img { display:block; float:left; width:58px; height:58px; margin:0 10px 0 0; } #report div#guide-profile { font-size:12px; margin:0 0 15px 0; padding:10px; } #report div#guide-profile p { font-size:14px; font-weight:bold; margin:0; } #report div.left-col { width:380px; margin:0 10px 0 0; float:left; } #report div.right-col { float:left; width:330px; } #report div.left-col p.text { margin:0 10px 0 0; line-height:1.4; } #report div.left-col p.text a.continue { } #report div.left-col p.photo { float:right; width:180px; padding:4px; border:1px solid #ccc; margin:0 5px; } #report div.left-col p.photo img { display:block; margin:0 auto 5px; } #report div.left-col p.photo .caption { color:#666; } #report div.left-col a.theme { display:block; background:no-repeat left top; float:left; padding:5px 10px 10px 30px; font-size:14px; font-weight:bold; } #report div.left-col span.release-date { background:url(../img/tm/icon-check.gif) 0 4px no-repeat; float:left; padding:5px 20px 10px 55px; font-size:14px; font-weight:bold; } #report div.left-col h3, #report div.right-col h3 { height:auto !important; margin:0 0 8px !important; color:#333 !important; font-size:0.9em !important; } #report div.left-col h3 { clear:both; padding:0 !important; line-height:1.2; } #report div.right-col h3 { border-bottom:1px #ccc solid; padding: 5px 0 !important; } #report div.right-col dd a { display:block; padding:0 0 0 30px; } #report div.right-col dt { padding:2px 5px 1px; height:25px; } #report div.right-col dd { padding:1px 5px 2px; clear:both; height:35px; } #report div.right-col dt a { display:block; height:20px; float:left; padding:5px 0 0 30px; background-position:left center; background-repeat:no-repeat; text-decoration:underline; } #report div.right-col dt span.release-date { float:right; color:#999; font-family:Arial; font-weight:bold; } #report div.right-col a.continue { display:block; float:right; text-align:left; background:url(../img/tm/icon-list-1.gif) left center no-repeat; padding:0 0 0 20px; margin:5px 0 0; } /* ============================================= SOCIAL PLUGINS ============================================= */ #right-column .naber-area,#dest-list { margin:0 0 1em !important; } #social h3, #social h4 { text-indent:0px; } /*#hotel-index #social h3, #hotel-index #social h4 { font-size:0.9em }*/ #social { width:200px; background:url(/jdr/img/top/bg-contents-info2.png) repeat 0 0; padding:5px; float:left; margin:0 20px 0 0; } #social .socialWrap { border:#E8D2C1 solid 1px; background:#FFF; width:198px; } #social h3.title { background: url(/jdr/img/top/bg-h3-contents-info03.png) no-repeat 0 0; height:22px; margin:0 0 5px; padding:5px 0 0 25px !important; font-weight:bold; } #social ul { width:188px; margin:0 5px; } #social ul li { width:188px; } #social h4 { background: none repeat scroll 0 0 #F0E2D7;border: 1px solid #E8D2C1;color: #666666;font-weight: bold;margin: 0 0 5px;padding: 2px 4px;width: 178px; font-size:12px;} #social ul li.socialbox { background:url(/skin/src/border-dotted-glay.gif) repeat-x left bottom; padding:0 0 5px; margin:0 0 5px; } #social p.link { font-size:x-small; margin:0 5px 5px; text-align:right; } #contents-info { width:200px; padding:5px; margin:0 0 1em !important; background:url(/jdr/img/top/bg-contents-info.png) repeat 0 0; } #contents-info div.wrap { width:198px; border:#C2DCE7 solid 1px; background:#FFF; margin:0 0 5px; } #right-column #contents-info .sub-title { background:url(/jdr/img/top/bg-h3-contents-info01.png) no-repeat 0 0; border:none; margin:0; width:173px; height:22px; padding:6px 0 0 25px; text-indent:0; color:#454545; } #contents-info div.content-pickups .sub-title { background:url(/jdr/img/top/bg-h3-contents-info02.png) no-repeat 0 0; } #contents-info div.content-pickups p.text { padding:0 5px; font-size:x-small; color:#666; } #right-column #contents-info .sub-box-bg { border-bottom:none; width:198px; float:none; margin:0 !important; } #contents-info .sub-box-bg div.spot { border:none; background:none; padding:5px; } #contents-info .sub-box-bg div.spot h4 { width:100%; } #contents-info .sub-box-bg div.spot h4 a { display:block; } #contents-info .sub-box-bg div.spot div.ta-center{ padding:5px 0; text-align:center; } #contents-info .sub-box-bg div.spot div.ta-center img{ background:#F0F0F0 none repeat scroll 0; border:1px solid #CCCCCC; padding:3px; } #contents-info .sub-box-bg div.spot p { line-height:1.6; } #contents-info .sub-box-bg div.spot p.name{ padding:5px 0 0; font-weight:bold; color:#666666; } #contents-info .sub-box-bg div.spot p.day{ color:#666666; } #contents-info ul.guide-list { padding:5px 5px 0; } #contents-info ul.guide-list li { width:100%; background:url(/skin/src/border-dotted-glay.gif) repeat-x left bottom; line-height:1.6; margin:0 0 3px; padding:0 0 3px; } #contents-info ul.guide-list li a, #contents-info ul.countries li span { display:block; } #contents-info ul.guide-list li a { padding-left:30px; background-repeat:no-repeat; background-position:0 4px; } #contents-info ul.guide-list li a.theme { line-height:30px; } #contents-info ul.guide-list li span { font-size:x-small; color:#666;} #contents-info ul.guide-list li span.publish-date { text-align:right; display:block; } #contents-info p.y-link { text-align: right; } #contents-info p.y-link a { background: url("/jdr/img/top/top_icon_04.png") no-repeat scroll 0 -86px transparent; font-weight: bold; padding-left: 16px; } #main .bannerImg { margin:1em 0; } #mp-contents-area { margin:0 0 2em; } body #content-body #right-column .sub-box-bg { margin-top:0; } body.dest-top {} #area { margin:0 0 2em !important; } /* * * * DLPO 201305 * * * */ /* DLPO 201305 */ #colmlist.module li .theme-label { background: #f0f0f0; padding: 2px; border-radius: 3px; border-width: 2px; border-style: solid; float: left; font-size: x-small; line-height: 1; display: block; text-align: center; width: 80px; margin: 0 2em 0 0; } /*見たい*/ .theme-000001, .theme-000002, .theme-000003, .theme-000004, .theme-000005, .theme-000006, .theme-000007, .theme-000008, .theme-000009, .theme-000010, .theme-000011, .theme-000012, .theme-000013, .theme-000014, .theme-000049, .theme-000051, .theme-000053 { border-color: #FF6138; } /*乗りたい*/ .theme-000015, .theme-000016, .theme-000017, .theme-000018, .theme-000048 { border-color: #FFFF9D; } /*スポーツしたい*/ .theme-000019, .theme-000020, .theme-000021, .theme-000022, .theme-000023, .theme-000024, .theme-000025 { border-color: #BEEB9F; } /*観賞・観戦したい*/ .theme-000026, .theme-000027, .theme-000028, .theme-000029, .theme-000030, .theme-000031 { border-color: #00A388; } /*キレイになりたい*/ .theme-000032 { border-color: #C24704; } /*癒されたい*/ .theme-000033, .theme-000034, .theme-000035 { border-color: #D9CC3C; } /*宿にこだわりたい*/ .theme-000036, .theme-000037, .theme-000038 { border-color: #EA2E49; } /*食べたい・飲みたい*/ .theme-000039, .theme-000040, .theme-000041 { border-color: #00A1D9; } /*学びたい*/ .theme-000042, .theme-000043, .theme-000052 { border-color: #04518C; } /*買いたい*/ .theme-000044, .theme-000045 { border-color: #C77966; } /*記念にしたい*/ .theme-000047 { border-color: #E3CDA4; } #adlpo-tour-search #search { margin: 0 0 1em; } #adlpo-tour-search #search h2 { padding: 15px 0 15px 30px; font-size: 14px; color: #004993; } #adlpo-tour-search #search #quick-search-tour { border: #ccc solid 2px; padding: 6px 6px 0px 6px; background: #f5f5f5; position: relative; top: 0; left: 0; } #adlpo-tour-search #search dd { float: left; } #adlpo-tour-search #search dd.d-city { width: 100%; } #adlpo-tour-search #search dd.ddd { margin: 0 10px 0 0; } #adlpo-tour-search #price-search, #adlpo-tour-search #term-search { display: none; float: left !important; width: 350px; clear: none; } #adlpo-tour-search #price-search { margin: 0 20px 0 0; } #adlpo-tour-search #search div.go-static select { width: 290px; } #adlpo-tour-search #search div.quick-search dl dd { width: 160px; } #adlpo-tour-search #search div.quick-search p.submit-btn { position: absolute; bottom: 25px; right: 10px; width: 112px; z-index:999; } #adlpo-tour-search #search #quick-search-tour dl dd.d-city, #adlpo-tour-search #search #quick-search-tour dl dd.date { width: 90%; } #adlpo-tour-theme { clear: both; margin: 0 0 1em; } #adlpo-tour-theme dl { float: left; width: 100%; margin: 1em 0; } #adlpo-tour-theme dl dt { float: left; width: 180px; font-weight: bold; text-indent: 5px; } #adlpo-tour-theme dl dd { float: left; width: 540px; } #adlpo-tour-theme ul { float: left; width: 100%; margin: 0; line-height: 1.2; } #adlpo-tour-theme ul li { float: left; width: 33%; } #adlpo-tour-theme ul li a { background: uurl("//www.ab-road.net/CSP/img/tm/tri-red1.gif") no-repeat scroll 0 50% transparent; padding: 0 0 0 8px; } #adlpo-price-min { clear: both; margin: 5px 0; padding: 3px 12px; background: #F5F5F5; } #adlpo-price-min-num { margin: 0 3px 0 12px; font-size: 25px; font-family: "Arial Black"; color: #CC0000; line-height: 100%; } /* Column All Module */ #adlpo-article-theme { background: none; } #adlpo-article-theme #column-all { background: none; } #adlpo-article-theme .body { background-color: #FFFFFF; } #adlpo-article-theme .narrowing table { margin: 10px 0; width: 100%; } #adlpo-article-theme .narrowing th { width: 113px; border: 1px solid #ccc; background: url(/skin/src/bg-common-slash.png) repeat left top; text-align: center; vertical-align: middle; } #adlpo-article-theme .narrowing td { padding: 10px; border: 1px solid #ccc; vertical-align: top; } #adlpo-article-theme .narrowing ul { margin: 0; } #adlpo-article-theme .narrowing li { display: inline; line-height: 1.2; } #adlpo-article-theme .narrowing .other { font-weight: bold; text-align: right; } #adlpo-article-theme .entry { height: 52px; padding: 3px 5px 0; border-bottom: 1px solid #ddd; } #adlpo-article-theme .entry.odd { /*background-color:#EEEEEE;*/ } #adlpo-article-theme .entry.even { /*background-color:#FFFFFF;*/ } #adlpo-article-theme .photo { float: left; width: 66px; } #adlpo-article-theme dl { float: right; width: 630px; } #adlpo-article-theme dt, #adlpo-article-theme dd { padding-top: 6px; } #adlpo-article-theme dt { width: 400px; float: left; } #adlpo-article-theme dd.posted { width: 180px; float: right; margin: 0; background: url(//www.ab-road.net/CSP/img/icon_column.gif) no-repeat 0 100%; padding-left: 20px; color: #666; letter-spacing: 0; } #adlpo-article-theme dd.report-title { clear: both; font-weight: bold; } #dest-list dl dd .photo, body.dest-top #main #about, #colmlist.module li .theme-label, #adlpo-tour-search, #adlpo-shopping-banner, #adlpo-tour-theme, #adlpo-price-min, #adlpo-article-banner, #adlpo-article-theme { display: none; visiblity: hidden; } .apiItemList .listLink a { display:none; } .apiItemList .listLink #main10link.text, .apiItemList .listLink #main10link2.text { display:block; } .apiItemList .listLink .btn { background:url(/skin/src/btn-toursearch.gif) no-repeat -340px 0; width:140px; height:33px; font-size:0px; text-indent:-9999px; overflow:hidden; } .apiItemList .listLink .btn:hover { background-position:-340px -50px; } .cassete2 { width: 100%; margin: 0 0 1.5em; } .cassete2 dl, .cassete2 dt, .cassete2 dd, .cassete2 h3, .cassete2 p { margin: 0; } .cassete2 .module-wrapper { /* width 948px; */ overflow: hidden; border: #B0B0AC solid 1px; background: #fff; float: left; width: 99.8%; } .cassete2 .module-wrapper .price-area, .cassete2 .module-wrapper .text, .cassete2 .module-wrapper .pkg-img { float: left; padding-bottom: 32768px; margin-bottom: -32768px; } .cassete2 .module-wrapper .price-area { width: 220px; } .cassete2 .module-wrapper .price-area .price, .cassete2 .module-wrapper .price-area .term-dept { padding-bottom: 32768px; margin-bottom: -32768px; } .cassete2 .module-wrapper .price-area .popular-rank { padding: 5px; text-indent: 5px; background: #FBE5E7; border-bottom: #B0B0AC solid 1px; float: left; width: 96.5%; } .cassete2 .module-wrapper .price-area .popular-rank .label { color: #666; padding: 0 5px 0 0; float: left; display: inline; } .cassete2 .module-wrapper .price-area .popular-rank .rank { float: left; background-repeat: no-repeat; background-image: url("//www.ab-road.net/jdr/img/common_icon_star.png"); width: 150px; height: 21px; line-height: 21px; display: block; font-size: 1px; text-indent: -9999px; } .cassete2 .module-wrapper .price-area .popular-rank .rank1, .cassete2 .module-wrapper .price-area .popular-rank .rank2, .cassete2 .module-wrapper .price-area .popular-rank .rank3, .cassete2 .module-wrapper .price-area .popular-rank .rank4 { background-position: 0 0; } .cassete2 .module-wrapper .price-area .popular-rank .rank5 { background-position: 0 -2px; } .cassete2 .module-wrapper .price-area .popular-rank .rank4 { background-position: 0 -25px; } .cassete2 .module-wrapper .price-area .popular-rank .rank3 { background-position: 0 -49px; } .cassete2 .module-wrapper .price-area .popular-rank .rank2 { background-position: 0 -73px; } .cassete2 .module-wrapper .price-area .popular-rank .rank1 { background-position: 0 -98px; } .cassete2 .module-wrapper .price-area .label { color: #666; } .cassete2 .module-wrapper .price-area .elem { overflow: hidden; } .cassete2 .module-wrapper .price-area .price { clear: left; width: 160px; float: left; display: inline; } .cassete2 .module-wrapper .price-area .price .price-summary, .cassete2 .module-wrapper .price-area .price .price-pkg, .cassete2 .module-wrapper .price-area .price .price-osc { padding: 0 4px 4px; margin: 0 0 4px; } .cassete2 .module-wrapper .price-area .price .price-summary, .cassete2 .module-wrapper .price-area .price .price-pkg { background: url("//www.ab-road.net/skin/src/border-dotted-glay.gif") repeat-x left bottom; } .cassete2 .module-wrapper .price-area .price .price-summary { padding-top: 4px; height:50px; } .cassete2 .module-wrapper .price-area .price .price-summary .label { display: block; float: left; width: 45px; margin-top: 15px; } .cassete2 .module-wrapper .price-area .price .price-summary .label .msg { text-align: center; display: block; font-size: 0.8em; color: #f00; font-weight: normal; } .cassete2 .module-wrapper .price-area .price .price-summary strong { font-weight: normal; white-space: nowrap; } .cassete2 .module-wrapper .price-area .price .price-summary strong .num { font-size: 1.23em; font-family: 'arial black',sans-serif; color:#333; } .cassete2 .module-wrapper .price-area .price .price-summary .max { padding: 0 0 0 10px; } .cassete2 .module-wrapper .price-area .price .price-pkg, .cassete2 .module-wrapper .price-area .price .price-osc { text-indent:5px; font-size: 0.8em; color: #666; white-space: nowrap; letter-spacing: 0.5px; } .cassete2 .module-wrapper .price-area .price .price-pkg strong, .cassete2 .module-wrapper .price-area .price .price-pkg .num, .cassete2 .module-wrapper .price-area .price .price-osc strong, .cassete2 .module-wrapper .price-area .price .price-osc .num { font-weight: normal; color:#666; font-size:x-small; font-family:'ＭＳ Ｐゴシック','MS P Gothic','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'Verdana','Arial',sans-serif; } .cassete2 .module-wrapper .price-area .term-dept { background: url("//www.ab-road.net/skin/src/border-vdotted-glay.gif") repeat-y top left; float: left; width: 57px; display: inline; } .cassete2 .module-wrapper .price-area .term-dept .term, .cassete2 .module-wrapper .price-area .term-dept .dept { white-space: nowrap; width: 87%; padding: 15px 4px; text-align: center; } .cassete2 .module-wrapper .price-area .term-dept .term .num { font-size: 1.23em; font-family: 'arial black',sans-serif; } .cassete2 .module-wrapper .price-area .term-dept .dept { white-space: nowrap; font-weight: bold; font-size: 0.9em !important; } .cassete2 .module-wrapper .price-area .term-dept .dept .num { font-size: 1.23em; font-family: 'arial black',sans-serif; } .cassete2 .module-wrapper .text { background: #F5F5F5; /*width: 60.55%;*/ width: 47.55%; border-left: #B0B0AC solid 1px; border-right: #B0B0AC solid 1px; } .cassete2 .module-wrapper .text .dest-name, .cassete2 .module-wrapper .text .pkg-title, .cassete2 .module-wrapper .text .hotel-airline { padding: 0 8px 4px; } .cassete2 .module-wrapper .text .dest-name, .cassete2 .module-wrapper .text .pkg-title { background: #fff; } .cassete2 .module-wrapper .text .dest-name, .cassete2 .module-wrapper .text .hotel-airline { padding-top: 4px; } .cassete2 .module-wrapper .text .pkg-title { font-size: 1.1em; line-height: 1.2; border-bottom: #B0B0AC solid 1px; } .cassete2 .module-wrapper .text .hotel-airline { line-height: 1.6; } .cassete2 .module-wrapper .text .hotel-airline .label { color: #666; } .cassete2 .module-wrapper .pkg-img { width: 152px; } .cassete2 .module-wrapper .pkg-img a, .cassete2 .module-wrapper .pkg-img img { display: block; } .cassete2 .module-wrapper .pkg-img a { padding: 15px 0 5px; line-height: 86px; } .cassete2 .module-wrapper .pkg-img img { margin: 0 auto; vertical-align: middle; } .cassete2 .freearea { border-left: #B0B0AC solid 1px; border-right: #B0B0AC solid 1px; border-bottom: #B0B0AC solid 1px; width: 99.8%; clear: left; float: left; } .cassete2 .freearea p { font-size: 0.8em; color: #666; padding: 8px; line-height: 1.6; background: #fff; } .cassete2 .freearea .keyword .hit-word { color: #f00; background: #FFCCCC; } .cassete2 .freearea .btn { width: 110px; float: right; padding: 0; margin:1em; } .cassete2 .freearea .btn a { display: block; width: 110px; height: 33px; font-size: 1px; text-indent:-9999px; background-image:url(/skin/src/btn-toursearch.gif); background-repeat:no-repeat; } .cassete2 .freearea .type01 a { background-position:0 0; } .cassete2 .freearea .type01 a:hover { background-position:0 -50px; } .cassete2 .freearea .type02 a { background-position:-110px 0; } .cassete2 .freearea .type02 a:hover { background-position:-110px -50px; } .cassete2 .freearea .type03, .cassete2 .freearea .type03 a { width:120px; } .cassete2 .freearea .type03 a { background-position:-220px 0; } .cassete2 .freearea .type03 a:hover { background-position:-220px -50px; width:120px; } .cassete2 .freearea .btn, .cassete2 .freearea .btn a { display:none; } .cassete2 .corpname { clear: both; padding-top: 0.5em; text-align: right; } #btn-toursearch { width:100%; } #btn-toursearch a { display:block; margin:0 auto; font-size:1px; text-indent:-9999px; background-image:url(/skin/src/btn-toursearch.gif); background-repeat:no-repeat; height:50px; } #btn-toursearch .btn-type01 { background-position:-480px 0; width:267px; } #btn-toursearch .btn-type01:hover { background-position:-480px -50px; } #btn-toursearch .btn-type02 { background-position:-748px 0; width:298px; } #btn-toursearch .btn-type02:hover { background-position:-748px -50px; } /** DLPOチャンピオン固定CSS */ #btn-toursearch {margin: 0 auto;width: 267px;display: block !important;margin-bottom: 20px;} #btn-toursearch a.btn-type01 {background: url(//www.ab-road.net/skin/src/btn_toursearch01.png) 0 0 no-repeat;width: 267px;height: 50px;display: block;text-indent: -9999px;} #btn-toursearch a.btn-type01:hover {background: url(//www.ab-road.net/skin/src/btn_toursearch01.png) 0 bottom no-repeat;} #adlpo-guide-info,body.dest-top #main #about {display:inline; visiblity:visible;} .cassete2 .module-wrapper .price-area .price .price-pkg, .cassete2 .module-wrapper .price-area .price .price-osc,.cassete2 .module-wrapper .price-area .price .price-pkg, .cassete2 .module-wrapper .price-area .price .price-osc,.cassete2 .module-wrapper .price-area .price .price-pkg strong,.cassete2 .module-wrapper .price-area .price .price-pkg .num,.cassete2 .module-wrapper .price-area .price .price-osc strong,.cassete2 .module-wrapper .price-area .price .price-osc .num {font-weight: bold;} .cassete2 .module-wrapper .price-area .price .price-pkg, .cassete2 .module-wrapper .price-area .price .price-osc {text-indent: 0px;} .cassete2 .freearea .type03 {background: url(//www.ab-road.net/skin/src/btn_detail03.png) 0 0 no-repeat;width: 119px;height: 31px;display: block;text-indent: -9999px;font-size: 0px;overflow: hidden;margin: 10px 10px 10px 30px;} .cassete2 .freearea .type03:hover {background: url(//www.ab-road.net/skin/src/btn_detail03.png) 0 bottom no-repeat;} *+html .cassete2 .freearea .type03:hover {background: url(//www.ab-road.net/skin/src/btn_detail03.png) 0 -31.5px no-repeat;} .cassete2 .freearea .type03, .cassete2 .freearea .type03 a {display: block !important;} * html .cassete2 .freearea .type01 a:hover {background: url(//www.ab-road.net/skin/src/btn_detail03.png) 0 -31.5px no-repeat;}