@charset "euc-jp"; /*_________________ New SideBox 20140108 ____________________*/ #sub_Col .rightSide_Box { border-width: 1px; border-radius: 4px 4px 4px 4px; border-style: solid; border-color: #c7c7c7; } #sub_Col .rightSide_Box p.boxTitle { background: #fafafa; border-bottom: 1px solid #c7c7c7; border-radius: 4px 4px 0px 0px; padding: 5px; font-weight: bold; font-size: 120%; } #sub_Col .rightSide_Box ul.boxList { margin: 0; padding: 0; } #sub_Col .rightSide_Box li.listItem { border-top:1px dotted #c7c7c7; padding: 4px 4px 4px 4px; width: 200px; line-height: 1.2;} #sub_Col .rightSide_Box li.listItem:after { content:'.'; display:block; clear:both; height:0; visibility:hidden; } #sub_Col .rightSide_Box li.listItem:first-child { border-top: 0 none; } #sub_Col .rightSide_Box li.listItem a { display: block; } #sub_Col .rightSide_Box li.listItem .text_Box_Right { float: left; display: inline-block; width: 136px; } #sub_Col .rightSide_Box li.listItem .image_Box_Left { float: left; display: inline-block; width: 60px; padding-right: 4px; } * html #sub_Col .rightSide_Box li.listItem .text_Box_Right { width:133px; } * html #sub_Col .rightSide_Box li.listItem .image_Box_Left, * html #sub_Col .rightSide_Box li.listItem .text_Box_Right { display: inline; zoom: 1; } *:first-child+html #sub_Col .rightSide_Box li.listItem .image_Box_Left, *:first-child+html #sub_Col .rightSide_Box li.listItem .text_Box_Right { display: inline; zoom: 1; } #sub_Col .rightSide_Box li.listItem .text_Box_Right img { margin-right: 3px; } #sub_Col .rightSide_Box li.listItem a:hover .text_Box_Right { text-decoration:underline; } #sub_Col .rightSide_Box li.listItem .text_Box { clear: both; display: block; margin: 3px 0 3px 0; } #sub_Col .nonBorder { border:none; } #sub_Col .nonBorder li.listItem { border-top:1px dotted #c7c7c7; padding: 4px 5px 4px 5px; width: 200px; line-height: 1.2;} #sub_Col .rightSide_Box li.nonBorder { border:none !important; } #sub_Col .rightSide_Box .duplicate li.nonBorder a { margin-top:3px; margin-bottom:3px;} #sub_Col .rightSide_Box .duplicate li.nonBorder a:first-child { padding-bottom:4px;} /*_________________ // New SideBox 20140108 ____________________*/ /*_________________ [1] Style 4 First-View PR Area - 2 Banners, swf/image ____________________*/ #toppr_Area { margin:0; width:210px; } #toppr_Area em img { display:none; } #toppr_Area ul { padding:0 5px; width:200px; height:auto; text-align:center; } #toppr_Area li { padding:0 0 8px 0; width:200px;} #toppr_Area li img, #toppr_Area li object, #toppr_Area li embed { display:block; margin:0 auto; vertical-align:middle; position:relative; } #dspBanner_Area { margin:0; width:210px; } #dspBanner_Area em img { display:none; } #dspBanner_Area ul { padding:0 5px; width:200px; height:auto; text-align:center; } #dspBanner_Area li { padding:0 0 8px 0; width:200px;} #dspBanner_Area li img, #dspBanner_Area li object, #dspBanner_Area li embed { display:block; margin:0 auto; vertical-align:middle; } /*_________________ [2] Style 4 general-use column in Side BAR ____________________*/ /*_________________ SpecialContents, PR, Links 4 other Site ____________________*/ /*_________________ [2-0] common Style 4 each division ________________________________*/ .side_one_column, .side_two_column_left, .side_two_column_right { clear:both; margin:0 0 15px 0; width:210px; } .side_one_column dl, .side_two_column_left dl, .side_two_column_right dl, dl.side_one_column, dl.side_two_column_left, dl.side_two_column_right { width:210px; background-color:#f7f7f7; } .side_one_column dt, .side_two_column_left dt, .side_two_column_right dt { display:block; width:210px; height:35px; line-height:33px; text-align:center; font-weight:bold; background:url(/element/shared/images/sidebar/bg01_g001.gif) repeat-x;} .side_one_column dd, .side_two_column_left dd, .side_two_column_right dd { clear:both; width:200px; padding:0.4em 5px; } .side_one_column dd a, .side_two_column_left dd a, .side_two_column_right dd a { display:block; color:#333333; } .side_one_column dd a b, .side_two_column_left dd a b, .side_two_column_right dd a b { display:block; padding:0 0 0.2em 0; font-weight:bold; } .side_one_column dd a:link b, .side_two_column_left dd a:link b, .side_two_column_right dd a:link b { color:#0b41a1; } .side_one_column dd a:visited b, .side_two_column_left dd a:visited b, .side_two_column_right dd a:visited b { color:#800080; } .side_one_column dd a:hover b, .side_two_column_left dd a:hover b, .side_two_column_right dd a:hover b { color:#0b41a1; text-decoration:underline; } .side_one_column dd a:active, .side_two_column_left dd a:active, .side_two_column_right dd a:active, .side_one_column dd a:active b, .side_two_column_left dd a:active b, .side_two_column_right dd a:active b { color:#e30707; text-decoration:underline; } .side_one_column dd a img { display:block;} .side_one_column.guideList_Box dd a span.imgArea img{ width:50px;} .side_two_column_left dd a img { float:left; margin:0 3px 0 0; } .side_two_column_right dd a img { float:right; margin:0 0 0 3px; } .side_one_column:after, .side_two_column_left:after, .side_two_column_right:after, .side_one_column dd:after, .side_two_column_left dd:after, .side_two_column_right dd:after { content:'.'; display:block; clear:both; height:0; visibility:hidden; } /*_________________ [2-4] Style 4 j_hotel, reserveation Banner ___________________*/ .pr_jhotel_SideBox { clear:both; margin:0 0 15px 0; padding:0; width:208px; } .pr_jhotel_SideBox { border:solid 1px #EF99A4; background:url(/element/shared/images/sidebar/pr_jhotel_bg01_001.jpg) no-repeat left bottom #F8E0D6; } div#sub_Col div.pr_jhotel_SideBox dl { background-color:transparent; } /*_________________ [2-4-1] common settings ___________________*/ .pr_jhotel_SideBox a { display:block; padding:5px; width:198px; min-height:60px; text-decoration:none; line-height:1.3; } .pr_jhotel_SideBox a b { display:block; width:198px; font-size:125%; line-height:1.2; } .pr_jhotel_SideBox a span { white-space:nowrap; color:#ff0000; } .pr_jhotel_SideBox a:link, .pr_jhotel_SideBox a:visited { color:#333333; } .pr_jhotel_SideBox a:active { color:#0b41a1; text-decoration:underline; } .pr_jhotel_SideBox a:link b, .pr_jhotel_SideBox a:visited b { color:#0b41a1; } .pr_jhotel_SideBox a:active b { color:#e30707; text-decoration:underline; } /*_________________ [2-4-2] newerBox settings ___________________*/ .pr_jhotel_SideBox dd { padding:0; width:210px; font-size:80%; } /*_________________ [2-4-3] older settings ___________________*/ .pr_jhotel_SideBox p { font-size:80%; } /*_________________ [2-5] all-purpose Image Container ____________________*/ .image_SideBox dl { background-color:transparent; } .image_SideBox dd { padding:0; width:210px; text-align:center; } .image_SideBox dd a { display:block; text-align:center; } .image_SideBox dd a img { display:block; margin:0 auto; } /*_________________ [2-6] all-purpose AD Container ____________________*/ .banner_SideBox dl { background-color:transparent; } .banner_SideBox dd { margin:0 0 10px 0; padding:0.4em 5px 0 5px; } .banner_SideBox dd a { text-decoration:underline; } .banner_SideBox dd a:link { color:#0b41a1; } .banner_SideBox dd a:visited { color:#800080; } .banner_SideBox dd a:active { color:#e30707; } /*_________________ [2-7] all-purpose Information Container _____________________*/ .contentInfo_SideBox { padding:5px 0 0 0; background:url(../../images/sidebar/infobox_tx01_001.gif) no-repeat left top; } .contentInfo_SideBox dl{ padding:0 0 8px 0; background:url(../../images/sidebar/infobox_bg01_001.gif) no-repeat left bottom #ffffff; } .contentInfo_SideBox dt { padding:0 7px 5px 7px; width:196px; height:auto; line-height:1.1; text-align:left; color:#555555; background-image:url(../../images/sidebar/infobox_tx01_001.gif); background-position:left bottom; } .contentInfo_SideBox dd{ padding:6px 6px 0 6px; width:196px; border-style:solid; border-color:#c7c7c7; border-width:0 1px; line-height:1.2; background-color:#ffffff; } .contentInfo_SideBox dd .arrow_link{ } /*_________________ [3-1] RUNNING Style in WTour, These are deleted when aforementioned style starts work _________________*/ #sub_Col div#toppr_Area img.right_ODbanner { margin: 0 auto; display: block; padding-bottom: 16px; } /*_________________ [4] general-use SubINFO LayoutPattern in Side BAR _________________*/ /*_________________ [4-0] common Style SubINFO LayoutPattern ________________________________*/ .subinfo_img001_sidebox dl { background-color:transparent; } .subinfo_img001_sidebox dd, .subinfo_img002_sidebox dd, .subinfo_img003_sidebox dd, .subinfo_img004_sidebox dd { padding-bottom:1.5em; } .subinfo_img001_sidebox dd b, .subinfo_img002_sidebox dd b, .subinfo_img003_sidebox dd b, .subinfo_img004_sidebox dd b { display:block; } .subinfo_img001_sidebox dd span.rate_sidebox, .subinfo_img002_sidebox dd span.rate_sidebox, .subinfo_img003_sidebox dd span.rate_sidebox, .subinfo_img004_sidebox dd span.rate_sidebox { color:#e30707; } /*_________________ [4-0] Setting For Atag in Ptag ________________________________*/ .subinfo_img001_sidebox dd p a, .subinfo_img002_sidebox dd p a, .subinfo_img003_sidebox dd p a, .subinfo_img004_sidebox dd p a, .subinfo_txt001_sidebox dd p a, .agtprofile_sidebox dd p.appeal_point a { color:#0b41a1; margin-top:3px; text-decoration:underline; } .subinfo_img001_sidebox dd p a:link, .subinfo_img002_sidebox dd p a:link, .subinfo_img003_sidebox dd p a:link, .subinfo_img004_sidebox dd p a:link, .subinfo_txt001_sidebox dd p a:link, .agtprofile_sidebox dd p.appeal_point a:link { color:#0b41a1; } .subinfo_img001_sidebox dd p a:visited, .subinfo_img002_sidebox dd p a:visited, .subinfo_img003_sidebox dd p a:visited, .subinfo_img004_sidebox dd p a:visited, .subinfo_txt001_sidebox dd p a:visited, .agtprofile_sidebox dd p.appeal_point a:visited { color:#800080; } .subinfo_img001_sidebox dd p a:active, .subinfo_img002_sidebox dd p a:active, .subinfo_img003_sidebox dd p a:active, .subinfo_img004_sidebox dd p a:active, .subinfo_txt001_sidebox dd p a:active, .agtprofile_sidebox dd p.appeal_point a:active { color:#e30707; } .subinfo_img001_sidebox dd p a, .subinfo_img002_sidebox dd p a, .subinfo_img003_sidebox dd p a, .subinfo_img004_sidebox dd p a, .subinfo_txt001_sidebox dd p a { padding-left:9px; background:url(/element/shared/images/burette/ar03_a001.gif) no-repeat left 4px; } .kokunai .subinfo_img001_sidebox dd p a, .kokunai .subinfo_img002_sidebox dd p a, .kokunai .subinfo_img003_sidebox dd p a, .kokunai .subinfo_img004_sidebox dd p a, .kokunai .subinfo_txt001_sidebox dd p a { background-image:url(/element/shared/images/burette/ar03_b001.gif); } /*_________________ [4-1] SubINFO LayoutPattern AgtProfile ________________________________*/ .agtprofile_sidebox dl { background-color:transparent; } .agtprofile_sidebox dd img.logo { display:block; margin:3px 5px 5px 0; } .agtprofile_sidebox dd p { padding-bottom:13px; } .agtprofile_sidebox dd p.appeal_point b { display:block; padding:0 0 0.2em 15px; background:url(/element/shared/images/sidebar/subinfo_ic01_001.gif) no-repeat; } .agtprofile_sidebox dd p.appeal_point a { display:inline-block; padding-left:7px; background:url(/element/shared/images/burette/ar02_001.gif) no-repeat left 2px; } /*_________________ [4-2_1] SubINFO LayoutPattern img001 ________________________________*/ .subinfo_img001_sidebox dl { background-color:transparent; } .subinfo_img001_sidebox dd img { margin:3px 0 3px 25px; } /*_________________ [4-2_2] SubINFO LayoutPattern img002 ________________________________*/ .subinfo_img002_sidebox dl { background-color:transparent; } .subinfo_img002_sidebox dd img { float:left; margin:0 3px 0 0; } .subinfo_img002_sidebox dd span.rate_sidebox { display:block; } .subinfo_img002_sidebox dd p { clear:both; padding-top:2px; } /*_________________ [4-2_3] SubINFO LayoutPattern img003 ________________________________*/ .subinfo_img003_sidebox dl { background-color:transparent; } .subinfo_img003_sidebox dd img { float:left; margin:0 5px 0 0; } .subinfo_img003_sidebox dd p { clear:both; padding-top:3px; } /*_________________ [4-2_4] SubINFO LayoutPattern img004 ________________________________*/ .subinfo_img004_sidebox dl { background-color:transparent; } .subinfo_img004_sidebox dl dd b { display:block; padding:0 0 5px 0; } .subinfo_img004_sidebox dd img { float:left; margin:0 5px 0 0; } .subinfo_img004_sidebox dd p { clear:both; padding-top:2px; } /*_________________ [4-3_1] SubINFO LayoutPattern txt001 ________________________________*/ .subinfo_txt001_sidebox dl { background-color:transparent; } .subinfo_txt001_sidebox dl dd b { display:block; padding:5px 0 0 0; } .subinfo_txt001_sidebox dd p { padding:4px 0 8px 0; border-bottom:dashed 1px #cccccc; } .subinfo_txt001_sidebox dd div { padding-top:5px; } .subinfo_txt001_sidebox dl dd div b { display:inline; } /*_________________ [5] ListType Links in Side BAR, These are deleted when aforementioned style starts work_________________*/ .listlink_sidebox { padding-bottom: 13px;} .listlink_sidebox dl { background-color:transparent; } .listlink_sidebox dd { padding-bottom:0; padding-top:8px;} .listlink_sidebox dd a { display:inline; } .listlink_sidebox dd a:link, .listlink_sidebox dd a:link { color:#0b41a1; } .listlink_sidebox dd a:visited { color:#800080; } .listlink_sidebox dd a:active { color:#e30707; } /*_________ [7] Picked Up Coupon Area ____________*/ #sub_Col .coupon_Area { width: 210px;padding:0;} #sub_Col .coupon_Area dl { background:#ffffff;} #sub_Col .coupon_Area dt { background:url(/element/shared/images/sidebar/coupon_tx01_001.gif) no-repeat;height:28px;padding: 4px 0 0 35px; width: 175px;line-height:1.1; text-align:left;} #sub_Col .coupon_Area dt span { font-weight:normal;font-size:80%;display:block; } #sub_Col .coupon_Area dd { clear:both; width:208px; padding:0 0 9px;border:1px solid #C7C7C7;border-top:none;} #sub_Col .coupon_Area ul { overflow:hidden;} #sub_Col .coupon_Area li { padding:8px 5px 0 5px; width:198px;} #sub_Col .coupon_Area li a { display:block; width:198px; overflow:hidden; background-color:#ffffff; } #sub_Col .coupon_Area li.couponDeal_banner { padding:0; width:198px; height:176px; background-color:#ffffff; } #sub_Col .coupon_Area li.couponDeal_banner a { width:198px; } #sub_Col .coupon_Area li a b { display:inline; color:#e30707; } #sub_Col .coupon_Area li a img.coupon_leadTxt { display:block; float:none; padding-bottom:8px; border-bottom:1px dotted #935228; background-color:#FEFBEE; } #sub_Col .coupon_Area li a:hover span { cursor:pointer; } #sub_Col .coupon_Area li .couponGenre_Txt { display:block; padding:9px 5px 5px; width:188px; color:#666666; font-size:80%;border-top:1px dotted #C7C7C7;} #sub_Col .coupon_Area li:first-child .couponGenre_Txt { border-top:none;padding-top:0;} #sub_Col .coupon_Area li .couponGenre_Txt b { color:#0B41A1; font-size:120%;padding-right:2px;} #sub_Col .coupon_Area li a:visited .couponGenre_Txt b { color:#800080; } #sub_Col .coupon_Area .couponDeal_Area { width:198px;display:block; } #sub_Col .coupon_Area .couponDeal_Area img { display:inline; float:left; margin:0 0 0 5px; } #sub_Col .coupon_Area .couponDeal_Box { display:inline; float:right; padding:0 10px 0 0; width:68px; min-height:72px; } #sub_Col .coupon_Area .couponDeal_Box .coupon_Discount { display:block; width:36px; height:20px; line-height:19px; font-weight:bold; font-size:110%; color:#E30707; background:url(/element/shared/images/sidebar/starcoupon_bg02_001.gif) no-repeat left top;padding:2px 32px 0 0;text-align:center; } #sub_Col .coupon_Area .couponDeal_Box .specialPrice { background-position:0px -22px; text-indent:-9999px; overflow:hidden; } #sub_Col .coupon_Area .couponDeal_Box .couponPrice_Txt { display:block; padding:15px 0 0 0; line-height:1.4; font-size:80%; color:#666666; } #sub_Col .coupon_Area .couponDeal_Box .couponPrice_Txt b { font-weight:bold; font-size:140%; color:#e30707; } #sub_Col .coupon_Area .couponDeal_Box .couponPrice_Txt .couponPrice_yen { padding-left:3px; color:#e30707; font-weight:bold; } #sub_Col .coupon_Area .couponDeal_comment { clear:both; display:block; padding:3px; width:192px;color:#333333; white-space:nowrap;line-height:1;} #sub_Col .coupon_Area .offered { display:block; padding:0 3px 0; width:198px; font-size:80%; color:#555555; } #sub_Col .coupon_Area li.coupon_Box { min-height:130px; height:auto !important; height:130px; overflow:hidden;padding:0 5px 5px;} #sub_Col .coupon_Area li.coupon_Box:first-child { padding-top:8px;} #sub_Col .coupon_Area li.coupon_Box .couponGenre_Txt { padding:0 5px 5px;border-top:none;} #sub_Col .coupon_Area li.coupon_Box .offered { border-bottom:none;padding:0 3px 0; } #sub_Col .coupon_Area li.etc { text-align:right;font-size:80%;border-top:1px dotted #C7C7C7;margin:0 5px;width:188px;} #sub_Col .coupon_Area li.etc a{ background:url("/element/shared/images/burette/ar03_f001.gif") no-repeat left;display:inline;padding:0 0 0 7px;color:#0B41A1;} #sub_Col .coupon_Area li.etc a:visited{ color:#800080; } /*_________________ [8] starcoupon Box ________________*/ #sub_Col .starCoupon_Area { background-color:#ffffff; } #sub_Col .starCoupon_Box { width:200px; margin:0 auto; background:#FFFFFF; } #sub_Col .starCoupon_Box dl { border:#a31b03 1px solid; width:198px; margin:0 auto; background-color:#FEFBEE; } #sub_Col .starCoupon_Box dt { width:198px; height:23px; background-image:none;overflow:hidden;line-height:0;} #sub_Col .starCoupon_Box dd { clear:both; width:198px; padding:0; } #sub_Col .starCoupon_Box li { padding:8px 5px 6px 5px; width:188px; height:162px; } #sub_Col .starCoupon_Box li a { display:block; width:188px; overflow:hidden; background-color:#ffffff; } #sub_Col .starCoupon_Box li.couponDeal_banner { padding:0; width:198px; height:176px; background-color:#ffffff; } #sub_Col .starCoupon_Box li.couponDeal_banner a { width:198px; } #sub_Col .starCoupon_Box li a b { display:inline; color:#e30707; } #sub_Col .starCoupon_Box li a img.coupon_leadTxt { display:block; float:none; padding-bottom:8px; border-bottom:1px dotted #935228; background-color:#FEFBEE; } #sub_Col .starCoupon_Box li a:hover span { cursor:pointer; } #sub_Col .starCoupon_Box li .couponGenre_Txt { display:block; padding:9px 5px 8px 5px; width:178px; color:#555555; } #sub_Col .starCoupon_Box li .couponGenre_Txt b { color:#555555; } #sub_Col .starCoupon_Box .couponDeal_Area img { display:inline; float:left; margin:0 0 0 5px; } #sub_Col .starCoupon_Box .couponDeal_Box { display:inline; float:right; padding:0 5px 0 0; width:68px; min-height:72px; } #sub_Col .starCoupon_Box .couponDeal_Box .coupon_Discount { display:block; width:36px; height:20px; line-height:19px; font-weight:bold; font-size:110%; color:#E30707; background:url(/element/shared/images/sidebar/starcoupon_bg02_001.gif) no-repeat left top;padding:2px 32px 0 0;text-align:center; } #sub_Col .starCoupon_Box .couponDeal_Box .specialPrice { background-position:0px -22px; text-indent:-9999px; overflow:hidden; } #sub_Col .starCoupon_Box .couponDeal_Box .couponPrice_Txt { display:block; padding:15px 0 0 0; line-height:1.4; font-size:80%; color:#666666; } #sub_Col .starCoupon_Box .couponDeal_Box .couponPrice_Txt b { font-weight:bold; font-size:140%; color:#e30707; } #sub_Col .starCoupon_Box .couponDeal_Box .couponPrice_Txt .couponPrice_yen { padding-left:3px; color:#e30707; font-weight:bold; } #sub_Col .starCoupon_Box .offered { clear:both; display:block; padding:8px 5px 9px 5px; width:178px; border-bottom:1px dotted #935228; font-size:80%; color:#555555; } /*__________________ [9] wHotel Box __________________*/ #sub_Col .wHotel_Box { padding:0 0 7px 0; background:url(../../images/sidebar/infobox_bg01_001.gif) no-repeat left bottom; } #sub_Col .wHotel_Box dl { background-color:transparent; } #sub_Col .wHotel_Box dt { padding:0.3em 0 0.3em 30px; width:180px; height:auto; line-height:1.2; text-align:left; background:url(../../images/sidebar/whotelbox_tx01_001.gif) no-repeat left top; } #sub_Col .wHotel_Box dt span { font-weight:normal; font-size:80%; } #sub_Col .wHotel_Box dd { padding:0; width:208px; border-style:solid; border-color:#ffffff #c7c7c7; border-width:1px 1px 0 1px;} #sub_Col .wHotel_Box dd p { padding:0.3em 3px 0.3em 7px; width:198px; border-top:solid 1px #c7c7c7; } #sub_Col .wHotel_Box dd dl { position:relative; padding:19px 0 0 0; width:208px; } #sub_Col .wHotel_Box dd dt { position:absolute; top:0; padding:0; width:70px; height:19px; text-align:left; text-indent:-9999px; background-image:none; } #sub_Col .wHotel_Box dd dt a { display:block; height:19px; text-indent:-9999px; overflow:hidden; background-image:url(../../images/sidebar/whotelbox_bt01_001.gif); background-repeat:no-repeat; } #sub_Col .wHotel_Box dd dt.fiveStar { left: 0px; } #sub_Col .wHotel_Box dd dt.fiveStar a { background-position: 0px 0px; } #sub_Col .wHotel_Box .fiveStar .fiveStar a, #sub_Col .wHotel_Box dd dt.fiveStar a:hover { background-position: 0px -25px; } #sub_Col .wHotel_Box dd dt.fourStar { left: 69px; } #sub_Col .wHotel_Box dd dt.fourStar a { background-position: -69px 0px; } #sub_Col .wHotel_Box .fourStar .fourStar a, #sub_Col .wHotel_Box dd dt.fourStar a:hover { background-position: -69px -25px; } #sub_Col .wHotel_Box dd dt.threeStar { left:138px; } #sub_Col .wHotel_Box dd dt.threeStar a { background-position:-138px 0px; } #sub_Col .wHotel_Box .threeStar .threeStar a, #sub_Col .wHotel_Box dd dt.threeStar a:hover { background-position:-138px -25px; } #sub_Col .wHotel_Box dd dd { border-width:0; } #sub_Col .wHotel_Box dd ol { margin:0 auto; width:196px; } #sub_Col .wHotel_Box dd li { clear:both; padding:0.6em 0; width:196px; border-bottom:dotted 1px #cecece; } #sub_Col .wHotel_Box dd li a { overflow-y:hidden; } #sub_Col .wHotel_Box dd li a:after { content:'.'; display:block; clear:both; height:0; visibility:hidden; } #sub_Col .wHotel_Box dd li img { float:left; } #sub_Col .wHotel_Box dd li .hotelData { cursor:pointer; float:right; width:165px; } #sub_Col .wHotel_Box dd li .hotelData .evalation { font-size:80%; color:#444444; } #sub_Col .wHotel_Box dd li .hotelData b { display:inline; margin:0 0 0 0.7em; font-weight:normal; color:#e30707; } #sub_Col .wHotel_Box dd.link03_f001 { padding:0.3em 3px 0.3em 0; width:205px; text-align:right; font-size:80%; } #sub_Col .wHotel_Box dd.link03_f001 .attention_Txt { margin:0 0 0 5px; padding:0 0 0.5em 0; border-width:0; text-align:left; } #sub_Col .wHotel_Box dd.link03_f001 > .attention_Txt { padding:0 0 0.5em 1em; text-indent:-0.9em; } #sub_Col .wHotel_Box dd.link03_f001 a { display:inline; } #sub_Col .wHotel_Box dd a:link { color:#0b41a1; } #sub_Col .wHotel_Box dd a:visited { color:#800080; } #sub_Col .wHotel_Box dd a:hover span { text-decoration:underline; } #sub_Col .wHotel_Box dd a:active { color:#e30707; } #sub_Col .wHotel_Box dd a:active .hotelData .evalation { color:#e30707; } /*______________ [11] W_special Seoul_osusume Box ________________*/ #sub_Col .seoulOsusume_Box { background:url(/element/shared/images/sidebar/infobox_bg01_001.gif) no-repeat left bottom #ffffff; padding:0 0 5px 0;} #sub_Col .seoulOsusume_Box dl { background:#ffffff;} #sub_Col .seoulOsusume_Box dt { padding:0 5px 0 25px; width:180px; height:32px; line-height:32px; text-align:left; color:#555555; background-image:url(/element/shared/images/sidebar/seoulosusume_tx01_001.gif); text-align:center; } #sub_Col .seoulOsusume_Box dd { padding:0.3em 4px 0 4px; width:200px; border-style:solid; border-color:#c7c7c7; border-width:0 1px; line-height:1.1; } /*______________ [11] google_ad ________________*/ #sub_Col .google_ad { margin:0; width:210px; } #sub_Col .google_ad div { margin:auto; margin-bottom:15px;} #sub_Col .recommendBook_Area .rentcarPlan_Area dl.carDetail_Area.photoDetail { border:0;vertical-align:top; margin-bottom:4px;} #sub_Col .recommendBook_Area .rentcarPlan_Area dl.carDetail_Area.photoDetail dt, #sub_Col .recommendBook_Area .rentcarPlan_Area dl.carDetail_Area.photoDetail dd { display:inline-block; color:#333;} #sub_Col .recommendBook_Area .rentcarPlan_Area dl.carDetail_Area dt.photo { height:48px; width:76px; margin-bottom:0px; float:left; border:1px solid #ccc; text-align:center; background:#fff;} #sub_Col .recommendBook_Area .rentcarPlan_Area dl.carDetail_Area dt.photo div { height:48px; width:76px; display:table-cell; vertical-align:middle;} #sub_Col .recommendBook_Area .rentcarPlan_Area dl.carDetail_Area dt.photo img { max-height:48px; max-width:76px;} #sub_Col .recommendBook_Area .rentcarPlan_Area dl.carDetail_Area dt.terms { width:50px; margin:0 0 6px 0;} #sub_Col .recommendBook_Area .rentcarPlan_Area dl.carDetail_Area dt.terms span { width:50px; display:block; background:url(/element/shared/images/sidebar/rentcarPlan_ic01_005.gif) no-repeat; height:15px;text-indent:-9999px;} #sub_Col .recommendBook_Area .rentcarPlan_Area dl.carDetail_Area dt.type { width:50px; margin:0 0 0px 0;} #sub_Col .recommendBook_Area .rentcarPlan_Area dl.carDetail_Area dt.type span { width:50px; display:block; background:url(/element/shared/images/sidebar/rentcarPlan_ic01_006.gif) no-repeat; height:15px;text-indent:-9999px;} #sub_Col .recommendBook_Area .rentcarPlan_Area dl.carDetail_Area dd.price { width:100px;color:#e30707; font-weight:bold; vertical-align:middle; margin:6px 0 6px 0;height:35px; float:left; padding:15px 0 0 3px; font-size:11px;} #sub_Col .recommendBook_Area .rentcarPlan_Area dl.carDetail_Area dd.price span { font:165% Verdana; font-weight:bold;} #sub_Col .recommendBook_Area .rentcarPlan_Area dl.carDetail_Area dd.terms { font-size:100%} #sub_Col .recommendBook_Area .rentcarPlan_Area dl.carDetail_Area dd.type { font-size:100%} /* Hack for IE6 */ * html #sub_Col .recommendBook_Area .rentcarPlan_Area dl.carDetail_Area.photoDetail dt, * html #sub_Col .recommendBook_Area .rentcarPlan_Area dl.carDetail_Area.photoDetail dd {display:inline; zoom:1;} * html #sub_Col .recommendBook_Area .rentcarPlan_Area dl.carDetail_Area dd.terms, * html #sub_Col .recommendBook_Area .rentcarPlan_Area dl.carDetail_Area dd.type { padding-left:3px;} /* Hack for IE7 */ *:first-child+html #sub_Col .recommendBook_Area .rentcarPlan_Area dl.carDetail_Area.photoDetail dt, *:first-child+html #sub_Col .recommendBook_Area .rentcarPlan_Area dl.carDetail_Area.photoDetail dd {display:inline; zoom:1;} *:first-child+html #sub_Col .recommendBook_Area .rentcarPlan_Area dl.carDetail_Area dd.terms, *:first-child+html #sub_Col .recommendBook_Area .rentcarPlan_Area dl.carDetail_Area dd.type { padding-left:3px;} #sub_Col .recommendBook_Area a.confirmButton { background:url(/element/shared/images/sidebar/rentcarPlan_bt01_004.gif) left top no-repeat; width:170px; height:26px; display:block; margin:4px auto 5px auto; padding:10px 0 0 12px;text-align:left;} #sub_Col .recommendBook_Area a.confirmButton:hover{ background:url(/element/shared/images/sidebar/rentcarPlan_bt01_004.gif) 0 -47px no-repeat; text-decoration:none;} #sub_Col .recommendBook_Area a.confirmButton span { background:url(/element/shared/images/sidebar/ar01_002.gif) left 3px no-repeat; color:#555; font-weight:bold; text-decoration:none; font-size:93.75%; padding:0 0 0 10px;} /*____________________ [12] Right recommendBook_Area ________________*/ /*#sub_Col .recommendBook_Area { width:210px; color:#333; margin-bottom:25px;}*/ #sub_Col .recommendBook_Area.w_optional { margin-bottom:10px; } #sub_Col .recommendBook_Area .title_Txt { background:url(/element/shared/images/sidebar/recommendPlan_tx01_002.gif) no-repeat; width:210px; height:31px; display:block; text-indent:-9999px;} /*#sub_Col .recommendBook_Area .recommendDetail_Area{ width:208px; border-color:#ccc; border-style: solid; border-width:1px;}*/ #sub_Col .recommendBook_Area .rentcarPlan_Area dl:after, #sub_Col .recommendBook_Area .optionPlan_Area dl:after{ content:'.'; display:block; clear:both; height:0; visibility:hidden; } /*______________ [12-1] rentCar_Area ________________*/ #sub_Col .recommendBook_Area .rentcarPlan_Area { width:194px; margin:8px auto 8px auto; border:1px solid #dadada; background-color:#f6f6f6; text-align:center;} #sub_Col .recommendBook_Area .rentcarPlan_Area p.title_Txt { background:url(/element/shared/images/sidebar/rentcarPlan_tx02_003.gif) no-repeat; width:194px; height:22px; display:block; text-indent:-9999px;} #sub_Col .recommendBook_Area .rentcarPlan_Area dl.carDetail_Area { width:182px; margin:0 auto; border-bottom:1px dotted #999; text-align:left; margin-bottom:5px; padding-bottom:2px;} #sub_Col .recommendBook_Area .rentcarPlan_Area dl.carDetail_Area dt { font-weight:bold; margin:7px 0 3px 0; color:#333;line-height:1.3;} #sub_Col .recommendBook_Area .rentcarPlan_Area dl.carDetail_Area dd { color:#555; font-size:85%;} #sub_Col .recommendBook_Area .rentcarPlan_Area dl.carPrice_Area {margin:0 auto;width:182px;} #sub_Col .recommendBook_Area .rentcarPlan_Area dl.carPrice_Area dt { text-indent:-9999px; width:35px; height:15px; display:block; float:left;background:url(/element/shared/images/sidebar/rentcarPlan_ic01_004.gif) no-repeat; } #sub_Col .recommendBook_Area .rentcarPlan_Area dl.carPrice_Area dd { float:right; width:140px; text-align: left;} #sub_Col .recommendBook_Area .rentcarPlan_Area dl.carPrice_Area dd span.perPrice { font-size:85%;} #sub_Col .recommendBook_Area .rentcarPlan_Area dl.carPrice_Area dd span.price { color:#e30707;} #sub_Col .recommendBook_Area .rentcarPlan_Area dl.carPrice_Area dd strong { font-size:145%;} #sub_Col .recommendBook_Area .rentcarPlan_Area span.exposition { background:#fff; border:1px solid #dadada; width:176px; padding:3px 3px; font-size:80%; margin:0 auto; display:block; text-align:center; line-height:1.2; letter-spacing:-1px;} #sub_Col .recommendBook_Area .rentcarPlan_Area a.bookButton { background:url(/element/shared/images/sidebar/rentcarPlan_bt01_003.gif) no-repeat; width:182px; height:36px; display:block; text-indent:-9999px; margin:6px auto;} #sub_Col .recommendBook_Area .rentcarPlan_Area a.bookButton:hover { background:url(/element/shared/images/sidebar/rentcarPlan_bt01_003_ov.gif) no-repeat; width:182px; height:36px; display:block; text-indent:-9999px; margin:6px auto;} /*______________ [12-2] optionPlan_Area ________________*/ #sub_Col .recommendBook_Area .optionPlan_Area { width:194px; margin:8px auto; border:1px solid #dadada; background-color:#f6f6f6;} #sub_Col .recommendBook_Area .optionPlan_Area p.title_Txt { background:url(/element/shared/images/sidebar/optionPlan_tx02_004.gif) no-repeat; width:194px; height:22px; display:block; text-indent:-9999px; margin-bottom:5px;} #sub_Col .recommendBook_Area .optionPlan_Area dl dd a:hover span { text-decoration:underline; } #sub_Col .recommendBook_Area .optionPlan_Area span.popular_Txt { font-size:85%;margin-left:5px;} #sub_Col .recommendBook_Area.w_optional .optionPlan_Area span.popular_Txt em { font-weight:bold; } #sub_Col .recommendBook_Area .optionPlan_Area dl { width:182px; margin:0 auto;} #sub_Col .recommendBook_Area .optionPlan_Area dl dt span { text-indent:-9999px; display:none;} #sub_Col .recommendBook_Area .optionPlan_Area dl dt { width:67px;} #sub_Col .recommendBook_Area .optionPlan_Area dl dt p { background:#fff; padding:0; border:0px solid #c4c4c4;} #sub_Col .recommendBook_Area .optionPlan_Area dl.rankFirst_Area { border-bottom:1px dotted #999; text-align:left; margin:7px auto 7px auto; padding-bottom:7px;} #sub_Col .recommendBook_Area .optionPlan_Area dl dt.rankFirst {float:left; } #sub_Col .recommendBook_Area .optionPlan_Area dl dd.rankFirst { float:right; width:110px; text-align:left;} #sub_Col .recommendBook_Area .optionPlan_Area dl dd.rankFirst .rank1 { background:url(/element/shared/images/sidebar/optionPlan_ic_rank1.gif) no-repeat; width:25px; height:15px; display:block; text-indent:-9999px;} #sub_Col .recommendBook_Area .optionPlan_Area dl.rankSecond_Area { border-bottom:1px dotted #999; text-align:left; margin:7px auto 7px auto; padding-bottom:7px;} #sub_Col .recommendBook_Area .optionPlan_Area dl dt.rankSecond {float:left; } #sub_Col .recommendBook_Area .optionPlan_Area dl dd.rankSecond { float:right; width:110px; text-align:left;} #sub_Col .recommendBook_Area .optionPlan_Area dl dd.rankSecond .rank2 { background:url(/element/shared/images/sidebar/optionPlan_ic_rank2.gif) no-repeat; width:25px; height:15px; display:block; text-indent:-9999px;} #sub_Col .recommendBook_Area .optionPlan_Area dl.rankThird_Area { margin:0 auto 7px auto;} #sub_Col .recommendBook_Area .optionPlan_Area dl dt.rankThird { float:left;} #sub_Col .recommendBook_Area .optionPlan_Area dl dd.rankThird { float:right; width:110px; text-align:left;} #sub_Col .recommendBook_Area .optionPlan_Area dl dd.rankThird .rank3 { background:url(/element/shared/images/sidebar/optionPlan_ic_rank3.gif) no-repeat; width:25px; height:15px; display:block; text-indent:-9999px;} #sub_Col .recommendBook_Area .optionPlan_Area span.perPrice { font-size:85%;} #sub_Col .recommendBook_Area .optionPlan_Area span.price { color:#555;} #sub_Col .recommendBook_Area .optionPlan_Area strong { font-size:145%;} #sub_Col .recommendBook_Area .optionPlan_Area span.planName { font-weight:bold; line-height:1.1; margin:2px 0 -12px 0; display:table;} html * #sub_Col .recommendBook_Area .optionPlan_Area span.planName { line-height:1.1; margin-bottom:-8px; display:block;} #sub_Col .recommendBook_Area .optionPlan_Area a.bookButton { background:url(/element/shared/images/sidebar/optionPlan_bt01_004.gif) no-repeat; width:182px; height:36px; display:block; text-indent:-9999px; margin:6px auto;} #sub_Col .recommendBook_Area .optionPlan_Area a.bookButton:hover { background:url(/element/shared/images/sidebar/optionPlan_bt01_004_ov.gif) no-repeat; width:182px; height:36px; display:block; text-indent:-9999px; margin:6px auto;} #sub_Col .recommendBook_Area .companyNotice_Area { background:#f6f6f6; border-top:1px solid #dadada; padding:6px 11px; font-size:80%; text-align:left; color:#777; line-height:1.2;} #sub_Col .recommendBook_Area .searchNotice_Area { width:180px; text-align:center; margin:0 auto; padding:15px 0;} #sub_Col .recommendBook_Area .searchNotice_Area p { color:#444; font-size:80%; line-height:1.3;} #sub_Col .recommendBook_Area .searchNotice_Area p.loading { color:#444; font-size:80%; line-height:1.3; background:url(/element/shared/images/sidebar/load.gif) top center no-repeat; padding-top:30px;} #sub_Col .recommendBook_Area .searchNotice_Area span { color:#e40606; line-height:1.5; font-size:130%; font-weight:bold;} /*______________ [12-3] W_optional optionPlan_Area ________________*/ #sub_Col .recommendBook_Area.w_optional .optionPlan_Area { width:194px; margin:6px auto 7px; border:1px solid #dadada; background-color:#f6f6f6;} #sub_Col .recommendBook_Area.w_optional .optionPlan_Area p.title_Txt { background:url(/element/shared/images/sidebar/optionPlan_tx03_001.gif) no-repeat; } #sub_Col .recommendBook_Area .optionPlan_Area div a { cursor:pointer; } #sub_Col .recommendBook_Area .optionPlan_Area div a:hover span { text-decoration:underline; } #sub_Col .recommendBook_Area .optionPlan_Area span.popular_Txt { display:inline-block; font-size:85%; padding-left:5px;} #sub_Col .recommendBook_Area .optionPlan_Area div { width:182px; margin:0 auto;} #sub_Col .recommendBook_Area .optionPlan_Area div:after { content:'.'; display:block; clear:both; height:0; visibility:hidden; } #sub_Col .recommendBook_Area .optionPlan_Area div span { width:67px;} #sub_Col .recommendBook_Area .optionPlan_Area div.rankFirst_Area { border-bottom:1px dotted #999; text-align:left; margin:7px auto 7px auto; padding-bottom:7px;} #sub_Col .recommendBook_Area.w_optional .optionPlan_Area div.rankFirst_Area { padding-top:7px; margin-top:5px; border-top:1px dotted #999999; } #sub_Col .recommendBook_Area .optionPlan_Area div img.rankFirst {float:left; } #sub_Col .recommendBook_Area .optionPlan_Area div span.rankFirst { float:right; width:110px; text-align:left; font-weight:bold; line-height:1.1;} #sub_Col .recommendBook_Area .optionPlan_Area div span.rankFirst .rank1 { background:url(/element/shared/images/sidebar/optionPlan_ic_rank1.gif) no-repeat; margin:0 0 2px 0; width:25px; height:15px; display:block; text-indent:-9999px;} #sub_Col .recommendBook_Area .optionPlan_Area div.rankSecond_Area { border-bottom:1px dotted #999; text-align:left; margin:7px auto 7px auto; padding-bottom:7px;} #sub_Col .recommendBook_Area .optionPlan_Area div img.rankSecond { float:left; } #sub_Col .recommendBook_Area .optionPlan_Area div span.rankSecond { float:right; width:110px; text-align:left; font-weight:bold; line-height:1.1;} #sub_Col .recommendBook_Area .optionPlan_Area div span.rankSecond .rank2 { background:url(/element/shared/images/sidebar/optionPlan_ic_rank2.gif) no-repeat; margin:0 0 2px 0; width:25px; height:15px; display:block; text-indent:-9999px;} #sub_Col .recommendBook_Area .optionPlan_Area div.rankThird_Area { margin:0 auto 7px auto;} #sub_Col .recommendBook_Area .optionPlan_Area div img.rankThird { float:left;} #sub_Col .recommendBook_Area .optionPlan_Area div span.rankThird { float:right; width:110px; text-align:left; font-weight:bold; line-height:1.1;} #sub_Col .recommendBook_Area .optionPlan_Area div span.rankThird .rank3 { background:url(/element/shared/images/sidebar/optionPlan_ic_rank3.gif) no-repeat; margin:0 0 2px 0; width:25px; height:15px; display:block; text-indent:-9999px;} #sub_Col .recommendBook_Area .optionPlan_Area li.planName { font-weight:bold; line-height:1.1; margin:2px 0 -12px 0; display:table;} html * #sub_Col .recommendBook_Area .optionPlan_Area li.planName { line-height:1.1; margin-bottom:0; display:block;} #sub_Col .recommendBook_Area .optionPlan_Area .link_Txt { clear:both; padding-top:5px; } * html #sub_Col .recommendBook_Area .optionPlan_Area .link_Txt { padding-top:0; } *:first-child+html #sub_Col .recommendBook_Area .optionPlan_Area .link_Txt { padding-top:0; } #sub_Col .recommendBook_Area .optionPlan_Area .link_Txt li { background:url(/element/shared/images/sidebar/ar01_001.gif) no-repeat left 0.4em; padding-left:6px; font-size:93.75%; line-height:1.4; } * html #sub_Col .recommendBook_Area .optionPlan_Area .link_Txt li { margin-bottom:0; padding-bottom:0; } #sub_Col .recommendBook_Area .optionPlan_Area .link_Txt li a:hover { text-decoration:underline; } #sub_Col .recommendBook_Area.w_optional .optionPlan_Area .link_Area { width:194px; background-color:#d2e3f7; } #sub_Col .recommendBook_Area.w_optional .optionPlan_Area .link_Area a { width:182px; padding:6px; } #sub_Col .recommendBook_Area.w_optional .optionPlan_Area .link_Area a:hover { text-decoration:underline; } #sub_Col .recommendBook_Area.w_optional .optionPlan_Area .link_Area img { margin:0 0 4px 0; line-height:0; } #sub_Col .recommendBook_Area.w_optional .optionPlan_Area .link_Area .txt { display:block; width:174px; height:36px; padding:0 0 0 8px; background:url(/element/shared/images/sidebar/linkArea_bg01_001.gif) no-repeat left center; } #sub_Col .recommendBook_Area.w_optional .optionPlan_Area .link_Area .txt span { display:block; width:160px; line-height:1; background:url(/element/shared/images/sidebar/ar01_001.gif) no-repeat left center; padding:0.4em 0 0.3em 9px; } /*_________________ [13] w_tour adBannerTxt _____________________*/ .adBannerTxt_SideBox li a { display:block; color:#333333; margin-bottom:0px;} .adBannerTxt_SideBox li a img { float: left; margin: 0 3px 0 0; } .adBannerTxt_SideBox li:after { content:'.'; display:block; clear:both; height:0; visibility:hidden; } .adBannerTxt_SideBox ul { border-width:1px; border-radius: 4px 4px 4px 4px; border-style:solid; border-color:#c7c7c7;} .adBannerTxt_SideBox li { padding:6px 6px 6px 6px; width:196px; line-height:1.2; } .adBannerTxt_SideBox li:first-child { border-radius: 4px 4px 4px 4px; border-top:0px; } .adBannerTxt_SideBox li { border-top:1px solid #ccc;} .adBannerTxt_SideBox li+li { border-top:1px solid #ccc;border-radius: 0px 0px 4px 4px; } .adBannerTxt_SideBox li span { display:table-cell; height:60px; vertical-align:middle; line-height:1.4; padding-left:2px; width:131px; display:inline-block; cursor: pointer; } .adBannerTxt_SideBox li a:hover span { text-decoration:underline; } .adBannerTxt_SideBox li span img { display:inline-block; position:relative; top:3px;} /*_________________ [14] w_review promotion parts _____________________*/ #sub_Col .rightSide_Box.w_review{ border-top:0; margin-bottom:30px; border-radius:5px 5px 0 0; border-color:#c5b49a;} * html #sub_Col .rightSide_Box.w_review{margin-bottom:30px; clear:both;} #sub_Col .rightSide_Box.w_review p.boxTitle{ background:url(/element/shared/images/sidebar/wreview_tx01_000.gif) no-repeat; margin-left:-1px; font-family:'\30e1\30a4\30ea\30aa', Meiryo, '\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3', 'Hiragino Kaku Gothic ProN', '\ff2d\ff33 \ff30\30b4\30b7\30c3\30af', sans-serif; color:#454348; padding:0px; background:#f8f2e6; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; border: 1px solid #c5b49a; } #sub_Col .rightSide_Box.w_review p.boxTitle span{ width:186px; padding:7px 10px; border-radius: 4px 4px 0 0; border: 1px solid #fff; display:block; font-size:11px; font-weight:normal; } #sub_Col .rightSide_Box.w_review p.boxTitle span b{ display:block; font-size:13px; color:#000; } #sub_Col .rightSide_Box.w_review .countryTitle_Area { margin:1px;} #sub_Col .rightSide_Box.w_review .countryTitle_Area p { margin:0;} #sub_Col .rightSide_Box.w_review .countryTitle_Area p span { display:block; width:206px; height:202px; text-indent:-9999px; margin:0 auto;} #sub_Col .rightSide_Box.w_review.HNL .countryTitle_Area p span{ background:url(/element/shared/images/sidebar/text_honolulu.jpg) center center no-repeat;} #sub_Col .rightSide_Box.w_review.BCN .countryTitle_Area p span{ background:url(/element/shared/images/sidebar/text_barcelona.jpg) center center no-repeat;} #sub_Col .rightSide_Box.w_review.HKT .countryTitle_Area p span{ background:url(/element/shared/images/sidebar/text_phuket.jpg) center center no-repeat;} #sub_Col .rightSide_Box.w_review.CEB .countryTitle_Area p span{ background:url(/element/shared/images/sidebar/text_cebu.jpg) center center no-repeat;} #sub_Col .rightSide_Box.w_review.DPS .countryTitle_Area p span{ background:url(/element/shared/images/sidebar/text_bali.jpg) center center no-repeat;} #sub_Col .rightSide_Box.w_review.SGN .countryTitle_Area p span{ background:url(/element/shared/images/sidebar/text_hochiminh.jpg) center center no-repeat;} #sub_Col .rightSide_Box.w_review.TPE .countryTitle_Area p span{ background:url(/element/shared/images/sidebar/text_taipei.jpg) center center no-repeat;} #sub_Col .rightSide_Box.w_review.BKK .countryTitle_Area p span{ background:url(/element/shared/images/sidebar/text_bangkok.jpg) center center no-repeat;} #sub_Col .rightSide_Box.w_review.SIN .countryTitle_Area p span{ background:url(/element/shared/images/sidebar/text_singapore.jpg) center center no-repeat;} #sub_Col .rightSide_Box.w_review.SEL .countryTitle_Area p span{ background:url(/element/shared/images/sidebar/text_seoul.jpg) center center no-repeat;} #sub_Col .rightSide_Box.w_review .countryTitle_Area ul { height:28px; margin-bottom:2px; padding-left:0px; padding-bottom:8px; text-align:center;margin-top: -36px;} #sub_Col .rightSide_Box.w_review .countryTitle_Area ul li{ display:inline-block; width:56px; height:23px; padding:0; margin:0 2px; padding:0 0px;} #sub_Col .rightSide_Box.w_review .countryTitle_Area ul:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;} * html #sub_Col .rightSide_Box.w_review .countryTitle_Area ul li {display:inline; zoom:1;} *:first-child+html #sub_Col .rightSide_Box.w_review .countryTitle_Area ul li{display:inline; zoom:1;} * html #sub_Col .rightSide_Box.w_review .countryTitle_Area ul { height:0px;} /* #sub_Col .rightSide_Box.w_review .countryTitle_Area ul li.gormet a, #sub_Col .rightSide_Box.w_review .countryTitle_Area ul li.gormet span {background:url(/element/shared/images/sidebar/btn_navi01_001.gif) top left no-repeat; text-indent:-9999px; display:block; width:61px; height:28px;} #sub_Col .rightSide_Box.w_review .countryTitle_Area ul li.gormet a:hover, #sub_Col .rightSide_Box.w_review .countryTitle_Area ul li.gormet em {background:url(/element/shared/images/sidebar/btn_navi01_001.gif) top left no-repeat;background-position:0 -31px; text-indent:-9999px; display:block; width:61px; height:28px;} #sub_Col .rightSide_Box.w_review .countryTitle_Area ul li.sightseeing a, #sub_Col .rightSide_Box.w_review .countryTitle_Area ul li.sightseeing span {background:url(/element/shared/images/sidebar/btn_navi01_002.gif) top left no-repeat; text-indent:-9999px; display:block; width:61px; height:28px;} #sub_Col .rightSide_Box.w_review .countryTitle_Area ul li.sightseeing a:hover, #sub_Col .rightSide_Box.w_review .countryTitle_Area ul li.sightseeing em {background:url(/element/shared/images/sidebar/btn_navi01_002.gif) top left no-repeat; background-position:0 -31px; text-indent:-9999px; display:block; width:61px; height:28px;} #sub_Col .rightSide_Box.w_review .countryTitle_Area ul li.hotel a, #sub_Col .rightSide_Box.w_review .countryTitle_Area ul li.hotel span {background:url(/element/shared/images/sidebar/btn_navi01_003.gif) top left no-repeat; text-indent:-9999px; display:block; width:61px; height:28px;} #sub_Col .rightSide_Box.w_review .countryTitle_Area ul li a:hover, #sub_Col .rightSide_Box.w_review .countryTitle_Area ul li em {background:url(/element/shared/images/sidebar/btn_navi01_003.gif) top left no-repeat; background-position:0 -31px; text-indent:-9999px; display:block; width:61px; height:28px;} */ #sub_Col .rightSide_Box.w_review ul.boxList{ padding:2px 10px 3px 10px;position: relative;} #sub_Col .rightSide_Box.w_review ul.boxList li.guide{ height:50px; margin-bottom:5px;} #sub_Col .rightSide_Box.w_review ul.boxList li:hover{ background:#f7f7f7;} #sub_Col .rightSide_Box.w_review ul.boxList li.guide a{ display:block; width:188px; height:50px; color:#414141;} #sub_Col .rightSide_Box.w_review ul.boxList li.guide a :hover{} #sub_Col .rightSide_Box.w_review ul.boxList li.guide img{ max-width:50px; float:left; margin-right:6px;} #sub_Col .rightSide_Box.w_review ul.boxList li.guide span.textArea{ width:130px; float:left; height:50px; display:table; vertical-align:middle; font-size:93.75%; line-height:1.2;} #sub_Col .rightSide_Box.w_review ul.boxList li.guide span.textArea b{ width:130px;height:50px; display:table-cell; vertical-align:middle; font-weight:normal;font-family:'Hiragino Kaku Gothic ProN','¥Ò¥é¥®¥Î³Ñ¥´ ProN W3',Meiryo,'¥á¥¤¥ê¥ª',sans-serif;} #sub_Col .rightSide_Box.w_review .reviewBtn_Area { margin-bottom:10px;} #sub_Col .rightSide_Box.w_review .reviewBtn_Area a{ width:189px; height:32px; text-indent:-9999px; background:url(/element/shared/images/sidebar/btn_navi02_001.gif) no-repeat; margin:0 auto; display:block;} #sub_Col .rightSide_Box.w_review .countryTitle_Area ul li { font-family:'\30e1\30a4\30ea\30aa', Meiryo, '\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3', 'Hiragino Kaku Gothic ProN', '\ff2d\ff33 \ff30\30b4\30b7\30c3\30af', sans-serif; color:#3a3a3a; line-height:1.6; font-size:14px; text-align:center; font-weight:bold;} #sub_Col .rightSide_Box.w_review .countryTitle_Area ul li a{ background:#fff; border-radius:4px; border:1px solid #eee; width:56px; display:block; color:#3a3a3a;} #sub_Col .rightSide_Box.w_review .countryTitle_Area ul li a:hover{ background:#eaecf6; text-decoration:none;} #sub_Col .rightSide_Box.w_review .countryTitle_Area ul li em{ background:#eaecf6; border-radius:4px; border:1px solid #eee; width:56px; display:block;} #sub_Col .rightSide_Box.w_review .countryTitle_Area ul li a, #sub_Col .rightSide_Box.w_review .countryTitle_Area ul li em{ box-shadow:rgb(0, 0, 0) 1px 1px 5px -1px; -webkit-box-shadow:rgb(0, 0, 0) 1px 1px 5px -1px; -moz-box-shadow:rgb(0, 0, 0) 1px 1px 5px -1px; } #sub_Col .rightSide_Box.w_review .titleArea p { text-align:center; width:187px; height:32px; display:block; margin:8px auto 0 auto; color:#fff; font-family:'\30e1\30a4\30ea\30aa', Meiryo, '\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3', 'Hiragino Kaku Gothic ProN', '\ff2d\ff33 \ff30\30b4\30b7\30c3\30af', sans-serif; font-weight:bold; line-height:2.2; font-size:12px;} #sub_Col .rightSide_Box.w_review.HNL .titleArea p{ background:url(/element/shared/images/sidebar/bg_review_beach.gif) center center no-repeat;} #sub_Col .rightSide_Box.w_review.BCN .titleArea p{ background:url(/element/shared/images/sidebar/bg_review_euro.gif) center center no-repeat;} #sub_Col .rightSide_Box.w_review.HKT .titleArea p{ background:url(/element/shared/images/sidebar/bg_review_beach.gif) center center no-repeat;} #sub_Col .rightSide_Box.w_review.CEB .titleArea p{ background:url(/element/shared/images/sidebar/bg_review_beach.gif) center center no-repeat;} #sub_Col .rightSide_Box.w_review.DPS .titleArea p{ background:url(/element/shared/images/sidebar/bg_review_beach.gif) center center no-repeat;} #sub_Col .rightSide_Box.w_review.SGN .titleArea p{ background:url(/element/shared/images/sidebar/bg_review_aisa.gif) center center no-repeat;} #sub_Col .rightSide_Box.w_review.TPE .titleArea p{ background:url(/element/shared/images/sidebar/bg_review_aisa.gif) center center no-repeat;} #sub_Col .rightSide_Box.w_review.BKK .titleArea p{ background:url(/element/shared/images/sidebar/bg_review_aisa.gif) center center no-repeat;} #sub_Col .rightSide_Box.w_review.SIN .titleArea p{ background:url(/element/shared/images/sidebar/bg_review_aisa.gif) center center no-repeat;} #sub_Col .rightSide_Box.w_review.SEL .titleArea p{ background:url(/element/shared/images/sidebar/bg_review_aisa.gif) center center no-repeat;} .reviewGuide_Text{ position: absolute;width: 170px; border:1px solid #dedede; background:#dad2bb; padding:5px;font-family:'\30e1\30a4\30ea\30aa', Meiryo, '\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3', 'Hiragino Kaku Gothic ProN', '\ff2d\ff33 \ff30\30b4\30b7\30c3\30af', sans-serif;z-index: 100;} .reviewGuide_Text p{ border:1px solid #ccc5b3; padding:12px; background:#fff;} .reviewGuide_Text p b{ display:block; margin-bottom:6px;} .reviewGuide_Text p span{ font-size:93.75%; line-height:1.2; color:#404040;} #Area_w_review_frame .recommendBook_Area.w_review .recommendDetail_Area { border:none; margin-bottom:0px; } #Area_Optional_frame .recommendBook_Area.w_optional .recommendDetail_Area { border:none; margin-bottom:0px; } /*_________________ [15] optional promotion parts _____________________*/ #sub_Col .optional{ border-top:0; margin-bottom:30px; border-radius:5px 5px 0 0; background:#fbfbfb;} #sub_Col .optional p.boxTitle{ font-family:'\30e1\30a4\30ea\30aa', Meiryo, '\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3', 'Hiragino Kaku Gothic ProN', '\ff2d\ff33 \ff30\30b4\30b7\30c3\30af', sans-serif; background:url(/element/shared/images/sidebar/wreview_tx01_000.gif) no-repeat; margin-left:-1px; font-size:100%; color:#444444; padding:0px; background:#e8e8e8; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; border: 1px solid #d0d0d0; } #sub_Col .optional p.boxTitle span{ width:190px; padding:6px 8px; border-radius: 4px 4px 0 0; border: 1px solid #fff; display:block; } #sub_Col .optional .rightOption_Area .title{ width:205px; height:43px; display:block; margin:5px auto 15px auto; background:url(/element/shared/images/sidebar/img_optional01_001.gif) no-repeat; text-indent:-9999px; } #sub_Col .optional .rightOption_Area ul{ padding:12px 8px 0 8px; display:block; overflow:hidden;} #sub_Col .optional .rightOption_Area ul li{ text-indent:28px; line-height:1.2; margin-bottom:4px; font-size:93.75%; border-bottom:1px dotted #bfbfbf; padding-bottom:4px;} #sub_Col .optional .rightOption_Area ul li.third{ border-bottom:none;} #sub_Col .optional .rightOption_Area ul li b{ background:url(/element/shared/images/sidebar/icon_rank01_001.gif) no-repeat; width:23px; height:15px; display:inline-block; margin-right:5px;} #sub_Col .optional .rightOption_Area ul li.first b {background-position:0 0;} #sub_Col .optional .rightOption_Area ul li.second b{background-position:0 -45px;} #sub_Col .optional .rightOption_Area ul li.third b {background-position:0 -90px;} #sub_Col .optional .rightOption_Area ul li a{ text-indent:-28px; padding-left:28px; display:block; color:#0b41a1;} #sub_Col .optional .btnArea a{ text-indent:-9999px; background:url(/element/shared/images/sidebar/img_optional01_002.gif) no-repeat; width:197px; height:33px; display:block; margin:0 auto 8px auto;} #sub_Col .optional .btnArea.joptional a{ text-indent:-9999px; background:url(/element/shared/images/sidebar/img_optional02_002.gif) no-repeat; width:197px; height:33px; display:block; margin:0 auto 8px auto;} * html #sub_Col .optional .rightOption_Area ul li b{display:inline; zoom:1;} *:first-child+html #sub_Col .optional .rightOption_Area ul li b{display:inline; zoom:1;} * html #sub_Col .optional .rightOption_Area ul li b{ text-indent:inherit;} *:first-child+html #sub_Col .optional .rightOption_Area ul li b{ text-indent:inherit;)} .recommendDetail_Area{border: 1px solid #dadada;margin-bottom: 15px;} /*_______________ [1'] Settings for Right Side Column in Voyager Contents (thick layout) _______________*/ td#right_td #blog_Col { width:185px; background-image:url(../../images/parts/blog_bg02_003.gif); } td#right_td #blog_Col dl { background:url(/element/blog/images/parts/blog_bg02_002.gif) repeat-y; } td#right_td #blog_Col dt { width:185px; } td#right_td #blog_Col dt a { width:185px; background-image:url(/element/blog/images/parts/blog_tx02_001.gif); } td#right_td #blog_Col dd { width:165px; } td#right_td #blog_Col p.link { width:163px; } /*_________________ [16] Recommend parts _____________________*/ p.recommend{ background:#f0f0f0; border-bottom:1px dotted #cccccc; border-top:2px solid #bdbdbd; padding:8px 0; text-align:center; font-weight:bold; margin-bottom:17px; } /*_________________ [17] Review parts _____________________*/ .rightSide_Box_01{ margin-bottom: 20px; padding: 15px 15px 10px; border: 1px solid #c6b599; font-family: '\30e1\30a4\30ea\30aa', Meiryo, '\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3', 'Hiragino Kaku Gothic ProN', '\ff2d\ff33 \ff30\30b4\30b7\30c3\30af', sans-serif; } .rightSide_Box_01 .rightSide_Box_01_header{ margin: -14px -14px 8px; padding: 9px 10px 7px; border-bottom: 1px solid #e9e1d5; /* SVG as background image (IE9/Safari/Opera) */ background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3MDEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGQUY1RUMiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGNkVERTAiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c3MDEpIiAvPgo8L3N2Zz4=); background: -webkit-linear-gradient(#faf5ec 0%, #f6ede0 100%); background: linear-gradient(#faf5ec 0%, #f6ede0 100%); background-color:#faf5ec; text-align: center; } .rightSide_Box_01 .rightSide_Box_01_hdg{ margin-left: -3px; } .rightSide_Box_01 .rightSide_Box_nav li{ margin: 3px 1px 0; display: inline-block; font-weight: bold; } .rightSide_Box_01 .rightSide_Box_nav li a{ padding: 1px 8px; color:#444 !important; border-width: 1px; border-color: #ccc #ccc #94805d; border-style: solid; border-radius: 3px; display: block; box-shadow:0 1px 1px rgba(0, 0, 0, 0.2); min-width: 2.55em; /* SVG as background image (IE9/Safari/Opera) */ background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3MjkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGRkZGRkYiIG9mZnNldD0iMC4yIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0RERERERCIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzcyOSkiIC8+Cjwvc3ZnPg==); background: -webkit-linear-gradient(#fff 20%, #ddd 100%); background: linear-gradient(#fff 20%, #ddd 100%); background-color:#f9f9f9; text-decoration: none !important; } .rightSide_Box_01 .rightSide_Box_nav li:nth-child(4){ margin: 3px 0 0; } .rightSide_Box_01 .rightSide_Box_nav li:nth-child(4) a{ padding: 1px 10px; } .rightSide_Box_01 .rightSide_Box_nav li a:active, .rightSide_Box_01 .rightSide_Box_nav li a:hover, .rightSide_Box_01 .rightSide_Box_nav li a:focus{ background-image: none; background-color: #eaecf6; } .rightSide_Box_01 .rightSide_Box_01_hdg-01{ margin-bottom: 10px; padding: 2px 2px 1px; border-radius: 3px; color: #fff; position: relative; background-color: #9e0013; text-align: center; } .rightSide_Box_01 .rightSide_Box_01_hdg-01:before{ margin:0 0 0 -6px; content: ""; display:block; width:0; height:0; position:absolute; bottom: -5px; left: 50%; border-width:6px 6px 0 6px; border-color: #9e0013 transparent transparent transparent; border-style:solid; } .rightSide_Box_01 .rightSide_Box_01_list{ line-height: 1.35; font-size: 12px; } .rightSide_Box_01 .rightSide_Box_01_list li{ margin-top: 4px; display: table; width: 100%; } .rightSide_Box_01 .rightSide_Box_01_list li .thumb, .rightSide_Box_01 .rightSide_Box_01_list li .text{ display: table-cell; vertical-align: middle; } .rightSide_Box_01 .rightSide_Box_01_list li .thumb{ padding-right: 10px; } .rightSide_Box_01 .rightSide_Box_01_list li .thumb img{ width: 45px; height: 45px; } .rightSide_Box_01 .rightSide_Box_01_list li a{ display: block; color:#555 !important; } /* IE7 ----------------------------- */ *:first-child+html .rightSide_Box_01 .rightSide_Box_nav li{ display: inline; zoom:1; } *:first-child+html .rightSide_Box_01 .rightSide_Box_01_list li .thumb{ float: left; } /* IE6 ----------------------------- */ * html .rightSide_Box_01 .rightSide_Box_nav li{ display: inline; zoom:1; } * html .rightSide_Box_01 .rightSide_Box_01_list li .thumb{ float: left; } /*______________ Review side box ________________*/ .review-side-box{ border:1px solid #c7c7c7; width:210px; box-sizing:border-box; font-family: '\30e1\30a4\30ea\30aa', Meiryo, '\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3', 'Hiragino Kaku Gothic ProN', '\ff2d\ff33 \ff30\30b4\30b7\30c3\30af', sans-serif; } .review-side-box .hdg-review{ background:url(/element/shared/images/sidebar/hdg-a01.png) no-repeat; text-indent:-9999px; width:208px; height:79px; } .review-side-box .hdg-city{ background:#ececec; border-top:3px solid #b5b5b5; font-size:18px; font-weight:bold; padding:12px 10px; line-height: 1.2; } .review-side-box .hdg-other{ background:#e1e1e1; padding:4px 5px; line-height:1.1; font-weight:bold; margin:35px 0 10px; } .local-link-list{ padding:12px 10px; line-height:1.4; font-size:14px; } .local-link-list span{ font-weight:bold; } .local-link-list a{ position:relative; padding-left:15px; } .local-link-list a:before { display: block; content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 7px; left: 0px; width: 8px; height: 8px; margin-top: -4px; background: #999; } .local-link-list a:after { display: block; content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 4px; left: 0px; width: 8px; height: 8px; margin-top: -4px; background: #fff; } .city-review-list + .hdg-city{ margin-top:35px; } .city-review-list > li{ padding:10px; border-bottom:1px solid #c7c7c7; } .city-review-list > li:last-child{ border-bottom:0; } .city-review-list li p.hdg-p01{ position:relative; padding-left:25px; font-size:16px; font-weight:bold; margin-bottom:8px; } .city-review-list li p.hdg-p01:before{ content: ''; position: absolute; top: 50%; left:10px; background: url(/element/shared/images/sprite/sprite-icon-all.png) no-repeat; display: block; width: 24px; height: 18px; margin-top: -9px; margin-left: -12px; } .city-review-list li.gourmet p:before{ background-position: -65px -66px; } .city-review-list li.hotel p:before{ background-position: -4px -66px; } .city-review-list li.spot p:before{ background-position: -35px -66px; } .city-review-list li.shopping p:before{ background-position: -96px -66px; } .city-img-box{ display:table; position:relative; max-height:141px; width:188px; margin-bottom:10px; } .city-img-box .spot-info-img{ max-height: 141px; box-sizing:border-box; display:table-cell; width:188px; vertical-align:middle; text-align:center; } .city-img-box .spot-info-img img{ max-height:141px; max-width:188px; } .city-img-box .spot-info-text{ height:36px; box-sizing:border-box; display:table; width:188px; position:absolute; bottom:0; left:0; font-size:13px; font-weight:bold; color:#fff; line-height:1.2; background-color: rgba(0,0,0,0.5); } .city-img-box .spot-info-text p{ display:table-cell; height:36px; box-sizing:border-box; padding:4px 5px; vertical-align:middle; } .spot-link-list + .city-img-box{ margin-top:15px; } .spot-link-list li{ font-size:13px; line-height:1.3; margin-bottom:5px; } .spot-link-list li.all-spot{ text-align: right; } .spot-link-list li .link-01{ padding-left:10px; display:inline-block; position:relative; } .spot-link-list li .link-01:before{ content:''; width: 0; height: 0; border-style: solid; border-width: 3px 0 3px 4px; border-color: transparent transparent transparent #5d5d5d; display:block; position:absolute; left:0; top:5px; } .spot-link-list li .link-02{ padding-left:15px; display:inline-block; position:relative; font-size:12px; } .spot-link-list li .link-02:before{ content:''; width: 0; height: 0; border-style: solid; border-width: 3px 0 3px 4px; border-color: transparent transparent transparent #fff; display:block; position:absolute; left:4px; top:4px; z-index:1; } .spot-link-list li .link-02:after{ content:''; width: 11px; height:11px; background:#818181; border-radius:2px; display:block; position:absolute; left:0; top:2px; }