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; 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); 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); 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 1px 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; } 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; 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 1px 2px 2px 2px; } input.font_td:hover { background: #ccc; cursor: pointer; cursor: hand; border-radius: 2px 2px 2px 1px 2px 2px 2px; } input[type="submit"] { -webkit-appearance: none; } input[type="reset"] { -webkit-appearance: none; } input[type="button"] { -webkit-appearance: none; } }