@charset "UTF-8";
@import url(/_common_/css/jquery.lightbox.css);
* { margin: 0; padding: 0; font-family: Verdata,Meiryo,Osaka,san-serif; }

*::after, *::before { box-sizing: border-box; }

html { width: 100%; overflow-y: scroll; }

body { font-size: 14px; color: #000; }

h1 { font-size: 12px; font-weight: normal; }

h2 { font-size: 12px; font-weight: normal; }

h3 { font-size: 12px; font-weight: normal; }

h4 { font-size: 12px; font-weight: normal; }

h5 { font-size: 12px; font-weight: normal; }

h6 { font-size: 12px; font-weight: normal; }

ul { list-style: none; }

li { list-style: none; }

img { border: none; color: #fff; }

a { text-decoration: none; color: #369; }

a:hover { text-decoration: underline; }

label { cursor: pointer; }

input { padding: 1px; }

main { display: block; padding-top: 150px; }

#jquery-overlay { background-color: rgba(255, 255, 255, 0.5) !important; }

.pc { display: inherit !important; }

.sp { display: none !important; }

.clearfix:after { content: ""; clear: both; display: block; }

.noscreen { display: none; }

.noprint { display: screen; }

.balloon { position: relative; width: 200px; background-color: #fff; text-align: center; }

.loading { padding-left: 20px; background-image: url(/_common_/images/loading.gif); background-repeat: no-repeat; background-size: 16px; background-position: center left; }

.maker { background: -webkit-linear-gradient(transparent 60%, #ffcedb 0%); background: linear-gradient(transparent 60%, #ffcedb 0%); }

.annotation { font-size: 11px; font-weight: 600; }

.inquiry-container { display: flex; justify-content: center; margin-top: 50px; margin-bottom: 20px; }
.inquiry-container img { width: 20%; height: 100%; margin-top: -25px; }
.inquiry-container .tel-box { margin-left: -25px; }

.tel-box { max-width: 400px; width: calc(100% - 20%); padding: 5px 10px; font-size: 12px; }
.tel-box p { color: #466e99; }
.tel-box p.announce { display: block; color: #999999; font-size: 18px; font-weight: 600; border: 1px solid #dedede; letter-spacing: 2px; padding: 4px 40px; text-align: center; }
.tel-box p.office-hours { font-weight: 700; font-size: 15px; margin-top: 15px; }

/*.balloon:before { content: ""; position: absolute; bottom: -10px; left: 50%; margin-left: -10px; width: 0; height: 0; border-top: 10px solid #ccc; border-left: 10px solid transparent; border-right: 10px solid transparent; }*/
/*.balloon:after  { content: ""; position: absolute; bottom:  -9px; left: 50%; margin-left: -10px; width: 0; height: 0; border-top: 10px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; }*/
/*----------------------------------------------------------------------------- HEADER ---------------------------------------------------------------------------*/
header { position: fixed; top: 0; width: 100%; height: 130px; z-index: 1000; }
header #header-top { width: 100%; height: 38px; background: #486f9a; }
header #header-top .content { position: relative; overflow: inherit; width: 1200px; height: 49px; margin: 0 auto; }
header #header-top .area-list { display: block; float: left; height: 39px; line-height: 30px; }
header #header-top .area-list a { font-size: 13px; color: #fff; text-decoration: none; }
header #header-top .area-list li { float: left; position: relative; }
header #header-top .area-list li.title { width: 90px; height: 38px; margin-right: 10px; background: #486f9a url(/_common_/images/header/fix_area_title.png) no-repeat; }
header #header-top .area-list li.area { display: block; float: left; height: 38px; margin-right: 10px; line-height: 38px; }
header #header-top .area-list li.area:hover > a { border-bottom-style: solid; border-bottom-width: 3px; }
header #header-top .area-list li.sep { display: block; float: left; height: 38px; margin-right: 10px; line-height: 38px; content: "|"; color: #fff; }
header #header-top .area-list li:hover ul.subarea-list { display: block; }
header #header-top .subarea-list { display: none; overflow: hidden; position: absolute; top: 30px; left: 0; z-index: 99999; }
header #header-top .subarea-list li { clear: both; width: 300px; margin-top: -1px; padding: 4px; border: #69c solid 1px; background: #dceaf8; }
header #header-top .subarea-list li:hover { background: #ace; }
header #header-top .subarea-list li a { color: #369; text-decoration: none; }
header #header-top.tokyo { position: relative; z-index: 100; height: 75px; background-color: #e4eef6; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
header #header-top.tokyo * { font-family: "Noto Sans JP", serif; }
header #header-top.tokyo a:hover { text-decoration: none; }
header #header-top.tokyo .content { display: flex; justify-content: space-between; align-items: center; height: 100%; width: 100%; min-width: 1200px; }
header #header-top.tokyo .content .logo-box { background-color: #fff; text-align: center; height: 100%; width: calc(220px + 20px); border-bottom-left-radius: 10px; }
header #header-top.tokyo .content .logo-box .logo { width: 220px; height: calc(75px - 10px); }
header #header-top.tokyo .content .controls { display: flex; align-items: center; height: 100%; }
header #header-top.tokyo .content .controls ul.gnavi { display: flex; align-items: center; }
header #header-top.tokyo .content .controls ul.gnavi a { width: 110px; margin-right: 10px; background-color: #fff; color: #000; border-radius: 4px; position: relative; font-size: 11px; font-weight: 900; text-align: center; }
header #header-top.tokyo .content .controls ul.gnavi a strong { font-size: 15px; color: #4678b4; }
header #header-top.tokyo .content .controls ul.gnavi a:hover { background-color: #def; }
header #header-top.tokyo .content .controls ul.gnavi a li { position: relative; padding: 10px; padding-top: 40px; padding-bottom: 2px; }
header #header-top.tokyo .content .controls ul.gnavi a:hover { background-color: #def; }
header #header-top.tokyo .content .controls ul.gnavi a.rosen::before { background: url(/images/common/icon-rosen.svg) no-repeat; background-size: contain; }
header #header-top.tokyo .content .controls ul.gnavi a.map::before { background: url(/images/common/icon-map.svg) no-repeat; background-size: contain; }
header #header-top.tokyo .content .controls ul.gnavi a.topics::before { background: url(/images/common/icon-topics.svg) no-repeat; background-size: contain; }
header #header-top.tokyo .content .controls ul.gnavi a.fee::before { background: url(/images/common/icon-fee.svg) no-repeat; background-size: contain; }
header #header-top.tokyo .content .controls ul.gnavi a::before { content: ""; position: absolute; width: 30px; height: 38px; top: 4px; left: 0; right: 0; margin: auto; z-index: 0; background: url(/images/common/icon-aria.svg) no-repeat; background-size: contain; }
header #header-top.tokyo .content .controls ul.gnavi a::after { content: ""; position: absolute; height: 0; width: 0; bottom: 0; right: 0; border-left: 10px solid transparent; border-bottom: 10px solid #4678b4; border-bottom-right-radius: 2px; }
header #header-top.tokyo .content .controls .contact-box { background-color: #4678b4; display: flex; height: 100%; border-bottom-right-radius: 10px; }
header #header-top.tokyo .content .controls .contact-box .tel { margin: 5px; padding: 5px; margin-right: 5px; }
header #header-top.tokyo .content .controls .contact-box .tel img { width: 200px; }
header #header-top.tokyo .content .controls .contact-box .fav { margin: 5px; background-color: #c8d5e5; color: #4678b4; font-size: 10px; font-weight: 700; text-align: center; line-height: 1.2; padding: 5px 10px; border-radius: 8px; margin-right: 5px; text-wrap: nowrap; height: calc(75px - 20px); display: flex; flex-direction: column; align-items: center; justify-content: center; }
header #header-top.tokyo .content .controls .contact-box .fav .strong { font-size: 14px; font-weight: 900; }
header #header-top.tokyo .content .controls .contact-box .fav .fav-title { color: #000; }
header #header-top.tokyo .content .controls .contact-box .fav .count { margin-top: 3px; }
header #header-top.tokyo .content .controls .contact-box .fav .count #sao_count { font-size: 28px; line-height: 24px; }
header #header-top.tokyo .content .controls .contact-box .kj-contact-container { margin: 5px; position: relative; padding: 10px; padding-top: 28px; background-image: linear-gradient(90deg, #ef1d00 0%, #ff9f00 100%); color: #fff; font-size: 11px; font-weight: 900; border-radius: 12px; text-align: center; }
header #header-top.tokyo .content .controls .contact-box .kj-contact-container::before { content: ""; position: absolute; background-image: url(/images/common/comment.svg); background-repeat: no-repeat; background-size: 30px; top: 5px; left: 30px; width: 30px; height: 30px; }
header #header-top.tokyo .content .controls .contact-box .kj-contact-container:hover { opacity: 0.9; }
header #header-top.tokyo .content .controls .contact-box .kj-contact-container .request { font-size: 9px; font-weight: 700; }
header #header-top.tokyo .side-banner { display: block; background: #fff url(/_common_/images/relocation_banner/banner.svg) no-repeat 0 0; background-size: cover; position: fixed; right: 0; top: 40%; width: 240px; height: 160px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
header #header-top.tokyo .side-banner #banner-close { position: absolute; background: #fff url(/_common_/images/relocation_banner/close.svg) no-repeat 0 0; background-size: contain; width: 25px; height: 20px; top: -10px; right: 0; border-top-left-radius: 10px; border-bottom-left-radius: 10px; }

#favbox { z-index: 999; position: absolute; top: 0; right: 0; width: 100px; height: 60px; padding: 0 10px; border: solid 1px #963; border-top: 0; border-radius: 0 0 4px 4px; background: #fdf8e3 url(/_common_/images/btn_top_fav.png) no-repeat 10px 0; text-align: right; }
#favbox a { color: #966; text-decoration: none; font-size: 12px; }
#favbox #sao_count { font-weight: bold; font-size: 16px; padding-right: 5px; }

#header-top-contents { width: 100%; height: auto; background: #fff; }

#header-top-contents .content { position: relative; width: 1200px; height: 110px; }

#h1title { position: absolute; overflow: hidden; width: 100%; top: 5px; left: 5px; font-size: 10px; color: #666; }

#logo { position: absolute; bottom: 10px; left: 5px; width: 192px; height: 51px; }

#logo a { text-decoration: none; }

#fb { padding-right: 0; }

#fb_btn { padding-top: 3px; }

#header-top-contents .freedial { position: absolute; bottom: 25px; right: 150px; width: 220px; height: 56px; }

#header-top-contents .inquiry { position: absolute; bottom: 40px; right: 0; background-color: #f79307; border-radius: 5px; justify-content: center; padding: 10px; display: flex; flex-direction: column; align-items: center; color: #fff; font-size: 12px; font-weight: 600; }
#header-top-contents .inquiry:hover { text-decoration: none; }
#header-top-contents .inquiry p { margin-top: 5px; }

#header-top-contents .annotation { position: absolute; bottom: 5px; right: 0; }

#header-scroll-contents { display: none; width: 100%; height: auto; background: #fff; border-bottom: solid 1px #ddd; }

#header-scroll-contents .content { position: relative; height: 80px; }

#header-scroll-contents .freedial { float: right; width: 220px; height: 25px; margin-right: 8px; padding-top: 20px; }

#header-scroll-contents .inquiry { float: right; width: 103px; height: 25px; padding-top: 20px; }

#header-scroll-contents .annotation { position: absolute; right: -2px; bottom: 3px; font-size: 9px; }

#header-scroll-contents { display: none; }
#header-scroll-contents.tokyo { position: relative; z-index: 99; padding-top: 20px; margin-top: -20px; }
#header-scroll-contents.tokyo .content { width: 100%; height: auto; padding: 10px; display: flex; justify-content: space-between; }
#header-scroll-contents.tokyo .content form { padding: 0; }
#header-scroll-contents.tokyo .content form #txtHKeyword { width: 400px; }
#header-scroll-contents.tokyo .content .annotation { position: static; font-size: 11px; padding-right: 10px; }

#frmHeader { float: left; overflow: hidden; padding-top: 10px; }
#frmHeader input[type=text] { width: 315px; padding: 4px 8px; border: 1px solid #999; border-radius: 2px; color: #666; font-size: 16px; ime-mode: active; }
#frmHeader button { padding: 6px 25px; background: #486f9a none repeat scroll 0 0; border: 0; border-radius: 4px; color: #fff; font-size: 14px; font-weight: bold; }

#h-suggest-list { display: none; position: absolute; overflow: hidden; width: 315px; padding: 8px 16px; background: #fff; border: solid 1px #999; border-radius: 0 0 4px 4px; z-index: 999; }
#h-suggest-list div.title { margin-top: 10px; margin-bottom: 10px; }
#h-suggest-list div.title:first-child { margin-top: 0; }
#h-suggest-list div.title.area div { background-image: url(/_common_/images/gnavi_map.png); }
#h-suggest-list div.title.eki div { background-image: url(/_common_/images/gnavi_rosen.png); }
#h-suggest-list div.title.buil div { background-image: url(/_common_/images/gnavi_dest.png); }
#h-suggest-list div.title.buil li { overflow: hidden; }
#h-suggest-list div.title div { padding-left: 20px; background-repeat: no-repeat; background-position: center left; background-size: 18px; border-bottom: solid 1px #369; color: #369; font-weight: bold; text-align: left; }
#h-suggest-list ul { width: auto; margin: 5px 0 10px 0; padding: 0; }
#h-suggest-list ul .eki { width: auto; margin: 0; padding: 0; line-height: 1.4em; }

#gnavi { position: absolute; left: 230px; bottom: 10px; }
#gnavi.fixed { position: fixed; top: 30px; }
#gnavi li { float: left; width: 90px; height: 20px; margin-right: 10px; padding-top: 30px; background-size: 18px; background-repeat: no-repeat; background-position: center 10px; border: solid 1px #ccc; border-radius: 2px; text-align: center; font-weight: normal; cursor: pointer; }
#gnavi li:hover { background-color: #def; }
#gnavi li.last { width: 110px; border-right: solid 0; }
#gnavi li.topics { background-image: url(/_common_/images/gnavi_topics.png); }
#gnavi li.soba { background-image: url(/_common_/images/gnavi_soba.png); }
#gnavi li.area { background-image: url(/_common_/images/gnavi_area.png); }
#gnavi li.rosen { background-image: url(/_common_/images/gnavi_rosen.png); }
#gnavi li.map { background-image: url(/_common_/images/gnavi_map.png); }
#gnavi li.dest { background-image: url(/_common_/images/gnavi_dest.png); }
#gnavi li a { font-weight: normal; font-size: 12px; color: #369; text-decoration: none; }

#bread-crumb { font-size: 12px; }

#bread-crumb a { font-size: 12px; }

#bread-crumb-schema { font-size: 12px; }
#bread-crumb-schema li { float: left; }
#bread-crumb-schema a { font-size: 12px; }

#sidebar { float: right; width: 232px; margin-bottom: 131px; }
#sidebar section { overflow: hidden; margin-top: -1px; padding: 5px 10px 10px 10px; background: #f1f6fa; border: solid 1px #c9dfec; }
#sidebar section.area .cond, #sidebar section.rosen .cond { padding: 4px; background-color: #fff; border: solid 1px #c9dfec; }
#sidebar section .title { background-color: #f1f6fa; font-weight: bold; color: #369; text-align: left; }
#sidebar .title { overflow: hidden; padding: 5px 0; background: #c9dfec; border-radius: 5px 5px 0 0; font-weight: bold; color: #369; text-align: center; }
#sidebar p.cond { margin-bottom: 10px; }
#sidebar p.span { margin-bottom: 10px; }
#sidebar button { display: block; padding: 4px 10px 4px 24px; background: #666 url(/_common_/images/sidebar_btn_arrow.png) no-repeat 10px; border: solid 1px #666; border-radius: 4px; text-align: center; color: #fff; cursor: pointer; }
#sidebar button.search { float: left; width: 100px; border: solid 1px #ff6766; background-color: #ff6766; }
#sidebar button.search:hover { opacity: .8; }
#sidebar button.clear { float: right; width: 100px; }
#sidebar button.area { width: 130px; margin: 0 auto; padding-left: 30px; text-align: left; }
#sidebar button.rosen { width: 140px; margin: 0 auto; padding-left: 30px; text-align: left; }
#sidebar .btn { display: block; width: 120px; margin: 0 auto; padding: 4px 24px; background: #666 url(/_common_/images/sidebar_btn_arrow.png) no-repeat 10px; border: solid 1px #666; border-radius: 4px; color: #fff; cursor: pointer; }
#sidebar .btn:hover { background-color: #369; }
#sidebar .btn.search { border: solid 1px #ff6766; background-color: #ff6766; }
#sidebar .btn.search:hover { opacity: .8; }
#sidebar .detail-toggle { padding: 10px; background: #666; color: #fff; cursor: pointer; }
#sidebar .detail-toggle span { margin-right: 5px; padding: 0 3px; background: #fff; border: solid 1px #fff; border-radius: 2px; color: #666; font-size: 10px; }
#sidebar select { padding: 4px; }
#sidebar section#side-introduce { margin-top: 18px; }
#sidebar section#side-introduce .title { padding: 0; }
#sidebar section#side-banner { border: none; background: inherit; margin-top: 18px; }
#sidebar section#side-banner.search-page { margin-top: 150px; }
#sidebar section#side-banner .banner { width: 210px; }
#sidebar section.dest input[type=text] { width: 100%; margin-bottom: 4px; }
#sidebar section.other { display: none; }
#sidebar section.other div.title { text-align: left; }
#sidebar .form { display: block; overflow: hidden; margin-bottom: 15px; }
#sidebar #txt_q { width: 200px; }
#sidebar p.type { text-align: center; }
#sidebar p.type label { margin-right: 10px; }
#sidebar p.span { text-align: center; }
#sidebar #txt_spfrom { width: 60px; padding: 4px 8px; font-size: 16px; text-align: center; ime-mode: disabled; }
#sidebar #txt_spto { width: 60px; padding: 4px 8px; font-size: 16px; text-align: center; ime-mode: disabled; }
#sidebar #txt_ffrom { width: 70px; padding: 4px 8px; text-align: right; ime-mode: disabled; }
#sidebar #txt_fto { width: 70px; padding: 4px 8px; text-align: right; ime-mode: disabled; }
#sidebar #txt_time_y { width: 40px; text-align: right; ime-mode: disabled; }
#sidebar #txt_time_m { width: 20px; text-align: right; ime-mode: disabled; }
#sidebar #txt_dist { width: 20px; text-align: right; ime-mode: disabled; }
#sidebar #txt_keyword { width: 192px; padding: 4px 8px; ime-mode: active; }
#sidebar p.clear { text-align: right; padding: 10px 0; }
#sidebar .body { overflow: hidden; padding: 4px; background: #fff; border: solid 1px #c9dfec; }
#sidebar a.btn { padding: 5px 0; text-decoration: none; text-align: center; }
#sidebar.tokyo #side-banner.search-page { margin-top: 220px; }

/****************************************************************************** FRAME ****************************************************************************/
#body { width: 1200px; margin: 0 auto 20px auto; padding: 0; }

#main { float: left; width: 960px; margin-bottom: 50px; }

/****************************************************************************** FOOTER ****************************************************************************/
#totop { position: fixed; width: 60px; height: 80px; bottom: 0; right: 0; background: url(/_common_/images/footer/totop.png) no-repeat; background-size: 60px 80px; cursor: pointer; }

footer { z-index: 2; clear: both; overflow: hidden; padding: 10px; background: #f2f2f2; }
footer ul { display: block; overflow: hidden; margin-bottom: 10px; }
footer ul.area { float: left; }
footer ul.rosen { float: left; }
footer a { color: #333; text-decoration: none; }
footer a:hover { text-decoration: underline; }
footer ul.cell li { float: left; margin-right: 15px; }
footer ul.cell li p { margin-bottom: 10px; }
footer ul.cell li:last-child { margin-right: 0; }
footer ul.cell li ul li { float: none; padding-left: 24px; background: url(/_common_/images/footer/arrow.png) no-repeat 10px 6px; }
footer a.top { padding-left: 24px; background: url(/_common_/images/footer/home.png) no-repeat; color: #369; font-weight: bold; background-size: 20px; }
footer a.area { padding-left: 24px; background: url(/_common_/images/footer/area.png) no-repeat; color: #369; font-weight: bold; }
footer a.topics { padding-left: 24px; background: url(/_common_/images/footer/topics.png) no-repeat; color: #369; font-weight: bold; }
footer a.fee { padding-left: 24px; background: url(/_common_/images/gnavi_soba.png) no-repeat; color: #369; font-weight: bold; background-size: 17px; }
footer a.map { padding-left: 24px; background: url(/_common_/images/gnavi_map.png) no-repeat; color: #369; font-weight: bold; background-size: 18px; }
footer a.dest { padding-left: 24px; background: url(/_common_/images/gnavi_dest.png) no-repeat; color: #369; font-weight: bold; background-size: 18px; }
footer a.company { padding-left: 24px; background: url(/_common_/images/footer/company.png) no-repeat; color: #369; font-weight: bold; }
footer a.rosen { padding-left: 24px; background: url(/_common_/images/footer/rosen.png) no-repeat; color: #369; font-weight: bold; }
footer ul.eki li { float: left; }
footer .rosen-info { float: left; width: 500px; }
footer li.rosen-group { display: block; overflow: hidden; clear: both; padding-bottom: 20px; }
footer li.rosen-group > a { font-weight: bold; }
footer ul.rosen li { float: left; }
footer #contact_wrapper { overflow: hidden; box-sizing: border-box; width: 610px; margin: 0 auto; padding: 10px 20px; border: solid 1px #ccc; background: #fff; justify-content: space-between; margin-bottom: 20px; }
footer #contact_wrapper #contact { display: flex; justify-content: space-between; align-items: center; }
footer #contact_wrapper #contact .business_hours p { font-weight: bold; margin-top: 18px; }
footer #links { overflow: hidden; box-sizing: border-box; width: 1200px; margin: 0 auto; padding: 10px 40px; border-top: solid 1px #ccc; }
footer #links ul li { float: left; margin-right: 10px; }
footer #links .footer-banner { border: #369 solid 3px; box-sizing: border-box; }

#company_info { clear: both; overflow: hidden; width: 100%; padding: 10px; background: #fff; }

#company_info * { font-size: 12px; }

#company_info .copyright { text-align: center; margin-bottom: 20px; }

#company_info .pc.company { display: block; overflow: hidden; width: 400px; margin: 0 auto; }

#company_info .pc.company li { float: left; }

/****************************************************************************** 文書構造 ****************************************************************************/
#main h1 { padding: 20px 0 5px 0; margin-bottom: 15px; border-top: solid 3px #3789b9; border-bottom: solid 1px #ccc; color: #369; font-size: 20px; line-height: 20px; font-weight: bold; }

#main h2 { font-size: 12px; }

#main .big_title { height: 35px; margin: 0 15px 0 15px; background: url(/images/title_back.gif) repeat-x; border: 1px solid #aaa; }

#main .big_title .search { display: block; height: 35px; padding-left: 48px; background: url(/images/title_search_back.gif) no-repeat; line-height: 35px; font-size: 18px; font-weight: bold; }

.content { width: 1200px; margin: 0 auto; overflow: hidden; }

/****************************************************************************** CONTROLS ****************************************************************************/
input.tsubox { width: 80px; text-align: right; ime-mode: disabled; }

input.pricebox { width: 80px; text-align: right; ime-mode: disabled; }

.ui-dialog { z-index: 10000; }

.ui-dialog .ui-dialog-content { padding: 5px; }

@media print { header { display: none; }
  footer { display: none; } }
/****************************************************************************** 404 ページ ****************************************************************************/
#not-found { width: 1200px; margin: 0 auto; }
#not-found h1 { margin-bottom: 30px; line-height: 30px; font-weight: bold; color: #369 !important; overflow: hidden; }
#not-found .content section { padding: 10px; border: solid 1px #369; }
#not-found .content p { line-height: 1.6em; font-weight: bold; }
#not-found .content p.debug { line-height: 1.6em; font-weight: bold; color: #900; }

/*# sourceMappingURL=common-pc.css.map */