@charset "UTF-8";/*-- [base] ---------------------------------*/ * {font-size: 14px;font-weight: normal;margin: 0;padding: 0;line-height: 1.0em; } body, div, pre, p, blockquote,form, fieldset, input, textarea, select, option,dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,table, th, td, embed, object {margin: 0;padding: 0;vertical-align: baseline; } li {list-style: none;text-decoration: none; } img {border: none;vertical-align: bottom; } a {text-decoration: none;border: none;color: #000; } .clea {clear: both; } strong {font-weight: normal; } @media print,screen and (min-width: 641px) { /*-- [body] ---------------------------------*/ body {-webkit-print-color-adjust: exact;background: #F4F2E8 url(images/cmn_02.gif) left top repeat-x;width: 100%; } a:hover img {filter: alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5; } /*-- header --*/#header {width: 900px;margin: 0 auto;padding: 5px 0 15px 0; } #header2 {float: right;text-align: right;height: 68px; } #header2 h1 {font-size: 12px;padding-bottom: 8px; } #header3 {float: left;height: 68px; } #header ul {clear: both;width: 900px;height: 35px;background: url(images/cmn_12.gif) left top no-repeat; } #header ul li {width: 150px;height: 35px;float: left;background: url(images/cmn_12.gif) right top no-repeat; } #header ul li a {display: block;width: 150px;height: 25px;padding: 10px 0 0 0;color: #FFF;font-size: 16px;font-weight: bold;text-align: center;text-shadow: 0 0 3px #000,0 2px 5px #FFF; } #header ul li a:hover {color: #FF9900; } /*-- footer --*/#footer {width: 100%;background-color: #CCC; } #footer2 {width: 900px;margin: 0 auto;padding: 20px 0;text-align: center; } #footer2 p {font-size: 12px;color: #333; } #footer2 li {display: inline;color: #333;font-size: 12px; } #footer2 a {color: #333;font-size: 12px; } #footer2 a:hover {color: #666; } #footer #top a {width: 100px;margin: 0 auto 20px auto;display: block;border-top: 1px solid #F2F2F2;border-right: 1px solid #999;border-bottom: 1px solid #999;border-left: 1px solid #F2F2F2;padding: 5px 20px;font-weight: bold;cursor: pointer;color: #666; } #footer #top a:hover {color: #999; } /*-- [content] ---------------------------------*/#content {width: 900px;margin: 0 auto; } #content .con-box1, #content .con-box2, .ser-con {background-color: #FFF;margin-bottom: 30px; } #content .con-title1, #content .con-box1 h3 {height: 26px;padding: 8px 0 0 10px;background: #990033 url(images/top_36.gif) left top repeat-x;color: #FFF;font-size: 16px;font-weight: bold;text-shadow: 0 3px 2px #660000; } #content .con-title2, #content .con-box2 h3 {height: 26px;padding: 8px 0 0 10px;background: #000066 url(images/top_55.gif) left top repeat-x;color: #FFF;font-size: 16px;font-weight: bold;text-shadow: 0 3px 2px #000066; } #top-con3 #top-flow {padding: 22px;float: left; } #top-con3 #top-flow ul {width: 846px;float: left;border-bottom: 1px dotted #999;padding: 10px 0 15px 10px;/*background-color: #F1EEE7;*/ } #top-con3 #top-flow ul li {width: 202px;padding: 0 9px 0 0;float: left; } #top-con3 #top-flow ul li dl {padding: 120px 0 0 0; } #top-con3 ul li#top-flow1 {background: url(images/top_55.jpg) left top no-repeat; } #top-con3 ul li#top-flow2 {background: url(images/top_57.jpg) left top no-repeat; } #top-con3 ul li#top-flow3 {background: url(images/top_59.jpg) left top no-repeat; } #top-con3 ul li#top-flow4 {background: url(images/top_61.jpg) left top no-repeat; } #top-con3 #top-flow ul li dt {font-weight: bold;color: #000099;padding: 0 5px 5px 5px; } #top-con3 #top-flow ul li dd {font-size: 12px;line-height: 1.3em;padding: 0 5px; } #top-con3 #top-area {padding: 0 20px 20px 20px; } #top-con3 #top-area dt {font-size: 12px;font-weight: bold;padding: 0 19px 5px 19px; } #top-con3 #top-area dd {font-size: 12px;line-height: 1.4em;padding: 0 19px; } #top-con3 #top-area dd span {font-size: 12px;font-weight: bold; } #top-con3 p {padding: 0 0 20px 19px; } #top-con3 img {-webkit-box-shadow: 0 3px 5px 0 #CCC;-moz-box-shadow: 0 3px 5px 0 #CCC;box-shadow: 0 3px 5px 0 #CCC; } /*-- [index] ---------------------------------*/#top-box { margin-bottom: 20px; background: url(images/top_25.jpg) left top repeat-x;border: 6px solid #959595;width: 888px; } #top-box2 {background: url(images/top_24.jpg) right top no-repeat; } #top-news { display: none;width: 888px;border-left: 6px solid #959595;border-right: 6px solid #959595;border-bottom: 6px solid #959595;background: #FFF url(images/top_32.gif) left top no-repeat;margin-bottom: 30px; } #top-news p#title {width: 79px;height: 18px;float: left;border-bottom: 1px solid #959595;padding: 9px 0 0 7px;font-size: 12px;font-weight: bold; } #top-news1 {width: 795px;height: 18px;float: left;border-bottom: 1px solid #959595;padding: 9px 0 0 7px;font-size: 12px;font-weight: bold; } #top-news .top-news-text {float: left; } .top-news-text.top-news-text a {width: 580px;font-size: 12px;color: #666; } #open {text-align: right;padding-right: 10px;font-size: 12px; } #top-news2 {display: none;padding: 4px 0 0 92px;float: left; } #top-news2 .top-news-text {padding: 5px 0 5px 0;border-bottom: 1px dotted #CCC; } #top-news2 dd {width: 700px; } #top-con1 dl {width: 217px;height: 200px;float: left; } #top-con1 .space {margin-right: 10px; } /* *html #top-con1 .space{margin-right: 4px;} */#top-con1 dl dd {padding: 5px 0 0 35px;margin: 8px 0;background: url(images/top_40.gif) left top no-repeat; } #top-con1 dl dd a {color: #000;text-decoration: underline; } #top-con1 dl dd a:hover {color: #FF6600; } #top-con2 {width: 898px;background: url(images/top_44.gif) right bottom no-repeat;background-size: 280px; } #top-con2 dl {width: 550px;padding: 20px 0 10px 20px; } #top-con2 dt {height: 28px;font-weight: bold;font-size: 16px;background: url(images/top_47.gif) left top repeat-x; } #top-con2 dd {padding: 5px 5px 15px 5px;font-size: 12px;line-height: 1.4em; } #top-con2 dt span {font-weight: bold;color: #CC0000;font-size: 16px; } /*-- [service] ---------------------------------*//*--右--*/#ser-top {float: left;width: 878px;height: 68px;border: 1px solid #999;background: url(images/ser_03.jpg) left top repeat-x;color: #CC0000;padding: 20px 0 0 20px;margin: 0 0 20px 0; } #ser-top h2 {text-shadow: 2px 2px 3px #FFF;font-size: 20px;padding: 0 0 28px 0;font-weight: bold;text-shadow: 1px 1px 2px #FFF; } #ser-top p {color: #000;font-size: 12px; } .ser-right {width: 700px;float: right; } .ser-con {width: 700px;float: right; } .ser-con h3 {padding: 15px 0 0 20px;height: 36px;border-bottom: 1px solid #990033;background: url(images/ser_07.gif) left top repeat-x;font-size: 20px;color: #FFF;font-weight: bold;text-shadow: 0 3px 2px #660000; } .ser-con .ser-box {clear: both;padding: 20px;float: left;line-height: 1.6em; } .ser-box2, .ser-box3, .ser-box4, .ser-box5 {/*dream*/width: 422px;float: left;padding: 0 20px 10px 256px; } div#open1 .ser-box2 {background: url(images/ser_15.jpg) left top no-repeat; } div#open2 .ser-box3 {background: url(images/serr_17.jpg) left top no-repeat; } div#open3 .ser-box4 {background: url(images/safe_18.jpg) left top no-repeat; } div#open4 .ser-box5 {background: url(images/ser_21.jpg) left top no-repeat; } div#make1 .ser-box2 {background: url(images/ser_18.jpg) left top no-repeat; } div#make2 .ser-box3 {background: url(images/ser_16.jpg) left top no-repeat; } div#repair1 .ser-box2 {background: url(images/ser_15_5.jpg) left top no-repeat; } div#repair2 .ser-box3 {background: url(images/safe_15.jpg) left top no-repeat; } div#repair3 .ser-box4 {background: url(images/ser_22.jpg) left top no-repeat;height: 165px; } div#change1 .ser-box2 {background: url(images/serr_15_6.jpg) left top no-repeat; } div#change2 .ser-box3 {background: url(images/change_15.jpg) left top no-repeat;padding: 0 20px 100px 256px; } div#change3 .ser-box4 {background: url(images/ser_19.jpg) left top no-repeat;padding-bottom: 30px; } div#change4 .ser-box5 {background: url(images/ser_20.jpg) left top no-repeat; } .ser-con dl {padding: 0 0 5px 0; } .ser-con dt {font-size: 12px;font-weight: bold;color: #CC0000;background-color: #F4F2E8;padding: 5px;margin-bottom: 5px; } .ser-con dd {font-size: 12px;line-height: 1.4em;padding: 0 5px 10px 5px; } .ser-con table {width: 422px;margin-bottom: 10px;border: 1px solid #999; } .ser-con table th {width: 113px;vertical-align: middle;background-color: #f2f2f2; } .ser-con table td {padding: 0 10px;line-height: 47px;border-left: 1px dotted #999; } .ser-con table td.ser-td {text-align: right;color: #CC0000; } .ser-box2 p, .ser-box3 p, .ser-box4 p, .ser-box5 p {text-align: right;padding-bottom: 10px; } .ser-box2 a, .ser-box3 a, .ser-box4 a, .ser-box5 a {font-size: 12px; } /*--左--*/.ser-left {width: 180px;float: left;padding-bottom: 20px; } .ser-navi {height: 24px;width: 168px;padding: 10px 0 0 10px;background: #990033 url(images/top_36.gif) left top repeat-x;color: #FFF;font-size: 12px;font-weight: bold;text-shadow: 0 3px 2px #660000;border-right: 1px solid #990033;border-left: 1px solid #990033;border-top: 1px solid #990033; } .ser-left #ser-navi {margin-bottom: 10px;border-right: 1px solid #990033;border-left: 1px solid #990033;border-bottom: 1px solid #990033; } .ser-left #ser-navi li {background: #FFF url(images/ser_10.gif) top left repeat-x;border-right: 1px solid #999;border-left: 1px solid #999;border-bottom: 1px solid #999; } .ser-left #ser-navi li a {width: 166px;height: 23px;display: block;padding: 13px 0 0 10px;color: #990000; } .ser-left #ser-navi li a:hover {color: #FF6600; } .ser-left img {padding-bottom: 20px; } .ser-left #ser-navi2 {widht: 158px;padding: 10px 10px 0 10px;margin-bottom: 10px;border-right: 1px solid #990033;border-left: 1px solid #990033;border-bottom: 1px solid #990033;background-color: #FFF; } #ser-navi2 dt {padding: 5px 0;border-top: 1px dotted #666;border-bottom: 1px dotted #666;font-size: 12px;font-weight: bold;margin-bottom: 5px;color: #666;line-height: 1.4em; } #ser-navi2 dd {font-size: 12px;line-height: 1.3em;text-align: left;padding-bottom: 15px;color: #666; } #kagi {clear: both; } #kagi p {padding: 20px 20px 0 20px;font-size: 12px; } .ser-kagi {width: 878px;padding: 20px 0 0 20px; } .ser-kagi dl {width: 147px;padding: 0 20px 20px 125px;float: left; } .ser-kagi dt, .ser-kagi dd {font-size: 12px;line-height: 1.3em; } .ser-kagi dt {font-weight: bold;border-bottom: 1px dotted #666;padding-bottom: 3px;margin-bottom: 3px; } .ser-kagi dt a {color: #CC0033;font-size: 12px;font-weight: bold;line-height: 1.3em;text-decoration: underline; } .cy-no {height: 120px;background: url(images/cy_no_31.jpg) left top no-repeat; } .ser-kagi #cy1 {background: url(images/cy_38.jpg) left top no-repeat; } .ser-kagi #cy2 {background: url(images/cy_31.jpg) left top no-repeat; } .ser-kagi #cy3 {background: url(images/cy_38_2.jpg) left top no-repeat; } .ser-kagi #cy4 {background: url(images/cy_35.jpg) left top no-repeat; } .ser-kagi #cy5 {background: url(images/cy_38_41.jpg) left top no-repeat; } .ser-kagi #cy6 {background: url(images/cy_38_42.jpg) left top no-repeat; } /*-- [price] ---------------------------------*/#price-h3 {width: 900px;height: 20px;padding: 105px 0 0 0;text-align: center;background: url(images/ser_03.gif) left top no-repeat; } #ser-price {width: 858px;padding: 20px 20px 20px 20px;border-left: 1px solid #990033;border-right: 1px solid #990033;border-bottom: 1px solid #990033;background-color: #FFF;margin-bottom: 30px; } #ser-price table {width: 854px;border: 2px solid #999;border-collapse: collapse;margin-bottom: 10px; } #ser-price th {background-color: #DEE0E4;border: 1px solid #999; } #ser-price td {border: 1px solid #999;height: 25px;width: 145px;line-height: 40px;text-align: center;color: #CC0000; } #ser-price-tr th {background-color: #DEE0E4;height: 40px;line-height: 40px; } #ser-price p {font-size: 12px;line-height: 1.4em; } /*-- [flow] ---------------------------------*/#ser-flow {padding-bottom: 20px; } #ser-flow li {width: 838px;padding: 40px 20px 0 40px; } #ser-flow dl {height: 210px; } #ser-flow dt {border-bottom: 2px solid #CCC;padding: 0 0 10px 0;margin-bottom: 10px;font-size: 18px;font-weight: bold; } #ser-flow dd {padding: 0 20px 10px 220px;line-height: 1.4em; } #ser-flow #flow1 {background: url(images/flow_07.jpg) left bottom no-repeat; } #ser-flow #flow2 {background: url(images/flow_10.jpg) left bottom no-repeat; } #ser-flow #flow3 {background: url(images/flow_12.jpg) left bottom no-repeat; } #ser-flow #flow4 {background: url(images/flow_14.jpg) left bottom no-repeat; } #price-p {padding: 0 20px 20px 20px; } /*--sitemap--*/.map-ul {padding: 20px 40px; } .map-ul li {width: 400px;padding: 10px 0;border-bottom: 1px dotted #000099; } .map-li {padding-left: 20px; } /*--------------------------------*/#foot-bana {text-align: center;padding-bottom: 20px; } .sp-none{ display: block;} .pc-none{ display: none; } } @media screen and (max-width: 640px) { img {width: 100%;max-width: 640px;height: auto; } h3 {padding: 0.8em;border-left: 7px solid #B92A2C;border-bottom: 1px dashed #B92A2C;font-size: 1.143em;font-weight: bold;line-height: 1.6em; } p, dd {font-size: 12px;line-height: 1.4em;padding: 10px; } a {line-height: 1.4em; } #header #header2 {text-align: center; } #header #header2 h1 {background: #ad102f;color: #FFF;font-size: 12px;line-height: 1.4em;padding: 10px; } #header #header2 img {max-width: 367px; } #header #header3 {text-align: center; } #header #header3 img {max-width: 126px; } #header ul {overflow: hidden;margin-top: 10px;clear: both;width: 100%; } #header ul li {width: 50%;float: left; } #header ul li a {background: #ad102f;display: block;text-align: center;padding: 15px 0;border: 2px solid #FFF;color: #FFF;-webkit-border-radius: 6px;-moz-border-radius: 6px;-ms-border-radius: 6px;border-radius: 6px; } #content {clear: both;padding: 10px; } #content #top-news { display: none; margin: 10px 0;border: 1px dotted #CCC; } #content #top-news #title {border-bottom: 2px solid #CCC;padding: 10px; } #content #top-news #open {background: -moz-linear-gradient(top, #FFF 0%, #EEE);background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));border: 1px solid #DDD;color: #111;width: 38%;padding: 10px 0;margin: 0 auto;text-align: center;display: block;float: right;margin-top: 30px; } #content #top-news a {font-size: 12px;line-height: 1.4em; } #content #top-news #top-news1 {padding: 0 10px; } #content #top-news #top-news1 .top-news-text {padding: 10px 0;float: left;width: 58%; } #content #top-news #top-news2 {display: none;clear: both;padding: 10px 10px 0 10px; } #content #top-news #top-news2 .top-news-text {border-top: 1px dotted #CCC;padding: 10px 0; } #content .con-title1 {padding: 0.8em;border-top: 3px double #B92A2C;border-bottom: 3px double #B92A2C;font-size: 1.143em;font-weight: bold; } #content #top-con1 .con-box1 {overflow: hidden;margin-bottom: 10px; } #content #top-con1 .con-box1 dt {margin-bottom: 10px; } #content #top-con1 .con-box1 dd {padding: 10px; } #content #top-con1 .con-box1 dd a {color: #ad102f; } #content #top-con1 .con-box1 dd:before {content: "> ";color: #ad102f; } .ser-kagi dt a {display: block;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;border-radius: 10px;background: #ad102f;color: #FFF;padding: 10px; } .ser-kagi dd {padding-left: 120px;margin: 10px 0; } .ser-kagi #cy1 dd {background: url(images/cy_38.jpg) left top no-repeat; } .ser-kagi #cy2 dd {background: url(images/cy_31.jpg) left top no-repeat; } .ser-kagi #cy3 dd {background: url(images/cy_38_2.jpg) left top no-repeat; } .ser-kagi #cy4 dd {background: url(images/cy_35.jpg) top left no-repeat; } .ser-kagi #cy5 dd {background: url(images/cy_38_41.jpg) top left no-repeat; } .ser-kagi #cy6 dd {background: url(images/cy_38_42.jpg) top left no-repeat; } #top-flow #top-flow1 {background: url(images/top_55.jpg) top left no-repeat; } #top-flow #top-flow2 {background: url(images/top_57.jpg) top left no-repeat; } #top-flow #top-flow3 {background: url(images/top_59.jpg) top left no-repeat; } #top-flow #top-flow4 {background: url(images/top_61.jpg) top left no-repeat; } #top-flow li {margin-top: 10px;background-size: 120px !important;padding-left: 120px; } #top-flow li dt {font-weight: bold;padding: 0 10px; } #top-con2 {padding-bottom: 200px;background: url(images/top_44.gif) center bottom no-repeat;background-size: 200px; } #top-con2 dt img {width: 80px;display: block;margin: 10px; } #top-con2 dt {padding-bottom: 10px;border-bottom: 1px solid #dc143c; } #top-area {clear: both;margin-top: 10px; } #top-area dt {margin-bottom: 10px; } #top-area dt, #top-area dd span {font-size: 12px; } #top-area dd {border-top: 1px solid #dc143c;line-height: 1.6em; } .ser-con dt {font-size: 12px;margin: 0 10px;border-bottom: 1px dotted #ad102f;padding-bottom: 5px;color: #ad102f; } .ser-con table {width: 100%;border-collapse: collapse; } .ser-con table th {width: 30%;border: 1px solid #CCC;vertical-align: middle; } .ser-con table td {border: 1px solid #CCC;vertical-align: middle;padding: 5px;line-height: 1.4em; } .ser-con p {text-align: right; } .ser-con p a {font-size: 12px; } .ser-right {padding-bottom: 20px; } .ser-right #open1 .ser-box {background: url(images/ser_15.jpg) center top no-repeat; } .ser-right #open2 .ser-box {background: url(images/serr_17.jpg) center top no-repeat; } .ser-right #open3 .ser-box {background: url(images/safe_18.jpg) center top no-repeat; } .ser-right #open4 .ser-box {background: url(images/ser_21.jpg) center top no-repeat;padding-top: 130px !important; } .ser-right #make1 .ser-box {background: url(images/ser_18.jpg) center top no-repeat; } .ser-right #make2 .ser-box {background: url(images/ser_16.jpg) center top no-repeat; } .ser-right #repair2 .ser-box {background: url(images/safe_15.jpg) center top no-repeat;padding-top: 130px !important; } .ser-right #repair3 .ser-box {background: url(images/ser_22.jpg) center top no-repeat;padding-top: 130px !important; } .ser-right #change1 .ser-box {background: url(images/serr_15_6.jpg) center top no-repeat; } .ser-right #change2 .ser-box {background: url(images/change_15.jpg) center top no-repeat;padding-top: 130px !important; } .ser-right #change3 .ser-box {background: url(images/ser_19.jpg) center top no-repeat;padding-top: 130px !important; } .ser-right #change4 .ser-box {background: url(images/ser_20.jpg) center top no-repeat;padding-top: 130px !important; } .ser-right .ser-box {margin-top: 10px;padding-top: 180px;background-size: 160px !important;text-align: left; } .ser-left .ser-navi {padding: 0.8em;border-top: 3px double #B92A2C;border-bottom: 3px double #B92A2C;font-size: 1.143em;font-weight: bold; } .ser-left #ser-navi a {display: block;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;border-radius: 10px;background: #ad102f;color: #FFF;padding: 10px;margin-top: 10px; } .ser-left p {text-align: center; } .ser-left p img {max-width: 180px; } .ser-left #ser-navi2 {padding-bottom: 20px; } .ser-left #ser-navi2 dt {line-height: 1.4em;padding: 10px;border-bottom: 1px dotted #ad102f; } #ser-price table {border-collapse: collapse;margin-top: 10px; } #ser-price table th {border: 1px solid #CCC;vertical-align: middle;padding: 5px;line-height: 1.4em;text-align: center; } #ser-price table td {border: 1px solid #CCC;font-size: 12px;vertical-align: middle;padding: 5px;line-height: 1.4em;text-align: center; } #ser-flow dl {margin-top: 10px; } #ser-flow dl dt {font-weight: bold;padding: 180px 10px 0 10px;line-height: 1.4em; } #ser-flow dl dt img {max-width: 100px;display: block;padding-bottom: 10px; } #ser-flow #flow1 {background: url(images/flow_07.jpg) top center no-repeat; } #ser-flow #flow2 {background: url(images/flow_10.jpg) top center no-repeat; } #ser-flow #flow3 {background: url(images/flow_12.jpg) top center no-repeat; } #ser-flow #flow4 {background: url(images/flow_14.jpg) top center no-repeat; } .map-ul li {margin: 15px 10px; } #footer {clear: both;padding: 10px; } #footer #top a {background: -moz-linear-gradient(top, #FFF 0%, #EEE);background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));border: 1px solid #DDD;color: #111;width: 60%;padding: 10px 0;margin: 0 auto;text-align: center;display: block; } #footer ul {overflow: hidden;background: #ad102f;-webkit-border-radius: 6px;-moz-border-radius: 6px;-ms-border-radius: 6px;border-radius: 6px; } #footer ul li {float: left;width: 46%;text-align: center;padding: 4% 2%;color: #ad102f; } #footer ul li a {color: #FFF; } .sp-none{ display: none;} .pc-none{ display: block; } } /*# sourceMappingURL=style.css.map */