/*-------------------------------------------- 共通 ------------------------------------------*/ * { margin:0; padding:0; border:none; } body { line-height:1.6; font-family:"メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3"; color:#333; font-size:85%; -webkit-text-size-adjust: none; } input, select, textarea { font-family:"メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3"; font-size:18px; } textarea{ padding:3px; /*border:1px solid #dfdfdf;*/border:solid 1px #e2e3ea; border-top: solid 1px #abadb3;} img{max-width:100%; height:auto} /*h1 {margin:0; color:#888; font-size:14px; position:absolute; top:15px; font-weight:normal;}*/ em {font-style:normal;} li {list-style:none;} address{ font-style:normal;} address a{ text-decoration:none; color: #666;} .end {clear:both; margin:0; padding:0; border:0;} .clear_float{ clear:both; height:0px; font-size:1px; line-height:0px; visibility:hidden; } .formDefault{ } .formDefault-imeDisabled{ ime-mode: disabled; } .input-error{ background-color:#ffcccc; } .input-error-imeDisabled{ background-color:#ffcccc; ime-mode: disabled; } input:focus, textarea:focus { } #require_mail{ display:none; } #require_tel{ display:none; } /*------------------------------------------ 文字など ----------------------------------------*/ .whiteText{ color:#FFF; } .redText{ color:#dd0002; } .blueText{ color: #223a8e; } .blueText2{ color: #54a0d3; } .blackText{ color: #3300FF; } .grayText{ color: #333333; } .grayText2{ color: #999999; } .grayText3{ color: #666; font-weight:bold; } .grayText16{ color: #666; font-size:16px; font-weight:bold; } .pinkText{ color: #ee65ee; } .boldText{ font-weight:bolder; } .smallText{ font-size:90%; } .xsmallText{ font-size:10px; } .Error{ font-size:95%; font-weight:bolder; color:#FF0000; padding:0px 0px 5px 50px; } .line{height:3px;background-image:url(../images/line_dotted_3px_000000_2.gif);margin:7px 0px 7px 0px;} .line2px{height:1px;background-image:url(../images/line_dotted_2px.gif);margin:7px 0px 7px 0px;} .border{ padding: 3px ;border:1px solid #bbbbbb;} .strong1{ font-size:18px; color:#cc0000;} /* table ================================================== */ /* borderが1以上のテーブルCSS */ .borderTable { border:1px solid #CCC; border-collapse:collapse; } .borderTable th, .borderTable td { border:1px solid #CCC; border-collapse:collapse; padding:5px; } .borderTable td ul li { border-bottom:none; } /*---------------------------------------- inline style --------------------------------------*/ small-text { font-size: 90%; } xsmall-text { font-size: 10px; } .price { /*color: #ff0000; font-weight: bold;*/ font-size:18px; } .decimal { vertical-align: text-top; font-size: 12px; } .nonexistent{ margin:20px 0 10px 0; border:1px solid #999; padding:30px 0 30px 0; text-align:center;} /*--- faq sp ---*/ #contents-inner-pages .asset-body table td.icon_q {width: 50px; height: 50px; text-align: center; vertical-align: middle;} #contents-inner-pages .asset-body table td.icon_a {width: 50px; text-align: center; vertical-align: top;} /*---------------------------------------- bread crumbs --------------------------------------*/ .breadcrumbs{ color:#666; margin:0px 0px 12px 0px;} .breadcrumbs a{ color:#000;} .breadcrumbs strong{color:#cc0000; font-size:18px;} /*------------------------------------------ contents ----------------------------------------*/ #wrap-outer .more{text-align:right;font-size:12px;margin:10px 0 0 0;} #wrap-outer .more a{ background:url(../images/more.png) no-repeat 0 3px; padding:0 0 0 20px; color:#00479d; height:13px; } /*---*/ .tolist {text-align:right; margin:20px 0 0 0;} .tolist a {background:url(../images/top/indent.png) no-repeat 5% center; color:#45949f; padding-left:1.5em;} #wrap .top_count .tolist{margin-right:0;} #wrap .top_news .tolist {margin-right:20px;} /*---*/ #input_address{ display:none; margin-top:10px; } /*================================== トップページ　section03 ==================================*/ #wrap_section03 {width:100%; margin:0 auto 0 auto; padding:40px 0 40px 0; font-size:16px; line-height:1.6; background:#FFF; } #wrap_section03 .top_voice_faq {width:950px; margin:0 auto 0 auto; display:table;} #wrap_section03 .top_voice { width:410px; height:665px; margin:0; padding:20px; border-radius:10px; background-color:rgba(255,255,255,0.85); /* box-shadow */ box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 0; -webkit-box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 0; -moz-box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 0; display:table-cell; } #wrap_section03 .top_voice table {margin:0;} #wrap_section03 .top_voice table td.icon {width:50px; height:50px; text-align:center;} #wrap_section03 .top_voice table td.h {height:50px; font-weight:bold;} #wrap_section03 .top_voice table td.text {padding:10px; border-top:1px solid #E6E6E6; border-bottom:1px solid #E6E6E6; background:#F7F7F7;} #wrap_section03 .top_faq { width:410px; height:665px; margin:0; padding:20px; border-radius:10px; background-color:rgba(255,255,255,0.85); /* box-shadow */ box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 0; -webkit-box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 0; -moz-box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 0; display:table-cell; } #wrap_section03 .top_faq table {margin:0;} #wrap_section03 .top_faq table td.q {width:50px; height:50px; text-align:center;} #wrap_section03 .top_faq table td.h {height:50px; font-weight:bold;} #wrap_section03 .top_faq table td.a, #wrap_section03 .top_faq table td.text {padding:10px; border-top:1px solid #E6E6E6; border-bottom:1px solid #E6E6E6; background:#F7F7F7;} #wrap_section03 .top_faq table td.text {padding:10px 10px 10px 0;} /*------------------------------------contents-inner-pages------------------------------------*/ #contents-inner-pages {} /* #contents-inner-pages h2 { color:#FFF; font-size:32px; font-weight:normal; line-height:1; margin:0 0 30px 0; padding:15px 15px 10px 15px; background:#1777D0; background-image: linear-gradient(to bottom, #2f93db, #0d58bd); border:1px solid #1777D0; letter-spacing:0.1em; border-radius:5px; } #contents-inner-pages h3{ color: #333; font-size: 20px; font-weight: normal; margin: 0 0 20px 0; padding: 9px 0 6px 15px; background-image: linear-gradient(to bottom, #fff, #f3f3f3); border: 1px solid #d9d8d2; border-radius: 5px; } #contents-inner-pages h4{ color:#1777D0; font-size:20px; font-weight:borld; margin:0 0 20px 0; padding:0 0 5px 0px; border-bottom:1px solid #DDD; clear:both; } #contents-inner-pages h4 .num { font-size:30px; font-family: "Century Gothic",Verdana,Arial,sans-serif; padding:0 10px 0 0; vertical-align:-5%; } #contents-inner-pages h4 span {font-size:12px; font-weight:normal; color:#C00; padding-left:10px; vertical-align:middle;} */ #contents-inner-pages hr{border-bottom:1px solid #ccc; } #contents-inner-pages .to_top{ margin:50px 0 0 0; text-align:right;} /*#contents-inner-pages .asset-body {margin:0 auto 50px; line-height:1.5em;}*/ /*================================== company ==================================*/ #contents-inner-pages .storePhotoTable{ margin:0 0 25px 0;} #contents-inner-pages .storePhotoTable img{ border:1px solid #ccc; padding:4px; margin:0 0 5px 0;} /*======================================== voice（お客様の声）index.html,voice.html ========================================*/ .voice {} .voice table {margin:0;} .voice table td.icon {width:50px; height:50px; text-align:center; vertical-align:middle;} .voice table td.h {height:50px; font-weight:bold; font-size:18px;} .voice table td.text {padding:10px; background:#F5F5F5;} /*.voice p img{float:left; margin:0 20px 0 0;}*/ /*======================================== faq（よくあるご質問）index.html,faq.html ========================================*/ .faq {} .faq table {margin:0;} .faq table td.icon_q {width:50px; height:50px; text-align:center; vertical-align:middle;} .faq table td.h {height:50px; font-weight:bold; font-size:18px;} .faq table td.icon_a {width:50px; padding-top:10px; text-align:center; background:#f5f2ef; vertical-align:top;} .faq table td.text {padding:10px 0 10px 0; background:#f5f2ef;} #contents .faq table td.icon_a, #contents .faq table td.text {background:none;} /*--------------------------------------------- SNS ------------------------------------------*/ /*.bookmarkArea{ width:710px; height:21px; position:relative; margin:0px 0 5px 240px; } .bookmarkArea .line{ padding:0 0 30px 0; border-bottom:1px solid #ccc; background:none; } */ /*.bookmarkArea{ margin: 50px 0 15px 0;} #bookMarks{position:absolute; right:0;} #bookMarks li{display:inline; float: left; background:none;} #bookMarks .twitter{margin:0 1px 0 0; width:90px;} #bookMarks .google { margin:0 0px 0 0px;} #bookMarks .facebook{ margin:0 10px 0 0px;} #bookMarks .facebook iframe{ width:114px; height:21px; overflow:hidden; margin:0 -7px 0px 0;}/* /*#bookMarks .hatena { margin:0px 0px 0 0;} #bookMarks .mixi { margin:2px 0 0 0;}*/ input{ padding:3px; /*border:1px solid #000;*/border:solid 1px #e2e3ea; margin:0; border-top: solid 1px #abadb3;} input.noborder{ padding:0px; border:none; margin:0;} textarea{ padding:3px; /*border:1px solid #dfdfdf;*/border:solid 1px #e2e3ea; margin:0; border-top: solid 1px #abadb3;} select{ padding:0px; border:1px solid #dfdfdf; margin:0;} /*contact.cssから移動*/ /*---------------------------------------------contact------------------------------------------*/ #contents-pages .contact{} #contents-pages .contact .title_img{position:absolute;top:-32px; left:0px;} .contents-form{ /*width:850px; */margin:0 auto;}/*基本的には横幅は指定しない*/ .contents-form .borderTable th, .contents-form .borderTable, .contents-form .borderTable th, .contents-form .borderTable td{border:none;} /*================================== TEL ==================================*/ #telephone{margin:0 0 40px 0;/* width:630px*/;background:url(../images/pages/company_line.png) repeat-x top;} #telephone .number{font-size:20px; color:#cc0066; font-weight:bold;} #telephone th, #telephone td{ border:none; background:url(../images/pages/company_line.png) repeat-x bottom; } #telephone th{width:30%; vertical-align:top; text-align:left;padding:25px 0 20px 20px; color:#799b34;} #telephone td{vertical-align:top; text-align:left; padding:20px;} /*-----------------------------------------contact form---------------------------------------*/ #contents .contents-form {} #contents .contents-form p{} #contents .contents-form .red{color: #CC0000;} #contents .contents-form #btnTable{/*width:630px;*/ margin:43px 0 0 0;} #contents .contents-form #btnTable input{border:none;} #contents .contents-form .contact_bt{text-align:center; margin:40px 0 0 0;} #contents .contents-form .contact_bt input{border:none;} #contents .contents-form .contact_bt2 .soushin{text-align:right;} /* #contents .contents-form .form{ margin:30px 0 30px 0; color:#000; background-color:#fff; opacity:1; } #contents .contents-form .form textarea{ width:315px;} #contents .contents-form .form th{ width:150px; vertical-align:top; text-align:left; font-weight:bold; padding:15px; border-bottom:1px solid #E6E6E6; color:#000; white-space:nowrap; } #contents .contents-form .form th div {width:180px; text-align:center; background:#930; border-radius:5px; color:#FFF; font-weight:normal; white-space:nowrap; padding:2px 0 0 0; margin:0 10px 0 0;} #contents .contents-form .form td{ vertical-align:top; text-align:left; padding:15px 0 15px 15px; border-bottom:1px solid #E6E6E6; } */ #contents .contents-form .error_description, #contents .contents-form .description1{margin:0 0 30px 0px;} #contents .contents-form .error_list{margin-bottom:30px;} #contents .contents-form .error_list .alert{ margin-bottom:15px; background:url(../images/contact/attention.gif) no-repeat 0 0; padding:5px 0 10px 50px; color:#e64545; } #contents .contents-form td.btn input{ padding:0; border:none;} #contents .contents-form .bt td{background:none;} .contents-form .imeDisabled{ime-mode: disabled;} .contents-form .ex{color:#999; margin:0 0 0 10px; font-weight:normal; font-size:14px;} /*.contents-form .supplement{color:#666; margin:0; font-weight:normal; font-size:14px;}*/ .contents-form .mail{font-size:20px;} .contents-form .other{margin:10px 0 0 0;padding:5px 0 0 0; border-top:1px solid #ccc;} .contents-form .use div{display:block; float:left; width:150px;margin:0 0 5px 0;} /*.contents-form .requiredentry{color:#C00; font-size:14px; white-space:nowrap;}*/ .contents-form .soft .div1 div{width:180px; margin:0 0 5px 0;} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #aaa; font-weight: normal; } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #aaa; font-weight: normal; } input::-moz-placeholder, textarea::-moz-placeholder { color: #aaa; font-weight: normal; } /* --- */ #wrap-outer, #wrap-outer2nd{ background-color: #f7f5f0; } #wrap .top_count{ border:4px solid #c4a665; } #wrap .top_news{ border:4px solid #c4a665; border-radius: 0px; } #wrap .top_form div.top_form_table .item { background: #45949f; } #wrap_section04 .top_inquiry .inquiry .mail .btn { border:1px #881e1e solid; background:linear-gradient(to bottom, rgba(149,35,35,0.6) 0%,rgba(149,35,35,1) 100%); } #wrap_section04 { background:#c4a665; } #wrap_section04 .top_inquiry .inquiry .tel .text { background:#333333; } #wrap .top_feature div { border-top:1px solid #beaf87; } #wrap .top_feature div h4 span {color:#b80000;} #wrap .top_feature div p strong {color:#45949f;} #wrap .top_feature div ul.ex li:first-child {color:#b94747;;} #wrap .top_about div h4 .blue {color:#45949f;} #wrap .top_about div h4 .orange {color:#b80000;} #wrap .top_about div p strong {color:#F60;} #wrap .top_form div.top_form_table { border:none; } /* For PC */ @media print, screen and (min-width: 561px) { h1 {margin:0; color:#FFF; font-size:12px; position:absolute; top:13px; font-weight:normal;} h2 {margin:40px auto 0 auto; /* box-shadow */ box-shadow:rgba(0, 0, 0, 0.3) 0 0 5px 0; -webkit-box-shadow:rgba(0, 0, 0, 0.3) 0 0 5px 0; -moz-box-shadow:rgba(0, 0, 0, 0.3) 0 0 5px 0; } /*--- wrap ---*/ #wrap-outer, #wrap-outer2nd {width:100%; min-width:950px; background: url(../images/bg_wrap-outer.png) repeat-x left 265px;} #wrap-outer #wrap-outer2 {width:100%; min-width:950px; background:url(../images/bg_wrap-outer2nd_2.png) repeat-y center top;} #wrap-outer2nd #wrap-outer2 {width:100%; min-width:950px; background:url(../images/bg_wrap-outer2nd_2.png) repeat-y center top;} #wrap-outer3 {width:100%; min-width:950px; background:url(../images/bg_wrap-outer3.png) repeat-x left top;} /*--- header ---*/ #header {width:950px; height:265px; margin:0 auto; position:relative;} #header .logo {position:absolute; top:60px; left:0; width:587px;} #header .tel {position:absolute; top:60px; right:0;} #header ul li {line-height:1em;} #header ul.link {position:absolute;top:15px; right:0;} #header ul.link li {float:left; margin:0 0 0 7px; padding-right:7px; font-size:12px; border-right:1px solid #CCC;} #header ul.link li:last-child {border:none; padding:0;} #header ul.link li a {color:#FFF;} #header ul.gmenu01 {position:absolute; top:135px; left:0;} #header ul.gmenu01 li {float:left; margin:0 7px 7px 0;} #header ul.gmenu01 li img {vertical-align:bottom;} #header ul.gmenu01 li:nth-child(3n) {margin-right:0;} #header ul.gmenu01 li:nth-child(6n) {margin-right:0;} /*#header ul.gmenu01 li:first-child {display:none;}*/ #header ul.gmenu01 li a:hover img {opacity:0.6;} #header .count {display:none;} #header ul.gmenu01 li.satei_btn{ position: fixed; top:134px; right:-1px; margin: 0;} /*--- gnavi ---*/ #gnavi{/*width:280px;*/margin:20px 0 0 0px; padding:0; float:right;} #wrap-outer2nd #gnavi {margin-top:20px;} #wrap {width:950px; margin:0 auto 0 auto; font-size:16px; line-height:1.6;} /*--- footer --*/ #footer-outer {background: url(../images/bg_footer-outer.png) repeat-x left top; font-size: 16px;clear:both;} #footer {margin:0 auto; width:950px; height:300px; text-align:left; position:relative;} #footer ul.fnavi {position:absolute; top:45px; left:330px; padding-left:120px; padding-bottom:15px; border-left:1px solid rgba(0,0,0,0.2); box-shadow:1px 0 0 rgba(255,255,255,1) inset;} /*clearfix*/ #footer ul.fnavi:after {content:""; clear:both; display:block;} #footer ul.fnavi li {float:left; width:50%; padding:0 10px 0 10px; text-align:left; padding:0 0 0 17px; margin:0 0 6px; background:url(../images/indent.png) 0 6px no-repeat; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing: border-box;} #footer ul.fnavi li a {display:block; color:#555; text-decoration: none;} #footer ul.fnavi li a:hover {text-decoration:underline;} #footer .fadd {position:absolute; top:45px; left:0;} #footer .fadd a {color:#555; text-decoration:none;} #footer .fadd img {margin-bottom:20px; width:213px;} #footer .fadd .slogan {margin:10px 0 0 0;} #footer .fadd .slogan img {width:270px;} #footer .bookmarkArea{position:absolute;bottom:15px; right:0;} #footer .bookmarkArea #bookMarks{} #footer .bookmarkArea #bookMarks li{display:inline; float: left; background:none;} #footer .bookmarkArea #bookMarks .twitter{margin:0 20px 0 0;/* width:90px;position:absolute;left:246px;top:93px;*/} #footer .bookmarkArea #bookMarks .google { margin:0;} #footer .bookmarkArea #bookMarks .facebook{ margin:0 0px 0 0px;} #footer .bookmarkArea #bookMarks .facebook iframe{ width:83px; height:21px; overflow:hidden; margin:0;} #footer .copyright{font-family:'ヒラギノ角ゴ Pro W3',Arial; font-size:12px;color:#654f1e;letter-spacing: 0.75px;position:absolute; bottom:7px; left:318px;} /* contents */ #contents { width:650px; margin:20px 0 20px 0; float:left; } #contents_max {width:100%; margin:40px 0 40px 0;} #wrap-outer2nd #contents {margin-top:20px; padding-bottom:50px; box-shadow:none; background:none;} /*================================== トップページ ==================================*/ /* オンライン査定 */ #wrap .top_form { margin:0 0 34px 0; padding:0 20px 0 20px; box-sizing:border-box; border:4px solid #c4a665; } #wrap .top_form h3 {} /* 強化買い取りエリア（gnavi） */ #wrap .top_area{ width:280px; height:auto; margin:0 0 20px 0; padding:20px 20px 20px 20px; box-sizing:border-box; border:4px solid #c4a665; background-color:#ffffff; /*background-image:url(../images/top/area_h.gif);*/ background-repeat:no-repeat; background-position:center top 20px; /* box-shadow */ box-shadow:rgba(0, 0, 0, 0.3) 0 0 10px 0; -webkit-box-shadow:rgba(0, 0, 0, 0.3) 0 0 10px 0; -moz-box-shadow:rgba(0, 0, 0, 0.3) 0 0 10px 0; } #wrap .top_area p.area_name{ color:#b80000; font-size:24px; font-weight:bold; line-height:1.4; margin:15px 0 0 0; /*word-break:keep-all;*/ } #wrap .top_area h3{ /* font-size:21px; font-weight: bold; padding-bottom: 5px; padding-left:20px; margin-bottom:20px; position: relative; background:url(../images/top/square.png) no-repeat left top 10px;*/ font-size:21px; border-bottom: 2px solid #999; font-size:23px; color:#333; padding:0 0 5px 0;margin:0 0 15px 0; line-height:1; } /* 現在の購入希望者数（gnavi） */ #wrap .top_count { width:280px; height:auto; margin:0 0 20px 0; padding:20px; box-sizing:border-box; background-color:rgba(255,255,255,0.95); border:4px solid #c4a665; /* box-shadow */ box-shadow:rgba(0, 0, 0, 0.3) 0 0 5px 0; -webkit-box-shadow:rgba(0, 0, 0, 0.3) 0 0 5px 0; -moz-box-shadow:rgba(0, 0, 0, 0.3) 0 0 5px 0; } #wrap .top_count h3 {font-size:25px; color:#333; padding:0; line-height:1;} #wrap .top_count .top_count_number { width:240px; height:70px; position:relative; margin:20px auto 15px auto; background:url(../images/top/count_img.png) no-repeat top left; } #wrap .top_count .top_count_number span { font-size:60px; font-weight: bold; font-family: "Century Gothic",Verdana,Arial,sans-serif; color:#b80000; line-height:1; position:absolute; bottom:0; right:35px; } /* 新着情報（gnavi） */ #wrap .top_news { width:280px; height:auto; margin:0 0 20px 0; padding:20px 0 20px 20px; box-sizing:border-box; /* box-shadow */ box-shadow:rgba(0, 0, 0, 0.3) 0 0 5px 0; -webkit-box-shadow:rgba(0, 0, 0, 0.3) 0 0 5px 0; -moz-box-shadow:rgba(0, 0, 0, 0.3) 0 0 5px 0; } #wrap .top_news h3 {font-size:25px; color:#333; padding:0; line-height:1;} #wrap .top_news .top_news_inn { height:430px; margin:20px 0 14px 0; padding:0 20px 0 0; overflow-x:hidden; overflow-y:auto; } .top_news_inn p{ color:#333; } .top_news_inn li{ margin:0px 0 10px 0; padding:0 0 10px 0; border-bottom:1px dotted #ccc;} .top_news_inn p strong{ font-weight:normal; color:#999; } /* バナー（gnavi） */ #wrap ul.top_bnr {width:280px; margin-bottom:20px;} #wrap ul.top_bnr li {margin:10px 0 0 0;} #wrap ul.top_bnr li:first-child {margin-top:0;} #wrap ul.top_bnr li img { vertical-align:top; /* box-shadow */ box-shadow:rgba(0, 0, 0, 0.3) 0 0 5px 0; -webkit-box-shadow:rgba(0, 0, 0, 0.3) 0 0 5px 0; -moz-box-shadow:rgba(0, 0, 0, 0.3) 0 0 5px 0; } /* twitter（gnavi） */ #wrap .twitter{ width:280px; height:auto; margin:0 0 20px 0; padding:0; box-sizing:border-box; border-radius:10px; background-color:rgba(255,255,255,0.95); border:4px solid #478e66; /* box-shadow */ box-shadow:rgba(0, 0, 0, 0.15) 0 0 5px 0; -webkit-box-shadow:rgba(0, 0, 0, 0.15) 0 0 5px 0; -moz-box-shadow:rgba(0, 0, 0, 0.15) 0 0 5px 0; } #wrap .twitter .h { color:#333; font-size:16px; font-weight:bold; margin:10px; padding:3px 15px 7px 50px ; border-bottom:3px solid #478e66; background:url(../images/ext/twitter_logo.png) no-repeat left 10px; } #wrap .twitter .widget{ margin:0; padding:0 0 10px 10px; } /* 5つの特徴 */ #wrap .top_feature {margin:0 0 30px 0; padding:20px 20px 30px 20px; box-sizing:border-box; background:url(../images/top/feature_bg.gif) repeat left top;} #wrap .top_feature h3 {} #wrap .top_feature div {/*border-top:1px solid #ade7ff;*/ box-shadow:0 1px 0 rgba(255,255,255,1) inset; margin-top:20px; padding-top:10px;} #wrap .top_feature div h4 {font-size:30px; font-weight:bold; letter-spacing:0.05em; margin-bottom:20px; padding-left:90px; line-height:1.4; text-shadow:2px 2px 0 rgba(255,255,255,1);} #wrap .top_feature div h4 span {color:#c4a665;} #wrap .top_feature div .num01 {padding-top:45px; background:url(../images/top/feature_01_num.png) no-repeat left center; height:104px; box-sizing:border-box;} #wrap .top_feature div .num02 {padding-top:45px; background:url(../images/top/feature_02_num.png) no-repeat left center; height:104px; box-sizing:border-box;} #wrap .top_feature div .num03 {font-size: 28px;padding-top:45px; background:url(../images/top/feature_03_num.png) no-repeat left center; height:104px; box-sizing:border-box;} #wrap .top_feature div .num04 {font-size:26px;padding-top:25px; background:url(../images/top/feature_04_num.png) no-repeat left center; height:104px; box-sizing:border-box;} #wrap .top_feature div .num05 {font-size:26px;padding-top:25px; background:url(../images/top/feature_05_num.png) no-repeat left center; height:104px; box-sizing:border-box;} #wrap .top_feature div p strong {color:#F60;} #wrap .top_feature div p.float {float:left; width:380px;} #wrap .top_feature div img { margin:0 0 0 20px; /* box-shadow */ box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 0; -webkit-box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 0; -moz-box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 0; } #wrap .top_feature div img.image {margin:20px 0 0 0;} #wrap .top_feature div ul.ex { border-radius:6px; background:#FFF; margin:20px auto 30px auto; padding:20px; /* box-shadow */ box-shadow:rgba(0, 0, 0, 0.15) 0 0 5px 0; -webkit-box-shadow:rgba(0, 0, 0, 0.15) 0 0 5px 0; -moz-box-shadow:rgba(0, 0, 0, 0.15) 0 0 5px 0; } #wrap .top_feature div ul.ex li {font-size:22px; background:url(../images/top/feature_icon_cmnt.png) no-repeat left 6px; padding-left:30px;} #wrap .top_feature div ul.ex li span {color:#3BC; font-weight:bold;} #wrap .top_feature div ul.ex li:first-child {color:#c4a665; font-size:28px; font-weight:bold; text-align:center; letter-spacing:0.1em; margin-bottom:20px; padding-bottom:10px; border-bottom:1px dotted #CCC; background:none;} #wrap .top_feature div .btn { display:block; background-color:#F90; background:url(../images/top/form_icon_mail.png),linear-gradient(to bottom, rgba(149,35,35,0.6) 0%,rgba(149,35,35,1) 100%); background-repeat:no-repeat; background-position:10% center; border: 1px solid #881e1e; border-radius:5px; color:#FFF; cursor:pointer; font-size:30px; text-decoration:none; text-align:center; letter-spacing:2px; margin:0 auto 0 auto; padding:12px 0 10px 50px; width:450px; box-sizing:border-box; behavior:url("/contents/style/PIE.htc"); position:relative;/*for PIE*/ } /* 素早く売却 */ #wrap .top_about {margin:0; padding:0 20px 30px 20px; box-sizing:border-box;} #wrap .top_about h3 {} #wrap .top_about div {border-top:1px solid #AAA; box-shadow:0 1px 0 rgba(238,238,238,1) inset; margin-top:20px; padding-top:20px;} #wrap .top_about div:nth-of-type(1) {margin-top:0;} #wrap .top_about div h4 {font-size:24px; font-weight:bold; letter-spacing:0; margin-bottom:20px; padding-left:90px; line-height:1.4; padding-top:0; background:url(../images/top/about_wan.png) no-repeat left top; box-sizing:border-box;} #wrap .top_about div h4 .blue {color:#c4a665;} #wrap .top_about div h4 .orange {color:#F90;} #wrap .top_about div p strong {color:#F60;} #wrap .top_about div p.float {float:left; width:436px;} #wrap .top_about div img { margin:0 0 0 20px; /* box-shadow */ box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 0; -webkit-box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 0; -moz-box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 0; } #wrap .top_about div img.image {display:block; margin:20px auto 0 auto;} #wrap .top_about div img.nosdw {box-shadow:none;} /* 購入希望のお客様 */ #wrap .top_customer {margin:0 0 0 0; padding:20px; box-sizing:border-box; background:url(../images/top/customer_bg.gif) repeat left top;} #wrap .top_customer h3 {font-size:40px; font-weight:bold; letter-spacing:0.05em; padding-bottom:15px; border-bottom:1px solid #d7cbbf; box-shadow:0 1px 0 rgba(255,255,255,1); text-shadow:2px 2px 0 rgba(255,255,255,1);} #wrap .top_customer .top_customer_inn {height:270px; margin:0; padding:15px 15px 15px 0; overflow-x:hidden; overflow-y:scroll; box-sizing:border-box;} #wrap .top_customer .top_customer_inn ul li {border-bottom:1px dotted #CCC; margin-bottom:10px; padding-bottom:8px;} /* お客様の声 */ #wrap .top_voice {margin:0 0 0 0; padding:20px; box-sizing:border-box;} #wrap .top_voice h3 {font-size:40px; font-weight:bold; letter-spacing:0.05em; padding-bottom:15px; border-bottom:1px solid #CCC;} #wrap .top_voice .top_voice_inn {height:270px; margin:0; padding:15px 15px 15px 0; overflow-x:hidden; overflow-y:scroll; box-sizing:border-box;} /* よくあるご質問 */ #wrap .top_faq {margin:0 0 0 0; padding:20px; box-sizing:border-box; background:url(../images/top/customer_bg.gif) repeat left top;} #wrap .top_faq h3 {font-size:40px; font-weight:bold; letter-spacing:0.05em; padding-bottom:15px; border-bottom:1px solid #d7cbbf; box-shadow:0 1px 0 rgba(255,255,255,1); text-shadow:2px 2px 0 rgba(255,255,255,1);} #wrap .top_faq .top_faq_inn {height:270px; margin:0; padding:15px 15px 15px 0; overflow-x:hidden; overflow-y:scroll; box-sizing:border-box;} /* SNS */ .fb {margin:30px auto 30px auto; text-align:center;} .twitter_widget{} /* 不動産オンライン査定（共通サイズ） */ #contents form .w1{width:200px;} #contents form .w2{width:375px;} #contents form .w3{width:100px;} /* 不動産オンライン査定（contents） */ #wrap .top_form div.top_form_table {border-top:1px solid #CCC; margin:17px 0 0 0; padding:5px 0 0 0; font-size:18px; border-collapse:separate; border-spacing:0 15px;} #wrap .top_form div.top_form_table .item {width:180px; /*background:#3BC;*/ border-radius:5px; color:#FFF; font-weight:normal; white-space:nowrap; padding:2px 0 0 0; margin:10px 10px 10px 0; text-align:center; float:left;} #wrap .top_form div.top_form_table th, #wrap .top_form div.top_form_table td {padding:0; vertical-align:top;} #wrap .top_form div.top_form_table .supplement { color:#9a9a9a;} #wrap .top_form div.top_form_table label {padding:0 5px 0 5px;} #wrap .top_form div.top_form_table .value {margin:10px 0 10px 0; float:left;} /* 不動産オンライン査定（php）*/ #contents .contents-form .form{margin:30px 0 30px 0; color:#000;} #contents .contents-form .form .item {width:180px; background:#45949f; border-radius:5px; color:#FFF; font-weight:normal; white-space:nowrap; padding:2px 0 0 0; margin:10px 10px 10px 0; text-align:center; float:left;} #contents .contents-form .form label {padding:0 5px 0 5px;} #contents .contents-form .form .value {margin:10px 0 10px 0; float:left;} #contents .contents-form .form .requiredentry{color:#FFF; font-size:11px; vertical-align:middle; padding-left:10px;} #contents .contents-form .form .supplement{ display:inline-block; color:#666; /*float:left;*/ font-weight:normal; font-size:14px;} #wrap .form_btn_pos{text-align:center} #wrap .top_form_btn { /* background:url(../images/top/form_btn_indent.png),#FA0 linear-gradient(to bottom, #FC3, #F90) repeat scroll 0 0; */ background:url(../images/top/form_icon_house.png),linear-gradient(to bottom, rgba(149,35,35,0.6) 0%,rgba(149,35,35,1) 100%); background-repeat:no-repeat; background-position:5% center; border: 1px solid #881e1e; border-radius:5px; color:#FFF; cursor:pointer; font-size:30px; font-weight:bold; letter-spacing:2px; margin:20px auto 20px auto; padding:12px 12px 10px 45px; text-decoration:none; width:400px; box-sizing:border-box; behavior:url("/contents/style/PIE.htc"); position:relative;/*for PIE*/ } #wrap .top_form_btn_end {background:url(../images/top/form_btn_indent.png),linear-gradient(to bottom, rgba(149,35,35,0.6) 0%,rgba(149,35,35,1) 100%) repeat scroll 0 0; background-repeat:no-repeat; background-position:10% center; border: 1px solid #881e1e; border-radius:5px; color:#FFF; cursor:pointer; display:block; font-size:30px; letter-spacing:2px; margin:20px 0 20px 0; padding:12px 12px 10px 45px; text-align:center; text-decoration:none; max-width:400px; float:right;} #wrap .top_form_btn_back {background:url(../images/top/form_btn_indent_back.png),#c4a665 linear-gradient(to bottom, #bbb, #555) repeat scroll 0 0; background-repeat:no-repeat; background-position:15% center; border: 1px solid #555; border-radius:5px; color:#FFF; cursor:pointer; display:block; font-size:30px; letter-spacing:2px; margin:20px 0 20px 0; padding:12px 12px 10px 45px; text-align:center; text-decoration:none; max-width:400px; float:left;} #wrap .top_form_comp{margin-top:80px;} /*--- トップページ　section02 --*/ #wrap_section02 {width:100%; margin:0 auto 0 auto; font-size:16px; line-height:1.6; background:#FFF url(../images/bg_wrap_section02.gif) repeat-x top left; clear:both;} #wrap_section02 .top_about {width:950px; margin:0 auto 0 auto; padding-bottom:0;} #wrap_section02 .top_about h2 {height:170px; margin:0 0 30px 0; padding:0 0 0 90px; color:#FFF; font-size:40px; font-weight:normal; line-height:1.2; letter-spacing:0.1em; background:url(../images/top/feature_h.png) no-repeat top left; box-sizing:border-box; display:table-cell; vertical-align:middle;} #wrap_section02 .top_about h2 span {font-size:35px;} #wrap_section02 .top_about .about_01 {width:950px; height:230px; margin:30px 0 30px 0; color:#FFF; position:relative; background:url(../images/top/about_01.jpg) no-repeat top left;} #wrap_section02 .top_about .about_01 .textarea {position:absolute; top:31px; left:245px; width:685px;} #wrap_section02 .top_about .about_01 .textarea h3 {font-size:30px; font-weight:normal; line-height:1.2; margin:0 0 10px 0;} #wrap_section02 .top_about .about_01 .textarea h3 span {font-weight:bold; margin-right:15px; color:#090;} #wrap_section02 .top_about .about_02 {width:950px; height:230px; margin-bottom:30px; color:#FFF; position:relative; background:url(../images/top/about_02.jpg) no-repeat top left;} #wrap_section02 .top_about .about_02 .textarea {position:absolute; top:31px; left:245px; width:685px;} #wrap_section02 .top_about .about_02 .textarea h3 {font-size:30px; font-weight:normal; line-height:1; margin:0 0 13px 0;} #wrap_section02 .top_about .about_02 .textarea h3 span {font-weight:bold; margin-right:15px; color:#F60;} #wrap_section02 .top_about .about_03 {width:950px; height:230px; margin-bottom:30px; color:#FFF; position:relative; background:url(../images/top/about_03.jpg) no-repeat top left;} #wrap_section02 .top_about .about_03 .textarea {position:absolute; top:31px; left:245px; width:685px;} #wrap_section02 .top_about .about_03 .textarea h3 {font-size:30px; font-weight:normal; line-height:1; margin:0 0 13px 0;} #wrap_section02 .top_about .about_03 .textarea h3 span {font-weight:bold; margin-right:15px; color:#0A5DA3;} #wrap_section02 .top_about .about_04 {width:950px; height:260px; margin-bottom:30px; color:#FFF; position:relative; background:url(../images/top/about_04.jpg) no-repeat top left;} #wrap_section02 .top_about .about_04 .textarea {position:absolute; top:31px; left:245px; width:685px;} #wrap_section02 .top_about .about_04 .textarea h3 {font-size:30px; font-weight:normal; line-height:1; margin:0 0 13px 0;} #wrap_section02 .top_about .about_04 .textarea h3 span {font-weight:bold; margin-right:15px; color:#090;} #wrap_section02 .top_about .about_05 {width:950px; height:230px; margin-bottom:30px; color:#FFF; position:relative; background:url(../images/top/about_05.jpg) no-repeat top left;} #wrap_section02 .top_about .about_05 .textarea {position:absolute; top:31px; left:245px; width:685px;} #wrap_section02 .top_about .about_05 .textarea h3 {font-size:30px; font-weight:normal; line-height:1; margin:0 0 13px 0;} #wrap_section02 .top_about .about_05 .textarea h3 span {font-weight:bold; margin-right:15px; color:#F60;} /*--- トップページ　section04 --*/ #wrap_section04 {width:100%; margin:0 auto 0 auto; padding:40px 0 40px 0; font-size:16px; line-height:1.6; background:#c4a665; clear:both; color:#333; z-index:100; position:relative;} #wrap_section04 .top_inquiry {width:950px; margin:0 auto 0 auto;} #wrap_section04 .top_inquiry .inquiry {width:950px; height:237px; background:#FFF url(../images/top/inquiry_bg.jpg) no-repeat top left; position:relative; line-height:1; /* box-shadow */ box-shadow:rgba(0, 0, 0, 0.3) 0 0 5px 0; -webkit-box-shadow:rgba(0, 0, 0, 0.3) 0 0 5px 0; -moz-box-shadow:rgba(0, 0, 0, 0.3) 0 0 5px 0; } #wrap_section04 .top_inquiry .inquiry .h {font-size:30px; position:absolute; top:35px; left:160px;} #wrap_section04 .top_inquiry .inquiry .tel {vertical-align:top; width:430px; position:absolute; top:88px; left:30px;} #wrap_section04 .top_inquiry .inquiry .tel .text {border-radius:3px; padding:7px 5px 5px 5px; margin:0; color:#FFF; text-align:center; font-size:16px; letter-spacing:0.05em; background:#039;} #wrap_section04 .top_inquiry .inquiry .tel .num {margin:9px 0 9px 0; padding:6px 0 0 72px; font-size:50px; white-space:nowrap; background:url(../images/top/inquiry_tel.png) no-repeat 0 0; color:#333; font-weight:normal; -webkit-text-size-adjust: 85%;/*←スマホ対応*/} #wrap_section04 .top_inquiry .inquiry .tel .num a {color:#333; text-decoration:none;} #wrap_section04 .top_inquiry .inquiry .tel .open {font-size:16px;text-align: center;} #wrap_section04 .top_inquiry .inquiry .mail {vertical-align:top; width:430px; position:absolute; top:88px; right:30px;} #wrap_section04 .top_inquiry .inquiry .mail .btn {border-radius:6px; font-size:30px; text-align:center; border:1px #F90 solid; /* box-shadow */ box-shadow:rgba(0, 0, 0, 0.15) 0 0 5px 0; -webkit-box-shadow:rgba(0, 0, 0, 0.15) 0 0 5px 0; -moz-box-shadow:rgba(0, 0, 0, 0.15) 0 0 5px 0; background-color:#F90; background:-moz-linear-gradient(top, #FA0, #F70); background:-webkit-linear-gradient(top, #FA0, #F70); background:linear-gradient(to bottom, #FA0, #F70); background:-webkit-gradient(linear, left top, left bottom, from(#FA0), to(#d8F70371d)); -pie-background:linear-gradient(top, #FA0, #F70); behavior:url("/contents/style/PIE.htc"); position:relative;/*for PIE*/ display:block;} #wrap_section04 .top_inquiry .inquiry .mail .btn span {font-size:15px; letter-spacing:0.4em; margin-bottom:12px; padding-bottom:12px; border-bottom:1px #881e1e solid; display:inline-block;} #wrap_section04 .top_inquiry .inquiry .mail .btn a {display:block; padding:25px 10px 25px 10px; color:#FFF; text-decoration:none;} #wrap_section04 .top_inquiry .inquiry .mail .btn a:hover {opacity:0.5;} /*================================== セカンドページ ==================================*/ /*--- #contents-inner-pages --*/ #contents-inner-pages h2 { color:#FFF; font-size:32px; font-weight:normal; line-height:1; margin:0 0 30px 0; padding:15px 15px 10px 15px; background:#c4a665; /*background-image: linear-gradient(to bottom, #2f93db, #0d58bd);*/ border:1px solid #c4a665; letter-spacing:0.1em; border-radius:5px; } #contents-inner-pages h3 { color: #45949f; font-size: 22px; font-weight: bold; margin: 0 0 20px 0; padding: 9px 0 6px 15px; background-image: linear-gradient(to bottom, #fff, #EEE); border: 1px solid #CCC; border-radius: 5px; letter-spacing:0.05em; } #contents-inner-pages h4{ color:#333; font-size:32px; font-weight:borld; margin:0 0 20px 0; padding:0 0 5px 0px; border-bottom:2px solid #CCC; clear:both; letter-spacing:0.05em; line-height:1.2; } #contents-inner-pages h4 .num { color:#c4a665; font-size:60px; font-family: "Century Gothic",Verdana,Arial,sans-serif; padding:0 10px 0 0; vertical-align:-5%; } #contents-inner-pages h4 .required {font-size:12px; font-weight:normal; color:#E55934; padding-left:10px; vertical-align:middle;} #contents-inner-pages h5 { color:#333; font-size:20px; font-weight:bold; padding:4px 0 3px 15px; border-bottom:1px solid #DDD; border-left:5px solid #c4a665; border-collapse:collapse; line-height:1.3; letter-spacing:0.05em; } #contents-inner-pages .asset-body {margin:0 auto; /*line-height:1.5em;*/} /*--- コンテンツ はじめての不動産 --*/ #contents-inner-pages .flow {clear:both;} #contents-inner-pages .flow p {width:430px; float:left;} #contents-inner-pages .flow img {padding-left:0px;} /*--- コンテンツ はじめての不動産売却 --*/ #contents-inner-pages .first {} #contents-inner-pages .first img.h {margin:0 auto 30px auto;} #contents-inner-pages .first img.pic {float:right; margin:0 0 10px 10px;} #contents-inner-pages .first .trouble {width:100%; margin:0;} #contents-inner-pages .first .trouble .item01, #contents-inner-pages .first .trouble .item02, #contents-inner-pages .first .trouble .item03, #contents-inner-pages .first .trouble .item04 { display:inline-block; width:320px; height:90px; padding:18px 10px 10px 65px; font-size:14px; border:1px solid #CCC; box-sizing:border-box; } #contents-inner-pages .first .trouble div {margin-bottom:10px;} #contents-inner-pages .first .trouble div:nth-child(odd) {margin-right:4px;} #contents-inner-pages .first .trouble div strong {font-size:24px;} #contents-inner-pages .first .trouble div strong span {color:#F90;} #contents-inner-pages .first .trouble .item01 {background:#F5F5F5 url(../images/first/trouble01.png) no-repeat 5px center;} #contents-inner-pages .first .trouble .item02 {background:#F5F5F5 url(../images/first/trouble02.png) no-repeat 5px center;} #contents-inner-pages .first .trouble .item03 {background:#F5F5F5 url(../images/first/trouble03.png) no-repeat 5px center;} #contents-inner-pages .first .trouble .item04 {background:#F5F5F5 url(../images/first/trouble04.png) no-repeat 5px center;} #contents-inner-pages .first table.comparison {} #contents-inner-pages .first table.comparison td {width:20px;} #contents-inner-pages .first table.comparison td.td_l {width:315px; background:#EFF; padding:10px; border:1px solid #06C; vertical-align:top; box-sizing:border-box;} #contents-inner-pages .first table.comparison td.td_r {width:315px; background:#FFE;padding:10px; border:1px solid #F90; vertical-align:top; box-sizing:border-box;} #contents-inner-pages .first .btn {border-radius:6px; border:1px solid #EA0; background-image: -moz-linear-gradient(top, #FC0, #e58900); background-image: -webkit-linear-gradient(top, #FC0, #e58900); background-image: linear-gradient(to bottom, #FC0, #e58900); display:block; } #contents-inner-pages .first .btn a {text-shadow:-1px 1px 0 rgba(0,0,0,0.1);display:block; padding:10px; box-sizing:border-box; text-decoration:none; font-size:18px; font-weight:bold; text-align:center; color:#FFF;} /*--- コンテンツ 会社概要 --*/ #contents-inner-pages table.basicTable{margin:0;} #contents-inner-pages table.basicTable th, #contents-inner-pages table.basicTable td { padding:15px; /*white-space:nowrap;*/ text-align:left; vertical-align:top; border-bottom:1px solid #E6E6E6; } #contents-inner-pages table.basicTable th {color:#c4a665;} #contents-inner-pages #map{ height:400px; margin:0 0px 0 0; border:1px solid #ccc;} #contents-inner-pages #map .gm-style-iw-d:has(.map_fukidashi){margin-top: -32px;} #contents-inner-pages #map .map_fukidashi{padding-right: 25px;} #contents-inner-pages #map .map_fukidashi a{text-decoration: none;} /*--- コンテンツ 不動産売却コラム --*/ #contents-inner-pages #column img {margin:0 0 0 10px; padding:4px; border:1px solid #CCC;} /*--- コンテンツ 「素早く＆高く」売却する20の活動 --*/ #contents-inner-pages .activity img.h {width:100%; margin-bottom:10px;} #contents-inner-pages .activity .team {background: #f2f1eb none repeat scroll 0 0; box-sizing: border-box; padding:10px; clear:both; margin:0 0 30px 0;} #contents-inner-pages .activity .text{margin:0 0 23px 0;} #contents-inner-pages .activity .flow {} #contents-inner-pages .activity .flow ul {border:1px solid #CCC; background:#FAFAFA; padding:10px; overflow:hidden; font-size:14px;} #contents-inner-pages .activity .flow ul li {display:block; background:#EEE; border-radius:6px; border:1px solid #CCC; padding:10px; margin:0 0 20px 0;} #contents-inner-pages .activity .flow ul li:first-child {float:none; display:block; background:none; border:none; border-radius:none; padding:0; margin:0 0 10px 5px;} #contents-inner-pages .activity .flow ul li:last-child{margin-bottom:0;} #contents-inner-pages .activity .flow ul li a {color:#00F;} #contents-inner-pages .activity .flow ul li a:hover {color:#00F;} #contents-inner-pages .activity .flow ul li .more {display:none; margin-top:10px;} #contents-inner-pages .activity .flow h3 {font-weight:bold; color:#FFF; border-radius:10px; padding-left:50px; letter-spacing:0.1em; background:#00479D url(../../../UsersDir/images/page/activity/flow_icon.png) no-repeat 10px center; background-size:30px auto;} .store_photo{margin:10px 0 10px 0; } .store_photo td{text-align:center; padding:0 0 20px 0;} .store_photo img{ padding:5px; border:1px solid #ccc; margin:0 0 5px 0; background:#fff; max-height:198px;} #scrollUp { bottom: 10px; right: 10px; height: 50px; width: 50px; background: url(../images/top.png) no-repeat;/*ロゴのパス確認*/ background-size:50px; z-index:1000; } #scrollUp:hover { opacity:0.8; } #news ul li{ margin:0 0 20px 0; padding:0 0 18px 0; border-bottom:1px dotted #ccc;} } /* For Smartphone */ @media screen and (max-width: 560px) { h1 {margin:0; color:#888; font-size:10px; padding:0 10px; position:absolute; top:40px; font-weight:normal; line-height:1.1;} /*--- wrap ---*/ #wrap-outer, #wrap-outer2nd {width:100%; background:none} #wrap-outer2 {background: url(../images/bg_wrap-outer2.gif) repeat-x left 100px;} #wrap-outer2nd #wrap-outer2 {width:100%; background:url(../images/bg_wrap-outer2nd_2.png) repeat-y top center;} #wrap-outer3 {width:100%; /*background:url(../images/bg_wrap-outer2.png) repeat-x top left;*/} #wrap h2 {margin:20px 0 20px 0;} /*--- header ---*/ #header {width:100%; height:270px; margin:0 auto 0 auto; position:relative; /*border-top:5px solid #6C3;*/ background:#FFF; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing: border-box;} #header .logo {position:absolute; top:70px; left:10px; max-width:95%;} #header .tel {position:absolute; top:47px; right:0; display:none;} #header ul li {} #header ul.link {position:absolute; top:15px; right:0; display:none;} #header ul.link li {float:left; margin:0 0 0 7px; padding-right:7px; font-size:14px; border-right:1px solid #CCC;} #header ul.link li:last-child {border:none; padding:0;} #header ul.link li a {color:#c4a665;} #header ul.gmenu01 {width:100%; display:table; margin:0; background:#FFF; border-top:1px solid #CCC; position:absolute; bottom:0; left:0; font-size:12px;} #header ul.gmenu01:after {content:""; clear:both; display:block;} #header ul.gmenu01 li {float:left; width:50%; padding:3px 0; text-align:left; border-bottom:1px solid #CCC; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing: border-box; position:relative; background-image: linear-gradient(to bottom, #FFF, #F5F5F5);} #header ul.gmenu01 li img {display: none;} #header ul.gmenu01 li:nth-child(odd) {border-right:1px solid #CCC;} #header ul.gmenu01 li.satei_btn{ background:url(../images/header/navi_btn_bk_sp.png) repeat-x; background-size:auto 100%; font-size:0; border:none; width:100%; height:70px; position:fixed; bottom:0; left:0; right:0; padding: 0; z-index:999999;} #header ul.gmenu01 li.satei_btn a{ display: block; padding:0; background:url(../images/header/navi_btn_sp.png?t=1) no-repeat center center; background-size: 100% auto; width: 100%; height:70px; border:none;margin: 0 auto 0 auto;} #header ul.gmenu01 a {display:table-cell; width:300px; height:44px; vertical-align:middle; color:#000; text-decoration: none; border-left:5px solid #333; padding:0 5px 0 10px;} #header ul.gmenu01 a:before {content: attr(data-label);} #header .count {padding:5px 10px;font-size:14px; background:#c4a665; color:#FFF; vertical-align:middle;} #header .count p {font-weight:bold; font-size:18px; display:inline-block; margin:0 3px 0 8px; font-family: "Century Gothic",Verdana,Arial,sans-serif; color:#FE0;} #header .count a {color:#FFF; display:block; float:right; padding:5px 0 0 15px; background:url(../images/indent_w.png) left 10px no-repeat;} /*--- gnavi ---*/ #gnavi{width:100%; margin:0px 0 0 0; padding:0; float:left;} #wrap-outer2nd #gnavi {display:none;} #wrap {width:100%; margin:0 auto 0 auto;} /*--- footer--*/ #footer-outer {background:#F2F2F2; color:#555; font-size:12px; clear:both;} #footer {margin:0 auto; text-align:left;} #footer ul.fnavi {width:100%; margin:0; background:#FFF; border-top:1px solid #CCC; display:table;} /*clearfix*/ #footer ul.fnavi:after {content:""; clear:both; display:block;} #footer ul.fnavi li {float:left; width:50%; padding:0 15px 0 5px; text-align:left; border-bottom:1px solid #CCC; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing: border-box; position:relative; background-image: linear-gradient(to bottom, #FFF, #EEE);} /*奇数のli要素に適応*/ #footer ul.fnavi li:nth-child(odd) {border-right:1px solid #CCC;} #footer ul.fnavi a {display:table-cell; width:300px; height:44px; color:#000; text-decoration: none; vertical-align:middle;} #footer ul.fnavi a:before {content: ""; position:absolute; -webkit-transform:rotate(45deg); transform:rotate(45deg); top:50%; right:10px; width:8px;height:8px; margin-top:-3px; background:#333;} #footer ul.fnavi a:after {content: ""; position:absolute; -webkit-transform:rotate(45deg); transform:rotate(45deg); top:50%; right:14px; width:8px;height:8px; margin-top:-3px; background:#F5F5F5;} #footer .fadd {margin:15px 0 15px 0; padding:0 10px 0 10px;} #footer .fadd a {color:#555; text-decoration:none;} #footer .fadd img {margin-bottom:10px; width:95%; max-width:200px;} #footer .fadd .slogan {margin:10px 0 0 0;} #footer .fadd .slogan img {width:270px;} #footer .bookmarkArea{margin:0 0 10px 0; padding:0 10px 0 10px;} #footer .bookmarkArea #bookMarks{} #footer .bookmarkArea #bookMarks li{display:inline; float: left; background:none;} #footer .bookmarkArea #bookMarks .twitter{margin:0 10px 0 0;/* width:90px;position:absolute;left:246px;top:93px;*/} #footer .bookmarkArea #bookMarks .google { margin:0;} #footer .bookmarkArea #bookMarks .facebook{ margin:0 10px 0 0px;} #footer .bookmarkArea #bookMarks .facebook iframe{ width:114px; height:21px; overflow:hidden; margin:0 -7px 0px 0;} #footer .copyright{font-family:'ヒラギノ角ゴ Pro W3',Arial; font-size:10px;width: 100%; font-weight:normal; padding-bottom: 50px;text-align:center;} /* contents */ #contents {width:100%; margin:0; padding:0; float:left; background:#FFF;} #wrap-outer2nd #contents {padding:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing: border-box;} /*================================== トップページ ==================================*/ /* オンライン査定 */ #wrap .top_form { width:100%; height:auto; margin:0 0 0 0; padding:10px 10px 30px 10px; box-sizing:border-box; } #wrap .top_form h3 {margin-bottom:10px;} /* 強化買い取りエリア（gnavi） */ #wrap .top_area{ /* background-image:url(../images/top/area_h.gif);*/ background-color:#fff; background-repeat:no-repeat; background-position:center top 15px; padding: 10px 10px 30px 10px; box-sizing: border-box; border: 4px solid #c4a665; margin:10px 0 10px; /*-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 10px 0;*/ } #wrap .top_area h3{ border-bottom: 2px solid #999; font-size:20px; font-weight: bold; padding-bottom: 5px; margin-bottom:15px; /*position: relative; background:url(../images/top/square.png) no-repeat left top 10px; padding-left:20px;*/ } #wrap .top_area p.area_name{ color:#b80000; font-size:22px; font-weight:bold; line-height:1.4; margin:15px 0 0 0; text-align:center; /*word-break:keep-all;*/ word-wrap:break-word;/* use with word-break */ } /*#wrap .top_area h3 {font-size:20px; font-weight:bold; letter-spacing:0.05em; padding-bottom:5px; border-bottom:1px solid #d7cbbf; box-shadow:0 1px 0 rgba(255,255,255,1); text-shadow:2px 2px 0 rgba(255,255,255,1);margin-bottom:10px}*/ /* 現在の購入希望者数（gnavi） */ #wrap .top_count {display:none;} /* 5つの特徴 */ #wrap .top_feature {margin:0 0 0 0; padding:20px 10px 20px 10px; box-sizing:border-box; background:url(../images/top/feature_bg.gif) repeat left top;} #wrap .top_feature h3 {} #wrap .top_feature div {border-top:1px solid #ade7ff; box-shadow:0 1px 0 rgba(255,255,255,1) inset; margin-top:20px; padding-top:10px;} #wrap .top_feature div h4 {font-size:18px; font-weight:bold; letter-spacing:0.05em; margin-bottom:20px; padding-left:60px; line-height:1.4; text-shadow:2px 2px 0 rgba(255,255,255,1); display:table-cell; vertical-align:middle;} #wrap .top_feature div h4 span {color:#c4a665;} #wrap .top_feature div .num01 {background:url(../images/top/feature_01_num.png) no-repeat left top;} #wrap .top_feature div .num02 {background:url(../images/top/feature_02_num.png) no-repeat left top;} #wrap .top_feature div .num03 {background:url(../images/top/feature_03_num.png) no-repeat left top;} #wrap .top_feature div .num04 {background:url(../images/top/feature_04_num.png) no-repeat left top;} #wrap .top_feature div .num05 {background:url(../images/top/feature_05_num.png) no-repeat left top;} #wrap .top_feature div .num01, #wrap .top_feature div .num02, #wrap .top_feature div .num03, #wrap .top_feature div .num04, #wrap .top_feature div .num05{padding-top:13px; height:63px; box-sizing:border-box; background-size:50px auto;} #wrap .top_feature div p {margin-top:10px;} #wrap .top_feature div p.float {float:none; width:100%;} #wrap .top_feature div p strong {color:#F60;} #wrap .top_feature div img { display:block; margin:20px auto 0 auto; /* box-shadow */ box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 0; -webkit-box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 0; -moz-box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 0; } #wrap .top_feature div img.image {margin:20px 0 0 0;} #wrap .top_feature div ul.ex { border-radius:6px; background:#FFF; margin:20px auto 20px auto; padding:10px; /* box-shadow */ box-shadow:rgba(0, 0, 0, 0.15) 0 0 5px 0; -webkit-box-shadow:rgba(0, 0, 0, 0.15) 0 0 5px 0; -moz-box-shadow:rgba(0, 0, 0, 0.15) 0 0 5px 0; } #wrap .top_feature div ul.ex li {font-size:16px; background:url(../images/top/feature_icon_cmnt.png) no-repeat left 2px; padding-left:30px;} #wrap .top_feature div ul.ex li span {color:#3BC; font-weight:bold;} #wrap .top_feature div ul.ex li:first-child {font-size:20px; color:#c4a665; font-weight:bold; text-align:center; letter-spacing:0.1em; margin-bottom:10px; padding:0 0 5px 0; border-bottom:1px dotted #CCC; background:none;} #wrap .top_feature div .btn { display:block; background-color:#F90; background:url(../images/top/form_icon_mail.png),linear-gradient(to bottom, rgba(149,35,35,0.6) 0%,rgba(149,35,35,1) 100%); background-repeat:no-repeat; background-position:5% center; border: 1px solid #881e1e; border-radius:5px; color:#FFF; cursor:pointer; font-size:20px; text-decoration:none; text-align:center; letter-spacing:2px; margin:0 auto 0 auto; padding:12px 0 10px 50px; width:300px; box-sizing:border-box; behavior:url("/contents/style/PIE.htc"); position:relative;/*for PIE*/ } /* 素早く売却 */ #wrap .top_about {margin:0 0 0 0; padding:20px 10px 20px 10px; box-sizing:border-box;} #wrap .top_about h3 {} #wrap .top_about div {border-top:1px solid #AAA; box-shadow:0 1px 0 rgba(238,238,238,1) inset; margin-top:20px; padding-top:20px;} #wrap .top_about div:nth-of-type(1) {margin-top:0;} #wrap .top_about div h4 {font-size:16px; font-weight:bold; letter-spacing:0; margin-bottom:20px; padding-left:60px; line-height:1.4; padding-top:0; background:url(../images/top/about_wan.png) no-repeat left top; box-sizing:border-box; background-size:50px auto;} #wrap .top_about div h4 .blue {color:#c4a665;} #wrap .top_about div h4 .orange {color:#F90;} #wrap .top_about div p strong {color:#F60;} #wrap .top_about div p.float {float:none;} #wrap .top_about div img { display:block; margin:20px auto 0 auto; /* box-shadow */ box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 0; -webkit-box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 0; -moz-box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 0; } #wrap .top_about div img.image {margin:20px auto 0 auto;} #wrap .top_about div img.nosdw {box-shadow:none;} /* 購入希望のお客様 */ #wrap .top_customer {margin:0 0 0 0; padding:10px; box-sizing:border-box; background:url(../images/top/customer_bg.gif) repeat left top;} #wrap .top_customer h3 {font-size:20px; font-weight:bold; letter-spacing:0.05em; padding-bottom:5px; border-bottom:1px solid #d7cbbf; box-shadow:0 1px 0 rgba(255,255,255,1); text-shadow:2px 2px 0 rgba(255,255,255,1);} #wrap .top_customer .top_customer_inn {height:200px; margin:0; padding:15px 15px 15px 0; overflow-x:hidden; overflow-y:scroll; box-sizing:border-box;} #wrap .top_customer .top_customer_inn ul li {border-bottom:1px dotted #CCC; margin-bottom:10px; padding-bottom:8px;} /* お客様の声 */ #wrap .top_voice {margin:0 0 0 0; padding:10px; box-sizing:border-box;} #wrap .top_voice h3 {font-size:20px; font-weight:bold; letter-spacing:0.05em; padding-bottom:5px; border-bottom:1px solid #CCC;} #wrap .top_voice .top_voice_inn {height:200px; margin:0; padding:15px 15px 15px 0; overflow-x:hidden; overflow-y:scroll; box-sizing:border-box;} /* よくあるご質問 */ #wrap .top_faq {margin:0 0 0 0; padding:10px; box-sizing:border-box; background:url(../images/top/customer_bg.gif) repeat left top;} #wrap .top_faq h3 {font-size:20px; font-weight:bold; letter-spacing:0.05em; padding-bottom:5px; border-bottom:1px solid #d7cbbf; box-shadow:0 1px 0 rgba(255,255,255,1); text-shadow:2px 2px 0 rgba(255,255,255,1);} #wrap .top_faq .top_faq_inn {height:200px; margin:0; padding:15px 15px 15px 0; overflow-x:hidden; overflow-y:scroll; box-sizing:border-box;} /* 新着情報 */ #wrap .top_news {margin:0 0 0 0; padding:10px; box-sizing:border-box;background-color:#fff;} #wrap .top_news h3 {font-size:20px; font-weight:bold; letter-spacing:0.05em; padding-bottom:5px; border-bottom:2px solid #999;} #wrap .top_news .top_news_inn {height:200px; margin:0; padding:15px 15px 15px 0; overflow-x:hidden; overflow-y:scroll; box-sizing:border-box;} #wrap .top_news .top_news_inn li{ margin:0 0 20px 0; padding:0 0 18px 0; border-bottom:1px dotted #ccc;} /* バナー（gnavi） */ #wrap ul.top_bnr {margin:0 0 0 0; padding:18px 10px 5px 10px; box-sizing:border-box; background:url(../images/top/customer_bg.gif) repeat left top;} /*#wrap ul.top_bnr {text-align:center; overflow:hidden; margin:0 auto 30px auto; padding:0 10px 0 10px; display:table; box-sizing:border-box;}*/ #wrap ul.top_bnr li {padding:0; /*display:table-cell;*/ box-sizing:border-box; width:100%;vertical-align:top;} #wrap ul.top_bnr2{ padding:0 10px 10px 10px; } /*#wrap ul.top_bnr li:last-child {padding:0;}*/ #wrap ul.top_bnr li a { display:block; width: 50%; max-width: 200px; margin: 0 auto 0 auto; } #wrap ul.top_bnr li img { width: 100%; margin: 0 0 10px 0; /*margin: 0 auto 10px auto;*/ vertical-align:top; /*box-shadow*/ box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 0; -webkit-box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 0; -moz-box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 0; } /* 不動産オンライン査定（共通サイズ） */ #contents form .w1{width:200px;} #contents form .w2{width:95%;} #contents form .w3{width:100px;} /* 不動産オンライン査定（contents） */ #wrap .top_form div.top_form_table {margin:10px 0 0 0; padding:0; border-collapse:separate; border-spacing:0 15px;} #wrap .top_form div.top_form_table .item {background:#3BC; border-radius:5px; color:#FFF; font-weight:normal; font-size:16px; white-space:nowrap; padding:7px 0 5px 0; margin:0; text-align:center;} #wrap .top_form div.top_form_table th, #wrap .top_form div.top_form_table td {padding:0; vertical-align:top;} #wrap .top_form div.top_form_table .supplement { color:#9a9a9a;} #wrap .top_form div.top_form_table .value {margin:10px 0 10px 0; overflow:hidden;} #wrap .top_form div.top_form_table .value label {padding:0 5px 0 5px;} #wrap .top_form div.top_form_table .est_type label {padding:0 5px 0 5px; display:block; float:left;} #wrap .top_form div.top_form_table .asess_type label {padding:0 5px 0 5px; display:block; float:left;} /* 不動産オンライン査定（php）*/ #contents .contents-form .form{margin:30px 0 0 0; color:#000;} #contents .contents-form .form .item {background:#3BC; border-radius:5px; color:#FFF; font-weight:normal; white-space:nowrap; padding:6px 0 4px 0; margin:10px 0 10px 0; text-align:center;} #contents .contents-form .form .value {margin:10px 0 10px 0; overflow:hidden;} #contents .contents-form .form .value label {padding:0 5px 0 5px;} #contents .contents-form .form .est_type label {padding:0 5px 0 5px; display:block; float:left;} #contents .contents-form .form .asess_type label {padding:0 5px 0 5px; display:block; float:left;} #contents .contents-form .form .requiredentry{color:#FFF; font-size:11px; vertical-align:middle; padding-left:10px;} #contents .contents-form .form .supplement{ display:inline-block;color:#666; /*float:left;*/ font-weight:normal; font-size:14px;} #contents .contents-form .form .hidden {margin-top:10px;} #wrap .form_btn_pos{text-align:center} #wrap .top_form_btn { background:url(../images/top/form_icon_house.png),linear-gradient(to bottom, rgba(149,35,35,0.6) 0%,rgba(149,35,35,1) 100%); background-repeat:no-repeat; background-position:5% center; border: 1px solid #881e1e; border-radius:5px; color:#FFF; cursor:pointer; font-size:18px; letter-spacing:2px; margin:0 auto 0 auto;padding:12px 12px 10px 45px; text-decoration:none; width:292px; behavior:url("/contents/style/PIE.htc"); position:relative;/*for PIE*/ } #wrap .top_form {margin:0 auto 30px auto;} #wrap .top_form_btn_end {background:url(../images/top/form_btn_indent.png),linear-gradient(to bottom, rgba(149,35,35,0.6) 0%,rgba(149,35,35,1) 100%) repeat scroll 0 0; background-repeat:no-repeat; background-position:10% center; border: 1px solid #881e1e; border-radius:5px; color:#FFF; cursor:pointer; display:inline-block;width:60%; font-size:20px; letter-spacing:2px; margin:0 0 10px 0; padding:12px 12px 10px 45px; text-align:center; text-decoration:none; max-width:400px;} #wrap .top_form_btn_back {background:url(../images/top/form_btn_indent_back.png),linear-gradient(to bottom, #aaa, #555) repeat scroll 0 0; background-repeat:no-repeat; background-position:15% center; border: 1px solid #555; border-radius:5px; color:#FFF; cursor:pointer;display:inline-block;width:38%;font-size:20px; letter-spacing:2px; margin:0 0 10px 0; padding:12px 12px 10px 45px; text-align:center; text-decoration:none; max-width:400px;} #wrap .top_form_comp{margin:20px 0 10px 0;} /*--- トップページ　section02 --*/ #wrap_section02 {width:100%; margin:0 auto 30px auto; background:#F5F4F2 url(../images/bg_wrap_section02.gif) repeat-x top left; clear:both;} #wrap_section02 .top_about {width:100%; margin:0 auto 0 auto;} #wrap_section02 .top_about h2 {height:170px; display:table-cell; vertical-align:middle; margin:0; padding:20px 0 0 90px; color:#FFF; font-size:25px; font-weight:normal; line-height:1.2; letter-spacing:0.1em; background:url(../images/top/feature_h.png) no-repeat top left; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing: border-box;} #wrap_section02 .top_about h2 span {font-size:20px;} #wrap_section02 .top_about .about_01 {width:100%; color:#FFF; background:#65CC33;} #wrap_section02 .top_about .about_01 .textarea {padding:12px 10px 10px;} #wrap_section02 .top_about .about_01 .textarea h3 {font-size:25px; font-weight:normal; line-height:1.2; margin:0 0 8px 0;} #wrap_section02 .top_about .about_01 .textarea h3 span {font-weight:bold; margin-right:5px; color:#090;} #wrap_section02 .top_about .about_02 {width:100%; color:#FFF; background:#FFAA01;} #wrap_section02 .top_about .about_02 .textarea {padding:12px 10px 10px;} #wrap_section02 .top_about .about_02 .textarea h3 {font-size:25px; font-weight:normal; line-height:1.2; margin:0 0 8px 0;} #wrap_section02 .top_about .about_02 .textarea h3 span {font-weight:bold; margin-right:5px; color:#F60;} #wrap_section02 .top_about .about_03 {width:100%; color:#FFF; background:#33A4CC;} #wrap_section02 .top_about .about_03 .textarea {padding:12px 10px 10px;} #wrap_section02 .top_about .about_03 .textarea h3 {font-size:25px; font-weight:normal; line-height:1.2; margin:0 0 8px 0;} #wrap_section02 .top_about .about_03 .textarea h3 span {font-weight:bold; margin-right:5px; color:#0A5DA3;} #wrap_section02 .top_about .about_04 {width:100%; color:#FFF; background:#65CC33;} #wrap_section02 .top_about .about_04 .textarea {padding:12px 10px 10px;} #wrap_section02 .top_about .about_04 .textarea h3 {font-size:25px; font-weight:normal; line-height:1.2; margin:0 0 8px 0;} #wrap_section02 .top_about .about_04 .textarea h3 span {font-weight:bold; margin-right:5px; color:#090;} #wrap_section02 .top_about .about_05 {width:100%; color:#FFF; background:#FFAA01;} #wrap_section02 .top_about .about_05 .textarea {padding:12px 10px 10px;} #wrap_section02 .top_about .about_05 .textarea h3 {font-size:25px; font-weight:normal; line-height:1.2; margin:0 0 13px 0;} #wrap_section02 .top_about .about_05 .textarea h3 span {font-weight:bold; margin-right:5px; color:#F60;} /*--- トップページ　section04 --*/ #wrap_section04 {width:100%; margin:0 auto 0 auto; background:#F5F4F2; clear:both;} #wrap_section04 .top_inquiry {width:100%; margin:0 auto 0 auto; padding:15px 10px 15px 10px; border:4px solid #c4a665; background:#FFF; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing: border-box;} #wrap_section04 .top_inquiry .inquiry {background:none; position:relative; line-height:1;} #wrap_section04 .top_inquiry .inquiry .h {text-align:center; font-size:12px; font-weight:bold;} #wrap_section04 .top_inquiry .inquiry .tel {width:100%; vertical-align:top; margin:10px 0 10px 0;} #wrap_section04 .top_inquiry .inquiry .tel .text {border-radius:3px; padding:7px 5px 5px 5px; margin:0; color:#FFF; text-align:center; letter-spacing:0.05em; background:#039;} #wrap_section04 .top_inquiry .inquiry .tel .num {margin:9px auto 7px auto; padding-left:30px; color:#333; font-size:35px; white-space:nowrap; background:url(../images/top/inquiry_tel.png) no-repeat 10% center; background-size:35px auto; text-align:center;} #wrap_section04 .top_inquiry .inquiry .tel .num a {color:#F60; text-decoration:none;} #wrap_section04 .top_inquiry .inquiry .tel .num span { display:none;} #wrap_section04 .top_inquiry .inquiry .tel .open {font-size:12px; text-align:center;} #wrap_section04 .top_inquiry .inquiry .mail {vertical-align:top;} #wrap_section04 .top_inquiry .inquiry .mail .btn {padding:12px 10px 10px 10px; border-radius:6px; font-size:20px; text-align:center; border:1px #F90 solid; /* background-image: -moz-linear-gradient(top, #FC3, #F90); background-image: -webkit-linear-gradient(top, #FC3, #F90); background-image: linear-gradient(to bottom, #FC3, #F90); */ background-color:#F90; background:-moz-linear-gradient(top, #FA0, #F70); background:-webkit-linear-gradient(top, #FA0, #F70); background:linear-gradient(to bottom, #FA0, #F70); background:-webkit-gradient(linear, left top, left bottom, from(#FA0), to(#d8F70371d)); -pie-background:linear-gradient(top, #FA0, #F70); behavior:url("/contents/style/PIE.htc"); position:relative;/*for PIE*/ display:block;} #wrap_section04 .top_inquiry .inquiry .mail .btn span {font-size:12px; text-shadow:-1px 1px 0 rgba(0,0,0,0.2); letter-spacing:0.2em; margin-bottom:8px; padding-bottom:8px; border-bottom:1px #881e1e solid;display:inline-block;} #wrap_section04 .top_inquiry .inquiry .mail .btn a {display:block; color:#FFF; text-decoration:none;} #wrap_section04 .top_inquiry .inquiry .mail .btn a:hover {opacity:0.5;} /*================================== セカンドページ ==================================*/ /*--- #contents-inner-pages --*/ #contents-inner-pages h2 { color:#FFF; font-size:22px; font-weight:normal; line-height:1.2; margin:0 0 20px 0; padding:15px 15px 10px 15px; background:#c4a665; /*background-image: linear-gradient(to bottom, #2f93db, #0d58bd);*/ border:1px solid #c4a665; letter-spacing:0.1em; border-radius:5px; } #contents-inner-pages h3{ color: #45949f; font-size: 20px; font-weight: bold; margin: 0 0 20px 0; padding: 9px 15px 6px 15px; background-image: linear-gradient(to bottom, #fff, #EEE); border: 1px solid #CCC; border-radius: 5px; letter-spacing:0.05em; line-height:1.3; } #contents-inner-pages h4{ color:#333; font-size:18px; font-weight:borld; margin:0 0 20px 0; padding:0 0 5px 0px; border-bottom:2px solid #CCC; clear:both; letter-spacing:0.05em; line-height:1.3; } #contents-inner-pages h4 .num { color:#c4a665; font-size:30px; font-family: "Century Gothic",Verdana,Arial,sans-serif; padding:0 8px 0 0; vertical-align:-5%; } #contents-inner-pages h4 .required {font-size:12px; font-weight:normal; color:#C00; padding-left:10px; vertical-align:middle;} #contents-inner-pages h5 { color:#333; font-size:18px; font-weight:bold; padding:4px 0 3px 15px; border-bottom:1px solid #DDD; border-left:5px solid #c4a665; border-collapse:collapse; line-height:1.3; letter-spacing:0.05em; } #contents-inner-pages .asset-body {margin:0 auto 20px;} /*--- コンテンツ ご売却までの流れ --*/ #contents-inner-pages .flow {} #contents-inner-pages .flow p {margin:10px 0; } #contents-inner-pages .flow img {display:block; margin:0 auto 0 auto;} #contents-inner-pages .line05 img {max-width:35%;} /*--- faq sp ---*/ #contents-inner-pages .asset-body table td.icon_q {width: 50px; height: 50px; text-align: center; vertical-align: middle;} #contents-inner-pages .asset-body table td.icon_a {width: 50px; text-align: center; vertical-align: top;} /*--- コンテンツ はじめての不動産売却 --*/ #contents-inner-pages .first {} #contents-inner-pages .first img.h {margin:0 auto 10px auto; display:none;} #contents-inner-pages .first img.pic {display:block; margin:0 auto 20px auto;} #contents-inner-pages .first .trouble {width:100%; margin:0;} #contents-inner-pages .first .trouble .item01, #contents-inner-pages .first .trouble .item02, #contents-inner-pages .first .trouble .item03, #contents-inner-pages .first .trouble .item04 { display:inline-block; width:100%; height:90px; padding:20px 10px 10px 65px; font-size:14px; border:1px solid #CCC; box-sizing:border-box; } #contents-inner-pages .first .trouble div {margin-bottom:10px;} #contents-inner-pages .first .trouble div strong {font-size:20px;} #contents-inner-pages .first .trouble div strong span {color:#F90;} #contents-inner-pages .first .trouble .item01 {background:#F5F5F5 url(../images/first/trouble01.png) no-repeat 5px center;} #contents-inner-pages .first .trouble .item02 {background:#F5F5F5 url(../images/first/trouble02.png) no-repeat 5px center;} #contents-inner-pages .first .trouble .item03 {background:#F5F5F5 url(../images/first/trouble03.png) no-repeat 5px center;} #contents-inner-pages .first .trouble .item04 {background:#F5F5F5 url(../images/first/trouble04.png) no-repeat 5px center;} #contents-inner-pages .first table.comparison {} #contents-inner-pages .first table.comparison td {display:list-item;} #contents-inner-pages .first table.comparison td.td_l {background:#EFF; padding:10px; border:1px solid #06C; vertical-align:top;} #contents-inner-pages .first table.comparison td.td_r {background:#FFE;padding:10px; border:1px solid #F90; vertical-align:top;} #contents-inner-pages .first .btn {border-radius:6px; border:1px solid #EA0; background-image: -moz-linear-gradient(top, #FC0, #e58900); background-image: -webkit-linear-gradient(top, #FC0, #e58900); background-image: linear-gradient(to bottom, #FC0, #e58900); display:block; } #contents-inner-pages .first .btn a {text-shadow:-1px 1px 0 rgba(0,0,0,0.1); display:block; padding:10px; box-sizing:border-box; text-decoration:none; font-weight:bold; text-align:center; color:#FFF;} /*--- コンテンツ 会社概要 --*/ #contents-inner-pages table.basicTable{margin:0;} #contents-inner-pages table.basicTable tr {display:block; margin-bottom:20px;} #contents-inner-pages table.basicTable th, #contents-inner-pages table.basicTable td { display:list-item; width:100%; font-weight:normal; text-align:left; vertical-align:top; } #contents-inner-pages table.basicTable th {color:#c4a665; border-bottom:1px solid #E6E6E6; margin-bottom:5px;} #contents-inner-pages #map{ height:200px; margin:0 0px 0 0; border:1px solid #ccc;} #contents-inner-pages #map .gm-style-iw-d:has(.map_fukidashi){margin-top: -32px;} #contents-inner-pages #map .map_fukidashi{width: auto !important; padding: 0 40px 0 10px; } /*--- コンテンツ 不動産売却コラム --*/ #contents-inner-pages #column img {width:100%; margin:0 0 10px 0; padding:4px; border:1px solid #CCC; box-sizing:border-box;} /*--- コンテンツ 「素早く＆高く」売却する20の活動 --*/ #contents-inner-pages .activity img.h {width:100%; margin-bottom:10px;} #contents-inner-pages .activity .team {background: #f2f1eb none repeat scroll 0 0; box-sizing: border-box; padding:10px; clear:both; margin:0 0 30px 0;} #contents-inner-pages .activity .text{margin:0 0 23px 0;} #contents-inner-pages .activity .flow {} #contents-inner-pages .activity .flow ul {border:1px solid #CCC; background:#FAFAFA; padding:10px; overflow:hidden; font-size:14px;} #contents-inner-pages .activity .flow ul li {display:block; background:#EEE; border-radius:6px; border:1px solid #CCC; padding:10px; margin:0 0 20px 0;} #contents-inner-pages .activity .flow ul li:first-child {float:none; display:block; background:none; border:none; border-radius:none; padding:0; margin:0 0 10px 5px;} #contents-inner-pages .activity .flow ul li:last-child{margin-bottom:0;} #contents-inner-pages .activity .flow ul li a {color:#00F;} #contents-inner-pages .activity .flow ul li a:hover {color:#00F;} #contents-inner-pages .activity .flow ul li .more {display:none; margin-top:10px;} #contents-inner-pages .activity .flow h3 {font-weight:bold; color:#FFF; border-radius:10px; padding-left:50px; letter-spacing:0.1em; background:#00479D url(../../../UsersDir/images/page/activity/flow_icon.png) no-repeat 10px center; background-size:30px auto;} .fb { display:none;} .twitter{display:none;} .twitter_widget{display:none;} #contents-inner-pages .voice p img{ display:block; margin:0 auto 20px auto;} .store_photo{margin:10px 0 10px 0; } .store_photo td{text-align:center; padding:0 0 10px 0;} .store_photo img{ padding:3px; border:1px solid #ccc; margin:0 0 5px 0; background:#fff; max-height:100px;} #contents-inner-pages #map .map_fukidashi a{text-decoration: none;} #scrollUp { bottom: 80px; right: 0px; height: 50px; width: 50px; background: url(../images/top.png) no-repeat;/*ロゴのパス確認*/ background-size:50px; z-index:1000; } #scrollUp:hover { opacity:0.8; } #news ul li{ margin:0 0 20px 0; padding:0 0 18px 0; border-bottom:1px dotted #ccc;} } /*================================== プライバシーポリシー ==================================*/ #contents-inner-pages .privacy h3{margin:25px 0 20px 0;} #contents-inner-pages .privacy h4{ margin:25px 0 20px 0; font-size:20px;} #contents-inner-pages .privacy ul{ margin:20px 0 0 0;} #contents-inner-pages .privacy ul li{margin:0px 0px 5px 10px; padding:0px 0px 3px 20px ; background:url(../images/indent.png) 0 6px no-repeat; word-break: break-all;} #contents-inner-pages .privacy p {margin: 0 0 28px 10px;} #contents-inner-pages .privacy p:last-of-type {margin-bottom:48px;} #contents-inner-pages .privacy .explain{/*font-size:small;*/ font-size:14px; margin:30px 0 0 0;} #contents-inner-pages .privacy .explain .title{margin:0 0 15px 10px; font-size:16px; text-decoration:underline;} #contents-inner-pages .privacy .explain strong { display:inline-block; margin:0 0 7px 0 } #contents-inner-pages .privacy .explain p {margin: 0 0 20px 10px;}