* {font-weight: bold;} body { margin-top: 0px; margin-bottom: 30px; background-image: url(https://fukushima-sumai.com/disp_ie.php?head=ieie); background-position: center bottom; background-repeat: no-repeat; background-attachment: fixed; overflow: scroll; font-family: 'Meiryo UI',Meiryo,'Yu Gothic','MS PGothic','Segoe UI',Tahoma,Helvetica,sans-serif; } a:link , a:visited , a:active {text-decoration: none;} h1 {display: none;} img {border: 0;} hr.dash { border: dashed; border-width: 1px 0 0 0; height: 1px; color: #646464; clear: both; } .foot_menu a { text-decoration: none; display: inline; padding: 0px 10px 0px 10px; font-size: 12px; color: #646464; } .chk_genre input{ display: none; } .chk_genre label{ display: inline-block; position: relative; cursor: pointer; margin-left: 10px; padding: 10px 12px; border-radius: 4px; color: #3e4956; font-size: 15px; text-align: center; line-height: 1; } .chk_genre label:before{ position: absolute; content: ""; top: 20px; left: -10px; width: 14px; height: 14px; margin-top: -10px; --background: #bdc3c7; border: 1px #b4b4b4 solid; border-radius: 4px;; } .chk_genre input[type="radio"]:checked + label:after { position: absolute; content: ""; top: 16px; left: -8px; width: 12px; height: 12px; margin-top: -4px; border-radius: 3px; background: #db0000; } .chk_area input{ display: none; } .chk_area label{ display: table-cell; cursor: pointer; width: 265px; height: 60px; color: #000; font-size: 25px; text-align: center; vertical-align: middle; transition: .2s; border-radius: 5px; border: 1px solid #b4b4b4; } .chk_area input[type="radio"]:checked + label { width: 258px; height: 60px; border: 5px solid #ffbd00; } .chk_area input[type="radio"]:disabled + label { color: #eeefef; border: 1px solid #eeefef; } .common_ymd { font-size: 14px; color: #666; } .common_body , .common_body a{ font-size: 14px; color: #000; } .common_body a:hover { color: #ccc; } .footer_menu { position: fixed; bottom: 0; left: 0; width: 100%; height: 30px; background-color: #db0000; color: #fff; vertical-align: middle; } /* 斜線バック */ .grad_back { background:url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAALUlEQVQImWP4/+HKf2T859ac/wzoAv8/XEEIwgTggsgC/z9c+c+ALvD/w5X/APQmXF6ix9XSAAAAAElFTkSuQmCC ) repeat; } .grad_back_t { background:url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKElEQVQImWP43zTtPwr+//8/A7rA/6ZpSIJQAYQgkgBEEE3gf9O0/wC+s1Gl/aMZSQAAAABJRU5ErkJggg== ) repeat; } .grad_back_b { background:url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKElEQVQImWP4v4/hPwr+//8/A7rA/30MSIJQAYQgkgBEEE3g/z6G/wBVtEqdjVVYzgAAAABJRU5ErkJggg== ) repeat; } .grad_back_red { background:url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAFElEQVQImWNggIL/DAz/cTAYGBgAdLIF+0FqkIkAAAAASUVORK5CYII= ) repeat; } .grad_back_const { display: block; width: 290px; float: right; margin-top: 0px; background:url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAKElEQVQImWNgaPrwHxkHrfzwnwFDoAlJEC4AE0QRaPrwnwFDoOnDfwDZlz9nnqo2VwAAAABJRU5ErkJggg== ) repeat; color: #FFF; font-size: 12px; } /* 囲み文字 */ .box_str { float: left; } .box_str UL{ margin: 0; padding: 0; list-style-type: none; } .box_str LI{ display: inline; padding: 0; margin: 0; float: left; } .box_str P{ display: block; width: 20px; height 20px; background-color: #db0000; padding: 0px 3px 0px 3px; text-decoration: none; color: #FFF; font-size: 20px; font-weight: bold; margin: 2px 2px 2px 2px; text-align: center; } .box_str_small{ display: block; width: 30px; height 15px; background-color: #db0000; padding: 0px 3px 0px 3px; text-decoration: none; color: #FFF; font-size: 12px; margin: 2px 2px 2px 2px; text-align: center; margin-left: auto; margin-right: auto; } /* フォーム送信ボタン用 */ .a_button { -moz-box-shadow:inset 0px 0px 0px 1px #ffffff; -webkit-box-shadow:inset 0px 0px 0px 1px #ffffff; box-shadow:inset 0px 0px 0px 1px #ffffff; background-color: #db0000; -webkit-border-top-left-radius:0px; -moz-border-radius-topleft:0px; border-top-left-radius:0px; -webkit-border-top-right-radius:0px; -moz-border-radius-topright:0px; border-top-right-radius:0px; -webkit-border-bottom-right-radius:0px; -moz-border-radius-bottomright:0px; border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:0px; -moz-border-radius-bottomleft:0px; border-bottom-left-radius:0px; text-indent:0px; border:3px solid #db0000; display:inline-block; float: left; color: #fff; font-family:Arial; font-size:20px; font-weight:normal; font-style:normal; height:36px; line-height:36px; width:150px; text-decoration:none; text-align:center; text-shadow:2px 2px 2px #333333; } .a_button:hover { background-color: #db0000; } .a_button:active { position:relative; top:1px; } .a_button_yellow { background-color: #FFDC00; border:3px solid #FFDC00; width: 360px; } .a_button_yellow:hover { background-color:#FF6600; border:3px solid #FF6600; } .a_button_pink { background-color: #FF8296; border:3px solid #FF8296; width: 360px; } .a_button_pink:hover { background-color:#EF5673; border:3px solid #EF5673; } /* 一覧表示用 */ table.bv_h { width: auto; border-spacing: 0; font-size:14px; } table.bv_h th { color: #fff; padding: 8px 15px; background: #258; background:-moz-linear-gradient(rgba(34,85,136,0.7), rgba(34,85,136,0.9) 50%); background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(34,85,136,0.7)), to(rgba(34,85,136,0.9))); font-weight: bold; border-left:1px solid #258; border-top:1px solid #258; border-bottom:1px solid #258; line-height: 120%; text-align: center; text-shadow:0 -1px 0 rgba(34,85,136,0.9); box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset; } table.bv_h th:first-child { border-radius: 5px 0 0 0; } table.bv_h th:last-child { border-radius:0 5px 0 0; border-right:1px solid #258; box-shadow: 2px 2px 1px rgba(0,0,0,0.1),0px 1px 1px rgba(255,255,255,0.3) inset; } table.bv_h tr td { padding: 5px 5px; border-bottom: 1px solid #84b2e0; border-left: 1px solid #84b2e0; } table.bv_h tr { text-align: center; } table.bv_h td { text-align: left; } table.bv_h tr td:last-child { border-right: 1px solid #84b2e0; box-shadow: 2px 2px 1px rgba(0,0,0,0.1); } table.bv_h tr { background: #F8F8F8; } table.bv_h tr:last-child td { box-shadow: 2px 2px 1px rgba(0,0,0,0.1); } table.bv_h tr:last-child td:first-child { border-radius: 0 0 0 5px; } table.bv_h tr:last-child td:last-child { border-radius: 0 0 5px 0; } table.bv_h tr:hover { background: #bbd4ee; cursor:pointer; } /* 入力枠用 */ table.bv_v { width: auto; border-spacing: 0; font-size:14px; } .bv_title { color: #fff; padding: 8px 15px; background: #258; background:-moz-linear-gradient(rgba(34,85,136,0.7), rgba(34,85,136,0.9) 50%); background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(34,85,136,0.7)), to(rgba(34,85,136,0.9))); font-weight: bold; border-left:1px solid #258; border-top:1px solid #258; border-bottom:1px solid #258; line-height: 120%; text-align: center; text-shadow:0 -1px 0 rgba(34,85,136,0.9); box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset; } .bv_field { background: #F8F8F8; } table.bv_v tr:first-child td:first-child { border-radius: 5px 0 0 0; } table.bv_v tr:first-child td:last-child { border-radius:0 5px 0 0; border-right:1px solid #84b2e0; box-shadow: 2px 2px 1px rgba(0,0,0,0.1),0px 1px 1px rgba(255,255,255,0.3) inset; } table.bv_v tr td { padding: 5px 5px; border-bottom: 1px solid #84b2e0; border-left: 1px solid #84b2e0; } table.bv_v tr:first-child td { border-top: 1px solid #84b2e0; } table.bv_v tr { text-align: center; } table.bv_v td { text-align: left; } table.bv_v tr td:last-child { border-right: 1px solid #84b2e0; box-shadow: 2px 2px 1px rgba(0,0,0,0.1); } table.bv_v tr { background: #fff; } table.bv_v tr:last-child td { box-shadow: 2px 2px 1px rgba(0,0,0,0.1); } table.bv_v tr:last-child td:first-child { border-radius: 0 0 0 5px; } table.bv_v tr:last-child td:last-child { border-radius: 0 0 5px 0; } /* 検索結果一覧用 */ table.listed { width: 905px; border-spacing: 0; font-size:12px; } table.listed th { background:url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAALUlEQVQImWP4/3DVf2T8/UTZfwZ0gf8PVyEEYQJwQWSB/w9X/WdAF/j/cNV/AMzbVrlFjMS5AAAAAElFTkSuQmCC ) repeat; /*background: #FFE1AA;*/ color: #646464; padding: 5px 5px; border-right: 1px dotted #808080; border-bottom: 1px solid #808080; line-height: 120%; text-align: center; } table.listed th:last-child { border-right: none; } table.listed tr td { padding: 5px 5px; height: 60px; align: center; vertical-align: middle; border-right: 1px dotted #808080; } table.listed tr { text-align: center; } table.listed tr:nth-child(2n+1) { background: #FFF0D4; } table.listed td { text-align: center; } table.listed tr td:last-child { border-right: none; } table.listed tr:last-child td { border-bottom: 3px solid #FFE1AA; } table.listed tr:last-child td:last-child { border-right: none; } /* 業者別物件一覧用 */ table.const_thing_list { width: 905px; border-spacing: 0; font-size:15px; color: #646464; border-spacing: 15px 0px; margin-bottom: 0px; } table.const_thing_list td { border-radius: 5px 5px 0px 0px; text-align: center; padding-left: 10px; padding-right: 10px; padding-bottom: 0px; box-shadow: 5px 5px 5px 1px rgba(0,0,0,0.4); } table.const_thing_list_inner { width: 100%; height: 40px; border-spacing: 0; font-size:12px; border-spacing: 10px 0px; } table.const_thing_list_inner td { border-radius: 5px 5px 0px 0px; text-align: center; padding: 5px; margin-right: 5px; line-height: 100%; box-shadow: 5px 5px 5px 1px rgba(0,0,0,0.4); text-shadow: 1px 1px 1px #000000; } /* 検索結果詳細 */ TABLE.detail_thing { width: 580px; border-spacing: 0; font-size:15px; float: left; margin-right: 8px; } TABLE.detail_thing TH { background-color: #FFF0D4; align: center; width: 90px; font-size: 12px; } TABLE.detail_thing TH, TABLE.detail_thing TD { padding: 10px; border-bottom: 1px dotted #808080; } TABLE.detail_thing TR:last-child TH, TABLE.detail_thing TR:last-child TD { border-bottom: 3px solid #FFE1AA; } .icons { display: block; float: left; min-width: 63px; padding: 4px; height: 23px; text-align: center; line-height: 23px; color: #db0000; font-size: 12px; border: 1px solid #db0000; border-radius: 4px; margin-right: 5px; margin-bottom: 5px; } .detail_title { font-size: 22px; } /* 不動産店詳細 */ TABLE.detail_const { width: 605px; border-spacing: 0; font-size:12px; float: left; margin-right: 8px; } TABLE.detail_const TH { background-color: #FFF0D4; align: center; width: 90px; font-size: 10px; } TABLE.detail_const TH { border-left: 1px solid #646464; } TABLE.detail_const TD { border-right: 1px solid #646464; } TABLE.detail_const TH , TABLE.detail_const TD { padding: 10px; border-top: 1px solid #646464; } TABLE.detail_const TR:last-child TH , TABLE.detail_const TR:last-child TD { border-bottom: 1px solid #646464; } /* 問い合わせ */ TABLE.askto { width: 905px; border-spacing: 0; font-size:12px; margin-right: 8px; } TABLE.askto TH { background-color: #FFF0D4; width: 155px; border-left: 1px solid #646464; } TABLE.askto TD { border-right: 1px solid #646464; width: 750px; } TABLE.askto TH , TABLE.askto TD { padding: 10px; border-top: 1px solid #646464; } TABLE.askto TR:last-child TH , TABLE.askto TR:last-child TD { border-bottom: 1px solid #646464; } /* チェックボックス、ラジオボタン用 */ LABEL { display: inline; } .chkbox { display: none; } .chkbox_disabled { display: none; } .chkbox + LABEL { background-color: #fafafa; border: 1px solid #cacece; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); padding: 7px; border-radius: 3px; display: inline-block; position: relative; } .chkbox_disabled + LABEL { background-color: #999; border: 1px solid #666; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); padding: 7px; border-radius: 3px; display: inline-block; position: relative; } //.chkbox + LABEL:active, .chkbox:checked + LABEL:active { // box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); //} //.chkbox:checked + LABEL { // background-color: #e9ecee; // border: 1px solid #adb8c0; // box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1); // color: #99a1a7; //} .chkbox:checked + LABEL:after { content: '\2714'; font-size: 17px; position: absolute; top: -4px; left: 4px; color: #000; } .radio , .radio_disabled{ display: none; } .radio + LABEL { -webkit-appearance: none; background-color: #fafafa; border: 1px solid #cacece; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); padding: 9px; border-radius: 50px; display: inline-block; position: relative; } .radio_disabled + LABEL { -webkit-appearance: none; background-color: #999; border: 1px solid #666; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05); padding: 9px; border-radius: 50px; display: inline-block; position: relative; } .radio:checked + LABEL:after { content: ' '; width: 12px; height: 12px; border-radius: 50px; position: absolute; top: 3px; background: #99a1a7; box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3); text-shadow: 0px; left: 3px; font-size: 32px; } //.radio:checked + LABEL { // background-color: #e9ecee; // color: #99a1a7; // border: 1px solid #adb8c0; // box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1); //} //.radio + LABEL:active, .radio:checked + LABEL:active { // box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1); //} .pickup_list { display: block; float: left; margin-right: 40px; margin-bottom: 15px; } .askto_attention { display: block; float: left; width: 30px; border-radius: 3px; background-color: #DE0721; color: #FFFFFF; font-size: 10.9px; margin-right: 3px; } /* 見出し用 */ .selector11{ border:#ccc solid 1px; display:block; padding:0px 0px 0px 10px; background: -prefix-linear-gradient(top,#FFFFFF,#E3E3E3); background: linear-gradient(to bottom,#FFFFFF,#E3E3E3); } .selector11:hover { background: #bbd4ee; cursor:pointer; } .selector11b{ border-left:#ccc solid 6px; padding:0px 0px 0px 8px; } /* 一覧からのリンク用 */ #menu ul { margin: 0 0 0 0; padding: 0; } #menu li { list-style-type: decimal-leading-zero; /*list-style-type: none;*/ /*width: 180px;*/ /*margin: 0;*/ padding: 5px 0px 5px 0px; border-top: 1px dotted #777; } #menu a { text-decoration: none; display: block; text-indent: 5px; padding:5px 5px 5px -5px; } #menu a:hover { background: #E3E3E3; } /* body:before { /* top shadow */ content: ""; position: fixed; top: -10px; left: -10px; width: 110%; height: 10px; -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,.8); -moz-box-shadow: 0px 0px 10px rgba(0,0,0,.8); -ms-box-shadow: 0px 0px 10px rgba(0,0,0,.8); -o-box-shadow: 0px 0px 10px rgba(0,0,0,.8); box-shadow: 0px 0px 10px rgba(0,0,0,.8); z-index: 100; } */ .small_img { margin-right: 4px; margin-bottom: 4px; } //斜線の背景 background: -webkit-gradient(linear, left top, right bottom, from(#ddd), color-stop(0.25, #ddd), color-stop(0.25, white), color-stop(0.5, white), color-stop(0.5, #ddd), color-stop(0.75, #ddd), color-stop(0.75, white), to(white)); background: -moz-linear-gradient(-45deg, #ddd 25%, white 25%, white 50%, #ddd 50%, #ddd 75%, white 75%, white); background: linear-gradient(-45deg, #ddd 25%, white 25%, white 50%, #ddd 50%, #ddd 75%, white 75%, white); background-size: 4px 4px; input[disabled]{ background: red; outline:0px; outline-offset: 10px; } input[type=checkbox][disabled]{ background: red; outline:0px; outline-offset: 10px; } .chkbox.input[type=checkbox]{ border-style: none; outline:1px solid red; outline-offset: 0px; -moz-transform: scale(1.2,1.2); -webkit-transform: scale(1.2,1.2); transform: scale(1.2); } .chkbox :disabled { background: red; } /* 点滅 */ .blinking{ -webkit-animation:blink 1.5s ease-in-out infinite alternate; -moz-animation:blink 1.5s ease-in-out infinite alternate; animation:blink 1.5s ease-in-out infinite alternate; } @-webkit-keyframes blink{ 0% {opacity:0.2;} 100% {opacity:1;} } @-moz-keyframes blink{ 0% {opacity:0.2;} 100% {opacity:1;} } @keyframes blink{ 0% {opacity:0.2;} 100% {opacity:1; }