@charset "utf-8"; /* Copyright 2015 FSFIELD 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 { /* height: 170px; */ height:145px; background: #FFF; } #header-fur { height: 122px; background: #FFF; } #header-fur-low { height: 75px; background: #FFF; } #fixed_header { position: fixed; top: 0; left: 0; height: 80px; z-index: 999; 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 { min-width: 1000px; max-width: 1250px; width: 100%; margin: 0 auto; overflow: hidden; position: relative; height: 78px; padding-top: 20px; box-sizing:border-box; } #header-fur #header_inner, #header-fur-low #header_inner{ height:75px !important; } /* #header-fur #header_inner { width:1250px !important; } */ #header_inner h1 { font-size: 80%; color: #1D4C84; margin-top: -20px; font-weight:normal; } #header_inner #fixed_nav { position: fixed; z-index: 998; width: 100%; background: #FFF; } #header_inner #h_logo { width: 215px; height: 50px; position: absolute; left: 0; top: 25px; } #header_inner #h_logo_f, #header_inner #h_logo_r { width: 170px; height: 35px; position: absolute; left: 0; top: 25px; } #fixed_nav #nav_global { border-top: 1px solid #D7E9EC; border-bottom: 1px solid #DDDDDD; } #fixed_nav #nav_global ul#mainnav { width: 1250px; margin: 0 auto; display: flex; overflow: visible; height: 90px; } #fixed_nav #nav_global ul li { float: left; } #fixed_nav #nav_global ul li#nav-office { background-color:#619AC5; padding:7px 7px 7px 0px; width:875px; box-sizing:border-box; } /*居抜き用*/ #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:url('../img/home/nav/arrow_down.png') center bottom 10px no-repeat #75B88C; width:125px; position:relative; } /*居抜き用*/ #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:url('../img/home/nav/arrow_down.png') center bottom 10px no-repeat #E4B84D; width:125px; 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:url('../img/home/nav/arrow_down.png') center bottom 10px no-repeat #5CACEB; width:125px; 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; 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/home/nav/ico_area.png') center top 10px no-repeat; } nav#submenu01 ul li.s1-2 { background:url('../img/home/nav/ico_railway.png') center top 7px no-repeat; } nav#submenu01 ul li.s1-3 { background:url('../img/home/nav/ico_furnished.png') center top 7px no-repeat; } nav#submenu01 ul li.s1-4 { background:url('../img/home/nav/ico_renovation.png') center top 5px no-repeat; } nav#submenu01 ul li.s1-5 { background:url('../img/home/nav/ico_rental.png') center top 7px no-repeat; } nav#submenu01 ul li.s1-6 { /*background:url('../img/home/nav/ico_newbuild.png') center top 5px no-repeat;*/ background:url('../img/home/nav/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:none; position:absolute; top:90px; right:0; z-index:999; } nav#sub-useful { width: 881px; } nav#sub-market { width:377px; } nav#sub-seminar { width:377px; } nav.sublist ul { 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/home/nav/ico_useful.png') center top 10px no-repeat #75B88C; } nav#sub-useful ul li.s2-2 a { background:url('../img/home/nav/ico_faq.png') center top 12px no-repeat #75B88C; } nav#sub-useful ul li.s2-3 a { background:url('../img/home/nav/ico_glos.png') center top 20px no-repeat #75B88C; } nav#sub-useful ul li.s2-4 a { background:url('../img/home/nav/ico_featured.png') center top 12px no-repeat #75B88C; } nav#sub-useful ul li.s2-6 a { background:url('../img/home/nav/ico_leasekagu.png') center top 20px no-repeat #75B88C; } nav#sub-useful ul li.s2-7 a { background:url('../img/home/nav/ico_chart.png') center top 20px no-repeat #75B88C; } nav#sub-useful ul li.s2-5 a { background:url('../img/home/nav/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/home/nav/ico_market.png') center top 18px no-repeat #E4B84D; } nav#sub-market ul li.s3-2 a { background:url('../img/home/nav/ico_marketdata.png') center top 18px no-repeat #E4B84D; } nav#sub-market ul li.s3-3 a { background:url('../img/home/nav/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/home/nav/ico_example.png') center top 10px no-repeat #5CACEB; } nav#sub-seminar ul li.s4-2 a { background:url('../img/home/nav/ico_seminar.png') center top 13px no-repeat #5CACEB; } nav#sub-seminar ul li.s4-3 a { background:url('../img/home/nav/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%; min-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;*/ 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-1){ /*border-left: 1px solid #f1f1f1;*/ float: left; /*border-right: 0 !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 { 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 { position:absolute; /*top:0;*/ right:0px; box-sizing:border-box; } #headnav_f,#headnav_r { top:0; } #headnav li, #headnav_f li, #headnav_r li { display: inline-flex; } #headnav li a, #headnav_f li a, #headnav_r li a { display:inline-flex; display:block; color:#609ACE; /* width:80px; height:100px; background-color:#D2EDF4; */ } #headnav li a#navbtnInquiry { background:url('../img/common/head/ico_inquiry.png') center top 5px no-repeat; } #headnav li a#navbtnHistory { background:url('../img/common/head/ico_history.png') center top no-repeat; } #headnav li a#navbtnFavorite { background:url('../img/common/head/ico_favorite.png') center top no-repeat; } #headnav li a#navbtnPrivacy { background:url('../img/common/head/ico_policy.png') center top no-repeat; } #headnav li a#nav_owner { background:url('../img/common/head/ico_owner.png') center top no-repeat; } #headnav li a#nav_sale{ background:url('../img/common/head/ico_sale.png') center top no-repeat; } /* #headnav li a:hover { background-color:#D2EDF4 !important; } #headnav li a span { padding-top:65px; color:#3B689A; font-weight:bold; font-size:12px; width:100%; } */ #header_inner #favoriteCount #favorHspIndex, #header_inner #favoriteCount #favorHsp { padding: 1px 4px 2px; min-width: 10px; margin: 0; position: absolute; top: 0; right: 10px; 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: 141px; 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; }