@charset "UTF-8"; @import url("reset.css"); /* Common */ .clear { clear:both;} /* Clearfix New */ .cf:before, .cf:after { content:""; display:table; } .cf:after { clear:both; } .cf { zoom:1; } /* for IE 6/7 (trigger hasLayout) */ .cf + *{ clear: both; } /* for Dreamweaver */ /* Clearfix Old */ .clearfix:after { content: "."; clear:both; height:0; display:block; visibility:hidden; } .clearfix {zoom:1; overflow:hidden; } .clearfix + *{ clear: both; } a {color:#231815; text-decoration:none;outline: none; } a:hover {color:#575F64; text-decoration:none;outline: none;} sup { font-size:0.7em; vertical-align:top; } strong { font-weight:bold; } .fcRed {color: #F33891;} .fcBlue { color: #3399FF; } .fsL { font-size:1.2em; line-height:normal; } .fsLL { font-size:1.6em; line-height:normal; } .fsLLL { font-size:2.4em; line-height:normal; } .fsS { font-size:0.9em; line-height:normal; } .fsSS { font-size:0.8em; line-height:normal; } .fsSSS { font-size:0.5em; line-height:normal; } .fwN { font-weight:normal; } .fwB { font-weight:bold; } /* Layout */ body {text-align:center; font-size:12px; line-height:18px; font-family:verdana,'メイリオ',meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif; background:#FFF;} h1 { position: relative; top: -1000px; height: 0px; } #global-wrap { background:url(images/global-header-background.gif) bottom repeat-x; height:66px; } #global {margin:auto; width:960px; text-align:left; } #global-sgr {float:left; width:226px; padding: 15px 0 0} #global-softbank {float:right; width:156px; padding: 15px 0 0;} #global-menu {float:right; width:500px; padding:5px 20px 0; text-align:right; } #global-menu ul { padding: 5px 0 0; } #global-menu ul li { display:inline; padding:0 0 0 10px; } #global-menu ul li a.global-icon-01 { padding:0 0 0 15px; background:url(images/global-header-icon_01.gif) 0 2px no-repeat; } #global-menu ul li a.global-icon-02 { padding:0 0 0 15px; background:url(images/global-header-icon_02.gif) 0 2px no-repeat; } #global-menu ul li a.global-icon-03 { padding:0 0 0 15px; background:url(images/global-header-icon_03.gif) 0 2px no-repeat; } #global-menu ul li a.global-icon-04 { padding:0 0 0 15px; background:url(images/global-header-icon_04.gif) 0 2px no-repeat; } #global-switch-wrap { background:url(images/global-switch-background.png) repeat-x; height:66px; } #global-switch { position:relative; margin:auto; width:960px; text-align:left; } #global-switch #global-switch01 { position:absolute; left: 0px; top: 12px;} #global-switch #global-switch02 { position:absolute; left: 210px; top: 12px;} #global-switch #global-switch03 { position:absolute; left: 210px; top: 12px;} #global-switch #global-switch01 a {display:block; background:url(images/global-switch-tabs.png) 0 -100px no-repeat; } #global-switch #global-switch02 a {display:block; background:url(images/global-switch-tabs.png) -300px -100px no-repeat; } #global-switch #global-switch03 a {display:block; background:url(images/global-switch-tabs.png) -600px -100px no-repeat; } #global-switch #global-switch01 a:hover {display:block; background:url(images/global-switch-tabs.png) 0 -200px no-repeat; } #global-switch #global-switch02 a:hover {display:block; background:url(images/global-switch-tabs.png) -300px -200px no-repeat; } #global-switch #global-switch03 a:hover {display:block; background:url(images/global-switch-tabs.png) -600px -200px no-repeat; } #global-switch a {height:30px;} #global-switch a img { width:215px; height:30px; } .switch01 #global-switch #global-switch01 a {display:block; background:url(images/global-switch-tabs.png) 0 0 no-repeat; } .switch02 #global-switch #global-switch02 a {display:block; background:url(images/global-switch-tabs.png) -300px 0 no-repeat; } .switch03 #global-switch #global-switch03 a {display:block; background:url(images/global-switch-tabs.png) -600px 0 no-repeat; } .switch01 #global-switch #global-switch01 a, .switch02 #global-switch #global-switch02 a, .switch03 #global-switch #global-switch03 a { height:32px; } .switch01 #global-switch #global-switch01 a img, .switch02 #global-switch #global-switch02 a img, .switch03 #global-switch #global-switch03 a img { height:32px; } #global-footer-wrap { border-top:1px solid #ccc; background:#c7d2da; color:#FFF; } #global-footer { position:relative; margin:auto; width:960px; text-align:left; padding:10px 0;} #global-footer ul { padding: 0 0 5px; } #global-footer ul li { display:inline; padding:0 10px 0 0; } #global-footer a {color:#67626a;} #footer-banners-wrap { border-top:1px solid #ccc;} #footer-banners { margin:auto; width:960px; text-align:left; padding:10px 0;} #footer-license-wrap { } #footer-license { margin:auto; width:960px; text-align:left; padding:10px 0;} #header-rental { background:url(images/header-rental-background.png) no-repeat; background-position:0 -2px; width:964px; height:65px; margin:auto;} #header-rental ul { padding:2px 0 0 5px; } #header-rental ul li { display:inline; padding:0; } #header-rental ul li a {padding:0; display:block; width:191px; height:45px; float:left; text-indent:-8000px; } #header-rental ul li a.menu01 { background:url(images/header-rental-sprite.png) 0 0 no-repeat;} #header-rental ul li a.menu02 { background:url(images/header-rental-sprite.png) -200px 0 no-repeat;} #header-rental ul li a.menu03 { background:url(images/header-rental-sprite.png) -400px 0 no-repeat;} #header-rental ul li a.menu04 { background:url(images/header-rental-sprite.png) -600px 0 no-repeat;} #header-rental ul li a.menu05 { background:url(images/header-rental-sprite.png) -800px 0 no-repeat;} #header-rental ul li a.menu01:hover { background:url(images/header-rental-sprite.png) 0 -50px no-repeat;} #header-rental ul li a.menu02:hover { background:url(images/header-rental-sprite.png) -200px -50px no-repeat;} #header-rental ul li a.menu03:hover { background:url(images/header-rental-sprite.png) -400px -50px no-repeat;} #header-rental ul li a.menu04:hover { background:url(images/header-rental-sprite.png) -600px -50px no-repeat;} #header-rental ul li a.menu05:hover { background:url(images/header-rental-sprite.png) -800px -50px no-repeat;} .menu01 #header-rental ul li a.menu01 { background:url(images/header-rental-sprite.png) 0 -50px no-repeat;} .menu02 #header-rental ul li a.menu02 { background:url(images/header-rental-sprite.png) -200px -50px no-repeat;} .menu03 #header-rental ul li a.menu03 { background:url(images/header-rental-sprite.png) -400px -50px no-repeat;} .menu04 #header-rental ul li a.menu04 { background:url(images/header-rental-sprite.png) -600px -50px no-repeat;} .menu05 #header-rental ul li a.menu05 { background:url(images/header-rental-sprite.png) -800px -50px no-repeat;} #header-biz { background:url(images/header-rental-background.png) no-repeat; background-position:-5px -2px; width:964px; height:65px; margin:auto; } #header-rental ul { padding:0 0 0 5px; } #header-biz ul li { display:inline; padding:0; } #header-biz ul li a {padding:0; display:block; width:159px; line-height:45px; float:left; text-align:center; vertical-align:middle; color:#333; font-size:1.2em;font-weight:bold;} #header-biz ul li a.menu01 { background:url(images/header-biz-sprite.png) -800px 0px no-repeat;} #header-biz ul li a.menu02 { background:url(images/header-biz-sprite.png) 0px 0px no-repeat;} #header-biz ul li a.menu03 { background:url(images/header-biz-sprite.png) -200px 0px no-repeat;} #header-biz ul li a.menu04 { background:url(images/header-biz-sprite.png) -400px 0px no-repeat;} #header-biz ul li a.menu05 { background:url(images/header-biz-sprite.png) -600px 0px no-repeat;} #header-biz ul li a.menu06 { background:url(images/header-biz-sprite.png) -800px 0px no-repeat;} #header-biz ul li a.menu01:hover { background:url(images/header-biz-sprite.png) -800px -50px no-repeat;color:#FFF;} #header-biz ul li a.menu02:hover { background:url(images/header-biz-sprite.png) 0px -50px no-repeat;color:#FFF;} #header-biz ul li a.menu03:hover { background:url(images/header-biz-sprite.png) -200px -50px no-repeat;color:#FFF;} #header-biz ul li a.menu04:hover { background:url(images/header-biz-sprite.png) -400px -50px no-repeat;color:#FFF;} #header-biz ul li a.menu05:hover { background:url(images/header-biz-sprite.png) -600px -50px no-repeat;color:#FFF;} #header-biz ul li a.menu06:hover { background:url(images/header-biz-sprite.png) -800px -50px no-repeat;color:#FFF;} .menu01 #header-biz ul li a.menu01 { background:url(images/header-biz-sprite.png) -800px -50px no-repeat;color:#FFF;} .menu02 #header-biz ul li a.menu02 { background:url(images/header-biz-sprite.png) 0px -50px no-repeat;color:#FFF;} .menu03 #header-biz ul li a.menu03 { background:url(images/header-biz-sprite.png) -200px -50px no-repeat;color:#FFF;} .menu04 #header-biz ul li a.menu04 { background:url(images/header-biz-sprite.png) -400px -50px no-repeat;color:#FFF;} .menu05 #header-biz ul li a.menu05 { background:url(images/header-biz-sprite.png) -600px -50px no-repeat;color:#FFF;} .menu06 #header-biz ul li a.menu06 { background:url(images/header-biz-sprite.png) -800px -50px no-repeat;color:#FFF;} #contents { margin:auto; width:960px; text-align:left; padding-bottom:30px;} #contents h1 { position:static; height:18px; margin:5px 0 0; font-weight:bold; font-size:18px; line-height:18px; background:#CCC; color:#FFF; padding:10px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; } #contents h2 { background:url(images/h2.gif) no-repeat; font-weight:bold; margin-top: 25px; margin-right: 0; margin-bottom: 10px; margin-left: 0; padding-top: 5px; padding-right: 0; padding-bottom: 5px; padding-left: 12px; font-size: 14px; } #contents h2.top {background:url(images/h2.gif) no-repeat;font-weight:bold;margin-top: 5px;margin-right: 0;margin-bottom: 10px;margin-left: 0;padding-top: 5px;padding-right: 0;padding-bottom: 5px;padding-left: 10px;} #contents h2.contact { background-image:none; color:#000; padding:5px 0 5px; margin:0 0 10px; border-bottom:1px solid #CCC; font-size:18px; } #contents h3 {font-weight: bold;} .plan225-ib { position:relative; float:left; padding:0 5px 0 0; width:230px;} .plan225-ib a { display:block; width:225px; height:160px; background:url(images/box_225x160.png) no-repeat; } .plan225-ib a:hover { text-decoration:none; } .plan225-ib .txt {font-weight:bold;font-size:12px;text-align:center;vertical-align: middle;margin-right: auto;padding-top: 0;padding-right: 0;padding-bottom: 5px;padding-left: 0;margin-left: auto;line-height: 50px;width: 225px;display: block;} .plan225-ib .img { display:block; height:100px; text-align:center; vertical-align:bottom; margin-right: auto; margin-left: auto;} .plan300-ib { position:relative; float:left; padding:0 10px 10px 0; width:300px; height:120px; } .plan300-ib a { display:block; width:300px; height:120px ;background:url(images/box_300x120.png) no-repeat; } .plan300-ib a:hover {text-decoration:none; } .plan300-ib .txt {position:absolute;left:105px; top:30px;display:table-cell;width:190px;text-align:left;font-size:12px; font-weight: bold;} .plan300-ib .txt2 {position:absolute;left:105px;top:50px;display:table-cell;width:190px;text-align:left;} .plan300-ib .txt3{position:absolute;left:105px;top:70px;display:table-cell;width:190px;text-align:left;} .plan300-ib .txt4{position:absolute;left:105px;top:90px;display:table-cell;width:190px;text-align:left;} .plan300-ib img { position:absolute; left:15px; top:25px; display:table-cell; width:90px; height:90px; text-align:left; vertical-align:middle;} .price-ib a {display: block; height: 40px; _height: 35px; width: 420px; background-image: url(../images/rental/price-ib.png);background-position: 0px 0px; background-repeat: no-repeat; text-align: center;line-height:40px;_line-height:35px;font-size: 13px;font-weight: bold; padding-top:5;} .price-ib a:hover {text-decoration:none;} .spec_rel { position:relative; } .spec_abs { position:absolute; width:950px; height:50px; text-align:right; top:250px; left:-1px; } ul.spec { float:right; display:table;} /*ul.spec:before, ul.spec:after { content:""; display:table; } ul.spec:after { clear:both; } ul.spec { zoom:1; } for IE 6/7 (trigger hasLayout) */ /*ul.spec + *{ clear: both; } for Dreamweaver */ ul.spec li {float:right; width:65px; height:45px; line-height: 45px; border:0px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background:url(images/plan_bk.png) no-repeat; display:table-cell; font-size:10px; font-weight: bold; color:#FFFFFF; text-align:center; vertical-align:middle; } ul.spec li { white-space: pre; /* CSS 2.0 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3.0 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: -moz-pre-wrap; /* Mozilla */ white-space: -hp-pre-wrap; /* HP Printers */ word-wrap: break-word; /* IE 5+ */} table.price_rnt {border-collapse:collapse; font-size:12px; border-top:1px solid #CCCCCC;} table.price_rnt th { padding:3px 6px 24px; border-bottom:1px solid #CCCCCC; text-align:center; vertical-align:top; } table.price_rnt td { padding:3px 6px 12px; border-bottom:1px solid #CCCCCC; text-align:center; vertical-align:middle; } table.price_rnt thead th { background:#999; color:#FFF; text-align:center; font-weight:bold; } table.price_rnt tbody th { background:#FFF; color:#333; text-align:left; font-weight:normal; } table.price_rnt tbody td { padding:3px 18px 12px; text-align:right; } table.price_ins {border-collapse:collapse; font-size:11px;} table.price_ins td { padding:3px 6px; border:1px solid #CCCCCC; text-align:center; vertical-align:middle; } table.price_ins th { padding:3px 6px; border:1px solid #CCCCCC; text-align:center; vertical-align:top; } table.price_ins thead th { background:#999999; color:#FFF; border:1px solid #CCCCCC; text-align:center; font-weight:bold; } table.price_ins tbody th { background:#EEEEEE; color:#333; border:1px solid #CCCCCC; text-align:left; font-weight:normal; } table.price_ins tbody td { padding:3px 18px; text-align:center; } table.spec {border-collapse:collapse; font-size:11px; border-top:1px solid #CCCCCC;} table.spec th { padding:3px 6px; border-bottom:1px solid #CCCCCC; text-align:center; vertical-align:top; } table.spec td { padding:3px 6px; border-bottom:1px solid #CCCCCC; text-align:center; vertical-align:middle; } table.spec thead th { background:#999; color:#FFF; text-align:left; font-weight:bold; } table.spec tbody th { background:#FFF; color:#333; text-align:left; font-weight:normal; } table.spec tbody td { padding:3px 6px; text-align:left; } .price_footnote { padding:3px 0px; font-size:11px; color:#666666; } ul.price_footnote { margin:0 0 0 15px; list-style-type:circle;} .neo-faq { margin:0; } .neo-faq h3 {font-weight:normal; margin:10px 0 0 0; border-top:1px dashed #DDD; padding:5px 0 0; font-weight:bold;cursor:pointer; } .neo-faq ul { float:right; display:block; } .neo-faq ul li { float:left; display:table-cell; margin:0 5px 5px 0;border:1px solid #DDD; -webkit-border-radius: 5px; -moz-border-radius: 5px; background:#EEE;padding:3px; text-align:center; vertical-align:middle; line-height:normal; white-space:nowrap;font-size:10px; font-weight:normal; } .neo-faq p {font-weight:normal; padding:5px 0 10px;} .main { float: left; width: 710px;} /*右側サイドメニューボタン*/ #rightmenu{ width:220px; float:left; margin-left: 30px; } .button { margin:10px auto 0; } .button p { margin:0 0 10px; } .button a { background:#EEE; border:1px solid #CCC; padding:10px 10px; text-align:center; display:block;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;} .button-c { margin:10px auto 0; } .button-c p { margin:0 0 10px; } .button-c a {border:1px solid #FC0; padding:10px 10px; text-align:center; display:block; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; background-color: #FFF2C1;} /*右側サイドメニューボタン　ここまで*/ /*プラン予約ボタン　青*/ .bt-ib-booking a{ background-image: url(../images/rental/bk-ib.jpg); padding-top:11px; padding-left: 60px; height: 30px; background-repeat: no-repeat; border: 3px solid #3CABFC; margin-top: 10px; margin-right: 20px; font-weight: bold; width: 356px; font-size: 16px; border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background-position: -1px; text-decoration:none; display:block; } /*プラン予約ボタン　赤*/ .bt-ob-booking a{ background-image: url(../images/rental/bk-ob.jpg); padding-top:11px; padding-left: 60px; height: 30px; background-repeat: no-repeat; border: 3px solid #F33891; margin-top: 10px; margin-right: 20px; font-weight: bold; width: 356px; font-size: 16px; border-radius:5px; background-position: -1px;text-decoration:none; display:block; } .price_rnt a, .price_footnote a, .rental-price a, #timelimit a, #selection a, #voice a, #rental-support #main a span, .step a, .neo-faq p a, .colorlink a{color:#3399FF;text-decoration:none;font-weight: bold;} .price_rnt a:hover, .price_footnote a:hover, .rental-price a:hover, #timelimit a:hover, #selection a:hover, #voice a:hover, #rental-support #main a:hover span, .step a:hover,.neo-faq p a:hover, .colorlink a:hover{color:#575F64;text-decoration:none;font-weight: bold;} #rental-support #main a:hover span, {color:#575F64;text-decoration:none;font-weight: bold;} .switch01.menu01 #contents ul {margin-left: 10px;list-style-position: inside;list-style-type: circle;} .step-arrow01 { background-image: url(../images/rental/step1-1.jpg); background-repeat: no-repeat;height: 60px;width: 11px;float: left;margin-left: 10px;} .step-arrow02 {background-image: url(../images/rental/step1-2.jpg);background-repeat: repeat-x;height: 48px;padding-top:12px;width: auto;float: left;font-size: 14px;text-align: center;} .step-arrow03 {background-image: url(../images/rental/step1-3.jpg);float: left;height: 60px;width: 30px;background-repeat: no-repeat;} .step { border: 2px solid;border-radius:10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;float: left;} .step h3 { font-size: 16px;text-align: center;margin-bottom:10px;} .step-arrow {height: 172px; background-image: url(../images/rental/step-arrow.jpg); width: 14px;float: left;background-repeat: no-repeat;background-position: center center;} #rental-step .step{width:158px; height: 140px; margin: 4px;padding:7px 4px 15px 4px; border-color:#F90;} #rental-step .step h3{color: #F90;} #reserve .step,#front .step{width:200px; height: 150px; margin:7px; padding:15px 6px 15px 6px; border-color: #666;} #reserve .step h3,#front .step h3{ color: #000;} #reserve .step-arrow,#front .step-arrow{height: 180px;background-image:url(../images/rental/step-arrow-gray.jpg);width: 14px;float: left;background-repeat: no-repeat;background-position: center center;margin-top:7px;} .biz .step{width:190px; height: 160px; margin:7px; padding:10px 10px 15px 10px;border-color:#F09;} .biz .step h3{color: #F09;} .biz .step-arrow {height: 190px;background-image:url(../images/rental/step-arrow-red.jpg);width: 14px;float: left;background-repeat: no-repeat;background-position: center center;margin-top:7px;} .top-booking a { display: block; height: 160px; _height: 160px; width: 220px; background-image: url(../images/top/btn220-booking.jpg); background-position: 0px 0px; background-repeat: no-repeat; text-align: center; line-height:220px; text-indent: -8000px; } .top-booking a:hover {text-decoration:none; background-position: 0 -160px;} .top-fb {width: 218px;text-align: center;padding-bottom: 10px;border: 1px solid #36F; border-radius:5px; -webkit-border-radius: 5px;-moz-border-radius: 5px;} .top-fb p{ color:#fff; background-color:#3B5B99; padding: 5px; } .top-fb span{ line-height:13px; } .top-fb img { margin-bottom: 7px; margin-top: 10px; } .fb-like { width: 150px;margin-top: 5px;margin-bottom: 5px;}