/*________________ [0] General Styles _________________*/ #main_Col td h2 { font-size:120%; line-height:1.0; } #main_Col div.item h4.itemHeader { margin:0 0 0.7em 0; padding:1em 0 0 20px; width:740px; height:34px; line-height:30px; font-size:120%; color:#533702; background:url(/element/j_hotel/beststay/images/search/area_bg01_001.gif) no-repeat left bottom; } #main_Col div.item h4.itemHeader span { font-size:85%; font-weight:normal; } #main_Col p.goTop { margin:0 0 1.5em 0; text-align:right; } #main_Col #searchArea_Menu { margin:0; } .hissu { padding:0 0 0 3px; font-size:80%; line-height:1.1; font-weight normal; color:#ff0000; } .en { font-size:80%; } .attention { color:#ff0000; } .frm { padding:2px 0 2px 10px; } .left div { text-align:left; } .center div { text-align:center; } .right div { text-align:right; } /*________________ Go Top ____________________*/ #goTop { margin-bottom:5px; } #goTop td { text-align:right; } /*________________ MyPage ____________________*/ #funcArea { margin-bottom:0px; } #funcArea .func { text-align:right; } #funcArea .func span { color:#dddddd; } /*________________ Hotel Name _______________________________________*/ #hotelName h3 { font-size:160%; color:#a60000; margin:8px 0 0 10px; line-height:1.0; } #hotelName td { font-size:12px; background-image:none; } #hotelName a { text-decoration:none; color:#a60000; } #hotelName span { float:left; margin:0px; padding:0px; width:100px; text-align:right; background-image:none; } #hotelName .bg { background:url(/element/j_hotel/beststay/images/search/bg03_001.gif) repeat-x; } #hotelName .bgPrint { background:url(/element/j_hotel/beststay/images/search/bg03_101.gif) repeat-x; } #hotelName .userRank { text-align:right; } #hotelName .userRank table { float:right; } #hotelName .hotelArea { margin-right:8px; font-size:80%; } #hotelName .hotelArea a { text-decoration: underline; color: #000099;} #hotelName .hotelArea a:hover { text-decoration: underline; color: #FF0000;} /*_________________ Content Menu _______________________________________*/ #menu { margin:4px 0 0 0;} #menu h4 { margin:8px; font-size:12px; } #menu .tab01_001 { background:url(/element/j_hotel/beststay/images/search/bg02_001.gif) repeat-x; } #menu .tab01_101 { height:30px; background:url(/element/j_hotel/beststay/images/search/bg02_003.gif) no-repeat; text-align:center; } #menu .tab01_102 { height:30px; background:url(/element/j_hotel/beststay/images/search/bg02_002.gif) no-repeat; text-align:center; } /*_________________ Sub Menu _________________________________*/ #subSection { margin-bottom:15px; } #subSection h5 { display:inline; font-weight:normal !important; font-size:100%; } #subSection #subMenu td { text-align:center; vertical-align:top; } #subSection #subMenu .focus { height:23px; font-weight:bold; text-align:center; background:url(/element/j_hotel/beststay/images/search/bg04_001.gif) no-repeat #fff; } #subSection #subMenu .focusMypage { display:block; height:23px; font-weight:bold; text-align:center; background:url(/element/j_hotel/beststay/images/mypage/bg02_001.gif) no-repeat #fff; } #subSection #subMenu .clip { text-align:right; } #subSection #subMenu .clip a { padding:0 0 0 17px; background:url(/element/shared/images/icon/clip.gif) no-repeat left center; } #subSection .func { text-align: right; } /*_________________ Guidance __________________________________*/ #step { margin-bottom:15px;} /*_________________ Search ______________________________*/ #advanceSearch, #changeRequest { margin-bottom:10px; width:760px; } #advanceSearch #itemSection, #changeRequest #itemSection { margin:5px 0; } #advanceSearch #itemSection .button { margin-bottom:5px; text-align:center; } #changeRequest #itemSection .button { margin-top:5px; text-align:right; } #advanceSearch .title1-1, #changeRequest .title1-1 { font-weight:bold; text-align:center;} #advanceSearch .top, #changeRequest .top { font-weight:bold; background:url(/element/j_hotel/beststay/images/search/advance_bg01_001_t.gif) no-repeat bottom #ffffff; } #advanceSearch .top div, #changeRequest .top div { margin-left:35px; } #advanceSearch .bottom, #changeRequest .bottom { background:url(/element/j_hotel/beststay/images/search/advance_bg01_001_b.gif) no-repeat #fff; text-align:center; } #searchItem { background-color:#FFFBF2; margin-bottom:5px;} #searchItem div { text-align: center; } #searchItem div table { margin:0 auto 0 0; } #searchItem div table td { text-align:left; } #searchItem span { font-size: 10px;} #searchItem .p01 { padding-left:8px; margin-top:4px; } #advanceItem { margin:0; } #advanceItem span { font-size:10px; } #searchItem td, #advanceItem td { background-image:none; } #advanceSearch #detail_situation { font-size:80%; color:#f00;} #advanceSearch p a img, #changeRequest p a img { margin:0 3px; } #advanceSearch p a img#bt01, #changeRequest p a img#bt01 { margin:0; } /*___________________ Plan _____________________________________*/ #planList{margin-bottom:10px;} /*___________________ Plan Detail _______________________________*/ #planAppeal, #hotelAppeal { margin-bottom:10px;} #planAppeal span, #hotelAppeal span { font-weight:bold; } #hotelAppeal div, #planAppeal div { margin:5px 0; } #planAppeal input { width:230px; margin:8px 0; } #hotelAppeal .address { margin-top:15px; } /*___________________ Info ________________________________*/ #information { margin-bottom:10px; } #information div { margin-bottom:10px; font-weight:bold; } .deco { background:url(/element/j_hotel/beststay/images/search/dtl_hotel_pi01_001.jpg) no-repeat #eee;} /*___________________ Hotel Pict ____________________________*/ #planSubpicture { margin:15px 0;} #ReserveButton { margin-bottom:30px;} #ReserveButton .color01-001 { padding:3px; text-align:right;} /*___________________ Hotel Data _______________________________*/ #hotelData { margin-bottom:15px; } .item { margin-bottom:1.5em; } .item td { line-height:1.1; } .item td ul, .item td li { margin-left:1em; list-style-type:disc; } .itemList { margin-bottom:10px; } .itemList p { margin-top:5px; } .item span { padding:5px; font-size:120%; font-weight: bold; } .item .eng { text-align:right; } .data { margin-top:10px; } .itemList .detail_table { margin:1px 0 0 0; border:solid 1px #b8b8b8; width:508px;} .itemList .detail_table th { padding:0.3em 0 0.3em 2px; width:7em; text-align:left; vertical-align:top; background:url(/element/j_hotel/beststay/images/hr01_002.gif) repeat-x left top; } .itemList .detail_table th span { padding:0 0 0 12px; font-size:80%; font-weight:normal; background:url(/element/shared/images/burette/bu01_001.gif) no-repeat left 2px; } .itemList .detail_table td { padding:0.3em 0 0.3em 0; background:url(/element/j_hotel/beststay/images/hr01_002.gif) repeat-x left top;} .itemList .detail_table tr.first_line th, .itemList .detail_table tr.first_line td { background-image:none; } /*____________________ AccessMap ______________________________________*/ #accessMap td { text-align:center; } /*____________________ Google MAP ______________________________________*/ #map_canvas { margin:0 auto; } /*____________________ Colors ______________________________________*/ .color01-001 { background-color: #a60000; } .color01-002 { background-color: #dddddd; } .color01-003 { background-color: #eeeeee; } .color01-004 { background-color: #aaaaaa; } .color01-005 { background-color: #666666; } .color01-006 { background-color: #FFFCDB; } .color01-009 { background-color: #ffffff; } .color02-001 { background-color: #bdbdbd; } .color02-002 { background-color: #FFCCDD; } .color02-003 { background-color: #FECCCB; } .color09-001 { background-color: #dd0000; } .border { background-image:url(/element/j_hotel/beststay/images/hr01_002.gif); } /*____________________ List ___________________________________*/ #listType { margin:10px 0 5px 0; } #listType div { text-align:right; } #listType div span { font-weight:bold; } .requestData { margin:2px 0 2px 2px; font-weight:bold; text-align:left; } #calButton { margin-top:10px;} #calButton td { font-size:93%; } /* #calButton div table { background:url(/element/j_hotel/beststay/images/search/vr01_002.gif) repeat-y;} */ #calButton input { margin-bottom:10px; } .planTitle { font-weight: bold; } .planText { font-size:80%; line-height:100%; } .roomSize { font-size:80%; line-height:130%; text-align:center; } #markArea td { font-size:10px; } #planList .color02-101 { background-color:#bdbdbd; } #planList .color02-201 { font-size:80%; text-align:center; color:#fff; background:url(/element/j_hotel/lst/images/item_bg01_002.gif) repeat-x left top; } #planList .color02-202 { padding-top:4px; padding-left:8px; height:16px; color:#fff; font-weight:bold; background:url(/element/j_hotel/lst/images/item_bg01_002.gif) repeat-x left top; } #planList strong { font-size:125%; } .color02-301 { background-color:#ffffff; text-align: center; } .color02-311 { background-color:#D3EEEC; font-size:140%; font-weight:bold; text-align:center; } .color02-312 { background-color:#FFF1AC; font-size:140%; font-weight:bold; text-align:center; } .color02-313 { background-color:#F8E7C6; font-size:140%; font-weight:bold; text-align:center; } .color02-314 { background-color:#FCE8E4; font-size:140%; font-weight:bold; text-align:center; } .color02-315 { background-color:#CCCCCC; font-size:140%; font-weight:bold; text-align:center; } .color02-316 { background-color:#ECF5DD; font-size:140%; font-weight:bold; text-align:center; } .color02-311 div, .color02-312 div, .color02-313 div, .color02-314 div, .color02-315 div, .color02-316 div { font-size:100%; font-weight:normal; } .color02-321 { background-color:#ffffff; } .color02-322 { background-color:#FFFCDB; } .color02-331 { background-color:#ffffff; text-align: center; font-size:80%; color:#0000cc; } .color02-332 { background-color:#eeeeee; text-align: center; font-size:80%; color:#dddddd; } .color02-341 { background-color:#7CA1B6; text-align:center; } .color02-342 { background-color:#668C40; text-align:center; } .color02-343 { background-color:#C38C8C; text-align:center; } .color02-344 { background-color:#ffffff; text-align:center; } .color02-351 { background-color:#ffffff; text-align:center; } .color02-361 { background-color:#ffffff; text-align:center; } .color02-371 { background-color:#ffffff; text-align:center; } .color02-381 { background-color:#ffffff; } /*________________________ osusume _______________________________*/ .color03-101 { background-color:#F58A71; } .color03-201 { background:url(/element/j_hotel/beststay/images/search/calendar_bg03_101.gif) repeat-x #F6C8A5; font-size:80%; text-align:center; } .color03-202 { padding-top:4px; padding-left:8px; height:16px; color:#fff; font-weight:bold; background:url(/element/j_hotel/beststay/images/search/calendar_bg03_102.gif) repeat-x #F6C8A5; } .color03-321 { background-color:#ffffff; } .color03-322 { background-color:#FEF9F6; } .color03-331 { background-color:#ffffff; text-align:center; font-size:80%; color:#0000cc; } .color03-332 { background-color:#eeeeee; text-align:center; font-size:80%; color:#dddddd; } .color03-341 { background-color:#7CA1B6; text-align:center; } .color03-342 { background-color:#668C40; text-align:center; } .color03-343 { background-color:#C38C8C; text-align:center; } .color03-344 { background-color:#ffffff; text-align:center; } .color03-351 { background-color:#ffffff; text-align:center; } .color03-361 { background-color:#ffffff; text-align:center; } .color03-371 { background-color:#ffffff; text-align:center; } .color03-381 { background-color:#ffffff; } .a01, .a02, .caption1.a01 { float:left;} .border_line { background:url(/element/j_hotel/beststay/images/search/hr01_003.gif) repeat-x left top; font-size:1px; margin:0px;} /*_________________________ Calender _____________________________*/ #calendarCtrl { margin-bottom:10px; } #calendar { margin:0 0 10px 0; } #calendar h3 { margin:8px; } #calendar .item { margin-bottom:5px; } #calendar .caption { margin:0 0 1em 0; font-weight:bold; color:#4a4da5; } #calendar #moveMonth { margin:10px 0; } #calendar #moveMonth span { font-size:100%; font-weight:bold; } #calendar #moveMonth .month { font-size:267%; font-weight:bold; line-height:1.0; } #calendar #moveMonth .monthList div { margin-left: 15px; } #calendar #moveMonth .selectMonth div { margin-top: 5px; } #calendar #calendarTab div { margin:0; } #calendar #calendarTab h3 { text-align:center; } #calendar .tab01_001 { background:url(/element/j_hotel/beststay/images/search/calendar_bg04_001.gif) repeat-x; } #calendar .tab01_101 { height:30px; text-align:center; background:url(/element/j_hotel/beststay/images/search/calendar_bg04_002.gif) no-repeat; } #calendar .tab01_102 { height:30px; text-align:center; background:url(/element/j_hotel/beststay/images/search/calendar_bg04_003.gif) no-repeat; } #calendar #statusGuide { margin: 5px; } #calendar #statusGuide td { font-size:80%; font-weight:normal; } #calendar #statusGuide div { margin-right:10px; } #calendar #date div { margin-top:3px; margin-bottom:3px; } #calendar #datePlan div { margin-top:10px; margin-bottom:10px; } #calendar #date td, #calendar #datePlan td { text-align:center; font-size:100%; } #calendar #date th span, #calendar #date div span, #calendar #datePlan th span, #calendar #datePlan div span { font-size:80%; font-weight: normal; } #calendar #date .color01-002 div { text-align:center; } #calendar .color01-101 { background:url(/element/j_hotel/beststay/images/search/calendar_bg01_101.gif) #EEEEEE; } #calendar .color01-102 { background:url(/element/j_hotel/beststay/images/search/calendar_bg01_102.gif) #E9CFCF; font-size:120%; font-weight: bold; color: #CC0000;} #calendar .color01-103 { background:url(/element/j_hotel/beststay/images/search/calendar_bg01_101.gif) #EEEEEE; font-size:120%; font-weight: bold; } #calendar .color01-104 { background:url(/element/j_hotel/beststay/images/search/calendar_bg01_103.gif) #CFCFE9; font-size:120%; font-weight: bold; color: #0000CC;} #calendar .color01-112 { background:url(/element/j_hotel/beststay/images/search/calendar_bg01_101.gif) #EEEEEE; font-size:120%; font-weight: bold; color: #CC0000;} #calendar .color01-113 { background:url(/element/j_hotel/beststay/images/search/calendar_bg01_101.gif) #EEEEEE; font-size:120%; font-weight: bold; } #calendar .color01-114 { background:url(/element/j_hotel/beststay/images/search/calendar_bg01_101.gif) #EEEEEE; font-size:120%; font-weight: bold; color: #0000CC;} #calendar .color01-201 { background: url(/element/j_hotel/beststay/images/search/calendar_bg01_201.gif) #EEEEEE; } #calendar .color02-101 { background-color: #FFFFFF; } #calendar .color02-102 { background-color: #F7EEEE; } #calendar .color02-103 { background-color: #FFFFFF; } #calendar .color02-104 { background-color: #EEEEF7; } #calendar .color02-111 { background-color: #EEEEEE; } #calendar .color02-112 { background-color: #F4E6E6; } #calendar .color02-113 { background-color: #EEEEEE; } #calendar .color02-114 { background-color: #E6E6F4; } #calendar .color02-201 { background-color: #FAEED8; } #calendar .color02-211 { background-color: #F5DCB0; } /*__________________________ Reservation ______________________________*/ #formReserve { border: 1px solid #DDDDDD; width:760px; margin-bottom:15px;} #formReserve .color01-005 div { color: #ffffff; padding:3px; font-weight: bold; text-align:center;} /*__________________________ Fix __________________*/ .confirm { margin-bottom:12px;} .confirm select { width:200px; } .confirm #meal { margin-left:2px; margin-bottom:0px; width:748px; border:0px solid #dddddd; background-color: #dddddd; } .confirm #meal td { text-align:center; } .confirm #meal p { padding:5px; text-align:left; } .confirm #schedule { margin-left:2px; margin-bottom:2px; width:748px; border:0px solid #dddddd; background-color: #dddddd; } .confirm #schedule td { text-align: center;} .confirm #schedule td.date { background:#fafafa;} .confirm #schedule p { padding:5px; text-align:left; } .confirm .brand { font-size:80%; color:#fff; } .confirm .p01 { margin-left:3px; } .confirm .p02 { margin-left:3px; color:#f00; font-size:120%; font-weight:bold; } .confirm .total span { font-size:160%; font-weight: bold; } .confirm .reserveArea { padding:6px 0 3px 0; text-align:right; } .confirm .subTotal span { color:#ff0000; } .confirm .plancode { padding-bottom:3px; line-height:1.2; color:#505050; } .confirm .plancode p { line-height:1.2; word-wrap:break-word; } .details { border: 0px solid #dddddd; background-color: #dddddd; width:748px; margin-left:2px; } .details .color01-003 td { font-size:80%; } .details .cel01_101 { text-align:left; } .details .cel102 { text-align:left; } .details .cel103 { text-align:left; } .details .cel104 { text-align:right; } .details .cel105 { text-align:right; } .details .cel106 { text-align:right; } .details .cel107 { text-align:center; color: #ff0000; } .details .cel108 { text-align:right; color: #ff0000; } .details .cel201 { text-align:right; } .details .cel202 { text-align:right; } .details .cel202 p { text-align:left; font-size:80%; color:#ff0000; } .details .cel203 { text-align:right; color: #ff0000;} .details .cel204 { text-align:right; font-size:100%; font-weight:bold; } .details .cel205 { text-align:right; font-size:120%; font-weight:bold; } .details .cel103 span, .details .cel104 span, .details .cel106 span, .details .cel108 span, .details .cel109 span, .details .cel201 span, .details .cel203 span, .details .cel205 span { font-size:80%; } /*___________________________ Schedule ____________________________________*/ .item #schedule { margin-left:2px; margin-bottom:5px; margin-top:5px; width:100%; border:0px solid #dddddd; background-color:#dddddd; } .item #schedule td { text-align: center; } .item #schedule td.date { background:#fafafa; } .item #schedule p { padding:5px; text-align:left; } /*___________________________ For Print ______________________________________________________*/ .detailsPrint { border: 0px solid #dddddd; background-color: #dddddd; width:628px; margin-left:2px;} .detailsPrint .color01-003 td { font-size:10px; } .detailsPrint .cel01_101 { text-align:left; } .detailsPrint .cel102 { text-align:left; } .detailsPrint .cel103 { text-align:left; } .detailsPrint .cel104 { text-align:right; } .detailsPrint .cel105 { text-align:right; } .detailsPrint .cel106 { text-align:right; } .detailsPrint .cel107 { text-align:center; color: #ff0000;} .detailsPrint .cel108 { text-align:right; color: #ff0000;} .detailsPrint .cel201 { text-align:right; } .detailsPrint .cel202 { text-align:right; } .detailsPrint .cel202 p { text-align:left; color:#ff0000; font-size:10px;} .detailsPrint .cel203 { text-align:right; color:#ff0000;} .detailsPrint .cel204 { text-align:right; font-size:100%; font-weight: bold; } .detailsPrint .cel205 { text-align:right; font-size:120%; font-weight: bold; } .detailsPrint .cel103 span, #detailsPrint .cel104 span, #detailsPrint .cel106 span, #detailsPrint .cel108 span, #detailsPrint .cel109 span, #detailsPrint .cel201 span, #detailsPrint .cel203 span, #detailsPrint .cel205 span { font-size:80%; } /*________________ [3] Item List Area ____________________*/ #hotelInfo_Col { position:relative; margin:0 0 8px 0; padding:8px 0 0 0; width:760px; border-top:solid 2px #FF9B7A; background:url(/element/j_hotel/shared/images/item_bg01_005.jpg) no-repeat right 1px ;} /*________________ [3-1] Hotel Data _________________*/ #hotelInfo_Col h3 { margin:0 auto 0 142px; width:360px; font-size:130%; } #hotelInfo_Col dl.hotel_Data { padding:0 0 0 132px; width:367px; color:#533801; height:90px; } #hotelInfo_Col > dl.hotel_Data { height:auto; min-height:90px; } #hotelInfo_Col dl.hotel_Data dt { position:absolute; top:9px; left:7px; text-align:center; padding:2px; width:120px; border:solid 1px #d8d8d8; background-color:#fff; } #hotelInfo_Col dl.hotel_Data dt img { vertical-align:middle; } #hotelInfo_Col dl.hotel_Data dd img { vertical-align:middle; } #hotelInfo_Col dl.hotel_Data dd.explanation { padding:3px 5px 0 10px; line-height:1.1; } #hotelInfo_Col dl.hotel_Data dt.area, #hotelInfo_Col dl.hotel_Data dt.access { clear:both; position:static; display:inline; float:left; padding:3px 0 3px 10px; width:46px; height:15px; min-height:0; border-width:0; background-color:transparent; text-align:left; } #hotelInfo_Col dl.hotel_Data dt.area img, #hotelInfo_Col dl.hotel_Data dt.access img { margin:0; padding:0; border:0; } #hotelInfo_Col dl.hotel_Data dd.area { float:left; padding:6px 10px 3px 0; width:301px; height:12px; } #hotelInfo_Col dl.hotel_Data > dd.area { height:auto; min-height:15px; } #hotelInfo_Col dl.hotel_Data dd.access { float:left; padding:3px 10px 3px 0; width:301px; line-height:1.2;} /*________________ [3-2] Hotel Information -> price, evaluation ________________*/ #hotelInfo_Col dl.information_Area { position:absolute; top:9px; right:12px; padding:5px; width:205px; border:solid 1px #d8d8d8; background-color:#fff; } #hotelInfo_Col dl.information_Area dt { float:left; width:63px; height:12px; line-height:1.1; font-size:80%; } #hotelInfo_Col dl.information_Area dt img { vertical-align:top;} #hotelInfo_Col dl.information_Area dd { float:left; padding:0 3px 0 0; width:36px; height:12px; text-align:right; line-height:1.1; } #hotelInfo_Col dl.information_Area dd img { display:inline; float:left; margin:0; vertical-align:top; } #hotelInfo_Col dl.information_Area dt.valuable_Plan { width:60px; height:auto; } #hotelInfo_Col dl.information_Area dt.valuable_Plan img { margin:0.6em 0; vertical-align:middle; } #hotelInfo_Col dl.information_Area dd.valuable_Plan { padding:0 0 5px 0; width:145px; height:auto; color:#c00; } #hotelInfo_Col dl.information_Area dd.valuable_Plan em { margin:0 0.2em 0 0; font:bold 160% verdana; } #hotelInfo_Col dl.information_Area dd.valuable_Plan a:link, #hotelInfo_Col dl.information_Area dd.valuable_Plan a:visited { color:#c00; } #hotelInfo_Col dl.information_Area dd.valuable_Plan a:hover, #hotelInfo_Col dl.information_Area dd.valuable_Plan a:active { color:#f63; } #hotelInfo_Col dl.information_Area dd.valuable_Plan span { display:block; margin:0 0.2em 0 0; color:#333; font-size:80%; letter-spacing:1px; } #hotelInfo_Col dl.information_Area dt.total_evaluation { padding:3px 0 5px 0; width:114px; height:auto; font-size:100%; font-weight:bold; white-space:nowrap; color:#533702; } #hotelInfo_Col dl.information_Area dd.total_evaluation { padding:3px 0 5px 0; width:90px; height:auto; } #hotelInfo_Col dl.information_Area dd.total_evaluation img { float:none; display:inline; margin:0 1px; } #hotelInfo_Col #contentMenu_Nav:after { content:'.'; display:block; clear:both; height:0; visibility:hidden; } #hotelInfo_Col #contentMenu_Nav { clear:both; padding:0.4em 0 0 0; width:760px; border-bottom:solid 3px #f63; } #hotelInfo_Col #contentMenu_Nav li { float:left; width:139px; height:22px; text-align:center; font-weight:bold; line-height:22px; background:url(/element/j_hotel/shared/images/contentTab_bg01_001.gif) no-repeat left top; } #hotelInfo_Col #contentMenu_Nav li a { display:block; width:139px; height:22px; text-align:center; text-decoration:none; background:url(/element/j_hotel/shared/images/contentTab_bg01_002.gif) no-repeat left top; } #hotelInfo_Col #contentMenu_Nav li a:hover { background-image:none; } #hotelInfo_Col #contentMenu_Nav li b { padding:0 0 0 14px; background:url(/element/shared/images/burette/ar01_b003.gif) no-repeat left center; } #hotelInfo_Col #contentMenu_Nav li a b { text-decoration:underline; } #hotelInfo_Col #contentMenu_Nav li a:link b, #hotelInfo_Col #contentMenu_Nav li a:visited b { background-image:url(/element/shared/images/burette/ar01_g001.gif); } #hotelInfo_Col #contentMenu_Nav li a:hover b, #hotelInfo_Col #contentMenu_Nav li a:active b { background-image:url(/element/shared/images/burette/ar01_b001.gif); } #hotelInfo_Col p { position:absolute; right:0; bottom:5px; float:none; padding:0 3px 0 0; width:340px; text-align:right; background-image:none; } #hotelInfo_Col p a { padding:0 0 0 14px; background:url(/element/shared/images/burette/ar01_b001.gif) no-repeat left 1px; vertical-align:bottom; font-weight:bold; line-height:1.1; } /*________________________ Member Form _____________________*/ #form { border: 1px solid #DDDDDD; width:680px; margin-bottom:15px;} #form .summary_frm { font-size:80%; } #form .attend_txt { padding-left:16px; font-size:80%; } #form .color01-005 div { color:#ffffff; padding:3px; font-weight:bold; text-align:center; } .formLabel01 { border:1px solid #ffffff; background-color:#FFEEEE; } .formLabel01 div { padding-top: 3px; padding-left:5px; } .formLabel01 img { vertical-align:middle; } .formField01 { padding:2px 0 2px 5px; border-left: 1px solid #DDDDDD; background-color:#fff; } .formLabel02 { background-color: #F2F2D8;} .formLabel02 div { padding-top:3px; padding-left:5px;} .formField02 { padding-top:2px; padding-bottom:2px; padding-left:5px; background-color:#fff; } .formLabel03 { background-color:#eee;} .formLabel03 div { padding-top:3px; padding-left:5px;} .formField03 { padding-top:2px; padding-bottom:2px; padding-left:5px; background-color:#fff; } #form .color02-001 div, #formReserve .color02-001 div { padding:3px; color:#ffffff; font-weight:bold; text-align:center;} #form .color02-002 div, #formReserve .color02-002 div { padding:3px; font-weight:bold; text-align:center;} #form .color02-003 div, #formReserve .color02-003 div { padding:3px; color:#333333; font-weight:bold; text-align:center;} /*_________________________ MyPage ____________________________*/ #formReserve td, #formReserve .formLabel01 { border:none; } #formReserve .formLabel01 img { vertical-align:baseline; } #formReserve .color01-002 div { padding:3px; font-weight: bold; text-align:center; } .button div { padding:10px; text-align:center; } /*__________________________ Message _____________________*/ #message { margin-top:5px; margin-bottom:15px; width:608px; border:1px solid #DDD; } #messageSubwin { margin-top:5px; margin-bottom:15px; width:90%; border:1px solid #DDD; } #message .color01-005 div, #messageSubwin .color01-005 div { padding:3px; color: #ffffff; font-weight: bold; text-align:center; } #message .color09-001 div, #messageSubwin .color09-001 div { padding:3px; color: #ffffff; font-weight: bold; text-align:center; } #message p { padding:10px;} #messageSubwin p { margin-bottom:15px;} #messageSubwin .hr div { margin-top:5px; margin-bottom:3px; } #messageSubwin span { color:#dd0000; font-weight: bold; } .buttonLogin div { padding:10px; text-align:left;} /*___________________________ Sub Window _____________________*/ #headerSubwin td, #headerSubwin a { color:#FFFFFF; } #headerSubwin span { font-size:120%; font-weight: bold; } #headerSubwin .color01-001 div { padding:2px; text-align:right; } /*___________________________ Enquete __________________________*/ #enqueteForm #body { background:url(/element/j_hotel/beststay/images/mypage/enquete_bg01_003.gif) repeat-y; text-align:center;} #enqueteForm #top { background:url(/element/j_hotel/beststay/images/mypage/enquete_bg01_001.gif) repeat-y; } #enqueteForm #body td { background-image:none; } /*____________________________ Mypage __________________________*/ #mypageHeader { margin-bottom: 1px; } #mypageHeader #top { height:32px; background:url(/element/j_hotel/beststay/images/mypage/bg01_001.gif) no-repeat; text-align:center; } #mypageHeader #top td { background-image:none; } #mypageHeader #top a { color: #FFFFFF; } #mypageHeader #top .loginMessage div { margin-top:5px; margin-left:10px; } #mypageHeader #top .registInfo { text-align:center; color:#FFFFFF; } #mypageHeader #top .registInfo div { margin-top:5px; } #mypageHeader #mypageInfo { height:60px; background:url(/element/j_hotel/beststay/images/mypage/bg01_002.gif) no-repeat; } #mypageHeader #mypageInfo div { margin-top:5px; margin-left:2px; background-image:none; } #enqueteForm #body .top { background:url(/element/j_hotel/beststay/images/mypage/enquete_bg01_001.gif) no-repeat; text-align:center; } #enqueteForm #body .bottom { background:url(/element/j_hotel/beststay/images/mypage/enquete_bg01_002.gif) no-repeat; text-align:center; } #explainText { margin:10px; } #explainText .border { background-image:url(/element/j_hotel/beststay/images/search/advance_hr01_001.gif); } #explainText .border td { display:block; background:#ffffdd; line-height:1.5; } #mypageHistory { margin-bottom: 10px; } #mypageHistory .List { margin-bottom: 10px; } #mypageHistory #top00 { height:26px; background:url(/element/j_hotel/beststay/images/mypage/history_bg01_000.gif) repeat-x; text-align:center; } #mypageHistory #top01 { height:26px; background:url(/element/j_hotel/beststay/images/mypage/history_bg01_001.gif) repeat-x; text-align:center; } #mypageHistory #top02 { height:26px; background:url(/element/j_hotel/beststay/images/mypage/history_bg01_002.gif) repeat-x; text-align:center; } #mypageHistory #top03 { height:26px; background:url(/element/j_hotel/beststay/images/mypage/history_bg01_003.gif) repeat-x; text-align:center; } #mypageHistory #top04 { height:26px; background:url(/element/j_hotel/beststay/images/mypage/history_bg01_004.gif) repeat-x; text-align:center; } #mypageHistory #top05 { height:26px; background:url(/element/j_hotel/beststay/images/mypage/history_bg01_005.gif) repeat-x; text-align:center; } #mypageHistory #top00 td, #mypageHistory #top01 td, #mypageHistory #top02 td, #mypageHistory #top03 td, #mypageHistory #top04 td, #mypageHistory #top05 td { background-image:none; color: #FFFFFF;} #mypageHistory .status { margin-left: 5px;} #mypageHistory .status span { font-size:100%; font-weight:bold; } #mypageHistory .actionButton { margin-right:5px; text-align:right; } #mypageHistory .list p { color:#a60000; } #mypageHistory .list p span { font-weight: bold; color:#dd0000;} #mypageHistory .confirm .reserveNumber { text-align:right;} #mypageHistory .plan { width:750px; background-color:#aaaaaa; } #mypageHistory .confirm { margin-top:5px; margin-bottom:5px; background-color:#eeeeee; text-align:center; } #mypageHistory .color01-003 div { margin-bottom: 5px; } /*__________________________ Toptour __________________________*/ #mypageHistory .color01-002 { font-size:80%; } #mypageHistory .color01-003 .roomSize { text-align:right; } #mypageHistory .color01-009 { text-align:center; } #mypageHistory .review { margin-top:5px; } #mypageHistory .review .color01-009 { margin-top:5px; text-align:left; line-height:1.2; } #mypageHistory .review .color01-009 div { margin-bottom:5px; text-align:left; } #mypageHistory .view { background-color:#aaaaaa; color:#ffffff; } #mypageHistory .response { background-color:#d38080; color:#ffffff; } /*___________________________ Campaign ________________________*/ .CampaignSTitle { font-weight:bold } .CampaignHotel { font-weight:bold } a.CamHotelLink:link, a.CamHotelLink:visited { color:#FFFFFF; } a.CamHotelLink:hover, a.CamHotelLink:active { color:#000000; } .CampaignPlan { font-weight:bold; } .CampaignFare { color:#A60000; font-weight:bold } /*___________________________ Ranking ___________________________*/ .RankHotelArea { font-size:80%; color:#666666 } .RankHotelName { font-weight:bold; line-height:1.4; } .RankHotelCatch { font-weight:bold; line-height:1.2; margin:5px 0; } .RankStarTxt { font-size:80%; } .RankTable { margin:3px 0; } /*___________________________ Review ___________________________________________*/ #impressionArea .impression { margin-bottom:16px; } #impressionArea .impression p { margin-top:4px; } #impressionArea .impression .caption1 { color:#333; } #impressionArea .osusumeArea { margin-bottom:4px; } /*___________________________ Detail __________________________________________*/ .details2 { margin-left:2px; margin-bottom:2px; width:748px; border:0px solid #dddddd; background-color: #dddddd; } .details2 .cel101 { text-align:left; background-color:#eeeeee;} .details2 .cel201 { text-align:left; } .details2 .celwarn { text-align:left; background-color:#FFCCDD;} .details2 .warning { text-align:left; color:#FF0000; } /*___________________________ Popup _________________________*/ #CHILD_POP { width:320px; } #CHILD_POP em { display:block; margin:0; padding:3px 10px; font-size:80%;} #childGuests { display:none; text-align:right; } #calender_caption { position:relative; } #CAL_POP span { float:right; width:80px; padding:3px 0; } #CHILD_POP span { position:absolute; right:3px; top:3px; } #CHILD_POP span a { padding:0 !important; background:none !important; } #CHILD_POP td { font-size:80%; text-align:left; } #CHILD_POP td.tag { padding:3px 10px; width:190px; } #CHILD_POP td.data { padding:3px 10px; width:90px; text-align:right; } #CHILD_POP td.btn_area { text-align:center; } #CHILD_POP td.btn_area input { text-align:center; } #content_Nav li#jyado_cNav a{ padding:2px 4px 0 4px; min-width:2em; height:18px; border-left:solid 1px #fff; border-right:solid 1px #fff; font-weight:bold; color:#333; background:url(/element/shared/images/header_v2/header_nav02_002_ov.gif) repeat-x left top #fff; }