@charset "utf-8"; /* ------------------------------------------------------------------ Top ------------------------------------------------------------------ */ .plr5{ padding-left:5px !important; padding-right:5px !important; } .plb0{ padding-bottom:0px !important; padding-left:0px !important; } /* スライド */ .top_slide_btn{ text-align:center; } .top_slide_btn #nv_btn{ display:inline-block; margin:0 8px; } .top_slide_btn #nv_btn a{ display:inline-block; height:15px; width:15px; background:url(https://www.exeojapan.com/ssl/royalkaila/s/static/img/top/top_slide_btn.png) no-repeat center center; background-size:15px; margin:0; } .top_slide_btn span a{ color:#9c844c; font-weight:bold; vertical-align: 4px; } .top_slide_btn #nv_btn a.active{ background:url(https://www.exeojapan.com/ssl/royalkaila/s/static/img/top/top_slide_btn_act.png) no-repeat center center; background-size:15px; } /* スライド下ボタン */ .top_menu_head{ width:100%; margin:0 auto; border-spacing:5px; border-collapse:separate; } .top_menu_head td{ width:33%; padding:0; border-spacing:5px; border-collapse:separate; background:url(https://www.exeojapan.com/ssl/royalkaila/s/static/img/top/top_menu_head_waku.gif) no-repeat left top,url(https://www.exeojapan.com/ssl/royalkaila/s/static/img/top/top_menu_head_waku.gif) no-repeat right top,url(https://www.exeojapan.com/ssl/royalkaila/s/static/img/top/top_menu_head_bg.gif) repeat-x left top; background-size:3px 50px,3px 50px,1px 50px; height:50px; } .top_menu_head td a{ display:block; padding:10px 0 0 18px; height:40px; color:#fff; } .top_menu_head td a.head01{ background:url(https://www.exeojapan.com/ssl/royalkaila/s/static/img/top/top_menu_head01.png) no-repeat 7px center; background-size:6px; } .top_menu_head td a.head02{ background:url(https://www.exeojapan.com/ssl/royalkaila/s/static/img/top/top_menu_head02.png) no-repeat 7px center; background-size:6px; } .top_menu_head td a.head03{ background:url(https://www.exeojapan.com/ssl/royalkaila/s/static/img/top/top_menu_head03.png) no-repeat 7px center; background-size:6px; padding:5px 0 0 18px; height:45px; line-height:1.2em; } .top_menu_head td a.head03 small{ font-size:9px; letter-spacing:-1px; line-height:1em; } /* トップ見出し */ .top_midasi{ min-height:30px; background: url(https://www.exeojapan.com/ssl/royalkaila/s/static/img/common/bg_beige_check.gif) repeat left top; background-size: 3px; padding:5px 0 0 10px; position:relative; color:#9c844c; } .top_midasi .tag_gold{ height:16px; width:59px; line-height:16px; background: url(https://www.exeojapan.com/ssl/royalkaila/s/static/img/top/tag_gold.gif) no-repeat left top; background-size:74px 16px; padding:0px 0 0 15px; color:#fff; position:absolute; top:10px; right:10px; font-weight:normal; font-size:11px; } .top_midasi small{ display:block; font-size:14px; font-weight:normal; } .top_midasi span{ display:block; font-size:14px; font-family: "ヒラギノ明朝 Pro W4", "Hiragino Mincho Pro", "HGS明朝B", "MS P明朝", serif; padding:0px 0 5px; } /* トップ中身 */ dl.top_new{ padding:0; margin:0 0 20px; background: #f7f5f0; } dl.top_new dt{ padding:10px 10px 4px; margin:0; color: #9c844c; } dl.top_new dt span{ height:15px; line-height:15px; width:68px; display:inline-block; text-align:center; padding:0 5px 0 0px; margin:0 0 0 10px; font-size:11px; color:#fff; vertical-align: 1px; } dl.top_new dt span.tag_green{ background: url(https://www.exeojapan.com/ssl/royalkaila/s/static/img/top/tag_green.gif) no-repeat left top; background-size:73px 15px; } dl.top_new dt span.tag_pink{ background: url(https://www.exeojapan.com/ssl/royalkaila/s/static/img/top/tag_pink.gif) no-repeat left top; background-size:73px 15px; } dl.top_new dd{ padding:0px 10px 10px; margin:0; border-bottom: 1px solid #bbbdbf; } dl.top_new dd:last-child{ border-bottom:none; } ul.top_voice{ padding:0; margin:0 0 20px; background: #f7f5f0; } ul.top_voice li{ padding:10px; margin:0; border-bottom: 1px solid #bbbdbf; } ul.top_voice li:last-child{ border-bottom:none; } ul.top_voice li img{ float:left; } ul.top_voice li p{ margin:0 0 0 95px; display:block; } ul.top_voice li p strong{ padding:0 0 2px 0; display:block; color: #9c844c; } .top_plan{ background:#190a08; padding: 10px; margin-bottom:20px; } .top_plan li{ margin-bottom:5px; } .top_plan li:last-child{ margin-bottom:0px; } table.top_service{ width:100%; border-collapse:collapse; border-spacing:0; margin-bottom:20px; } table.top_service td{ width:50%; padding:0; } table.top_service td a{ display:block; position:relative; } table.top_service td a div{ display:block; position:absolute; bottom:0; left:0; height:35px; background:url(https://www.exeojapan.com/ssl/royalkaila/s/static/img/top/top_service_bg.png) repeat left top; width:100%; } table.top_service td a div p{ margin:0 10px 0 0; display:block; background:url(https://www.exeojapan.com/ssl/royalkaila/s/static/img/top/top_service_arrow.png) no-repeat right center; background-size:10px; padding:3px 0 0 10px; height:30px; color:#fff; font-weight:bold; line-height: 1.2em; } table.top_service td a div p small{ font-family:'Allura','Parisienne'; display:block; font-weight:normal; font-size: 12px; } /* ブログ追加20140604 */ .top_photogragher_blog, .top_staff_blog, .top_driver_blog{ border:1px solid #c4b694; background:#fff; padding:2px; margin:0 10px 10px; } .top_photogragher_blog div.in_box{ background: -webkit-gradient(linear,left top,right top,color-stop(0%,#ffffff), color-stop(100%,#f5f2ec)); background-image: -moz-linear-gradient(left,#ffffff 0%,#f5f2ec); position:relative; min-height:100px; overflow:hidden; } .top_staff_blog div.in_box, .top_driver_blog div.in_box{ background: -webkit-gradient(linear,left top,right top,color-stop(0%,#ffffff), color-stop(100%,#f5f2ec)); background-image: -moz-linear-gradient(left,#ffffff 0%,#f5f2ec); position:relative; min-height:70px; overflow:hidden; } .top_photogragher_blog div.in_box .blog_img, .top_staff_blog div.in_box .blog_img, .top_driver_blog div.in_box .blog_img{ position:absolute; right:0; top:0; } .top_photogragher_blog div.in_box h3{ height:26px; background:#000; color:#fff; font-family: "ヒラギノ明朝 Pro W4", "Hiragino Mincho Pro", "HGS明朝B", "MS P明朝", serif; padding:3px 5px 5px; line-height: 14px; font-size:11px; letter-spacing:-1px; } .top_staff_blog div.in_box h3{ height:16px; background:#000; color:#fff; font-family: "ヒラギノ明朝 Pro W4", "Hiragino Mincho Pro", "HGS明朝B", "MS P明朝", serif; padding:4px 5px 0px; line-height: 14px; font-size:11px; } .top_driver_blog div.in_box h3{ height:26px; background:#000; color:#fff; font-family: "ヒラギノ明朝 Pro W4", "Hiragino Mincho Pro", "HGS明朝B", "MS P明朝", serif; padding:3px 5px 5px; line-height: 14px; font-size:11px; letter-spacing:-1px; } .top_photogragher_blog div.in_box dl, .top_staff_blog div.in_box dl, .top_driver_blog div.in_box dl{ padding:5px 0 0 5px; } .top_photogragher_blog div.in_box dl dt, .top_staff_blog div.in_box dl dt, .top_driver_blog div.in_box dl dt{ position: relative; z-index: 10; text-shadow: #FFF 0px 0px 2px, #FFF 0px 0px 2px, #FFF 0px 0px 2px, #FFF 0px 0px 2px, #FFF 0px 0px 2px, #FFF 0px 0px 2px, #FFF 0px 0px 2px, #FFF 0px 0px 2px, #FFF 0px 0px 2px; color:#7f641f; font-family: "ヒラギノ明朝 Pro W4", "Hiragino Mincho Pro", "HGS明朝B", "MS P明朝", serif; padding:0px 0px 1px; font-size:13px; font-weight: bold; letter-spacing:-1px; } .top_photogragher_blog div.in_box dl dd, .top_staff_blog div.in_box dl dd, .top_driver_blog div.in_box dl dd{ margin-right:110px; border-top:1px dotted #cdc1a5; } .top_photogragher_blog div.in_box dl dd a{ display:block; margin-top:2px; font-size:11px; } .top_photogragher_blog div.in_box dl dd a:first-child{ margin-top:4px; } .top_staff_blog div.in_box dl dd a, .top_driver_blog div.in_box dl dd a{ display:block; margin-top:4px; font-size:11px; } .top_photogragher_blog div.in_box dl dd a span, .top_staff_blog div.in_box dl dd a span, .top_driver_blog div.in_box dl dd a span{ float:left; color:#333; } .top_photogragher_blog div.in_box dl dd a p, .top_staff_blog div.in_box dl dd a p, .top_driver_blog div.in_box dl dd a p{ margin-left:75px; color:#0995d6; } /* スライドショー追加20140722 */ div.top_slide_show{ width:100%; margin-bottom:20px; } div.top_slide_show a{ display:block; width:33.33333%; padding:0; position:relative; float:left; } div.top_slide_show a div{ display:block; /* position:absolute; bottom:0; left:0; */ height:42px; background:url(https://www.exeojapan.com/ssl/royalkaila/s/static/img/top/top_service_bg.png) repeat left top; width:100%; text-align: left; } div.top_slide_show a div p{ position: relative; margin:0 10px 0 0; display:block; background:url(https://www.exeojapan.com/ssl/royalkaila/s/static/img/top/top_service_arrow.png) no-repeat right center; background-size:10px; padding:3px 10px 0 10px; color:#fff; font-size:10px; line-height: 1.2em; } div.top_slide_show a u{ position: absolute; display: block; width: 34px; height: 34px; margin: -17px; top: 45%; left: 50%; background: url(/img/common/icon_movie_blue.png) no-repeat center center; z-index: 10; } /* ギャラリー追加20140722 */ div.top_gallery{ width:100%; min-width: 320px; margin: 0px 0px 20px; padding: 0px; } div.top_gallery p{ margin:0; padding:0; } div.top_gallery a{ display:block; width:33.33333%; padding:0; position:relative; float:left; color: #FFF; } div.top_gallery a div{ display:block; /* position:absolute; bottom:0; left:0; */ height:30px; background:url(https://www.exeojapan.com/ssl/royalkaila/s/static/img/top/top_service_bg.png) repeat left top; width:100%; text-align: left; } div.top_gallery a div img.tegaki{ display: none; } div.top_gallery a div b{ margin:0 10px 0 0; display:block; background:url(https://www.exeojapan.com/ssl/royalkaila/s/static/img/top/top_service_arrow.png) no-repeat right center; background-size:10px; padding:3px 0 0 10px; color:#fff; font-size:10px; font-weight: normal; line-height: 1.2em; } div.top_gallery h3, div.top_slide_show h3{ clear: both; margin: 30px 0px 10px; background: #0aa0d2; font-size: 14px; color: #FFF; } /* ■■■■■ フォトアルバム ■■■■■ */ .popup_gallery{ position: fixed; top: 0px;left: 0px; width: 100%; height: 100%; background: url(/img/common/bg_water70.png); z-index: 20000; font-family: "メイリオ","Meiryo","MS Pゴシック",osaka,monospace; padding-top: 50px; } .popup_gallery tr td{ position: relative; text-align: center; vertical-align: middle; } .popup_gallery tr td span{ display: inline-block; position: relative; z-index: 50000; background: #FFF; border-radius: 10px; padding: 30px 50px 30px; font-size: 12px; line-height: 1.4em; color: #FFF; text-align: left; } .popup_gallery tr td span img{ vertical-align: top; margin: 0px auto 5px auto; } .popup_gallery tr td span a.fr{ /*position: relative;*/ right: 10px; top: 5px; position: absolute; z-index: 5000; padding: 0px; font-weight: bold; font-size: 14px; line-height: 1.4em; color: #8A6F28; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -o-transition:all 0.5s linear; transition:all 0.5s linear; } .popup_gallery tr td span a.fr:hover{ color: #BA9F58; text-decoration: none; background: transparent; -webkit-transition:all 0.1s linear; -moz-transition:all 0.1s linear; -o-transition:all 0.1s linear; transition:all 0.1s linear; } .popup_gallery tr td span strong{ margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; font-weight: normal; font-size: 13px; color: #555; } .popup_gallery tr td span b{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; font-weight: normal; font-size: 12px; color: #555; } .popup_gallery tr td span img.tegaki{ display: block; margin: 10px auto; } .popup_gallery tr td span em{ display: inline-block; background: #A00; padding: 1px 5px 0px 5px; margin-left: 5px; color: #FFF; font-weight: normal; font-style: normal; font-size: 90%; cursor: pointer; border-radius: 4px; } .popup_gallery tr td span em:hover{ background: #E44; } .popup_gallery tr td span u{ display: block; text-decoration: none; height: 320px; overflow-y: auto; } .preload_image{ position: fixed; top: -10000px; left: 0px; } #preload_image{ position: fixed; top: -10000px; left: 0px; } #preload_image img{ position: absolute; top: 0px; left: 0px; } .popup_gallery tr td span a#bu_next, .popup_gallery tr td span a#bu_prev{ display: inline-block; position: absolute; width: 50px; height: 25px; top: 50px; z-index: 5000; color: #8A6F28; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -o-transition:all 0.5s linear; transition:all 0.5s linear; } .popup_gallery tr td span a#bu_next{ right: 0px; text-align: right; /*background: url(/img/common/button_next.png) no-repeat left top;*/ } .popup_gallery tr td span a#bu_prev{ left: 0px; /*background: url(/img/common/button_prev.png) no-repeat left top;*/ } .popup_gallery tr td span a#bu_next:hover, .popup_gallery tr td span a#bu_prev:hover{ opacity: 0.7; filter: Alpha(opacity=70); -webkit-transition:all 0.1s linear; -moz-transition:all 0.1s linear; -o-transition:all 0.1s linear; transition:all 0.1s linear; } .popup_gallery tr td span a#bu_next span, .popup_gallery tr td span a#bu_prev span{ display: none; } #season{ display: none; position: relative; z-index: 500; width: 215px; height: 40px; margin: -40px 10px 0px auto; overflow: hidden; } #season.xmas{ display: block; background: url(/img/common/season_xmas.png) no-repeat left top; background-size: 270px 38px; } #season.newyear{ display: block; background: url(/img/common/season_newyear.png) no-repeat left top; background-size: 270px 38px; } .jidume1{ letter-spacing: -1px; } .jidume2{ letter-spacing: -2px; } /* プレミアム */ h2.top_midasi.premium span { letter-spacing: -2px; } h2.top_midasi.premium small{ background: url(/s/static/img/top/premium_icon.png) no-repeat left 5px; background-size: 15px auto; padding-left: 20px; } h2.midasi_ui_green.premium p{ background: url(/s/static/img/top/premium_icon.png) no-repeat 5px 12px #33bdba; background-size: 40px auto; padding-left: 50px; } .premium_slideshow_point { margin-bottom: 20px; } h2.midasi_option_point { background: #9c844c; padding: 10px; color: #fff; font-size: 12px; margin: 20px 0 0; text-align: center !important; } p.shadow_bottom_point { background: url(https://www.exeojapan.com/ssl/royalkaila/s/static/img/common/shadow_circle.png) no-repeat left bottom; background-size: 100% 12px; height: 12px; } .premium_slideshow_point h3{ position: relative; font-size: 14px; line-height: 18px; color: #AF9D6F; font-weight:normal; margin: 5px 0px 0px 0px; padding: 5px 0 0 85px; height: 38px; border-bottom: 1px solid #cfcfcf; } .premium_slideshow_point h3.line2 { line-height: 38px; } .premium_slideshow_point h3 img{ position: absolute; z-index: 10; zoom: 1; width: 68px; height: auto; top: 11px; left: 10px; }