@charset "utf-8"; /* Copyright 2015 FSFIEL All Rights Reserved. */ /* ------------------------------------------------------------ ヘッダー ------------------------------------------------------------ */ /* heading ---------------------------------------------- */ h1#top{ font-size:12px !important; font-weight:normal; position:absolute; top:11px; left:0; z-index: 99; /* AL-Designs追加 */ } #h2_logo, #h2_logo_f{ width:170px; height:35px; position:absolute; top:40px; left:0; } #h2_logo_r{ width:170px; height:46px; position:absolute; top:40px; left:0; } #h2_logo a{ background:url(../../img/img_logo01.png) no-repeat 0 0; display:block; width:170px; height:35px; } #h2_logo_f a{ background:url(../../img/img_logo01_f.png) no-repeat 0 0; display:block; width:170px; height:35px; } #h2_logo_r a{ background:url(../../img/img_logo01_r.png) no-repeat 0 0; display:block; width:170px; height:46px; } #h2_logo span{display:none;} /* 20190722 korenaga */ /* #header { position: fixed; z-index: 5; width: 100%; height: 300px; height: 170px; background: #FFF; } */ #header-fur { height: 122px; background: #FFF; } #header-fur-low { background: #FFF; } #fixed_header { position: fixed; top: 0; left: 0; height: 77px; z-index: 5; width: 100%; background: #FFF; border-top: 2px solid #1D4C84; } #header-fur-low #fixed_header { height:75px !important; border-bottom:1px solid #ddd; } #header-fur #fixed_header { height: 75px !important; } #header_inner { display: flex; display: block; align-items: center; position: relative; max-width: 1250px; width: 100%; height: 77px; margin: 0 auto; /* overflow: hidden; */ box-sizing:border-box; } #header_inner h1 { font-size: 80%; color: #1D4C84; /* margin-top: -20px; */ font-weight:normal; margin-left: 3px; } #header_inner #fixed_nav { position: fixed; z-index: 998; width: 100%; background: #FFF; } #header_inner #h_logo { width: 215px; margin-top: 1px; margin-left: 5px; } #header_inner #h_logo_f, #header_inner #h_logo_r { width: 170px; height: 35px; position: absolute; left: 0; top: 25px; } #fixed_nav #nav_global ul#mainnav { max-width: 1250px; margin: 0 auto; display: flex; } #fixed_nav #nav_global ul li#nav-office { padding:5px; /* width: 100%; */ /* max-width:875px; */ /* box-sizing:border-box; */ display: flex; } /*居抜き用*/ #header-fur #fixed_nav #nav_global ul li#nav-office, #header-fur-low #fixed_nav #nav_global ul li#nav-office { background-color:rgb(62, 170, 114); } /*リノベ用*/ #header-rnv #fixed_nav #nav_global ul li#nav-office, #header-rnv-low #fixed_nav #nav_global ul li#nav-office { background-color:#333; } /* #fixed_nav #nav_global ul li#nav-office .navtxt { display:inline-block; width:125px; color:#fff; box-sizing:border-box; text-align:center; padding-top:25px; font-family:'Noto Sans JP'; } */ #fixed_nav #nav_global ul li#nav-useful { background-image: url("../../img/arrow_down.png"); background-position: center bottom 10px; background-repeat: no-repeat; background-color: rgb(137, 209, 172); width:100px; position:relative; display: flex; justify-content: center; } /*居抜き用*/ #header-fur #fixed_nav #nav_global ul li#nav-useful, #header-fur-low #fixed_nav #nav_global ul li#nav-useful { background-color:rgb(91, 184, 136); } /*リノベ用*/ #header-rnv #fixed_nav #nav_global ul li#nav-useful, #header-rnv-low #fixed_nav #nav_global ul li#nav-useful { background-color:rgb(63, 63, 63); } #fixed_nav #nav_global ul li#nav-useful .navtxt { display:block; width:125px; color:#fff; box-sizing:border-box; text-align:center; padding-top:32px; /* font-family:'Noto Sans JP'; */ } #fixed_nav #nav_global ul li#nav-market { background-image: url("../../img/arrow_down.png"); background-position: center bottom 10px; background-repeat: no-repeat; background-color: rgb(233, 202, 125); width:100px; position:relative; } /*居抜き用*/ #header-fur #fixed_nav #nav_global ul li#nav-market, #header-fur-low #fixed_nav #nav_global ul li#nav-market { background-color:rgb(125, 197, 160); } /*リノベ用*/ #header-rnv #fixed_nav #nav_global ul li#nav-market, #header-rnv-low #fixed_nav #nav_global ul li#nav-market { background-color:rgb(85, 85, 85); } #fixed_nav #nav_global ul li#nav-market .navtxt { display:inline-block; width:125px; color:#fff; box-sizing:border-box; text-align:center; padding-top:32px; /* font-family:'Noto Sans JP'; */ } #fixed_nav #nav_global ul li#nav-seminar { background-image: url("../../img/arrow_down.png"); background-position: center bottom 10px; background-repeat: no-repeat; background-color: rgb(120, 193, 241); display: flex; justify-content: center; width:100px; position:relative; } /*居抜き用*/ #header-fur #fixed_nav #nav_global ul li#nav-seminar, #header-fur-low #fixed_nav #nav_global ul li#nav-seminar { background-color:rgb(141, 206, 172); } /*リノベ用*/ #header-rnv #fixed_nav #nav_global ul li#nav-seminar, #header-rnv-low #fixed_nav #nav_global ul li#nav-seminar { background-color:rgb(105, 105, 105); } #fixed_nav #nav_global ul li#nav-seminar .navtxt { display:inline-block; width:125px; color:#fff; box-sizing:border-box; text-align:center; padding-top:32px; /* font-family:'Noto Sans JP'; */ } nav#submenu01 { display: inline-block; height: 100%; vertical-align: top; } nav#submenu01 ul { display: flex; /* background-color: #E5F2FA; */ /* max-width: 738px; */ height: 100%; } /*居抜き用*/ #header-fur nav#submenu01 ul, #header-fur-low nav#submenu01 ul { background-color:rgb(230, 243, 236); } /*リノベ用*/ #header-rnv nav#submenu01 ul, #header-rnv-low nav#submenu01 ul { background-color:rgb(236, 236, 236); } /* nav#submenu01 ul li { width:123px; border-right:1px solid #D5E3EE; box-sizing:border-box; } */ /* nav#submenu01 ul li:last-child { border:0; } */ /* nav#submenu01 ul li.s1-1 { background:url('../../img/ico_area.png') center top 10px no-repeat; } nav#submenu01 ul li.s1-2 { background:url('../../img/ico_railway.png') center top 7px no-repeat; } nav#submenu01 ul li.s1-3 { background:url('../../img/ico_furnished.png') center top 7px no-repeat; } nav#submenu01 ul li.s1-4 { background:url('../../img/ico_renovation.png') center top 5px no-repeat; } nav#submenu01 ul li.s1-5 { background:url('../../img/ico_rental.png') center top 7px no-repeat; } nav#submenu01 ul li.s1-6 { background:url('../../img/ico_depotoku.png') center top 5px no-repeat; background-size:32%; */ /* } */ /* nav#submenu01 ul li a { display:block; height:100%; width:100%; color:#347DBF; } */ /*居抜き用*/ #header-fur nav#submenu01 ul li a, #header-fur-low nav#submenu01 ul li a { color:rgb(32, 94, 62); } /*リノベ用*/ #header-rnv nav#submenu01 ul li a, #header-rnv-low nav#submenu01 ul li a { color:rgb(51, 51, 51); } span.btnname { display:block; text-align:center; padding-top:48px; /* font-family:'Noto Sans JP'; */ font-size:90%; } nav.sublist { display: flex; display:none; position:absolute; top:83px; right:0; z-index:999; } nav.sublist ul { display: flex; width:100%; /* margin-top:1px; */ } nav.sublist ul li { width:125px; height:90px; box-sizing:border-box; background-color:#fff; margin-right:1px; } nav.sublist ul li:last-child { margin-right:0; } nav.sublist ul li a { display:block; height:100%; width:100%; color:#FFF; } nav#sub-useful ul li.s2-1 a { background:url('../../img/ico_useful.png') center top 10px no-repeat #75B88C; } nav#sub-useful ul li.s2-2 a { background:url('../../img/ico_faq.png') center top 12px no-repeat #75B88C; } nav#sub-useful ul li.s2-3 a { background:url('../../img/ico_glos.png') center top 20px no-repeat #75B88C; } nav#sub-useful ul li.s2-4 a { background:url('../../img/ico_featured.png') center top 12px no-repeat #75B88C; } nav#sub-useful ul li.s2-6 a { background:url('../../img/ico_leasekagu.png') center top 20px no-repeat #75B88C; } nav#sub-useful ul li.s2-7 a { background:url('../../img/ico_chart.png') center top 20px no-repeat #75B88C; } nav#sub-useful ul li.s2-5 a { background:url('../../img/ico_blog.png') center top 10px no-repeat #75B88C; } /*居抜き用*/ #header-fur nav#sub-useful ul li.s2-1 a, #header-fur nav#sub-useful ul li.s2-2 a, #header-fur nav#sub-useful ul li.s2-3 a, #header-fur nav#sub-useful ul li.s2-4 a, #header-fur nav#sub-useful ul li.s2-5 a, #header-fur nav#sub-useful ul li.s2-6 a, #header-fur nav#sub-useful ul li.s2-7 a, #header-fur-low nav#sub-useful ul li.s2-1 a, #header-fur-low nav#sub-useful ul li.s2-2 a, #header-fur-low nav#sub-useful ul li.s2-3 a, #header-fur-low nav#sub-useful ul li.s2-4 a, #header-fur-low nav#sub-useful ul li.s2-5 a, #header-fur-low nav#sub-useful ul li.s2-6 a, #header-fur-low nav#sub-useful ul li.s2-7 a { background-color:rgb(91, 184, 136); } /*リノベ用*/ #header-rnv nav#sub-useful ul li.s2-1 a, #header-rnv nav#sub-useful ul li.s2-2 a, #header-rnv nav#sub-useful ul li.s2-3 a, #header-rnv nav#sub-useful ul li.s2-4 a, #header-rnv nav#sub-useful ul li.s2-5 a, #header-rnv nav#sub-useful ul li.s2-6 a, #header-rnv nav#sub-useful ul li.s2-7 a, #header-rnv-low nav#sub-useful ul li.s2-1 a, #header-rnv-low nav#sub-useful ul li.s2-2 a, #header-rnv-low nav#sub-useful ul li.s2-3 a, #header-rnv-low nav#sub-useful ul li.s2-4 a, #header-rnv-low nav#sub-useful ul li.s2-5 a, #header-rnv-low nav#sub-useful ul li.s2-6 a, #header-rnv-low nav#sub-useful ul li.s2-7 a { background-color:rgb(63, 63, 63); } nav#sub-market ul li.s3-1 a { background:url('../../img/ico_market.png') center top 18px no-repeat #E4B84D; } nav#sub-market ul li.s3-2 a { background:url('../../img/ico_marketdata.png') center top 18px no-repeat #E4B84D; } nav#sub-market ul li.s3-3 a { background:url('../../img/ico_cost.png') center top 13px no-repeat #E4B84D; } /*居抜き用*/ #header-fur nav#sub-market ul li.s3-1 a, #header-fur nav#sub-market ul li.s3-2 a, #header-fur nav#sub-market ul li.s3-3 a, #header-fur-low nav#sub-market ul li.s3-1 a, #header-fur-low nav#sub-market ul li.s3-2 a, #header-fur-low nav#sub-market ul li.s3-3 a { background-color:rgb(125, 197, 160); } /*リノベ用*/ #header-rnv nav#sub-market ul li.s3-1 a, #header-rnv nav#sub-market ul li.s3-2 a, #header-rnv nav#sub-market ul li.s3-3 a, #header-rnv-low nav#sub-market ul li.s3-1 a, #header-rnv-low nav#sub-market ul li.s3-2 a, #header-rnv-low nav#sub-market ul li.s3-3 a { background-color:rgb(85, 85, 85); } nav#sub-seminar ul li.s4-1 a { background:url('../../img/ico_example.png') center top 10px no-repeat #5CACEB; } nav#sub-seminar ul li.s4-2 a { background:url('../../img/ico_seminar.png') center top 13px no-repeat #5CACEB; } nav#sub-seminar ul li.s4-3 a { background:url('../../img/ico_download.png') center top 18px no-repeat #5CACEB; } /*居抜き用*/ #header-fur nav#sub-seminar ul li.s4-1 a, #header-fur nav#sub-seminar ul li.s4-2 a, #header-fur nav#sub-seminar ul li.s4-3 a, #header-fur-low nav#sub-seminar ul li.s4-1 a, #header-fur-low nav#sub-seminar ul li.s4-2 a, #header-fur-low nav#sub-seminar ul li.s4-3 a { background-color:rgb(141, 206, 172); } /*リノベ用*/ #header-rnv nav#sub-seminar ul li.s4-1 a, #header-rnv nav#sub-seminar ul li.s4-2 a, #header-rnv nav#sub-seminar ul li.s4-3 a, #header-rnv-low nav#sub-seminar ul li.s4-1 a, #header-rnv-low nav#sub-seminar ul li.s4-2 a, #header-rnv-low nav#sub-seminar ul li.s4-3 a { background-color:rgb(105, 105, 105); } /* 20190722 korenaga that's all */ /* div ---------------------------------------------- */ div#header2{ background:#FDFDFD; /*margin-bottom: 59px;*/ height: 122px; border-bottom: 3px solid #e6e6e6; } div#header_inner_fun, div#header_inner_rnv{ width:100%; height:124px; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 998; background-color: #FFFFFF; } div#header_inner_inner{ width:100%; max-width:1150px; /*height:122px;*/ min-height:100px; margin:0 auto; position: relative; box-sizing: border-box; padding: 0px 15px; } div#wrap_nav_global{ border-top:1px solid #E6E6E6; border-bottom:1px solid #E6E6E6; /*padding:15px 0;*/ width: 100%; height: 55px; background-color: #fff; position: fixed; top: 124px; left: 0; z-index: 998; } ul#nav_global{ /*overflow:hidden;*/ max-width:1050px; margin:0 auto; } ul#nav_global li.gBtn{ /* float:left; */ font-size: 110%; position:relative; } ul#nav_global li.gBtn a.gLink{ display:block; padding: 15px 19px; /* float: left; */ } ul#nav_global li.gBtn a.gLink:hover{ background-color: #1F4D85; color: #ffffff; } ul#nav_global li.gBtn ul.nav_gs{ clear: both; position: absolute; top: 55px; left: 0; display: none; z-index: 999; min-width: 100%; border-top: 1px solid #f1f1f1; /*border-left: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1;*/ } ul#nav_global li.gBtn ul.nav_gs li{ min-width: 150px; background-color: #ffffff; border-bottom: 2px solid #4F99CA; z-index: 999; white-space: nowrap; border-left: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; } ul#nav_global li.gBtn ul.nav_gs li a{ display: block; padding: 7px 15px; z-index: 999; white-space: nowrap; font-size: 86%; } ul#nav_global li.gBtn ul.nav_gs li a:hover{ background-color: #82C7E6; color: #1F4D85; } ul#nav_global li.gBtn ul.nav_gs2 { min-width: 305px !important; } ul#nav_global li.gBtn ul.nav_gs2 li:nth-child(2n) { /* float: left; */ border-left: 0 !important; /*border-left: 1px solid #f1f1f1;*/ /*border-right: 1px solid #f1f1f1;*/ } /* 20171031 メニュー追加 */ #wrap-globalmenu { background-color:#D8E8F8; width:100%; display:none; border-bottom:1px solid #9FD8EE; } #wrap-globalmenu #globalmenu { max-width:1200px; margin:0px auto; padding: 3px 0px; } #wrap-globalmenu #globalmenu li { width:148px; list-style:none; /* float:left; */ padding: 0px; } #wrap-globalmenu #globalmenu li a { display:block; text-align:center; padding:12px 0px; margin:0; border-left:1px solid #fefefe; border-right:1px solid #fefefe; } #wrap-globalmenu #globalmenu li:first-child a { border-left:0; } #wrap-globalmenu #globalmenu li:last-child a { border-right:0; } #wrap-globalmenu #globalmenu li a:hover { background-color:#feffff; } /* p ---------------------------------------------- */ p#txt_contact01{ background:url(../../img/txt_contact01.jpg) no-repeat 0 0; width:330px; height:46px; margin-bottom:0; position:absolute; top:28px; right:192px; } p#txt_contact03{ background:url(../../img/txt_contact01.jpg) no-repeat 0 0; width:330px; height:46px; margin-bottom:0; position:absolute; top:28px; right:350px; } p#txt_contact04{ /*background:url(../../img/txt_contact01.jpg) no-repeat 0 0;*/ width:288px; height:46px; margin-bottom:0; position:absolute; top:30px; right:430px; } p#txt_searchbox { width:220px; height:46px; margin-bottom:0; position:absolute; top:28px; right:700px; } p#txt_contact01 span{display:none;} p#txt_contact03 span{display:none;} p#btn_contact01{ position:absolute; right:0; bottom:22px; margin-bottom:0; } p#btn_contact03{ position:absolute; right:0; bottom:39px; margin-bottom:0; height: 70px; } p#browser{ text-align:center; padding:20px 0; margin-bottom:0; border-bottom:1px solid #E6E6E6; } p#browser a{ color:#6699CC; text-decoration:underline; } p#browser a:hover{text-decoration:none;} #headnav, #headnav_f, #headnav_r { display: flex; position:absolute; top:21px; right:0; } #headnav_f,#headnav_r { top:0; } #headnav li a, #headnav_f li a, #headnav_r li a { display:block; color:#609ACE; } #headnav li a#navbtnInquiry { background:url('../../img/ico_inquiry.png') center top 5px no-repeat; } #headnav li a#navbtnHistory { background:url('../../img/ico_history.png') center top no-repeat; } #headnav li a#navbtnFavorite { background:url('../../img/ico_favorite.png') center top no-repeat; } #headnav li a#navbtnPrivacy { background:url('../../img/ico_policy.png') center top no-repeat; } #headnav li a#nav_owner { background:url('../../img/ico_owner.png') center top no-repeat; } #headnav li a#nav_sale{ background:url('../../img/ico_sale.png') center top no-repeat; } #header_inner #favoriteCount #favorHspIndex, #header_inner #favoriteCount #favorHsp { padding: 1px 4px 2px; min-width: 10px; margin: 0; position: absolute; top: 0; right: 15px; background-color: #c00; border: 1px solid #FFF; color: #FFF; line-height: 1em; font-size: 90%; text-align: center; border-radius: 10px; box-sizing:border-box; } input#headerword { width:220px; padding:8px 35px 8px 5px; border:1px solid #ddd; border-radius:5px; -o-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; box-sizing: border-box; } #header-rnv { background-color:#fff; height:141px; } #header-rnv #fixed_header { border-bottom:3px solid #f2ede9; height:75px !important; } #header-rnv-low { height: 78px; background: #FFF; } #header-rnv-low #fixed_header { height:76px !important; border-bottom:1px solid #ddd; } #header-rnv-low #fixed_header #header_inner { height:76px !important; } /* wrap_breadcrumb */ ol#breadcrumb{ display: flex; flex-wrap: wrap; align-items: center; } .arroe-right{ margin-right: 10px; } div#wrap_breadcrumb{ padding-top: 13px; padding-bottom: 13px; } @media screen and (max-width:900px){ div#wrap_breadcrumb{ margin-bottom: 0; } ol#breadcrumb li{ margin-left: 5px; /* margin-right: 5px; */ padding-right:10px; } } @media screen and (max-width:769px){ ol#breadcrumb{ width: 96%; margin: 0 auto; } } @media screen and (max-width:500px){ div#wrap_breadcrumb{ padding-top: 7px; padding-bottom: 5px; /* margin-top: 1px; */ margin-top:80px; } ol#breadcrumb{ font-size: 60%; width: 98%; } ol#breadcrumb li{ /* padding-right: 0; */ } .arroe-right{ margin-right: 0; } } /* breadcrumb終わり */