@charset "utf-8";

/* ================== */
/* inquiry/index.html */
/* ================== */

body.inquiry div.page-title {
  background-image: url("/common/images/h1_contact_bg.jpg");
}

body.inquiry .section {
  clear: both;
  padding: 31px;
  overflow: hidden;
  *zoom: 1;
}

body.inquiry ul.inquiryBtn { 
  height: 335px;
}

body.inquiry .inquiryBtn li {
  float: left;
  margin: 0 25px 19px 0;
}

body.inquiry .inquiryBtn li.estimate,
body.inquiry .inquiryBtn li.others {
  margin-right: 0;
}

body.inquiry .inquiryBtn li a:hover {
  opacity: 0.8;
}

body.inquiry .inquiryBtnbottom li {
   float: left;
}

body.inquiry .infoTel {
margin-top:20px;
  float: left;
  width: 409px;
  border-right: 1px solid #d8d8d8;
}

body.inquiry .infoMail {
margin-top:20px;
  float: right;
  width: 386px;
}

body.inquiry .infoTel dt,
body.inquiry .infoMail dt {
  font-size: 114%;
  font-weight: bold;
}

/* ================== */
/* ご購入フォーム　　 */
/* ================== */

body.inquiry ol {
  list-style-type: none; 
}
 
body.inquiry ol li {
  padding-right: 180px;
  padding-bottom: 0;
  text-indent: -1.5em;
  padding-left: 3em;
}

body.inquiry ol li strong {
  font-size: 128%;
  font-weight:bold;
}

body.inquiry li.flow01 {
  padding-top: 30px;
  width: 625px;
  height: 71px;
  background: url(/inquiry/images/flow_buy01.png) no-repeat; 
}
/* 2018.07.13 csato 追加 */
body.inquiry li.flow01ec {
  padding-top: 30px;
  width: 625px;
  height: 170px;
  background: url(/inquiry/images/flow_buy01_ec.png) no-repeat; 
}
body.inquiry li.flow01ec p {
  text-indent: 0;
}

/* ここまで */

/* 2018.08.09 kkuroki 追加 */
body.inquiry ul.flow_list {
	list-style: none;
	padding: 0;
	margin: 0;
}

body.inquiry ul.flow_list li {
	border: 5px solid #ccc;
    border-radius: 10px;
    margin-bottom: 35px;
    padding: 4px 10px;
    position: relative;
}

body.inquiry ul.flow_list li::after {
    bottom: -34px;
    color:#ccc;
    content: "▼";
    font-size: 24px !important;
    left: 48%;
    position: absolute;
}

body.inquiry ul.flow_list li.last::after { /*最後の▼を外す*/
    content: "";
}

body.inquiry ul.flow_list li h3::first-letter { /*1文字めを大きく*/
    font-family: garamond,times;
    font-size: 2rem;
    font-style: italic;
    letter-spacing: 0.15em;
}
/* ここまで */

body.inquiry li.flow02 {
  padding-top: 25px;
  width: 625px;
  height: 76px;
  background: url(/inquiry/images/flow_buy02.png) no-repeat; 
}

body.inquiry li.flow03 {
  padding-top: 15px;
  width: 625px;
  height: 86px;
  background: url(/inquiry/images/flow_buy03.png) no-repeat; 
}

body.inquiry li.flow04 {
  padding-top: 15px;
  width: 625px;
  height: 86px;
  background: url(/inquiry/images/flow_buy04.png) no-repeat; 
}

body.inquiry li.flow05 {
  padding-top: 15px;
  width: 625px;
  height: 86px;
  background: url(/inquiry/images/flow_buy05.png) no-repeat; 
}

body.inquiry li.flow06 {
  padding-top: 15px;
  width: 625px;
  height: 86px;
  background: url(/inquiry/images/flow_buy06.png) no-repeat; 
}

body.inquiry-estimate-cloud div#contactform,
body.inquiry-buy div#contactform,
body[class*="inquiry-buy-"] div#contactform {
  padding: 28px 28px 0;
}

body.inquiry-estimate-cloud div#primary,
body.inquiry-buy div#primary,
body[class*="inquiry-buy-"] div#primary {
  float: none;
  display: block;
  width: 880px;
  margin-left: 0:
}

body.inquiry-estimate-cloud div.contact-form div.contact-form-submit,
body.inquiry-buy div.contact-form div.contact-form-submit,
body[class*="inquiry-buy-"] div.contact-form div.contact-form-submit {
  text-align: center;
}

body.inquiry-estimate-cloud div.contact-form div.contact-form-submit input,
body.inquiry-buy div.contact-form div.contact-form-submit input,
body[class*="inquiry-buy-"] div.contact-form div.contact-form-submit input {
  margin-left: 0;
}

/* ================== */
/* その他layout style */
/* ================== */

body.inquiry #primary p {
  font-size: 100%;
}

body.inquiry ul.notice {
  margin-top: 18px;
}
body.inquiry .dlBtn {
margin-bottom: 20px;
}
body.inquiry .dlBtn a:hover {
opacity: 0.8;
}
body.inquiry li.to-support-form {
    margin-right:  12px;
}
/* ================== */
/* layout.cssを上書き */
/* ================== */

body.inquiry .formBlock {
  width: 670px;
}

body.inquiry .formBlock form {
  padding: 0;
}

/* ==================================== */
/* ContctForm default-style.cssを上書き */
/* ==================================== */
div.contact-form {
  border-top: 1px solid #C1C1C1;
  width: 100% !important;
  text-align: left;
}

div#primary div.contact-form p {
  margin: 0;
}

div#primary div.contact-form-information a,
div#primary div.contact-form a {
  text-decoration: underline;
}

div#primary div.contact-form-information a:hover,
div#primary div.contact-form-information a:active,
div#primary div.contact-form a:hover,
div#primary div.contact-form a:active {
  text-decoration: none;
}

div#primary div.contact-form-information a.textlinkBtn {
  text-decoration: none;
}

div.contact-form div.contact-form-field,
div.contact-form div.contact-form-submit {
  padding: 20px 0 20px 0;
  border-left: 1px solid #C1C1C1;
  border-right: 1px solid #C1C1C1;
  border-bottom: 1px solid #C1C1C1;
  width: 100%;
}

div.contact-form div.contact-form-submit input {
  margin-left: 296px;
}

div.contact-form div.contact-form-field p.form-label {
  width: 23%;
}

div.contact-form div.contact-form-field p.form-label span.must {
  color: #FFF;
  background: #004c74;
  width: 4em;
  display: inline-block;
  text-align: center;
  font-size: 85%;
  margin: 0;
  padding: .1em;
}

div.contact-form div.contact-form-field .form-element {
  width: 71%;
}

div#primary div.contact-form div.contact-form-field span.notice,
div#primary div.contact-form div.contact-form-field p.notice {
  font-size: 86%;
}

div#primary div.contact-form div.contact-form-field p.notice {
  margin: 0 0 1em;
  clear: both;
}

div#primary div.contact-form div.contact-form-field span.notice {
  margin: 0 0 0 .5em;
}

div#primary div.contact-form div.contact-form-field p.link {
  margin: 1em 0 0;
}

div.contact-form div.contact-form-field .form-element input.contact-form-text-full {
  width: 348px;
}

div.contact-form div.contact-form-field .form-element textarea.contact-form-textarea {
  padding: 7px;
  width: 348px;
  height: 15em;
  border: 1px solid #C1C1C1;
  line-height: 1.5em;
}

div.contact-form div.contact-form-field div.form-element ul,
div.contact-form div.contact-form-field div.form-element ul li {
  float: none;
}

div.contact-form div.contact-form-field div.form-element ul ul {
  margin: 0 0 0 1em;
  font-size: 86%;
}

div.contact-form div.contact-form-field div.form-element ul ul li {
  list-style-type: disc;
}

div.contact-form div.contact-form-field div.form-element ul.pamphlet-contents {
  margin: .5em 0 1em 3em;
}

div#primary div.contact-form div.contact-form-field div.user-policy {
  background: #ddd;
  margin: 1em;
  padding: 1em;
}

div#primary div.contact-form div.contact-form-field div.user-policy h3 {
  font-size: 93%;
  margin: 0 0 8px;
  background: none;
}

div#primary div.contact-form div.contact-form-field div.user-policy ul {
  margin: 0 0 0 2em;
  font-size: 86%;
}

div#primary div.contact-form div.contact-form-field div.user-policy ul li {
  list-style-type: disc;
}

div.contact-form div.contact-form-field .field_error {
  display: block !important;
  margin: 3px 0 0 0 !important;
  font-size: 12px !important;
  color: #FF3333 !important;
}

body.inquiry div.columnOuter div.contact-form .edition {
  overflow: hidden;
  *zoom: 1;
  margin: .1em 0;
}

body.inquiry div.columnOuter div.contact-form .type {
  width: 14em;
  float: left;
}

body.inquiry div.columnOuter div.contact-form .etc .type {
  float: none;
  margin: 1em 0 0;
}

body.inquiry div.columnOuter div.contact-form .vol {
  width: auto;
  float: left;
}

body.inquiry div.columnOuter div.contact-form .vol input {
  width: 2em;
  padding: 2px;
}

body.inquiry div.columnOuter div.contact-form .txt textarea {
  width: 19em;
  height: 4em;
}

body.inquiry div.columnOuter div.contact-form input,
body.inquiry div.columnOuter div.contact-form textarea,
body.inquiry div.columnOuter div.contact-form select {
  font-size: 100%;
}

body.inquiry div.columnOuter p.contact-form-information {
  font-size: 114%;
  margin: 1em auto;
}

body.inquiry div.columnOuter .contact-form-information {
  margin: 1em auto;
}

body.inquiry div.columnOuter .contact-form-information strong {
  font-size: 114%;
  font-weight: bold;
}

body.inquiry div.columnOuter .contact-form-information p.oneline {
  text-align: center;
}

body.inquiry-estimate-cloud #contactform ol,
body.inquiry-buy #contactform ol,
body[class*="inquiry-buy-"] #contactform ol {
  margin: 0;
}

div#primary div#powercms_cloud_customerid-field p.notice,
div#primary div#tel_2-field p.notice,
div#primary div#license_code-field p.notice,
div#primary div#powercms_version-field p.notice,
div#primary div#support_content-field p.notice,
div#primary div#note-field p.notice {
  margin: 0;
  padding: 1em 0 0;
  width: 100%;
}

/* ==================================== */
/* 事例紹介お申込み 入力例 */
/* ==================================== */

div.contact-form div.contact-form-field p.form-label {
display: block;
float: left;
margin: 0;
padding: 0 25px 0 10px;
width: 155px;
text-align: right;
font-weight: bold;
font-size: 14px;
line-height: 1.2em;
color: #333333;
}

div.contact-form div.contact-form-field p.form-label span.description {
display: block;
padding: 3px 0 0 0;
font-weight: normal;
font-size: 12px;
color: #646464;
}

div.contact-form div.contact-form-field .form-element {
display: block;
float: left;
margin: 0 0 0 0;
/*
width: 290px;
*/
}

div.contact-form div.contact-form-field .form-element input.contact-form-text-full,
div.contact-form div.contact-form-field .form-element input.contact-form-text-middle,
div.contact-form div.contact-form-field .form-element input.contact-form-text-date,
div.contact-form div.contact-form-field .form-element input.contact-form-text-time {
padding: 7px;
border: 1px solid #C1C1C1;
}

.clf:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}