/*-------------------------------------------- 共通 ------------------------------------------*/ * { 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; } img{max-width:100%; height:auto !important} 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 { border:solid 1px #EEA34A; } #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;} /**/ #akiya .caution{background:#f2f4f3; border:2px solid #ccc; margin-bottom:50px; padding:18px; } #akiya .caution_txt{ font-size:14px; background:url(../images/akiya/caution_bg.png) no-repeat; background-position: right bottom; background-size:82px auto; } #akiya .caution_txt p{margin-right:92px;} #akiya .caution_sub{text-align:center; margin:24px 0 20px 0;} /**/ .h_txt{font-size:30px; text-align:center; margin:22px 0 7px 0; font-weight:bold;} .h_txt span{color:#d25656;} /*--------------------------------------相談したい（相続）------------------------------------*/ h3{font-size:30px; text-align:center; margin:10px 0 26px 0;} h3 span{color:#d25656;} #souzoku *{ box-sizing:border-box;} #souzoku .clearfix:before,#contents-inner-pages .consultation .clearfix:after{ display:block; content:""; clear:both;} #souzoku .blue_blocks{ border-top:1px solid #16aacd; border-bottom:1px solid #16aacd; color:#16aacd; font-size:18px; text-align:center; padding:15px 0 13px 0; margin:30px 0 40px 0;} #souzoku .question{ background-color:#faf1df; border:1px solid #e7cfa0; padding:15px 20px 15px 20px; position:relative;} #souzoku .question .h{ font-size:21px; border-bottom:1px solid #e7cfa0; color:#926d22; padding-bottom:2px; margin-bottom:16px;} #souzoku .question > img{ position:absolute; bottom:15px; } #souzoku .question li{ background-color:#ffffff; font-size:14px; color:#333333; border-radius:5px; position:relative; padding:10px 25px 10px 25px;} #souzoku .question li + li{ margin-top:7px;} #souzoku .question.or > img{ left:20px;} #souzoku .question.or li{ margin-left:118px;} #souzoku .question.or li:before { content: ""; position: absolute; top: 50%; left: -24px; margin-top: -6px; border: 6px solid transparent; border-right: 18px solid #ffffff; } #souzoku .question.blue{ background-color:#e4edf1; border-color: #a9c3cf; margin:25px 0 50px 0;} #souzoku .question.blue .h{ color:#357dab; border-color:#a9c3cf;} #souzoku .question.blue > img{ right:20px;} #souzoku .question.blue > img{ right:0;} #souzoku .question.blue li{ margin-right:118px;} #souzoku .question.blue li:before { content: ""; position: absolute; top: 50%; right: -24px; margin-top: -6px; border: 6px solid transparent; border-left: 18px solid #ffffff; } #souzoku .soudan{margin-bottom:50px;} #souzoku .soudan p{margin-bottom:20px;} #souzoku .soudan div{margin-bottom:30px;} #souzoku .soudan table{border-collapse: collapse; border-spacing: 0; font-size:14px; width:100%;} #souzoku .soudan table caption{color:#663300; font-weight:bold; text-align:left; margin-bottom:10px;} #souzoku .soudan table th,#souzoku .soudan table td{ border:1px solid #ccc;} #souzoku .soudan table th{color:#663300; background:#f2f2f2; font-weight:bold; width:184px; padding:5px 0 5px 0;} #souzoku .soudan table td{padding:10px;} #wrap .top_about .about_wrap div h4 span {color:#d25656;} #wrap .top_about .about_wrap .num02_worry ul li{padding: 0 0 30px 40px;} #wrap .top_about .about_wrap .num02_worry li.w01{background:url(../images/top/about_01.png) no-repeat;} #wrap .top_about .about_wrap .num02_worry li.w02{background:url(../images/top/about_02.png) no-repeat;} #wrap .top_about .about_wrap .num02_worry li.w03{background:url(../images/top/about_03.png) no-repeat;} #wrap .top_about .about_wrap .num02_worry li.w04{background:url(../images/top/about_04.png) no-repeat;} #wrap .top_about .about_wrap .num02_worry li.w05{background:url(../images/top/about_05.png) no-repeat;} #wrap .top_about .about_wrap .num02_worry li.w06{background:url(../images/top/about_06.png) no-repeat;} #wrap .top_about .about_wrap .num02_worry li.w07{background:url(../images/top/about_07.png) no-repeat;} #wrap .top_about .about_wrap .num02_worry li.w08{background:url(../images/top/about_08.png) no-repeat;} #wrap .top_about .about_wrap .num02_worry li.w09{background:url(../images/top/about_09.png) no-repeat;} /* 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:30px auto 0 auto; 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: #fbf2ef;} #wrap-outer #wrap-outer2{width:100%; min-width:950px; background: url(../images/bg_wrap-outer2.png) repeat-x left 265px;} #wrap-outer #wrap-outer3{width:100%; min-width:950px; background:url(../images/bg_contents.png) repeat-y center top;} #wrap-outer #wrap-outer4{width:100%; min-width:950px; background:url(../images/bg_wrap-outer4.gif) repeat-x;} #wrap-outer2nd #wrap-outer2{width:100%; min-width:950px; background: url(../images/bg_wrap-outer2.png) repeat-x left 265px;} #wrap-outer2nd #wrap-outer3{width:100%; min-width:950px; background:url(../images/bg_contents.png) repeat-y center top;} #wrap-outer2nd #wrap-outer4{width:100%; min-width:950px; background:url(../images/bg_wrap-outer4.gif) repeat-x;} /*--- header ---*/ #header {width:950px; height:266px; margin:0 auto; position:relative;} #header .logo {position:absolute; top:65px; left:0; } #header .tel {position:absolute; top:67px; 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 #fff;} #header ul.link li:last-child {border:none; padding:0;} #header ul.link li a {color:#fff;} #header ul.gmenu01 {position:absolute; top:138px; left:0;} #header ul.gmenu01 li {float:left; margin:0 6px 6px 0; border-radius:6px;box-shadow:rgba(0, 0, 0, 0.2) 0 0 2px 0;-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0 0 2px 0;-moz-box-shadow:rgba(0, 0, 0, 0.2) 0 0 2px 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;} /*--- 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 {font-size:16px; clear:both; color:#555;background:#fff;} #footer {margin:0 auto; width:950px; height:300px; text-align:left; position:relative;} #footer ul.fnavi {height:190px;position:absolute; top:45px; left:415px; padding-left:60px; 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 22px; margin:0 0 10px; background:url(../images/indent.png) 0 5px 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; color:#333;} #footer .fadd a {color:#333; text-decoration:none;} #footer .fadd img {margin-bottom:20px; width:360px;} #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 20px 0 0px;} #footer .bookmarkArea #bookMarks .facebook iframe{ width:114px; height:21px; overflow:hidden; margin:0 -7px 0px 0;} #footer .copyright{font-family:Arial; font-size:11px;position:absolute; bottom:70px; left:0;} /*--- SNS ---*/ ul#sns_btn { display:none; position: fixed; left:20px; bottom:0; width:auto; padding:10px 10px 10px 10px; box-sizing:border-box; border-top-right-radius:10px; border-top-left-radius:10px; background:#FFF; /* 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; z-index:100; overflow:hidden; } ul#sns_btn li {margin-right:10px; float:left;} ul#sns_btn li:last-child {margin-right:0;} ul#sns_btn li img {width:40px; height:auto; vertical-align:top;} /* contents */ #contents { width:650px; margin:20px 0 0 0; float:left; background:#ffffff; /* 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; */ } #contents_max {width:100%; margin:40px 0 40px 0;} #wrap-outer2nd #contents {padding-bottom:50px; box-shadow:none; background:none;} /*================================== トップページ ==================================*/ #wrap-outer h2{margin-top:20px;} /* オンライン査定 */ #wrap .top_form { margin:0 0 50px 0; padding:0 20px 20px 20px; box-sizing:border-box; border:4px solid #ef9db2; /*border-radius:10px;*/ background:#ffffff; /* 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_form h3 {margin:20px 0 10px 0;} /* 強化買い取りエリア（gnavi） */ #wrap .top_area{ width:280px; height:auto; margin:0 0 20px 0; padding:0px 15px 7px 15px; box-sizing:border-box; border: 4px solid #ef9db2; /*border-radius:10px;*/ 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:#d25656; font-size:24px; font-weight:bold; line-height:1.4; margin:15px 0 0 0; /*word-break:keep-all;*/ } #wrap .top_area h3, #wrap .top_count h3, #wrap .top_news h3 { border-bottom: 2px solid #999; font-size:20px; font-weight: bold; padding-bottom: 5px; padding-left:20px; margin:9px 0 11px 0; position: relative; background:url(../images/top/pink_square.png) no-repeat left top 10px; text-align:left; } /* 現在の購入希望者数（gnavi） */ #wrap .top_count { width:280px; height:auto; margin:0 0 20px 0; padding:0px 15px 7px 15px; box-sizing:border-box; border: 4px solid #ef9db2; /*border-radius:10px;*/ background-color:#ffffff; /* 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_count .top_count_number { width:240px; height:115px; position:relative; margin:0 auto 15px auto; background:url(../images/top/count_h.gif) no-repeat top left; } #wrap .top_count .top_count_number span { font-size:60px; font-family: "Century Gothic",Verdana,Arial,sans-serif; color:#F60; line-height:1; position:absolute; bottom:0; right:0; } #wrap .top_count img {margin:0 10px 0 0px ;} #wrap .top_count span { font-size:60px; font-weight:bold; font-family: "Century Gothic",Verdana,Arial,sans-serif; color:#d25656; margin:0 10px 0 0px ; } #wrap .top_count p {display:inline;} /* 新着情報（gnavi） */ #wrap .top_news { width:280px; height:auto; margin:0 0 20px 0; padding:0px 15px 7px 15px; box-sizing:border-box; border: 4px solid #ef9db2; /*border-radius:10px;*/ background-color:#ffffff; /*background-image:url(../images/top/news_h.png);*/ 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_news .top_news_inn { height:430px; margin:20px 0 14px 0; padding:0 20px 0 0; overflow-x:hidden; overflow-y:auto; } #wrap .top_news .top_news_inn p strong{ color:#999; font-weight:normal; } #wrap .top_news .top_news_inn p:nth-child(2n){ border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:10px; } /* バナー（gnavi） */ #wrap ul.top_bnr {width:280px; margin-bottom:10px;} #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 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 ul.top_bnr li img.notshadow { box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; } /* twitter（gnavi） */ #wrap .twitter{ width:280px; height:auto; margin:0 0 20px 0; padding:0; box-sizing:border-box; /*border-radius:10px;*/ border: 1px solid #1da1f2; background-color:#ffffff; /* 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 .twitter .h { color:#1da1f2; font-size:11px; font-weight:bold; margin:10px; padding:0px 10px 8px 40px ; border-bottom:2px solid #1da1f2; background:url(../images/ext/twitter_logo.png) no-repeat left 9px; background-size:28px auto; } #wrap .twitter .h span{font-size:14px;} #wrap .twitter .widget{ margin:0; padding:0 0 10px 10px; } /* 不動産を早く、高く売却します */ #wrap .about{background:url(../images/top/service_h_bg.jpg) no-repeat right 144px;margin:0 0 50px 0;} #wrap .about .about_txt{width:380px;height:171px;} #wrap .about .ex{padding:14px 25px 0 25px; box-sizing: border-box; border-radius: 0; background: #ffffff; box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px 0; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px 0; -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px 0;} #wrap .about .ex li{font-size:19px; background:url(../images/top/about_icon_cmnt.png) no-repeat left 13px; padding:0 0 11px 40px;} #wrap .about .ex li span {color:#cc3333; font-weight:bold;font-size:28px;} #wrap .about .ex li:first-of-type{font-size:40px;font-weight:bold;border-bottom:2px solid #cccccc; background:none;margin:0 0 12px 0; padding:0 0 2px 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:#06C; 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;} /* 3つの特徴 */ #wrap .top_feature {margin:0 0 50px 0; padding:0; box-sizing:border-box; } #wrap .top_feature h3 {} #wrap .top_feature .feature_wrap{margin:20px 0 0 0;padding:30px 25px 30px 25px; box-sizing:border-box; background:#ffffff; /* box-shadow */ box-shadow:rgba(0, 0, 0, 0.2) 0 0 10px 0; -webkit-box-shadow:rgba(0, 0, 0, 0.2) 0 0 10px 0; -moz-box-shadow:rgba(0, 0, 0, 0.2) 0 0 10px 0; } #wrap .top_feature .feature_wrap div {border-top:2px solid #cccccc; margin-top:22px; padding-top:9px; overflow:hidden;} #wrap .top_feature .feature_wrap div:after, #wrap .top_feature .feature_wrap div:before { content: ""; clear: both; display: block; } #wrap .top_feature .feature_wrap div:first-of-type {border:none; margin-top:0; padding-top:0;} #wrap .top_feature .feature_wrap div h4 {font-size:26px; font-weight:bold; letter-spacing:0.05em; margin-bottom:30px; padding-left:90px; line-height:1.4; text-shadow:2px 2px 0 rgba(255,255,255,1);} #wrap .top_feature .feature_wrap div h4 span {color:#cc3333;} #wrap .top_feature .feature_wrap div .num01 {padding-top:0px; background:url(../images/top/feature_num01.png) no-repeat left center; box-sizing:border-box;} #wrap .top_feature .feature_wrap div .num02 {padding-top:17px; background:url(../images/top/feature_num02.png) no-repeat left center; box-sizing:border-box;} #wrap .top_feature .feature_wrap div .num03 {padding-top:17px; background:url(../images/top/feature_num03.png) no-repeat left center; box-sizing:border-box; height:110px; margin-bottom:20px;} #wrap .top_feature .feature_wrap div .num04 {padding-top:17px; background:url(../images/top/feature_num04.png) no-repeat left center; box-sizing:border-box;} #wrap .top_feature .feature_wrap div p{line-height:1.8;} #wrap .top_feature .feature_wrap div p.float {float:left; width:370px; margin:0;} #wrap .top_feature .feature_wrap div img { margin:0px 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 .feature_wrap div img.image {margin:22px 0 0 0;box-shadow:none;} #wrap .top_feature .feature_wrap 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 .feature_wrap 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 .feature_wrap div ul.ex li span {color:#3BC; font-weight:bold;} #wrap .top_feature .feature_wrap div ul.ex li:first-child {color:#06C; 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 .feature_wrap div .btn { display:block; background-color:#F90; background:url(../images/top/form_icon_mail.png),-moz-linear-gradient(top, #FA0, #F70); background:url(../images/top/form_icon_mail.png),-webkit-linear-gradient(top, #FA0, #F70); background:url(../images/top/form_icon_mail.png),linear-gradient(to bottom, #FA0, #F70); background:url(../images/top/form_icon_mail.png),-webkit-gradient(linear, left top, left bottom, from(#FA0), to(#F70)); background-repeat:no-repeat; background-position:10% center; border: 1px solid #F90; 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; } /* 素早く売却 */ #wrap .top_about {margin:0 0 30px 0; padding:0 0 30px 0; box-sizing:border-box;} #wrap .top_about .about_wrap{margin:10px 0 0 0;padding:30px 25px 30px 25px; box-sizing:border-box; background:#ffffff; /* box-shadow */ box-shadow:rgba(0, 0, 0, 0.2) 0 0 10px 0; -webkit-box-shadow:rgba(0, 0, 0, 0.2) 0 0 10px 0; -moz-box-shadow:rgba(0, 0, 0, 0.2) 0 0 10px 0; } #wrap .top_about h3 {margin-bottom:0;} #wrap .top_about .about_wrap > div {border-top:1px solid #AAA; box-shadow:0 1px 0 rgba(238,238,238,1) inset; margin-top:30px; padding-top:26px;} #wrap .top_about .about_wrap > div:first-child {margin-top:0; border-top:none; box-shadow:none; padding-top:0;} #wrap .top_about div h4 {font-size:26px; font-weight:bold; letter-spacing:0; margin:0 0 18px 0; 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:#06C;} #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_about .about_wrap div h4 span {color:#d25656;} #wrap .top_about .num02_worry .worry_h{font-size:24px; font-weight:bold; color:#5497bf; background:url(../images/top/worry_bg.png) no-repeat; background-size:72px auto; background-position: right center;padding:28px 0 20px 0;} #wrap .top_about .about_wrap .num02_worry ul li{padding: 0 0 30px 40px; font-size:20px;} #wrap .top_about .about_wrap .num02_worry ul li span{color:#d25656; font-weight:bold;} #wrap .top_about .about_wrap .num02_worry li.w01{background:url(../images/top/about_01.png) no-repeat;} #wrap .top_about .about_wrap .num02_worry li.w02{background:url(../images/top/about_02.png) no-repeat;} #wrap .top_about .about_wrap .num02_worry li.w03{background:url(../images/top/about_03.png) no-repeat;} #wrap .top_about .about_wrap .num02_worry li.w04{background:url(../images/top/about_04.png) no-repeat;} #wrap .top_about .about_wrap .num02_worry li.w05{background:url(../images/top/about_05.png) no-repeat;} #wrap .top_about .about_wrap .num02_worry li.w06{background:url(../images/top/about_06.png) no-repeat;} #wrap .top_about .about_wrap .num02_worry li.w07{background:url(../images/top/about_07.png) no-repeat;} #wrap .top_about .about_wrap .num02_worry li.w08{background:url(../images/top/about_08.png) no-repeat;} #wrap .top_about .about_wrap .num02_worry li.w09{background:url(../images/top/about_09.png) no-repeat;} /* 購入希望のお客様 */ #wrap .top_customer { box-sizing:border-box; border-radius:10px; background:#ffffff; /* 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; margin:0 0 50px 0; padding:14px 20px 25px 25px; } #wrap .top_customer h3 {font-size:40px; font-weight:bold; letter-spacing:0.05em; padding-bottom:2px; border-bottom:2px solid #cccccc; box-shadow:0 1px 0 rgba(255,255,255,1); text-shadow:2px 2px 0 rgba(255,255,255,1);margin-bottom:5px;} #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 p,.customer .asset-body p{ padding:0 0 0 20px; } #wrap .top_customer .top_customer_inn p:nth-child(3n+1),.customer .asset-body p:nth-child(3n+1){ font-weight:bold; padding:0 0 0 10px; color:#0dabdf; background: url(../images/indent.png) top 5px left no-repeat; } #wrap .top_customer .top_customer_inn p:nth-child(3n),.customer .asset-body p:nth-child(3n){ color:#999; padding-bottom:10px; margin-bottom:14px; border-bottom:1px solid #ccc; } #wrap .top_customer .top_customer_inn ul li {border-bottom:1px solid #CCC; margin-bottom:10px; padding-bottom:8px;} /* お客様の声 */ #wrap .top_voice { box-sizing:border-box; border-radius:10px; background:#ffffff; /* 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; margin:0 0 50px 0; padding:14px 25px 25px 25px; } #wrap .top_voice h3 {font-size:40px; font-weight:bold; letter-spacing:0.05em; border-bottom:2px solid #CCC;margin-bottom:5px;} #wrap .top_voice .top_voice_inn {height:340px; margin:0; padding:0; overflow-x:hidden; overflow-y:scroll; box-sizing:border-box;} .voice table td.text {padding:10px; background:#f5f2ef;} /* よくあるご質問 */ #wrap .top_faq { box-sizing:border-box; background:#faf2ef; margin:0 0 50px 0; padding:14px 25px 25px 25px; } #wrap .top_faq h3 {font-size:40px; font-weight:bold; letter-spacing:0.05em; border-bottom:1px solid #cccccc; box-shadow:0 1px 0 rgba(255,255,255,1); text-shadow:2px 2px 0 rgba(255,255,255,1);margin-bottom:5px; text-align:left;} #wrap .top_faq .top_faq_inn {/*height:290px; margin:0; padding:0; overflow-x:hidden; overflow-y:scroll;*/ box-sizing:border-box;} .faq table td.text {padding:10px 10px 10px 0; background:#fff;} /* SNS */ .fb {margin:30px auto 50px 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:none; 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:#5497bf; 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:#5497bf; 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-color:#e55934; background:url(../images/top/form_icon_house.png),linear-gradient(to bottom, #4cafef, #268ae5); background-repeat:no-repeat; background-position:15% center; border: 1px solid #0086ff; 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:500px; box-sizing:border-box; } #wrap .top_form_btn_end {background:url(../images/top/form_btn_indent.png),#F90 linear-gradient(to bottom, #FA0, #F70) repeat scroll 0 0; background-repeat:no-repeat; background-position:10% center; border: 1px solid #F90; 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),#06C linear-gradient(to bottom, #39C, #039) repeat scroll 0 0; background-repeat:no-repeat; background-position:15% center; border: 1px solid #06C; 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;} /*--- トップページ　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:#0c3c92; 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 5px 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; /*border:4px solid #014099;*/ box-sizing:border-box; } #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:#014099;} #wrap_section04 .top_inquiry .inquiry .tel .num {margin:9px 0 9px 0; padding-left:80px; font-size:55px; font-family: "Century Gothic",Verdana,Arial,sans-serif;white-space:nowrap; background:url(../images/top/inquiry_tel.png) no-repeat left 15px center; color:#333; font-weight:normal; -webkit-text-size-adjust: 85%;/*←スマホ対応*/} #wrap_section04 .top_inquiry .inquiry .tel .num a {color:#F60; text-decoration:none;} #wrap_section04 .top_inquiry .inquiry .tel .open {font-size:16px;padding-left:80px;} #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 #e55934 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; border: 1px solid #ff6803; background: linear-gradient(to bottom, #ffb326, #ff8700); background-color:#e55934; 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 #F70 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:#ef9db2; /*background-image: linear-gradient(to bottom, #2f93db, #0d58bd);*/ letter-spacing:0.1em; border-radius:5px; } #contents-inner-pages h3 { color: #0c3c92; 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:20px; 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.4; } #contents-inner-pages h4 .num { color:#014099; font-size:30px; 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:18px; font-weight:bold; padding:4px 0 3px 15px; border-bottom:1px solid #DDD; border-left:5px solid #014099; 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:#5497bf;} #contents-inner-pages #map{ height:400px; margin:0 0px 0 0; border:1px solid #ccc;} /*--- コンテンツ 不動産売却コラム --*/ #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（会社概要）index.html,company.html ========================================*/ .store_photo{margin:32px 0 0px 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; width:280px;} #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; } .gm-style-iw-d:has(.map_fukidashi){margin-top: -32px;} .map_fukidashi{padding-right: 25px;} .map_fukidashi a:focus-visible,#contents-inner-store .map_fukidashi a:focus{outline: none;} .map_fukidashi a{text-decoration:none;} /* */ #wrap .top_kaiketsu {margin:0 0 50px 0; padding:0; box-sizing:border-box; } #wrap .top_kaiketsu p {margin-bottom:30px;} #wrap .top_kaiketsu .kaiketsu_wrap{margin:20px 0 0 0;padding:20px 25px 30px 25px; box-sizing:border-box; background:#ffffff; /* box-shadow */ box-shadow:rgba(0, 0, 0, 0.2) 0 0 10px 0; -webkit-box-shadow:rgba(0, 0, 0, 0.2) 0 0 10px 0; -moz-box-shadow:rgba(0, 0, 0, 0.2) 0 0 10px 0; } #wrap .top_kaiketsu .kaiketsu_wrap div {border-top:2px solid #cccccc; margin-top:30px; padding-top:10px; overflow:hidden;} #wrap .top_kaiketsu .kaiketsu_wrap div:after, #wrap .top_feature .feature_wrap div:before { content: ""; clear: both; display: block; } #wrap .top_kaiketsu .kaiketsu_wrap div:first-of-type {border:none; margin-top:0; padding-top:0;} #wrap .top_kaiketsu .kaiketsu_wrap div h4 {font-size:26px; 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_kaiketsu .kaiketsu_wrap div h4 span {color:#cc3333;} #wrap .top_kaiketsu .kaiketsu_wrap div h4 .kai{display:block;} #wrap .top_kaiketsu .kaiketsu_wrap div .num01 {padding-top:20px; background:url(../images/akiya/kaiketsu_num01.png) no-repeat left center; box-sizing:border-box;background-size: 84px auto; height:82px} #wrap .top_kaiketsu .kaiketsu_wrap div .num02 {padding-top:17px; background:url(../images/akiya/kaiketsu_num02.png) no-repeat left center; box-sizing:border-box; background-size: 84px auto; height:102px; margin-bottom:8px;} #wrap .top_kaiketsu .kaiketsu_wrap div .num03 {padding-top:17px; background:url(../images/akiya/kaiketsu_num03.png) no-repeat left center; box-sizing:border-box; background-size: 84px auto; height:102px; margin-bottom:8px;} #wrap .top_kaiketsu .kaiketsu_wrap div .num04 {padding-top:17px; background:url(../images/akiya/kaiketsu_num04.png) no-repeat left center; box-sizing:border-box; background-size: 84px auto; height:102px; margin-bottom:8px;} #wrap .top_kaiketsu .kaiketsu_wrap div p{line-height:1.8;} #wrap .top_kaiketsu .kaiketsu_wrap div p.float {float:left; width:370px; margin:0 0 0 0;} #wrap .top_kaiketsu .kaiketsu_wrap 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_kaiketsu .kaiketsu_wrap div img.image {margin:20px 0 0 0;box-shadow:none;} #wrap .top_kaiketsu .kaiketsu_wrap 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 .kaiketsu_wrap 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 .kaiketsu_wrap div ul.ex li span {color:#3BC; font-weight:bold;} #wrap .top_feature .kaiketsu_wrap div ul.ex li:first-child {color:#06C; 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 .kaiketsu_wrap div .btn { display:block; background-color:#F90; background:url(../images/top/form_icon_mail.png),-moz-linear-gradient(top, #FA0, #F70); background:url(../images/top/form_icon_mail.png),-webkit-linear-gradient(top, #FA0, #F70); background:url(../images/top/form_icon_mail.png),linear-gradient(to bottom, #FA0, #F70); background:url(../images/top/form_icon_mail.png),-webkit-gradient(linear, left top, left bottom, from(#FA0), to(#F70)); background-repeat:no-repeat; background-position:10% center; border: 1px solid #F90; 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; } /* souzoku */ #souzoku .soudan h3{margin-bottom:20px;} /* akiya */ #akiya table.nayami {margin-bottom:30px; font-size:14px; width:100%;} #akiya table.nayami td { width:50%; box-sizing:border-box; vertical-align:top; padding:0 20px 30px 20px; border-bottom:2px dotted #CCC; } #akiya table.nayami td img{ width:100%;} #akiya table.nayami td:nth-child(odd) { padding-right:19px; border-right:2px dotted #CCC; } #akiya table.nayami td:nth-child(even) { padding-left:19px; } #akiya table.nayami tr:nth-child(even) td { padding-top:30px; border-bottom:none; } .h_txt{font-size:30px;} } /* For IE */ @media all and (-ms-high-contrast: none) { #wrap .twitter{display: none;} } /* For Smartphone */ @media screen and (max-width: 560px) { body{word-break: break-all;} h1 {margin:0; color:#666; font-size:10px; padding:0 10px; position:absolute; top:40px; font-weight:normal; line-height:1.1;} h3{margin-bottom:20px;} /*--- wrap ---*/ #wrap-outer, #wrap-outer2nd {width:100%; background: url(../images/bg_wrap-outer.jpg) repeat-x left 200px;} #wrap-outer2 {background: url(../images/bg_wrap-outer2.gif) repeat-x left 100px;} #wrap-outer2nd #wrap-outer2 {width:100%; background:url(../images/bg_wrap-outer2.jpg) 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:94%;} #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:#06C;} #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 a {display:table-cell; width:300px; height:44px; vertical-align:middle; color:#000; text-decoration: none; border-left:5px solid #5497bf; padding:0 5px 0 10px;} #header ul.gmenu01 a:before {content: attr(data-label);} #header .count {padding:5px 10px;font-size:14px; background:#ef9db2; 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:#5497bf;} #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:15px; max-width:95%;} #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:Arial; font-size:10px; font-weight:normal; padding:0 10px 50px 10px;text-align:center;} /* contents */ #contents {width:100%; padding:0 10px 0 10px; box-sizing:border-box; float:left; background:#FFF;} #wrap-outer2nd #contents {padding:10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing: border-box;} /*--- SNS ---*/ ul#sns_btn { display:none; } ul#sns_btn li {display:none;} .h_txt{font-size:18px;} /*================================== トップページ ==================================*/ /* オンライン査定 */ #wrap .top_form { width:100%; height:auto; margin:0 0 0 0; padding:0 10px 30px 10px; box-sizing:border-box; } #wrap .top_form h3 {margin-bottom:10px;} /* 現在の購入希望者数（gnavi） */ #wrap .top_count {display:none;} #wrap .top_area h3, #wrap .top_news h3 { border-bottom: 2px solid #999; font-size:20px; font-weight: bold; padding-bottom: 5px; padding-left:20px; margin-bottom:20px; position: relative; background:url(../images/top/pink_square.png) no-repeat left top 10px; text-align:left; } /* 5つの特徴 */ #wrap .top_feature {margin:0 0 0 0; padding:0 0 20px 0; box-sizing:border-box;} #wrap .top_feature h3 {} #wrap .top_feature div { box-shadow:0 1px 0 rgba(255,255,255,1) inset; margin:0 0 20px 0; } #wrap .top_feature div h4 {font-size:18px; font-weight:bold; letter-spacing:0.05em; margin-bottom:20px; padding-left:50px; 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:#cc3333;} #wrap .top_feature div .num01 {background:url(../images/top/feature_num01.png) no-repeat left top 16px;} #wrap .top_feature div .num02 {background:url(../images/top/feature_num02.png) no-repeat left top 16px;} #wrap .top_feature div .num03 {background:url(../images/top/feature_num03.png) no-repeat left top 16px;} #wrap .top_feature div .num04 {background:url(../images/top/feature_num04.png) no-repeat left top 16px;} #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:68px; box-sizing:border-box; background-size:42px 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; } #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:#06C; 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),-moz-linear-gradient(top, #FA0, #F70); background:url(../images/top/form_icon_mail.png),-webkit-linear-gradient(top, #FA0, #F70); background:url(../images/top/form_icon_mail.png),linear-gradient(to bottom, #FA0, #F70); background:url(../images/top/form_icon_mail.png),-webkit-gradient(linear, left top, left bottom, from(#FA0), to(#F70)); background-repeat:no-repeat; background-position:5% center; border: 1px solid #F90; 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; } /**/ #wrap .top_kaiketsu {margin:0 0 0 0; padding:0 10px 20px 10px; box-sizing:border-box;} #wrap .top_kaiketsu h3 {} #wrap .top_kaiketsu div { box-shadow:0 1px 0 rgba(255,255,255,1) inset; margin-top:10px; } #wrap .top_kaiketsu div h4 {font-size:18px; font-weight:bold; letter-spacing:0.05em; margin-bottom:20px; padding-left:50px; line-height:1.4; text-shadow:2px 2px 0 rgba(255,255,255,1); display:table-cell; vertical-align:middle;} #wrap .top_kaiketsu div h4 span {color:#cc3333;} #wrap .top_kaiketsu div .num01 {background:url(../images/akiya/kaiketsu_num01.png) no-repeat left top 16px;} #wrap .top_kaiketsu div .num02 {background:url(../images/akiya/kaiketsu_num02.png) no-repeat left top 16px;} #wrap .top_kaiketsu div .num03 {background:url(../images/akiya/kaiketsu_num03.png) no-repeat left top 16px;} #wrap .top_kaiketsu div .num04 {background:url(../images/akiya/kaiketsu_num04.png) no-repeat left top 16px;} #wrap .top_kaiketsu div .num05 {background:url(../images/akiya/kaiketsu_num01.png) no-repeat left top;} #wrap .top_kaiketsu div .num01, #wrap .top_kaiketsu div .num02, #wrap .top_kaiketsu div .num03, #wrap .top_kaiketsu div .num04, #wrap .top_kaiketsu div .num05{padding-top:13px; height:68px; box-sizing:border-box; background-size:42px auto;} #wrap .top_kaiketsu div p {margin-top:10px;} #wrap .top_kaiketsu div p.float {float:none; width:100%;} #wrap .top_kaiketsu div p strong {color:#F60;} #wrap .top_kaiketsu div img { display:block; margin:20px auto 0 auto; } #wrap .top_kaiketsu div img.image {margin:20px 0 0 0;} #wrap .top_kaiketsu 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_kaiketsu div ul.ex li {font-size:16px; background:url(../images/top/feature_icon_cmnt.png) no-repeat left 2px; padding-left:30px;} #wrap .top_kaiketsu div ul.ex li span {color:#3BC; font-weight:bold;} #wrap .top_kaiketsu div ul.ex li:first-child {font-size:20px; color:#06C; 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_kaiketsu div .btn { display:block; background-color:#F90; background:url(../images/top/form_icon_mail.png),-moz-linear-gradient(top, #FA0, #F70); background:url(../images/top/form_icon_mail.png),-webkit-linear-gradient(top, #FA0, #F70); background:url(../images/top/form_icon_mail.png),linear-gradient(to bottom, #FA0, #F70); background:url(../images/top/form_icon_mail.png),-webkit-gradient(linear, left top, left bottom, from(#FA0), to(#F70)); background-repeat:no-repeat; background-position:5% center; border: 1px solid #F90; 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; } /* */ #wrap .top_about {margin:0 0 0 0; padding:0 0 20px 0; box-sizing:border-box;} #wrap .top_about h3 {} #wrap .top_about .about_wrap > 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 .about_wrap > div:nth-of-type(1) {margin-top:0; padding-top:0; border:none; box-shadow:none;} #wrap .top_about div h4 {font-size:16px; font-weight:bold; letter-spacing:0; margin-bottom:20px; line-height:1.4; box-sizing:border-box; } #wrap .top_about div h4 .blue {color:#06C;} #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_about .num02_worry .worry_h{font-size:18px; font-weight:bold; color:#5497bf; background:url(../images/top/worry_bg.png) no-repeat; background-size:60px auto; background-position: right center;padding:40px 0 20px 0;} #wrap .top_about .num02_worry .worry_h p{margin-right:60px;} #wrap .top_about .about_wrap .num02_worry ul li{padding: 0 0 30px 40px;} #wrap .top_about .about_wrap .num02_worry ul li span{color:#d25656; font-weight:bold;} /* 不動産を早く、高く売却します */ #wrap .about .about_txt{padding:0 10px 0 10px;} #wrap .about .ex{padding: 14px 10px 20px 10px;box-sizing: border-box;} #wrap .about .ex li{background: url(../images/top/about_icon_cmnt.png) no-repeat left 2px;padding:0 0 11px 40px;} #wrap .about .ex li span {color:#cc3333;font-weight:bold;font-size: 16px;} #wrap .about .ex li:first-of-type{font-size: 20px;font-weight:bold;border-bottom:2px solid #cccccc;background:none;margin:0 0 12px 0;padding:0 0 2px 0;} /* 購入希望のお客様 */ #wrap .top_customer {margin:0 0 10px; 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);margin-bottom:5px;} #wrap .top_customer .top_customer_inn {height:200px; margin:0; padding:10px 10px 15px 0; overflow-x:hidden; overflow-y:scroll; box-sizing:border-box;} #wrap .top_customer .top_customer_inn p:nth-child(3n+1),#wrap #contents .customer p:nth-child(3n+1){ font-weight:bold; padding:0 0 0 10px; color:#0dabdf; background: url(../images/indent.png) top 2px left no-repeat; } #wrap .top_customer .top_customer_inn p:nth-child(3n),#wrap #contents .customer p:nth-child(3n){ color:#999; padding-bottom:10px; margin-bottom:14px; border-bottom:1px solid #ccc; } #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 10px; 0; padding:10px; box-sizing:border-box; background:url(../images/top/customer_bg.gif) repeat left top;} #wrap .top_voice 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:5px;} #wrap .top_voice .top_voice_inn {height:200px; margin:0; padding:10px 10px 15px 0; overflow-x:hidden; overflow-y:scroll; box-sizing:border-box;} .voice table td.text {padding:10px; background:#f5f2ef;} /* よくあるご質問 */ #wrap .top_faq {margin:0 0 0 0; padding:10px; box-sizing:border-box; background:#fbf2ef;} #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);margin-bottom:5px;} #wrap .top_faq .top_faq_inn {/*height:200px; margin:0; padding:10px 10px 15px 0; overflow-x:hidden; overflow-y:scroll;*/ box-sizing:border-box;} .faq table td.text {padding:10px 10px 10px 0; background:#fff;} /* 強化買い取りエリア（gnavi） */ #wrap .top_area{ /* background-image:url(../images/top/area_h.gif);*/ background-repeat:no-repeat; background-position:center top 15px; padding: 10px 10px 30px 10px; border:solid 1px #eeeeee; box-sizing: border-box; border-radius: 10px; margin:10px 10px 10px 10px; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 10px 0; } #wrap .top_area p.area_name{ color:#d25656; 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}*/ /* 新着情報 */ #wrap .top_news { padding:10px 10px 10px 10px; box-sizing:border-box; /* background:url(../images/top/news_h.png) no-repeat center 15px;*/ border:solid 1px #eeeeee; box-sizing: border-box; border-radius: 10px; margin:10px 10px 10px 10px; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 10px 0; } /*#wrap .top_news h3 {font-size:20px; font-weight:bold; letter-spacing:0.05em; padding-bottom:5px; border-bottom:1px solid #CCC;}*/ #wrap .top_news .top_news_inn {height:200px; margin:0; padding:0; overflow-x:hidden; overflow-y:scroll; box-sizing:border-box;} #wrap .top_news .top_news_inn p:nth-child(2n){ border-bottom: 1px solid #ccc; margin-bottom:14px; padding-bottom:10px; } #wrap .top_news .top_news_inn p strong{ color:#999; font-weight:normal; } /* バナー（gnavi） */ /*#wrap ul.top_bnr {margin:0 0 0 0; padding: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 10px 0 0; display:table-cell; box-sizing:border-box;} #wrap ul.top_bnr li:last-child {padding:0;} #wrap ul.top_bnr li img { 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; }*/ #wrap ul.top_bnr {padding:18px 10px 5px 10px; box-sizing:border-box; background:url(../images/top/customer_bg.gif) repeat left top; width:100%; max-width:434px; margin:0 auto 0 auto; overflow:hidden; display: block; text-align:center;} #wrap ul.top_bnr li {width:100%; box-sizing:border-box; vertical-align:top;} #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%; 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:inline-block; margin:0 auto 10px auto;} #wrap ul.top_bnr li img.notshadow{ box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none;} /* 不動産オンライン査定（共通サイズ） */ #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:#5497bf; 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:#5497bf; border-radius:5px; color:#FFF; font-weight:normal; white-space:nowrap; padding:6px 0 4px 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, #ffb326, #ff8700); background:url(../images/top/form_icon_house.png),linear-gradient(to bottom, #4cafef, #268ae5); background-repeat:no-repeat; background-position:5% center; border: 1px solid #0086ff; border-radius:5px; color:#FFF; cursor:pointer; font-size:20px; letter-spacing:2px; margin:0 auto 0 auto;padding:12px 12px 10px 45px; text-decoration:none; width:280px; } #wrap .top_form {margin:0 auto 30px auto;} #wrap .top_form_btn_end {background:url(../images/top/form_btn_indent.png),#F90 linear-gradient(to bottom, #FA0, #F70) repeat scroll 0 0; background-repeat:no-repeat; background-position:10% center; border: 1px solid #F90; 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),#06C linear-gradient(to bottom, #39C, #039) repeat scroll 0 0; background-repeat:no-repeat; background-position:15% center; border: 1px solid #06C; 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;} /*--- トップページ　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 30px auto; padding:15px 10px 15px 10px; border:4px solid #014099; 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 8% 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 #ff6803 solid; 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:linear-gradient(to bottom, #ffb326, #ff8700); 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 #F70 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:#ef9db2; /*background-image: linear-gradient(to bottom, #2f93db, #0d58bd);*/ letter-spacing:0.1em; border-radius:5px; } #contents-inner-pages h3{ color: #5497bf; 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:#5497bf; 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 #5497bf; 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%;} /*--- コンテンツ はじめての不動産売却 --*/ #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:#5497bf; 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 #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（会社概要）index.html,company.html ========================================*/ .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;box-sizing:border-box; width:90%; max-width:200px;} #scrollUp { bottom: 0px; right: 0px; height: 50px; width: 50px; background: url(../images/top.png) no-repeat;/*ロゴのパス確認*/ background-size:50px; z-index:1000; } #scrollUp:hover { opacity:0.8; } .gm-style-iw-d:has(.map_fukidashi){margin-top: -32px;} .map_fukidashi{width: auto !important; padding: 0 40px 0 10px; } .map_fukidashi a{text-decoration:none;} #souzoku .soudan table th{width:80px; padding:5px;} #souzoku .soudan table td {padding:5px;} #souzoku .soudan .img_scroll{ overflow-x: scroll; overflow-y: hidden;} #souzoku .soudan .img_scroll div{display:block; width:150%; height:auto;} #akiya .nayami{padding:0 10px 0 10px; box-sizing:border-box;} #akiya .nayami *{ margin:0; padding:0; display:block; border:none;} #akiya .nayami tr {display: inline-block; text-align:left;width:100%;} #akiya .nayami td {border:none; padding:20px; width:auto !important; position:relative; border-bottom:1px dotted #ccc;} #akiya .nayami tr:first-child td:first-child{padding-top:0;} #akiya .nayami td p img{display:block; margin:auto;} #akiya .nayami .label:after {content:attr(data-label);} #akiya .nayami .label img {display:none;} #akiya .caution{padding:20px 10px 10px 10px; margin:20px 10px 20px 10px;} #akiya .caution_txt{padding-bottom:40px; background-size: 70px auto;} #akiya .caution_txt p{margin-right:0;} #souzoku .blue_blocks{ border-top:1px solid #16aacd; border-bottom:1px solid #16aacd; color:#16aacd; text-align:left; padding:15px 0 13px 0; margin:20px 0 25px 0;} #souzoku .blue_blocks br{ display:none;} #souzoku .question{ background-color:#faf1df; border:1px solid #e7cfa0; padding:12px 15px 15px 15px; position:relative; text-align:left; margin} #souzoku .question .h{ font-size:20px; border-bottom:1px solid #e7cfa0; color:#926d22; padding-bottom:2px; margin-bottom:16px;} #souzoku .question > img{ position:absolute; top:65px; width:60px;} #souzoku .question > img{ width:52px;} #souzoku .question > img{ width:50px;} #souzoku .question li{ background-color:#ffffff; font-size:13px; color:#333333; border-radius:5px; position:relative; padding:10px 15px 10px 15px;} #souzoku .question li + li{ margin-top:7px;} #souzoku .question.or > img{ left:10px;} #souzoku .question.or li{ margin-left:70px;} #souzoku .question.or li:before { content: ""; position: absolute; top: 50%; left: -24px; margin-top: -6px; border: 6px solid transparent; border-right: 18px solid #ffffff; } #souzoku .question.blue{ background-color:#e4edf1; border-color: #a9c3cf; margin-top:15px;} #souzoku .question.blue .h{ color:#357dab; border-color:#a9c3cf;} #souzoku .question.blue > img{ right:10px; width:45px;} #souzoku .question.blue li{ margin-right:65px;} #souzoku .question.blue li:before { content: ""; position: absolute; top: 50%; right: -24px; margin-top: -6px; border: 6px solid transparent; border-left: 18px solid #ffffff; } } /*---------------------------------------- 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:10px 0 0 0;} .tolist a {background:url(../images/top/indent.png) no-repeat 5% center; color:#3159b0; 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 {font-weight:bold; font-size:18px;padding:11px 0px 7px 0;} /*.voice table td.text {padding:10px; background:#f5f2ef;}*/ .voice table.tb1 *{ margin:0; padding:0; display:block; border:none;} .voice .tb1 tr {display: inline-block; text-align:left;border-bottom:1px solid #eee;width:100%;} .voice .tb1 td {display: block; border:none;padding:10px 10px 10px 10px; width:auto !important;} .voice .tb1 td img { margin:0 auto 0 auto;} /*======================================== 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 {font-weight:bold; font-size:18px;padding:11px 0px 7px 0;} .faq table td.icon_a {width:50px; padding-top:10px; text-align:center; background:#fff; vertical-align:top;} /*.faq table td.text {padding:10px 10px 10px 0; background:#f5f2ef;}*/ /*--------------------------------------------- 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 #cccccc; margin:0;} input.noborder{ padding:0px; border:none; margin:0;} textarea{ padding:3px; /*border:1px solid #dfdfdf;*/border:solid 1px #cccccc;} 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 { margin:0 0 40px 0;} #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; } /* For Smartphone */ /*@media screen and (max-width: 640px) { .xxxxxxxxx { margin: 0 3%; } }*/ /* For PC */ /*@media print, screen and (min-width: 641px) { .xxxxxxxxx { margin: 0 3%; } }*/ /*======================================== 新着情報 news.html ========================================*/ #wrap #contents .news .asset-body p:nth-child(2n-1){ color:#999; } #wrap #contents .news .asset-body p:nth-child(2n){ border-bottom: 1px solid #ccc; margin-bottom:14px; padding-bottom:10px; } #wrap #contents .news .asset-body p strong{ font-weight:normal; }