hjkhghopjkertteerterterterertertrtoirh
bnmbertsurhetertertertertertertertpdf'tdfg
/
srv
/
www
/
virtual
/
dev1.wccweb.jp.dac4.biz
/
web
/
htdocs
/
sp
/
contact
/
jkt
/
assets
/
css.less
/
Upload FileeE
HOME
@charset "utf-8"; /* CSS Document */ /**/ h3{width:100%; color:#7c481f; font-size:28px; font-family: "Lucida Grande","メイリオ","Meiryo"; letter-spacing:6px; padding:0; margin:70px auto 0px auto; text-align:center; } h4{width:100%;color:#7c481f;font-size:22px;font-family: "Lucida Grande","メイリオ","Meiryo"; letter-spacing:4px; padding:16px 0 12px 0;margin:60px 0 20px 0;text-align: center; border-bottom:#7c481f 1px dotted; border-top:#f8f4f0 5px solid;} .box1{ width:1000px; max-width:90%; height: auto;margin:0 auto; } .text1{font-size:16px;color:#000; letter-spacing:4px; line-height:36px;font-family: "Lucida Grande","メイリオ","Meiryo";} .text1 a{color:#7c481f; } .text2{ font-family: "Lucida Grande","メイリオ","Meiryo"; font-size:18px; color:#6e5e54; letter-spacing:5px } .text3{font-size:16px;letter-spacing:3px;line-height:28px;font-family: "Lucida Grande","メイリオ","Meiryo";} /*************************************************************************************************************************/ .cgi_tittle{ margin:20px auto; padding:0; width:900px; text-align:center; } #cgi_contents{ margin:0 auto; padding:0; width: 100%; height: auto; } #form_style{ margin:0; padding:0; font-family: "Lucida Grande","メイリオ","Meiryo"; } .kome{ width:10px; height:auto; float:left; } table.t-info{ width: 900px; height:auto; font-family: "Lucida Grande","メイリオ","Meiryo"; font-size:13px; color:#333; line-height:20px; margin:0 auto; border-collapse:collapse; } th.t-info_th{ width:150px; height:auto; padding:20px; background-color:#dddad0; border:1px solid #CCC; text-align:left; letter-spacing:2px; } td.t-info_td{ width: auto; height:auto; padding:20px; border:1px solid #CCC; } /*.text1{ margin:0 auto; padding:0; width:1000px; font-family: "Lucida Grande","メイリオ","Meiryo"; font-size:15px; letter-spacing:3px; }*/ .text1_2{ margin:0 auto 10px; padding:0; width:1000px; font-family: "Lucida Grande","メイリオ","Meiryo"; font-size:15px; letter-spacing:3px; text-align:center; } /*.text1 a{color:#7c481f; }*/ /*.text1 ul{ margin:0 0 0 25px; padding:0; }*/ /*p .text2{ margin:0 auto; padding:0; width:650px; font-size:12px; } .text3{ font-size:16px; color:#000; letter-spacing:4px; line-height:36px; font-family: "Lucida Grande","メイリオ","Meiryo"; } .text3 a{ color:#7c481f; }*/ .text3_2{ width:1000px; margin:40px auto; font-size:16px; color:#000; letter-spacing:4px; line-height:36px; font-family: "Lucida Grande","メイリオ","Meiryo"; } .text3_2 a{ color:#7c481f; } .text4 { width:1000px; margin:20px auto; font-family: "Lucida Grande","メイリオ","Meiryo"; font-size:18px; color:#6e5e54; text-align:center; font-weight:bold; letter-spacing:6px; } .text5{ margin:0 auto; padding:0; width:1000px; height:210px; border:none; overflow:auto; -webkit-overflow-scrolling:touch; border:none; } iframe.text5_iframe{ display:block; width: 900px; height:200px; margin:5px auto 0; padding:0 0 0 0; text-align:center; background:url(../image/customer_support/back_warranty.jpg) top center repeat; border:none; } .text6 { margin:0px auto; padding:20px 0px 30px 0px; font-family: "Lucida Grande","メイリオ","Meiryo"; font-size:18px; color:#6e5e54; text-align:center; font-weight:bold; } #form_wrap{ margin:0px auto; padding:0; width:1000px; height: auto; } #form_box{ width: 76%; height:auto; margin:0px auto; padding:50px 60px; border:#f8f4f0 10px solid; background:#fefdfd; } .form_q{ width:100%; color:#7c481f; font-size:18px; font-family: "Lucida Grande","メイリオ","Meiryo"; font-weight:bold; letter-spacing:4px; padding:30px 0 0px 0; margin:0px auto 10px auto; text-align:left; border-top:#f8f4f0 3px solid; /*border-bottom:#7c481f 1px dotted;*/ } .form_a{ width:100%; font-family: "Lucida Grande","メイリオ","Meiryo"; margin:0px auto 26px auto; } #form_box2{ width: 50%; height:auto; margin:50px auto; padding:30px 30px; border:#f8f4f0 10px solid; background:#fefdfd; } .form_q2{ width:100%; color:#7c481f; font-size:18px; font-family: "Lucida Grande","メイリオ","Meiryo"; font-weight:bold; letter-spacing:4px; padding:30px 0 0px 0; margin:0px auto 10px auto; text-align:left; border-top:#f8f4f0 3px solid; /*border-bottom:#7c481f 1px dotted;*/ } .form_a2{ width:100%; font-family: "Lucida Grande","メイリオ","Meiryo"; margin:0px auto 26px auto; } /*::::::::::::::::::::チェックボックス指示*/ input[type=radio], input[type=checkbox] { display: none;} input[type=radio], input[type=checkbox] { display: none;} input[type=radio], input[type=checkbox] {display: none;} /*01****************************/ #check{margin:0 auto;width: 100%;height: auto;padding:50px 0 30px 0;text-align:center;font-family: "Lucida Grande","メイリオ","Meiryo";} .radio, .checkbox { box-sizing: border-box; -webkit-transition: background-color 0.2s linear; transition: background-color 0.2s linear; position: relative; display: inline-block; cursor: pointer; margin:0 auto;padding:18px 34px 18px 76px;border-radius:8px;background-color:#f6f7f8;vertical-align: middle;font-size:18px;letter-spacing:4px;line-height:35px; } .radio:hover,.checkbox:hover {background-color: #e2edd7;} .radio:hover:after,.checkbox:hover:after {border-color: #53b300;} .radio:after,.checkbox:after{ -webkit-transition: border-color 0.2s linear; transition: border-color 0.2s linear; position: absolute; top: 50%; left: 35px; display: block; margin-top: -10px;width: 16px;height: 16px;border: 2px solid #bbb;border-radius: 6px;content: ''; } /*.radio:before { -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; position: absolute; top: 50%; left: 20px; display: block; margin-top: -5px;width: 10px;height: 10px;border-radius: 50%;background-color: #53b300;content: '';opacity: 0; }*/ input[type=radio]:checked + .radio:before {opacity: 1;} .checkbox:before { -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; position: absolute; top: 50%; left:41px; display: block; margin-top: -7px; width: 5px; height: 9px; border-right: 3px solid #53b300; border-bottom: 3px solid #53b300; content: ''; opacity: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } input[type=checkbox]:checked + .checkbox:before {opacity: 1;} /*02******************************************************/ .radio2,.checkbox2{box-sizing: border-box;-webkit-transition: background-color 0.2s linear;transition: background-color 0.2s linear;position: relative;display: inline-block;margin:0 auto;padding: 10px 0px 10px 30px;vertical-align: middle;cursor: pointer;} .radio2:hover,.checkbox2:hover{background-color: #fff;} .radio2:hover:after,.checkbox2:hover:after { border-color: #5c4833;} .radio2:after,.checkbox2:after{-webkit-transition:border-color 0.2s linear;transition:border-color 0.2s linear;position:absolute;top:50%;left:0px;display:block;margin-top:-10px;width:16px;height:16px;border:2px solid #bbb;border-radius:6px;content: '';} .radio2:before {-webkit-transition: opacity 0.2s linear;transition: opacity 0.2s linear;position: absolute;top: 50%;left:5px;display: block;margin-top: -5px;width: 10px;height: 10px;border-radius: 50%;background-color: #5c4833;content: '';opacity: 0;} input[type=radio]:checked + .radio2:before { opacity: 1;} .checkbox2:before{-webkit-transition:opacity 0.2s linear;transition:opacity 0.2s linear;position:absolute;top:50%;left:5px;display:block;margin-top:-7px;width:5px;height:9px;border-right:3px solid #5c4833;border-bottom:3px solid #5c4833;content: '';opacity: 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);} input[type=checkbox]:checked + .checkbox2:before {opacity: 1;} /*03************************************************************************/ .radio3,.checkbox3{ box-sizing:border-box; -webkit-transition:background-color 0.2s linear; transition:background-color 0.2s linear; position:relative; display:inline-block; margin:0px auto 20px auto; padding:0px 0px 26px 0px; /*vertical-align:middle;*/ cursor:pointer; text-align:center; } .radio3:hover,.checkbox3:hover{background-color: #fff;} .radio3:after,.checkbox3:hover:after{ border-color: #5c4833;} .radio3:after,.checkbox3:after{ -webkit-transition:border-color 0.2s linear; transition:border-color 0.2s linear; position:absolute; bottom:0%; left:50%; margin-left:-9px; margin-top:-9px; display:block; width:16px; height:16px; border:2px solid #bbb; border-radius:6px; content: ''; } .radio3:before{ -webkit-transition:opacity 0.2s linear; transition:opacity 0.2s linear; position:absolute; bottom:10px; left:50.5%; display: block; margin-left:-5px; margin-bottom:-5px; width:10px; height:10px; border-radius:50%; background-color:#5c4833; content:''; opacity: 0; } input[type=radio]:checked + .radio3:before { opacity: 1;} .puludown{font-family: "Lucida Grande","メイリオ","Meiryo";font-size:14px;} /*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::新規css*/ .table_style001{ margin:0 auto; padding:0; font-size:15px; letter-spacing:4px; border-style:none; border-collapse: collapse; /*text-align:center;*/ } .table_style002{ margin:0 auto; padding:0; font-size:11px; border-style:none; border-collapse: collapse; /*text-align:center;*/ } table.table_style{ margin:0 auto; width:200px; text-align:center; } .table_style td{ font-family: "Lucida Grande","メイリオ","Meiryo"; font-size:14px; line-height:16px; letter-spacing:3px; } table.table_style2{ margin:0 auto; width:100%; text-align: left; } .table_style2 td{ font-family: "Lucida Grande","メイリオ","Meiryo"; text-align: left; height:30px; font-size:16px; /*line-height:30px;*/ letter-spacing:3px; } .contact_tittle02{ width:60%; color:#7c481f; font-size:20px; font-family: "Lucida Grande","メイリオ","Meiryo"; font-weight:normal; letter-spacing:4px; padding:16px 0 16px 0; margin:60px auto 20px auto; text-align:left; border-bottom:#7c481f 1px dotted; border-top:#f8f4f0 5px solid; } .contact_tittle03{ width:60%; color:#7c481f; font-size:20px; font-family: "Lucida Grande","メイリオ","Meiryo"; font-weight:normal; letter-spacing:4px; padding:16px 0 16px 0; margin:30px auto 20px auto; text-align:left; border-bottom:#7c481f 1px dotted; border-top:#f8f4f0 5px solid; } .input_style{ width:60%; margin:0 auto; } .input_style2{ text-align:left; margin:0 0 40px 28px; } .textarea_style{ padding:8px 10px; font-family: "Lucida Grande","メイリオ","Meiryo"; font-size:16px; letter-spacing:4px; border:#7c481f 1px solid; border-radius:6px; /*overflow: hidden;*/ } .input_style02{ padding:10px; font-family: "Lucida Grande","メイリオ","Meiryo"; font-size:16px; letter-spacing:1px; border:#7c481f 1px solid; border-radius:6px; } .input_style03{ margin:0 0 30px 0; padding:10px 15px; font-family: "Lucida Grande","メイリオ","Meiryo"; font-size:16px; letter-spacing:4px; border:#DAD2BE 5px solid; border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px; } /*::::::::::::::: conf*/ .info2{ margin:0 auto; width:900px; height: auto; font-family: "Lucida Grande","メイリオ","Meiryo"; } button.font_td{ font-size: 13px; font-weight: bold; padding: 10px 20px; color: #fff; border-style: none; box-shadow: 2px 2px 4px 1px #ccc; -moz-box-shadow: 2px 2px 4px 1px #ccc; -webkit-box-shadow: 2px 2px 4px 1px #ccc; text-shadow: 1px 1px 2px #000; background:#D8D7CD; } button.font_td:hover { background:#ccc; cursor: pointer; cursor: hand; } submit.font_td{ font-size: 13px; font-weight: bold; padding: 10px 20px; color: #fff; border-style: none; box-shadow: 2px 2px 4px 1px #ccc; -moz-box-shadow: 2px 2px 4px 1px #ccc; -webkit-box-shadow: 2px 2px 4px 1px #ccc; text-shadow: 1px 1px 2px #000; background:#D8D7CD; } submit.font_td:hover { background:#ccc; cursor: pointer; cursor: hand; } input.font_td{ width:98%; font-size:20px; font-weight: bold; font-family: "Lucida Grande","メイリオ","Meiryo"; padding:15px 40px; color: #fff; letter-spacing:6px; border-style: none; box-shadow: 2px 2px 4px 1px #ccc; -moz-box-shadow: 2px 2px 4px 1px #ccc; -webkit-box-shadow: 2px 2px 4px 1px #ccc; background:#ad9481; border-radius:10px; } input.font_td:hover {background:#ccc;cursor: pointer;cursor: hand;border-radius:10px;} input.font_td2{ width:46%; font-size:20px; font-weight: bold; font-family: "Lucida Grande","メイリオ","Meiryo"; padding:15px 40px; color: #fff; letter-spacing:4px; border-style: none; box-shadow: 2px 2px 4px 1px #ccc; -moz-box-shadow: 2px 2px 4px 1px #ccc; -webkit-box-shadow: 2px 2px 4px 1px #ccc; background:#ad9481; border-radius:10px; } input.font_td2:hover {background:#ccc;cursor: pointer;cursor: hand;border-radius:10px;} .ttl{ font-family: "Lucida Grande","メイリオ","Meiryo"; font-size:14px; } .info2 ul{ margin:15px auto 0; padding:0; } .info2 li{ margin:0 0 0 15px; padding:0; font-size:12px; } .form{ border-collapse: collapse; margin:20px 0; } .cgi_table_style{ } th.cgi_table_style{ color:#666; text-align:left; font-size:12px; background-color:#FFFFF4; border:#F1F1F1 1px solid; padding:15px 25px; } td.cgi_table_style{ font-size:14px; padding:15px 25px; border:#F1F1F1 1px solid; } /*::::::::::::::: err1*/ .info3{ width:500px; height: auto; margin:50px auto 0 auto; list-style:none; font-family: "Lucida Grande","メイリオ","Meiryo"; } ul.info3_ul{ margin:20px auto; padding:0; font-family: "Lucida Grande","メイリオ","Meiryo"; } li.info3_li{ margin:0px; padding:0; list-style:none; font-size:14px; } .msg { margin:20px; color:#F63; font-size:18px; text-align:center; font-weight:bold; letter-spacing:2px; } /*::::::::::::::: err2*/ table.form2 { margin:40px auto; width:900px; border-collapse:collapse; padding:0; border:#F1F1F1 1px solid; border-collapse:collapse; } th.form3 { color:#fff; text-align:left; font-size:14px; padding:15px 25px; background-color:#FCC; border:#F1F1F1 1px solid; font-family: "Lucida Grande","メイリオ","Meiryo"; width:250px; } td.form3 { font-size:16px; padding:15px 25px; border:#F1F1F1 1px solid; color:#ccc; font-family: "Lucida Grande","メイリオ","Meiryo"; } strong.ttl { text-align:left; border-left:solid 4px #cc0000; display:block; padding:2px 5px; margin-top:1.5em; } input.button { width:120px; } .nyuuryoku{ font-size:22px; color:#FF6666; text-align:center; letter-spacing:5px; font-family: "Lucida Grande","メイリオ","Meiryo"; } /*::::::::::::::: thx*/ .thx{ margin:10px auto; font-family: "Lucida Grande","メイリオ","Meiryo"; font-size:16px; } @media screen and (min-width:481px) and ( max-width:1023px) { #cgi_contents{ margin:0 auto; padding:0; width: 100%; max-width:1200px; height: auto; } input.font_td{ width:300px; height:60px; font-size: 16px; font-weight: bold; font-family: "Lucida Grande","メイリオ","Meiryo"; padding:15px 40px; color: #fff; border-style: none; background:#ad9481; border-radius: 2px 2px 2px 2px / 2px 2px 2px 2px; } input.font_td:hover { background:#ccc; cursor: pointer; cursor: hand; border-radius: 2px 2px 2px 2px / 2px 2px 2px 2px; } input[type="submit"] { -webkit-appearance: none; } input[type="reset"] { -webkit-appearance: none; } input[type="button"] { -webkit-appearance: none; } }