/* CSS Document */ @charset "UTF-8"; /******************************************** * 日本の旅 メイン配色 * red #600 * gray #bbb * green #690 * beige light #e6e4cd * beige #ca3 ********************************************/ /******************************************** * reset ********************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; font-size:100%; } h1, h2, h3, h4, h5, h6 ,th{ font-weight:normal;} body{ line-height:120%; font-size:12px;} dd{ display:block;} ol, ul{ list-style:none;} a img{ border:0;} em{ font-style:normal;} /******************************************** * clearfix ********************************************/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .clearfix{ height:1%; overflow:visible;} /* IE7 hac*/ .clearfix { display: block; overflow:hidden;} /******************************************** * opacity ********************************************/ a.opa:hover img{ filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80; } /******************************************** * common ********************************************/ body{ background:#eee;} a{ outline: none;} a:link, a:visited, a:active{ color:#600;} a:hover{ color:#c00;} a.blank{ background:url(/images/icon_blank.png) no-repeat right 50%; padding-right:15px;} .tipped { color:#aaa;} .eng{ font-family:Arial;} .meiryo{ font-family: Meiryo, メイリオ, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','Lucida Grande',sans-serif;} .verdana{ font-family:Verdana,Arial;} .center{ text-align:center !important;} .wrapWidth{ width:950px; margin:0 auto; line-height:140%; background:#fff;} .btBg{ width:137px; height:27px; background:url(/images/tmp_bt_bg.png) 0 0 no-repeat; margin:0 auto;} .btBg a{ color:#fff; text-decoration:none; display:block;} .btBg span{ display:block; width:115px; text-align:center; padding:4px 0 0 0; float:right;} .moveUp{ float:right; background:url(/images/icon_move_up.png) 0 4px no-repeat; padding:0 0 0 12px; height:30px;} .nonData{ text-align:center; margin:10px 0;} .centerBt{ text-align:center; margin:20px 0;} .centerBt input{ padding:8px 0; width:200px;} .kome{ color:#900;} .positionHosei{ position:relative; top:2px;} #pankuzu{ padding:0 0 5px 15px;} #pankuzu li{ display:inline;} .pageTitle{ border-top:1px dotted #333; background:url(/images/tmp_title_bg.png) 0 0 no-repeat; margin:0 0 10px 0;} .pageTitle h2{ padding:20px 0 0 15px; font-size:28px;} .pageTitle strong{ font-weight:normal; color:#900;} .pageTitle span{ display:block; padding:5px 0 0 15px;} .linkList{ text-align:center; margin:10px 0; color:#bbb;} .linkList li{ display:inline;} .linkList2{ text-align:center; margin:10px 0; color:#bbb; line-height:350%;} .linkList2 li{ display:inline;} .linkList2 li a{ padding:10px 20px; margin:0 5px; border:1px solid #bbb;} .linkList2 li a:hover{ background:#900; color:#fff; text-decoration:none;} .imgSideTxt{ vertical-align: middle; margin-right:8px;} .underLook{ background:url(/images/icon_under_look.png) 0 0 no-repeat; padding-left:14px;} .yobiBlue{ color:#39c; background:#dee !important;} .yobiRed{ color:#c02; background:#ede !important;} .pagerNavi{ text-align:center;} .pagerNavi strong{ font-size:16px; color:#900; margin:0 3px;} .pagerNavi em{ color:#900; font-weight:bold; margin:0 3px;} .sortMenu{ text-align:center; color:#999;} .sortMenu li{ display:inline;} .defaultTable{ background:#bbb; width:100%; margin:5px auto;} .defaultTable th{ background:#eee;} .defaultTable td{ background:#fff;} .defaultTable th, .defaultTable td{ padding:5px;} .defaultTable .junle{ background:#e6e4cd; text-align:center;} .formTable{ background:#bbb; width:100%; margin:5px auto;} .formTable th{ background:#eee; text-align:left; width:20%;} .formTable td{ background:#fff;} .formTable th, .formTable td{ padding:10px;} #header{ background:url(/images/tmp_header_bg.jpg) 0 0 no-repeat; min-height:130px; position:relative;} #header #logo{ position:absolute; top:10px; right:20px;} #headerSearch{ position:absolute; top:40px; left:10px; background:url(/images/tmp_header_search_bg.png) 0 0 no-repeat; width:205px;} #headerSearch2{ background:url(/images/tmp_header_search_bg.png) 0 0 no-repeat; width:205px; float:right; margin:5px 0 0 0;} #headerSearch .inpKey, #headerSearch2 .inpKey{ width:170px; float:left; border:0; background:none; padding:5px 0 0 0;} #headerSearch .searchBt, #headerSearch2 .searchBt{ background:url(/images/tmp_header_search_bt.png) 0 0 no-repeat; width:32px; height:26px; border:0; cursor:pointer; float:left;} #header #logoLeft{ float:left;} #header #logoLeft h1{ margin:0; padding:5px 0 0 10px; color:#000;} #header #logoLeft img{ margin:10px 0 0 10px;} #header #userAct{ float:right; padding:0 10px 0 0;} #header #userAct li{ float:left; margin:0 0 0 5px;} #header #userAct .logout{ margin:0 0 0 8px;} #header #userState{ background:url(/images/icon_user.png) 0 0 no-repeat; padding:0 0 0 15px; float:right; margin:3px 0 5px 0;} #header #reserveMenu { float:right; margin:0 0 0 5px;} #contentsWrap{ padding:0 15px;} #footer{ position:relative;} #footer #qrMobile{ width:300px; line-height:130%; position:absolute; top:15px; left:15px;} #footer #qrMobile div{ float:left; margin:0 8px 0 0;} #footer #qrMobile h2{ color:#900; font-weight:bold;} #footer #qrMobile span{ color:#900; display:block; font-size:10px;} #footer #upMoveBt{ position:absolute; bottom:0; right:15px;} #footerLink{ background:#e5e5e5; padding:15px; text-align:right;} #footerLink a{ color:#000;} #footerLink #logo{ float:left;} #footerLink #link{ float:right;} #footerLink ul{ margin:0 0 40px 0;} #footerLink li{ display:inline; color:#aaa;} #footerLink span{ display:block;} #footerLink address{ font-style:normal; font-size:11px;} .snsLink{ position:absolute; top:142px; left:150px;} .snsLink li{ display:inline; margin:0 0 0 5px;} /******************************************** * top ********************************************/ #seeingList{ padding:10px;} #seeingList .box{ width:170px; text-align:center; padding:5px 0; float:left; margin:0 0 0 12px; height:200px;} #seeingList .thum img{ width:160px; height:120px; border:5px solid #ccc; margin:0 0 5px 0;} #seeingList .thum img:hover{ border-color:#900;} #seeingList .kana{ font-size:10px; color:#999;} #topHeader{ background:url(/images/top_header_bg.jpg) 0 0 no-repeat; height:248px; position:relative; position:relative;} #topHeader h1,#header h1{ font-size:12px; padding:10px; color:#fff;} #topHeader #news{ background:url(/images/top_news_bg.png); width:394px; height:121px; position:absolute; top:75px; left:10px;} #topHeader #news table{ margin:28px 0 0 0; line-height:120%;} #topHeader #news th{ background:url(/images/icon_list.png) 3px 2px no-repeat; padding:0 0 0 15px;} #topHeader #news td{ padding:0 0 0 3px;} #topHeaderLeft{ float:left; width:50%;} #topHeaderRight { float:right; width:50%; margin:0;} #topHeaderRight #reserveMenu{ float:right;} #topHeaderRight #reserveMenu li{ float:left; margin:0 5px 0 0;} #topHeaderRight #userState{ position:absolute; top:2px; left:240px; text-align:right; display:block; width:400px;} #topHeaderRight #logo{ text-align:right; padding:0 20px 0 0; margin:20px 0 0 0;} #topLeftColumn{ width:363px; border-right:1px dotted #333; float:left;} .topColumnBox{ border-top:1px dotted #333;} .topColumnBox h2{ text-align:right; margin:0 0 20px 0;} #topRecommend{ width:336px; margin:0 auto; padding:0 0 20px 0;} #topRecommend .box{ height:88px; background:url(/images/top_recommend_bg.png) 0 0 no-repeat;} #topRecommend .box .thum{ float:left; width:155px;} #topRecommend .box .thum div{ float:left; padding:1px 0 0 0;} #topRecommend .box .data{ padding:8px 0 0 0; float:left; width:178px;} #topRecommend .box h3{ font-size:16px; font-weight:bold;} #topRecommend .box dl{ padding:2px 5px 0 0;} #topRecommend .box dt{ color:#690;} #topRecommend .box dd{ font-size:10px; line-height:130%;} #topRecommend .box2{ height:88px; background:url(/images/top_recommend_bg.png) 0 0 no-repeat;} #topRecommend .box2 .thum{ float:right; width:153px;} #topRecommend .box2 .thum div{ float:left; padding:1px 0 0 0;} #topRecommend .box2 .data{ padding:8px 0 0 0; float:left; width:182px;} #topRecommend .box2 h3{ font-size:16px; font-weight:bold; padding:0 0 0 8px;} #topRecommend .box2 dl{ padding:2px 0 0 8px;} #topRecommend .box2 dt{ color:#690;} #topRecommend .box2 dd{ font-size:10px; line-height:130%;} #recommendList{ padding:10px 0 0 0; text-align:center; min-height:80px;} #recommendList .box{ height:75px; display:inline-block; border:1px solid #bbb; text-align:left;} *:first-child+html #recommendList .box{ float:left; margin:0 0 0 10px;} #recommendList .box .thum{ float:left; width:80px;} #recommendList .box .thum div{ float:left;} #recommendList .box .data{ padding:5px 0 0 0; float:left; width:178px;} #recommendList .box h3{ font-size:16px; font-weight:bold;} #recommendList .box dl{ padding:2px 5px 0 0;} #recommendList .box dt{ color:#690;} #recommendList .box dd{ font-size:10px; line-height:130%;} #foodSearch{ padding:0 0 20px 5px;} #foodSearch .box{ width:161px; height:220px; float:left; margin:0 0 0 10px;} #foodSearch .box p{ font-size:10px; line-height:130%; margin:5px 0;} #topRightColumn{ width:585px; float:left;} #japanMap{ background:url(/images/top_map.png) 40% 0 no-repeat; height:675px; position:relative;} #japanMap ul{ position:absolute;} #japanMap li{ margin:0 0 1px 0; width:60px; text-align:center;} #japanMap a, #japanMap span{ display:block; background:#eee; padding:2px 0; text-decoration:none; border:1px solid #bbb;} #japanMap a{ background:#eee; text-decoration:none;} #japanMap a:hover{ background:#900; color:#fff;} #japanMap span{ background:#aaa; text-decoration:none;} #japanMap #hokkaido{ top:46px; left:350px;} #japanMap #tohoku{ top:245px; left:457px;} #japanMap #kanto{ top:409px; left:413px;} #japanMap #chubu{ top:110px; left:267px;} #japanMap #kinki{ top:490px; left:283px;} #japanMap #chugoku{ top:310px; left:120px;} #japanMap #shikoku{ top:540px; left:157px;} #japanMap #kyushu{ top:310px; left:35px;} #japanMap #okinawa{ top:175px; left:70px;} #topPuropose .box{ width:160px; height:235px; float:left; margin:0 0 0 25px;} #topPuropose .thum{ margin:0 0 5px 0;} #topPuropose h3{ margin:0 0 5px 0;} #topPuropose li{ background:url(/images/icon_list.png) 3px 3px no-repeat; padding:0 0 0 15px;} #topPuropose a{ color:#000;} #topPuropose a:hover{ color:#c00;} /******************************************** * list ********************************************/ #areaMap{ width:520px; height:350px; float:left; border:1px solid #aaa; position:relative;} #areaMap li{ position:absolute;} #yadoTopicsList{ width:385px; float:right; border:1px solid #aaa;} #yadoTopicsList dl{ height:328px; overflow:auto; line-height:18px;} #yadoTopicsList dt{ color:#690; font-weight:bold; padding:4px 5px 0 5px;} #yadoTopicsList dt em{ font-weight:normal; color:#000;} #yadoTopicsList dd{ padding:0 5px 5px 5px; border-bottom:1px dotted #bbb;} #yadoTopicsList dd a{ color:#000;} #yadoTopicsList em{ margin:0 5px 0 0;} #yadoTopicsList .odd{ background:#eee;} #yadoTopicsListAll{ color:#fff; background:#900 url(/images/icon_book.png) 5px 3px no-repeat; padding:2px 5px 2px 25px;} #yadoTopicsListAll h2{ float:left;} #yadoTopicsListAll span{ display:block; float:right;} #yadoTopicsListAll span a{ color:#fff;} .iconCamera{ background:url(/images/icon_camera.png) no-repeat right 50%; padding-right:20px;} #topicsList{ width:100%;} #topicsList th, #topicsList td{ padding:5px; border-bottom:1px dotted #ccc;} #topicsList th{ text-align:left; width:8%;} #topicsList th{ color:#690; font-weight:bold;} #outLink{ border:1px solid #bbb; width:100%; margin:8px 0;} #outLink th{ background:#eee; width:80px;} #outLink th, #outLink td{ padding:5px;} #outLink ul{ margin:0 0 0 5px;} #outLink li{ display:inline;} .subAreaTitle{ background:#900;} .subAreaTitle h2{ background:#000; color:#fff; float:left;} .subAreaTitle h3{ background:#900; color:#fff; float:left;} .subAreaTitle h3 em{ margin:0 0 0 5px; color:#fff;} .subAreaTitle h2, .subAreaTitle h3{ padding:8px 10px; font-size:14px;} .topiBox{ display:none;} /******************************************** * calendar sp ********************************************/ .calendarSp td{ text-align:center;} .calendarSp .name{ text-align:left;} .calendarSp .name span{ display:block;} .calendarSp th em{ display:block;} .calendarSp .sat{ color:#4b86d2;} .calendarSp .sun{ color:#900000;} .pagerType1{ position:relative; width:50%; margin:20px auto;} .pagerType1 p{ position:absolute; top:15px; left:44%; color:#900; font-size:16px;} .pagerType1 .prev{ float:left; background:url(/images/pager_bg_prev.png) 0 0 no-repeat; width:172px; height:42px;} .pagerType1 .next{ float:right; background:url(/images/pager_bg_next.png) 0 0 no-repeat; width:172px; height:42px;} .pagerType1 a{ text-decoration:none; color:#fff; display:block; text-align:center; width:100%; height:100%;} .pagerType1 a span{ display:block; font-size:18px; padding:12px;} /******************************************** * pager ********************************************/ .pagerNavi strong{ color:#900; margin:0 2px;} div.pager{ position:relative; overflow:hidden;} div.pager ul { position:relative; left:50%; float:left;} div.pager li{ float:left; position:relative; left:-50%; margin-right:5px; border: 1px #900 solid; font-weight: bold;} div.pager li.prev, div.pager li.next { border: none;} div.pager li a { position: relative; display: block; padding: 8px 12px; color: #900;} div.pager li a:link, div.pager li a:visited { text-decoration: none;} div.pager li a:hover, div.pager li a:active { background-color: #f3e8e8; text-decoration: none;} div.pager li em { display: block; font-style:normal; padding: 8px 12px; background:#900; color: #FFFFFF;} /******************************************** * form ********************************************/ div#Mbox1{ background:#EAF7D9; border:3px solid #CFDEBD; margin:0 0 12px 0;} div#Mbox1 p{ margin:8px; background:url(/admin/img/16x16/ico_save.gif) 0 0 no-repeat; padding:0 0 1px 20px;} div#Mbox2{ background:#FDEBEB; border:3px solid #EAC8C7; margin:0 0 12px 0;} div#Mbox2 p{ margin:8px; background:url(/admin/img/16x16/ico_delete.gif) 0 0 no-repeat; padding:0 0 1px 20px;} div#Mbox3{ background:#E7F8FF; border:3px solid #D3E5EF; margin:0 0 12px 0;} div#Mbox3 p{ margin:8px; background:url(/admin/img/16x16/ico_refresh.gif) 0 0 no-repeat; padding:0 0 1px 20px;} div#Mbox4{ background:#FEF5CC; border:3px solid #ECE4BF; margin:0 0 12px 0;} div#Mbox4 p{ margin:8px; background:url(/admin/img/14x14/ico_note.gif) 0 0 no-repeat; padding:0 0 1px 20px;} div#Mbox5{ background:#E7F8FF; border:3px solid #D3E5EF; margin:0 0 12px 0;} div#Mbox5 p{ margin:8px; background:url(/admin/img/16x16/star--plus.png) 0 0 no-repeat; padding:0 0 1px 20px;} .checkList label{ width:33%; float:left; margin:0 0 8px 0;} .checkList4 label{ width:25%; float:left; margin:0 0 8px 0;} .checkList .label{ width:33%; float:left; margin:0 0 8px 0;} .checkList4 .label{ width:25%; float:left; margin:0 0 8px 0;} th.hissu{ background:#eee url(/admin/img/hissu.png) 95% 50% no-repeat;} /******************************************** * detail ********************************************/ h3.titlebar{ background:url(/images/detail_titlebar_bg.jpg) 0 0 no-repeat; color:#fff; height:32px; margin:20px 0 0 0;} h3.titlebar span{ display:block; padding:3px 0 0 10px;} h3.titlebar em{ margin:0 0 0 10px;} #detailGallery{ background:#000; text-align:center;} #detailBasic .data{ float:left; width:550px;} #detailBasic .data h4{ color:#900; font-weight:bold; font-size:14px;} #detailBasic .data p{ margin:5px 0 0 0;} #detailBasic .map{ float:right; width:350px;} table.detailData{ border-top:1px dotted #999; width:100%;} table.detailData th{ background:#ddd; text-align:left; width:20%;} table.detailData td, table.detailData th{ border-bottom:1px dotted #999; padding:12px 10px;} .zoomup{ background:url(/admin/img/16x16/magnifier-zoom-in.png) 0 0 no-repeat; padding:0 0 0 20px; margin:3px 0 0 0;} #detailRoom .box{ width:297px; height:90px; margin:0 0 5px 5px; float:left; border:1px solid #bbb; background:#eee;} #detailRoom .clearfix{ padding:5px;} #detailRoom img{ float:left; margin-right:5px; width:80px;} #detailRoom ul{ float:left; text-align:center; width:200px; padding:15px 0 0 0;} #detailRoom .name{ font-weight:bold;} #detailRoom .num{ font-weight:bold;} #detailRoom .num em{ color:#900; font-size:14px; margin:0 3px 0 0;} #detailRoom .cate{ color:#666; display:block; height:18px;} #detailBath .box{ width:297px; height:90px; margin:0 5px 5px 0; float:left; border:1px solid #bbb; background:#eee;} #detailBath .clearfix{ padding:5px;} #detailBath img{ float:left; margin-right:5px; width:80px;} #detailBath .right{ float:left; text-align:center; width:200px; padding:3px 0 0 0;} #detailBath h4{ font-weight:bold; font-size:12px; margin:0 0 0px 0;} #detailBath table{ background:#bbb; width:100%;} #detailBath th{ background:#666; color:#fff; font-size:10px;} #detailBath td{ background:#fff; padding:2px 0;} #detailBath th, #detailBath td{ width:33%;} #detailBath .cate{ color:#666; display:block; height:18px;} #detailAmenity li{ float:left; width:147px; text-align:center; border:1px solid #bbb; margin:0 0 3px 3px;} #detailAmenity li span{ display:block; padding:4px 0;} #detailAmenity .none{ background:#666;} #offcialBt{ background:url(/images/detail_official.jpg) 0 0 no-repeat; width:560px; height:70px; margin:30px auto; text-align:center;} #offcialBt:hover{ cursor:pointer;} #offcialBt span{ color:#fff; display:block; font-size:26px; padding:19px 0 0 0;} #offcialBt a{ color:#fff; font-size:12px; text-decoration:none; display:block; margin:8px 0 0 0;} #detailItem .box{ width:20%; float:left;} #detailItem .thum{ text-align:center;} #detailItem .thum img{ width:95%;} #detailItem .name{ width:95%; margin:5px auto 0 auto;} #detailItem .price{ width:95%; margin:0 auto; font-weight:bold; color:#900;} /******************************************** * plan list ********************************************/ .planListNavi{ padding:10px; border:1px solid #bbb; background:#eee; margin:40px 0 0 0;} .planListNavi ul, .planListNavi li{ float:left; color:#bbb;} .planListNavi ul{ padding:3px 0 0 0;} .planListNavi p{ float:right;} .planListNavi .mode{ background:url(/images/view_mode_bg.png) 0 0 no-repeat; margin-right:5px; width:59px; height:21px; float:left;} .planListNavi .mode span{ display:block; padding:2px 0 0 8px;} .planListNavi li strong{ color:#000;} .planBox{ min-height:220px;} .planBox h2{ background:#eee; padding:10px; font-size:16px; font-weight:bold; margin:0 0 10px 0; border:1px solid #bbb;} .planBox .planPhoto{ float:left; width:160px;} .planBox .planData{ float:right; width:758px;} .planBox .planDesc{ margin:10px 0;} .planBox table{ width:100%; border-collapse:collapse; margin:0 0 20px 0;} .planBox th{ border-bottom:1px solid #d2ac69; font-size:10px; color:#ad7d29;} .planBox .title{ border-left:4px solid #ad7d29; text-align:left; padding:0 0 0 10px; font-size:12px;} .planBox td{ padding:8px; border-bottom:1px dotted #bbb;} .planBox span.bt{ display:block; background:url(/images/bt_detail_yoyaku.png) 0 0 no-repeat; float:left; width:88px; height:21px; text-indent:-9999px; margin:0 8px 0 0;} .planBox span.bt a{ display:block; width:100%; height:100%;} .planBox span.room{ display:block; float:left; padding:2px 0 0 0;} .planBox span.nokori{ display:block; float:left; padding:2px 5px; margin:0 0 0 10px; background:#580; color:#fff;} .planBox span.nokori strong{ margin:0 2px; font-size:14px;} .planStatus li{ float:left; margin-right:5px;} .planStatus span{ display:block; padding:3px 8px;} .planStatus .limit{ background:#eec url(/images/icon_calendar.png) 4px 3px no-repeat; border:1px solid #d2ac69; padding:0 0 0 12px;} .planStatus .eat{ background:#eec url(/images/icon_eat.png) 4px 3px no-repeat; border:1px solid #d2ac69; padding:0 0 0 17px;} .bgBeige{ background:#eec; border:1px solid #d2ac69;} .notEng{ border:1px solid #900; text-align:center; padding:10px; color:#900;} .planCateMenu li{ display:inline; color:#ccc;} .planCateMenu strong{ color:#333;} /******************************************** * plan detail ********************************************/ .domainMailInfo{ border:1px solid #ccc; text-align:center; padding:15px 0; margin:10px 0; line-height:160%;} .domainMailInfo strong{ font-weight:bold;} .domainMailInfo span{ color:#900;} .domainMailInfo input{ background:#eec; padding:3px;} .planHeadMenu{ margin:30px 0 10px 0;} .planHeadMenu ul{ float:right;} .planHeadMenu li{ float:left; margin:0 0 0 10px;} .planHeadMenu a{ display:block; width:100%; height:100%;} #planDetail{ margin:0 0 20px 0;} #planDetail h2{ background:#900; color:#fff; font-size:16px; font-weight:bold; padding:10px; margin:0 0 10px 0;} #planDetail #planDataArea{ width:580px; float:left;} #planDetail #photoArea{ width:320px; float:right;} #planDetail .planDesc{ margin:10px 0;} #planDetail .planAtt{ color:#900; margin:0 0 10px 0;} #photoArea dd{ display:block; margin:5px 0 10px 0;} #roomDatail{ padding:10px; border:1px solid #bbb;} #roomDatail h3{ font-size:12px; margin:0 0 5px 0;} #roomDatail #roomType li{ float:left; padding:3px 8px; margin:0 5px 0 0;} #roomDatail .desc{ margin:10px 0 0 0;} #roomDatail #roomDataArea{ float:left; width:340px;} #roomDatail #roomPhotoArea{ float:right; width:200px;} #roomDatail #roomFeature{ margin:10px 0 0 0;} #roomDatail #roomFeature li{ float:right; background:#eec; border:1px solid #d2ac69; padding:1px 4px; margin:0 0 3px 3px; font-size:11px;} #priceCalendar h2{ background:#eee; border:1px solid #bbb; padding:10px; font-weight:bold;} #priceCalendar h2 span{ background:url(/images/icon_calendar2.png) 0 0 no-repeat; display:block; padding:0 0 0 18px;} .priceCal{ width:100%; border-collapse:collapse; margin:0 0 30px 0;} .priceCal th, .priceCal td{ border:1px solid #bbb;} .priceCal td{ min-height:80px;} .priceCal th{ background:#eee; padding:8px 0; text-align:center;} .priceCal strong{ display:block; font-size:14px; padding:5px 0 0 10px;} .priceCal td div{ text-align:center; padding:0 0 8px 0; line-height:140%;} .priceCal td em{ color:#960; font-weight:bold; margin:0 2px;} .priceCal td span{ color:#000;} .priceCal td img{ margin:0 0 3px 0;} .calpCaption{ position:relative; text-align:center; background:#eec; display:block; padding:15px 0; border-top:4px solid #900; margin:15px 0 0 0;} .calpCaption div{ font-size:16px; font-weight:bold;} .calpCaptionLink ul{ width:100%; margin:10px 0;} .calpCaptionLink li{ width:73px; height:30px;} .calpCaptionLink li a{ color:#fff; text-decoration:none; display:block; width:100%; height:100%;} .calpCaptionLink li span{ display:block; padding-top:6px; font-size:14px; font-weight:bold;} .calpCaptionLink .prev{ float:left; background:url(/images/price_calendar_prev.png) 0 0 no-repeat; margin:0 0 0 10px;} .calpCaptionLink .next{ float:right; background:url(/images/price_calendar_next.png) 0 0 no-repeat; margin:0 10px 0 0;} .calpCaptionLink .prev span{ padding-left:25px;} .calpCaptionLink .next span{ padding-left:20px;} .planPrice{ width:100%; margin:10px 0; background:#ccc;} .planPrice th{ text-align:center !important; background:#eee; color:#444;} .planPrice td{ vertical-align:top; background:#fff;} .planPrice .num{ background:#ffd !important; vertical-align:middle;} .planPrice td input{ width:88%;} .planPrice td{ text-align:center;} .planPrice input{ margin:0 0 8px 0;} .planPrice th, .planPrice td{ padding:10px 0;} #yoyakuLimit{ text-align:right; margin:5px 10px 0 0;} #planRule{ margin:10px 0; padding:10px;} #planRule .box3col{ width:33%; float:left;} #planRule table{ width:100%; border-collapse:collapse; margin:0 10px 0 0;} #planRule th, #planRule td{ border:1px solid #bbb; padding:8px 5px; text-align:left;} #planRule th{ background:#eee; width:50%;} #planRule caption{ text-align:left; background-position:0 4px; margin:0 0 5px 0; font-weight:bold;} #planRule dl{ float:right; width:31%;} #planRule dt{ padding-top:5px; background-position:0 9px; font-weight:bold;} #planRule dd{ display:block; border-bottom:1px dotted #bbb; padding:0 0 5px 0;} #shopRule{ margin-bottom:20px; border:1px solid #ccc;} #shopRule h3{ border-bottom:1px solid #ccc; text-align:center; color:#000; padding:10px; background:#eee;} #shopRule p{ padding:10px; color:#900;} .hosoku{ margin:5px 0 0 0;} .formErrMess{ background:url(/images/exclamation-button.png) 0 -1px no-repeat; padding:0 0 0 19px; margin:0 0 5px 0; color:#900; font-weight:bold; display:none;} /******************************************** * reserve ********************************************/ .reserveArea{ width:98%; margin:0 auto 30px auto; border-left:1px solid #bbb; border-right:1px solid #bbb; border-bottom:1px solid #bbb;} .reserveArea h3{ background:#eec; border-top:4px solid #900; padding:10px; border-bottom:1px solid #bbb;} .reserveArea .reserveWrap{ width:95%; margin:0 auto; padding:20px 0;} .reserveArea ul{ margin:0 0 10px 0;} .reserveArea li{ background:url(/images/icon_list.png) 0 3px no-repeat; padding:0 0 0 12px;} .reserveArea table{ width:100%; border-collapse:collapse; margin:0 10px 0 0;} .reserveArea th, .reserveArea td{ border:1px solid #bbb; padding:12px 15px; text-align:left;} .reserveArea th{ background:#eee; width:20%;} .formBt{ background:url(/images/botton_bg.jpg) 0 0 no-repeat; width:316px; height:70px; margin:30px auto; text-align:center;} .formBt:hover{ cursor:pointer;} .formBt a{ text-decoration:none;} .formBt p{ color:#fff; display:block; width:100%; height:100%; font-size:26px; text-decoration:none;} .formBt span{ display:block; padding:26px 0 0 0;} .formBt2{ background:#999; width:316px; height:70px; margin:30px auto; text-align:center;} .formBt2 span{ display:block; padding:26px 0 0 0; color:#fff;} #transNow p { background:#fff url(/admin/img/loading/loading-08.gif) 50% 100% no-repeat; color:#900;} .reserveArea .nums th{ width:12.5%; text-align:center;} .reserveArea .nums td{ width:12.5%;} .reserveArea .nums td input{ width:25px; margin:0 3px 0 0;} #cancelRuleArea{ width:98%; margin:0 auto 30px auto;} #cancelRuleArea h3{ float:left;} #cancelRuleArea ul{ float:right;} #cancelRuleArea li{ float:left; margin:0 5px 0;} div#Mbox10{ background:#f4e9e9; border:3px solid #900; margin:0 0 12px 0; font-weight:bold; color:#900; padding:15px 10px;} div#Mbox10 p{ background:url(/images/exclamation-button.png) 0 -1px no-repeat; padding:0 0 0 19px;} #reserveQuo{ margin:0 0 30px 0; padding:0 20px 20px 20px;} #reserveQuo h4{ text-align:center;} #reserveQuo table{ width:98%; border-collapse:collapse; margin:10px auto 0 auto;} #reserveQuo th, #reserveQuo td{ border:1px solid #bbb; padding:8px 5px; text-align:left;} #reserveQuo th{ background:#eee; width:25%;} /******************************************** * kiyaku ********************************************/ #kiyakuArticle{ margin:40px auto; width:90%;} #kiyakuArticle dt{ font-weight:bold; padding:5px 10px; margin:0 0 5px 0; font-size:12px; background:#900; color:#fff;} #kiyakuArticle dd{ display:block; margin:0 0 30px 0; padding:10px;} #kiyakuArticle dd h4{ background:url(/images/icon_list.png) 0 4px no-repeat; padding:0 0 0 15px; font-weight:bold;} #kiyakuArticle dd p{ margin:0 0 10px 0;} #kiyakuArticle ul{ margin:0 0 10px 0; line-height:160%;} ul.mark li{ background:url(/images/icon_list.png) 0 4px no-repeat; padding:0 0 0 15px;} .closeBt{ text-align:center; margin:0 0 20px 0;} .closeBt input{ width:200px; padding:10px 0;} /******************************************** * cart ********************************************/ #detailCartInfo h3{ margin-bottom:5px;} #detailCartInfo h4{ display:block; border-left:5px solid #900; padding:5px 10px; text-align:left; background:#eee; margin:0 0 10px 0; font-weight:bold;} #detailCartInfo table{ background:#bbb; width:100%; margin:5px auto 20px auto;} #detailCartInfo p{ margin:0 0 20px 0;} #detailCartInfo th{ background:#eee; width:30%; text-align:left;} #detailCartInfo td{ background:#fff; width:70%;} #detailCartInfo th, #detailCartInfo td{ padding:8px;} #cartItemList .box{ border:1px solid #ccc; margin:0 0 20px 0; padding:10px;} #cartItemList .thum{ width:210px; float:left;} #cartItemList .thum img{ width:200px;} #cartItemList .item{ width:400px; float:left;} #cartItemList .item .name{ font-weight:bold; font-size:14px;} #cartItemList .item .price{ color:#900; font-weight:bold; margin:5px 0;} #cartItemList .data{ width:280px; float:right;} #cartItemList table{ background:#bbb; width:100%;} #cartItemList th{ background:#eee; width:30%; text-align:left;} #cartItemList td{ background:#fff; width:70%;} #cartItemList th, #cartItemList td{ padding:5px;} #cartItemList .cartOpe{ text-align:center; margin:10px 0 0 0; border:1px solid #ccc; padding:10px 0;} #cartItemList .cartOpe .bt{ padding:2px 20px;} #cartItemList .cartOpe table{ background:#fff; border:0; width:90%; margin:0 auto;} #cartItemList .cartOpe table td{ padding:0;} #cartInItemList .box{ border:1px solid #ccc; margin:0 0 20px 0; padding:10px;} #cartInItemList td{ padding:10px; font-weight:bold; font-size:15px;} #cartInItemList .thum{ text-align:center;} #cartInItemList .thum img{ width:80%;} #cartInItemList .name{ } #cartInItemList .price{ text-align:right;} #cartInItemList .num{ text-align:center;} p.noneData{ border:1px solid #ccc; padding:20px 0; text-align:center; margin:10px 0;} .checkListMargin label{ margin:0 10px 0 0;} .checkListMargin input{ position:relative; top:3px;} #itemDetail .box{ border:1px solid #ccc; margin:0 0 20px 0; padding:10px;} #itemDetail .photoBox{ width:600px; float:left;} #itemDetail .thum{ width:600px; float:none; text-align:center;} #itemDetail .thum img{ max-width:600px;} #itemDetail .item .name{ font-weight:bold; font-size:14px;} #itemDetail .item .price{ color:#900; font-weight:bold; margin:5px 0;} #itemDetail .data{ width:280px; float:right;} #itemDetail table{ background:#bbb; width:100%; margin:20px 0 0 0;} #itemDetail th{ background:#eee; width:30%; text-align:left;} #itemDetail td{ background:#fff; width:70%;} #itemDetail th, #itemDetail td{ padding:5px;} #itemDetail .cartOpe{ text-align:center; margin:10px 0 0 0; border:1px solid #ccc; padding:10px 0;} #itemDetail .cartOpe .bt{ padding:2px 20px;} #itemDetail .cartOpe table{ background:#fff; border:0; width:90%; margin:0 auto;} #itemDetail .cartOpe table td{ padding:0;} /******************************************** * login ********************************************/ .iconClose{ background:url(/images/icon_close.png) no-repeat 0 1px; padding-left:18px;} .clancelTable th{ width:40%;} .iconStar{ background:url(/images/icon_star.png) 0 0 no-repeat; padding:0 0 0 18px;} /******************************************** * loading ********************************************/ div#loading{ width:100%; height:100%; position:fixed; top:0; left:0; background:#000; filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; z-index:99; display:none; } .square { width:100%; height:100%; color: #000; position:fixed; top:50%; left:50%; font-family: Helvetica, Arial, Sans-Serif; z-index:100; } div#loading2{ width:100%; height:100%; position:fixed; top:0; left:0; background:url(/images/blank_alpha.png) 0 0 repeat; z-index:50; display:none; } div#loading2 span{ display:block; width:100%; height:100%; background:url(/images/loading.gif) 50% 50% no-repeat; z-index:100; } /******************************************** * calendar btn ********************************************/ /* pc */ .calBtn {position: relative; overflow: hidden;width:900px; margin:30px auto 10px auto;} .calBtn li{float:left;background: url(/images/btn_cla1.png) 0 0 no-repeat;margin: 0 8px 10px 0; text-align:center; width:67px;height:28px;} .calBtn li p {padding-top:5px;font-size:12px; color:#fff;} .calBtn li p span{ font-size:18px; font-weight:bold;} .calBtn li a{ display:block;text-decoration:none;} .calBtn li a:hover{background: url(/images/btn_cla2.png) 0 0 no-repeat; width:67px;height:28px;} .calBtn li.on{background: url(/images/btn_cla3.png) 0 0 no-repeat; width:67px;height:28px;} .calBtn li:last-child{margin: 0 0 0 0 !important;} .calBtn ul { position: relative; left: 50%; float: left;} .calBtn ul li {position: relative; left: -50%; float: left;} .resvereOk{width:100%;background:red;padding:10px 0;color:#fff;font-weight:bold;}