@charset "UTF-8";
.mobile {
  display: none;
}

div#tel-info span.holi {
  display: block;
  margin: 5px 0 0;
  line-height: 1.3;
}

div#tel-info span.holi_sub {
  clear: both;
  color: #ff0000;
  display: block;
  margin: 5px 0 0;
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.3;
  width: 490px;
  text-indent: -1em;
}

/* フォント設定 */
body.mac {
  font-size: 15px;
}

body {
  letter-spacing: 0.05em;
}

#header {
  letter-spacing: 0;
}

/* コンテナ */
#container {
  width: 980px;
  font-family: "Lucida Grande","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,メイリオ,sans-serif;
}

/* スマートフォン用リンクボタン
--------------------------------------*/
div.smartphone-link {
  display: block;
  margin-top: 20px;
  padding: 0px;
  width: 990px;
  height: 100px;
  background: url(/static/images/product/smartphone_title_back.jpg) no-repeat top left;
  -webkit-background-size: 990px 100px;
  -webkit-background-origin: border;
}

div.smartphone-link .smartphone-link-left {
  float: left;
  margin-left: 20px;
}

div.smartphone-link .smartphone-link-right {
  float: right;
}

/* ページタイトル */
div#container h1 {
  background-color: #ffffff;
  border-bottom: 1px solid #cccccc;
  border-left: medium none;
  color: #000000;
  font-size: 1.8em;
  font-weight: normal;
  line-height: 1em;
  margin: 0 0 15px;
  padding: 8px 0 3px;
}

/* 左カラム */
div.sanwach-area {
  display: none;
  margin: 0 0 35px 0;
  padding: 20px 15px 15px 25px;
  border: 5px solid #B3D0F0;
}

div.sanwach-area .large-text {
  font-size: 1.3em;
  font-weight: bold;
}

div.sanwach-area .large-text img {
  float: left;
}

div.sanwach-area .large-text span {
  float: left;
  margin: 5px 0 0 7px;
}

div.sanwach-area .normal-text {
  margin: 5px 0 0 40px;
  font-size: 0.9em;
  line-height: 1.7;
}

div.sanwach-area .sanwach-banner {
  margin: 10px 0 0 0;
  text-align: right;
}

div.banner-area {
  width: 672px;
}

div.banner-area img {
  margin-bottom: 15px;
}

#inq-form-area div.table {
  margin-bottom: 20px;
}

#form-area {
  float: left;
  width: 672px;
  padding-bottom: 35px;
  padding-top: 10px;
}

#form-area h3 {
  font-size: 1.4em;
  font-weight: normal;
  margin-bottom: 15px;
}

#form-area #description-area {
  display: block;
  margin-bottom: 20px;
}

#form-area #description-area ul {
  margin-top: 0;
}

#form-area #description-area p {
  font-size: 0.9em;
  line-height: 1.4;
}

#form-area #description-area div {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: right;
}

#form-area #description-area div a {
  font-size: 0.95em;
  padding: 5px 21px 4px 7px;
  border: 1px solid #ABABAB;
  text-decoration: none;
  background: url(/static/images/head_new/arrow_02.gif) no-repeat 97% 50%;
}

#form-area #description-area div a:hover {
  opacity: 0.6;
}

#form-area #description-area p.red {
  color: #FF0000;
}

#form-area #description-area h3 {
  margin-top: 27px;
  font-size: 1.05em;
  font-weight: bold;
}

#form-area #description-area p.desc_note {
  font-size: 0.8em;
  text-align: left;
  text-indent: -1em;
  margin-left: 12px;
}

#form-area #description-area ul li {
  margin-bottom: 7px;
  font-size: 0.9em;
  color: #000000;
  line-height: 1.1;
  margin-left: 0;
  text-indent: 0;
}

#inq_form div.table, div.table {
  border-top: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
}

#customer-form-area {
  border-top: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
}

#customer-form-area, #customer-form-area {
  border-top: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
}

#form-area h3.cost_ttl {
  font-size: 1.05em;
  font-weight: bold;
  margin-bottom: 5px;
}

#form-area h3.cost_ttl.bt {
  font-size: 1.05em;
  font-weight: bold;
  margin-bottom: 5px;
}

#customer-form-area.dairi {
  margin-top: 5px;
}

#customer-form-area.dairi.table {
  margin-bottom: 40px;
}

div.th {
  width: 198px;
  position: relative;
  background-color: #EEF5FD;
  padding: 18px 0 18px 12px;
  font-size: 0.8em;
  font-weight: normal;
  border-bottom: 1px solid #CCCCCC;
  line-height: 1.5;
}

div.th.required {
  background: url(/static/images/support/support_regi/form/ico_required.png) no-repeat 172px 50%;
  background-color: #EEF5FD;
}

div.td.required {
  background-color: #ffebec;
}

div.td select.required {
  background-color: #ffebec;
}

div.th.estm_free {
  background: url(/static/images/support/support_regi/form/ico_required.png) no-repeat 160px 50%;
  background-color: #EEF5FD;
}

div.td {
  width: 444px;
  background-color: #FFFFFF;
  padding: 18px 0 18px 18px;
  font-size: 0.8em;
  line-height: 1.4;
  font-weight: normal;
  border-bottom: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
  vertical-align: middle;
}

div.td.no-att {
  padding: 18px 0 0 18px;
}

div.td span, div.td p {
  display: block;
  margin-top: 8px;
  font-size: 0.95em;
}

p.mgn_int {
  margin-bottom: 20px;
}

p.mgn_int_form {
  margin-bottom: 40px;
}

div.td span.inline {
  display: inline;
}

p.estm_mgn {
  margin-top: 10px;
  font-size: 0.95em;
}

span.count {
  text-align: right;
  position: relative;
  right: 8%;
  bottom: 1.5em;
}

span.kana-count {
  text-align: right;
  position: relative;
  right: 8%;
  bottom: 1.5em;
}

/* お客様情報(costmer) */
#customer-form-area {
  margin-top: 20px;
  margin-bottom: 0px;
}

#form-area input {
  border: 1px solid #CCCCCC;
  height: 17px;
  padding: 3px;
}

#form-area input#html-mail {
  border: none;
}

input.required, textarea.required {
  background-color: #FFEBEC;
}

textarea {
  font-size: 1em;
  padding: 3px;
}

select {
  border: 1px solid #CCCCCC;
}

input.name-inq {
  width: 200px;
}

input.rubi-inq {
  width: 200px;
}

input.mail-inq {
  width: 300px;
}

input.postnum-inq_a {
  width: 60px;
}

input.postnum-inq_b {
  width: 80px;
}

a.zip_search_link {
  color: #f00;
  border: 1px solid;
  padding: 0 10px;
  background-color: #fff;
  margin-left: 20px;
  height: 26px;
  line-height: 26px;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: middle;
  border-radius: 30px;
  font-size: 0.98em;
}

a.zip_search_link::after {
  content: "";
  margin-left: 5px;
  display: inline-block;
  vertical-align: 1px;
  width: 5px;
  height: 5px;
  border-top: 1px solid #f00;
  border-right: 1px solid #f00;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

a.zip_search_link:hover {
  opacity: 0.6;
}

input.address-inq {
  width: 400px;
}

input.company-inq {
  width: 300px;
}

input.phonenum-inq_a {
  width: 60px;
}

input.phonenum-inq_b {
  width: 80px;
}

input.phonenum-inq_c {
  width: 80px;
}

input.ad-inq {
  width: 70px;
  margin-left: 5px;
  margin-right: 5px;
  vertical-align: middle;
}

input.month-inq {
  width: 40px;
  margin-left: 5px;
  margin-right: 5px;
  vertical-align: middle;
}

input.day-inq {
  width: 40px;
  margin-left: 5px;
  margin-right: 5px;
  vertical-align: middle;
}

#form-area input.radio-inq {
  vertical-align: -4px;
  border: none;
}

#form-area input.radio-inq.mgn {
  margin-left: 23px;
}

#form-area input.radio-inq.mgn_tp {
  margin-top: 10px;
}

label {
  margin-left: -3px;
}

label.kiki {
  margin-left: 2px;
}

/* 製品について(product) */
input.title-inq {
  width: 400px;
}

input.hinban-inq {
  width: 300px;
}

input.color-inq {
  width: 200px;
}

input.serial-inq {
  width: 300px;
}

input.driver-inq {
  width: 300px;
}

input.interface-inq {
  width: 300px;
}

input.shop-inq {
  width: 400px;
}

input.shop_add-inq {
  width: 400px;
}

input.maker-inq {
  width: 200px;
}

input.kind-inq {
  width: 200px;
}

input.os-inq {
  width: 200px;
}

textarea.condition-inq {
  width: 430px;
  height: 100px;
  border: 1px solid #CCCCCC;
}

select#cates {
  margin-left: 0px;
  margin-top: 10px;
  display: block;
}

div.gutai {
  line-height: 1.4;
}

p.red {
  font-size: 0.85em;
  line-height: 1.4;
  color: #FF0000;
  text-indent: -1em;
  margin-left: 18px;
  margin-top: 10px;
  width: 97%;
}

/* お見積り・特注について(estimate) */
textarea.free-inq {
  width: 420px;
  height: 100px;
  border: 1px solid #CCCCCC;
}

/* 代理店(dairiten) */
p.desc_note {
  margin-top: 4px;
}

.mailmag {
  font-size: 0.9em;
  padding-top: 5px;
  padding-left: 5px;
  margin-bottom: 50px;
}

.mailmag input {
  vertical-align: -4px;
}

input.url-inq {
  width: 400px;
}

input.comp-inq {
  width: 300px;
}

input.comp_rubi-inq {
  width: 300px;
}

input.department-inq {
  width: 200px;
}

input.capital-inq {
  width: 150px;
}

input.turnover-inq {
  width: 150px;
}

input.employee_num-inq {
  width: 150px;
}

input.business-inq {
  width: 400px;
}

/* int */
#form-area ul.inq_list {
  margin-top: 0px;
}

#form-area ul.inq_list li {
  color: #000000;
  font-size: 0.98em;
  text-indent: 0em;
  margin-left: 0px;
  line-height: 1;
}

input.draw-inq {
  width: 300px;
}

input.category-inq {
  width: 300px;
}

input.sku-inq {
  width: 300px;
}

input.product_color-inq {
  width: 300px;
}

input.quantity-inq {
  width: 300px;
}

input.media-inq {
  width: 300px;
}

/* 確認・送信 */
#submit-area:before {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

#submit-area p {
  text-align: center;
}

#recaptcha-notice {
  color: #f00;
}

#form-area ul {
  margin-top: 30px;
}

#form-area ul li {
  color: #389BF6;
  font-size: 0.8em;
  text-indent: -1em;
  margin-left: 12px;
  line-height: 1.5;
}

/* 処理待ち待機表示 */
#overlay {
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  display: none;
  background-color: #ddd;
  opacity: 0.6;
}

.cv-spinner {
  width: 88%;
  height: 120%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.spinner {
  width: 60px;
  height: 60px;
  border: 4px #ddd solid;
  border-top: 4px #2e93e6 solid;
  border-radius: 50%;
  -webkit-animation: sp-anime 1.4s infinite linear;
  animation: sp-anime 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

@-webkit-keyframes sp-anime {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes sp-anime {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.is-hide {
  display: none;
}

/* 右カラム */
/* サイドメニュー上側 */
#guide-banner-area ul li {
  margin-bottom: 16px;
}

#side-area {
  float: right;
  width: 289px;
  display: block;
  padding-top: 10px;
}

#side-area .sanwach-side-area {
  margin: 0 0 20px 0;
  padding: 15px 10px 15px 10px;
  border: 3px solid #9EC0ED;
}

#side-area .sanwach-side-area .top-text1 {
  font-size: 1em;
  font-weight: bold;
  color: #00468F;
  line-height: 1.5;
  text-align: center;
}

#side-area .sanwach-side-area .top-text2 {
  padding: 0 0 5px 0;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  border-bottom: 1px dotted #777777;
}

#side-area .sanwach-side-area .bottom-text {
  margin: 7px 3px 0 3px;
  font-size: 0.8em;
  line-height: 1.5;
}

#side-area .sanwach-side-area .sanwach-banner {
  margin: 10px 0 0 0;
  text-align: center;
}

h3.side_ttl {
  margin-bottom: 0;
  padding: 9px 0 8px 10px;
  background-color: #666666;
  color: #FFFFFF;
  font-size: 0.93em;
}

ul.menu_list li {
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  padding-bottom: 7px;
  padding-top: 8px;
}

ul.menu_list li.sepa {
  border: 1px solid #CCCCCC;
  margin-top: 14px;
}

ul.menu_list li a {
  display: block;
  padding: 0px 5px 0 10px;
  font-size: 0.9em;
  text-decoration: none;
}

ul.menu_list li a img {
  margin-right: 10px;
  vertical-align: -19px;
}

ul.menu_list li a:hover {
  opacity: 0.6;
  text-decoration: none;
  color: #333333;
}

/* サンワチャンネルバナー */
.channel-banner {
  margin: 10px 0 0;
}

.channel-banner a {
  display: block;
  border-radius: 0.2em;
  background-color: #0055B1;
  padding: 13px 15px;
  opacity: 1;
  transition: 0.2s;
}

.channel-banner a:hover {
  opacity: 0.6;
  transition: 0.2s;
}

.channel-banner a:hover img {
  opacity: 1 !important;
}

.channel-banner a img {
  width: 40px;
  margin: 0 15px 0 0;
  vertical-align: middle;
}

.channel-banner-text {
  display: inline-block;
  font-size: 0.97em;
  vertical-align: middle;
  line-height: 1.5;
  font-weight: bold;
  color: #FFFFFF;
}

/* サイドメニュー下側 */
#before-inq {
  margin-bottom: 16px;
}

ul.side_phone li {
  padding: 10px 10px 20px;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
}

ul.side_phone li p {
  font-size: 0.85em;
  color: #3F79B9;
  margin-bottom: 15px;
  line-height: 1.3;
}

ul.side_phone li dl dt {
  margin-bottom: 10px;
  margin-top: 10px;
}

ul.side_phone li dl dt.bdnone {
  border-top: none;
  margin-top: 10px;
  padding-top: 0px;
}

ul.side_phone li dl dd {
  padding-left: 5px;
  font-weight: bold;
  line-height: 1.2;
}

ul.side_phone li dl dd.tel-no span {
  font-weight: normal;
  font-size: 0.75em;
}

ul.side_phone li dl dd.reception_pdf {
  font-size: 0.75em;
  margin-bottom: 5px;
  margin-top: 7px;
  padding-left: 5px;
  line-height: 1.3;
  font-weight: normal;
}

ul.side_phone li dl dd.reception_time {
  font-size: 0.75em;
  margin-left: 62px;
  margin-bottom: 5px;
  margin-top: 7px;
  padding-left: 5px;
  text-indent: -5.5em;
  line-height: 1.3;
  font-weight: normal;
  display: block;
}

ul.side_phone li dl dd.reception_time.none {
  border-bottom: none;
}

ul.side_phone li dl dd.notice-text {
  border-bottom: 1px dotted #CCCCCC;
  padding-bottom: 3px;
}

ul.side_phone li dl dd.notice-text span.hori {
  font-size: 0.75em;
  font-weight: normal;
  color: #FF0000;
}

ul.side_phone li dl dt.fax_ttl {
  /*
border-top: 1px dotted #CCCCCC;
*/
  font-weight: bold;
  padding-left: 5px;
  padding-top: 20px;
}

ul.side_phone li dl dd.fax_btn {
  margin-top: 8px;
}

ul#enquiry_att {
  font-size: 0.8em;
  line-height: 1.3;
}

ul#enquiry_att li {
  border: none;
  padding: 10px 10px 5px;
}

/* お問い合わせ下部ウィンドウ */
#tel-inq-low {
  z-index: 100;
  position: fixed;
  bottom: 0px;
  right: 0px;
  background-color: rgba(217, 217, 217, 0.7);
  width: 100%;
  padding-top: 10px;
  text-align: center;
}

#tel-inq-low div.tel-inq-low-waku {
  margin: 0px auto;
  padding: 0px;
  width: 950px;
  box-shadow: 3px 2px 4px 0 #888;
}

#tel-inq-low .btnClose {
  width: 20px;
  margin: 0px auto;
  text-align: right;
  position: relative;
  top: 18px;
  left: 460px;
}

#tel-inq-low a {
  text-decoration: none;
}

#tel-inq-low a:hover {
  text-decoration: none;
  color: #1c64b3;
}

#tel-inq-low a:visited {
  text-decoration: none;
  color: #1c64b3;
}

#tel-inq-low .tel-inq-title-low {
  margin: 0px auto;
  padding: 20px 10px 20px 10px;
  width: 930px;
  background-color: #fff;
}

#tel-inq-low .tel-inq-title-low div {
  vertical-align: middle;
  display: inline;
}

#tel-inq-low .tel-inq-title-low div.left {
  position: relative;
  left: -22px;
}

#tel-inq-low .tel-inq-title-low div.right span#display-tel,
#tel-inq-low .tel-inq-title-low div.right span#non-display-tel {
  margin-left: 5px;
}

#tel-inq-low .tel-inq-title-low div span {
  vertical-align: middle;
}

#tel-inq-low .tel-inq-title-low div span.title {
  vertical-align: middle;
}

#tel-inq-low .tel-inq-title-low div span.notice {
  vertical-align: -2px;
}

#tel-inq-low .tel-inq-title-low div span {
  vertical-align: middle;
}

#tel-inq-low .tel-inq-title-low div img {
  vertical-align: -9px;
  margin: 0px;
  margin-right: 5px;
}

#tel-inq-low a .tel-inq-title-low div img:hover {
  opacity: 1 !important;
}

#tel-inq-low a .tel-inq-title-low div.right img:hover {
  opacity: 0.6 !important;
}

#tel-inq-low .tel-inq-title-low div span img {
  vertical-align: middle;
  position: relative;
  top: 1px;
}

.mac #tel-inq-low .tel-inq-title-low div span img {
  top: -4px;
}

#tel-inq-low .tel-inq-title-low .title {
  color: #000;
  font-weight: bold;
  font-size: 1.35em;
}

#tel-inq-low .tel-inq-title-low .notice {
  font-size: 0.8em;
}

#tel-inq-low .tel-inq-body {
  width: 930px;
  margin: 0px auto;
  padding: 10px;
  background-color: #fff;
}

#tel-inq-low .tel-inq-body .left {
  display: block;
  width: 510px;
  min-height: 150px;
  margin: 0 auto;
  padding-left: 5px;
  text-align: left;
  vertical-align: top;
}

#tel-inq-low .tel-inq-body .left dl {
  margin: 0 0 3px;
}

#tel-inq-low .tel-inq-body .left dl dt {
  float: left;
  /*
    margin-right:10px;
    */
  margin-bottom: 15px;
}

#tel-inq-low .tel-inq-body .left dl dd.tel-fax {
  font-size: 0.9em;
  font-weight: bold;
  margin-left: 174px;
}

#tel-inq-low .tel-inq-body .left dl dd.tel-fax span {
  margin-left: 6px;
}

#tel-inq-low .tel-inq-body .left dl dd.tel-fax span.notice {
  font-size: 0.8em;
}

#tel-inq-low .tel-inq-body .left dl dd.reception-time {
  font-size: 0.8em;
  margin-top: 5px;
  margin-left: 180px;
  line-height: 1.3;
}

#tel-inq-low .tel-inq-body .left dl dd.notice-text {
  color: #f00;
  font-size: 0.8em;
  margin-top: 5px;
  margin-left: 180px;
  /*
    text-indent:1em;
    */
}

#tel-inq-low .tel-inq-body .left dl#support-ink-low dd.tel-fax {
  font-size: 0.9em;
  font-weight: bold;
  margin-left: 180px;
}

#tel-inq-low .tel-inq-body .right {
  display: inline-block;
  width: 390px;
  text-align: left;
  padding-left: 10px;
}

#tel-inq-low .tel-inq-body .right dl {
  margin-right: 15px;
}

#tel-inq-low .tel-inq-body .right dl dt {
  font-size: 0.8em;
  font-weight: bold;
}

#tel-inq-low .tel-inq-body .right dl dd {
  margin-top: 10px;
  font-size: 0.7em;
  line-height: 1.3;
  text-indent: -1em;
  position: relative;
  left: 1em;
}

#tel-inq-low .tel-inq-body .right dl dd a {
  text-decoration: underline;
}

#contents a[href^="tel:"] {
  pointer-events: none;
  text-decoration: none;
  color: #333333;
}

/* 確認画面 */
#confirm-area #description-area {
  margin-bottom: 15px;
}

#confirm-area #description-area p {
  font-size: 0.9em;
  line-height: 1.4;
}

#confirm-area h3 {
  font-size: 1.4em;
  font-weight: normal;
  margin-bottom: 15px;
}

#confirm-area #description-area ul {
  margin-top: 0;
}

#confirm-area #description-area ul li {
  margin-bottom: 7px;
  font-size: 0.9em;
  color: #000000;
  line-height: 1.1;
  margin-left: 0;
  text-indent: 0;
}

div#customer-confirm-area.table {
  margin-top: 0px;
  margin-bottom: 30px;
}

#confirm-area {
  float: left;
  width: 672px;
  padding-bottom: 100px;
}

#confirm-area div.tr div.th, #confirm-area div.tr div.td {
  padding: 14px 0 14px 12px;
}

#confirm-area div.td span, #confirm-area div.td p {
  display: block;
  margin-top: 0px;
  font-size: 0.95em;
}

#confirm-area ul {
  margin-top: 30px;
}

#confirm-area ul li {
  color: #389BF6;
  font-size: 0.8em;
  text-indent: -1em;
  margin-left: 12px;
  line-height: 1.5;
}

#confirm-area h3.cost_ttl {
  font-size: 1.05em;
  font-weight: bold;
  margin-bottom: 5px;
}

#confirm-area h3.cost_ttl.confirmBt {
  margin-top: 30px;
}

span.category_inner {
  display: block;
  margin-bottom: 7px;
}

#faq-links {
  margin-bottom: 16px;
}

.agency_tanto {
  margin-bottom: 30px;
}

a.back_btn {
  margin-right: 10px;
}

/* エラーメッセージ */
.err-msg {
  color: #FF0000;
}

/* 下エリア */
dl.contact-atn:before {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}

/* ご注意 */
dl.contact-atn:before {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
  margin-top: 20px;
}

dl.contact-atn dt {
  border-bottom: 1px solid #dfdfdf;
  font-size: 0.95em;
  margin-bottom: 11px;
  padding-bottom: 5px;
}

dl.contact-atn dd {
  font-size: 0.8em;
  margin-bottom: 8px;
}

/* 送信完了 */
p.completion_comment {
  font-size: 1.55em;
  text-align: center;
  margin: 37px 0 30px;
}

p.completion_comment_tw {
  text-align: center;
  margin-bottom: 50px;
}

div#msg-area {
  width: 750px;
  margin: 0 auto;
  padding: 20px 30px 30px;
  background-color: #F5F5F5;
  font-size: 0.85em;
}

div#msg-upper {
  text-align: center;
}

div#msg-upper p {
  margin-top: 10px;
}

div#msg-upper p span {
  font-size: 1.45em;
  color: #004DA2;
  vertical-align: -2px;
}

div#msg-lower {
  padding-top: 5px;
  margin-top: 20px;
  border-top: 1px dotted #999999;
  font-size: 0.95em;
}

p.msg-text {
  text-indent: -1em;
  margin-left: 100px;
  margin-top: 10px;
  line-height: 1.5;
}

p.msg-text span.red {
  color: #FF0000;
  display: block;
}

div#submit-area-regi {
  margin-top: 20px;
  margin-bottom: 77px;
}

div#submit-area-regi p a {
  background: url(/static/images/support/support_regi/form/btn_sp_top.png) no-repeat 0 0;
  font-size: 0px;
  display: block;
  width: 200px;
  height: 50px;
  margin: 0 auto;
}

/* 送信エラー */
p.error_comment {
  font-size: 1.55em;
  text-align: center;
  color: #FF0000;
  margin: 37px 0 30px;
}

p.error_comment_tw {
  text-align: center;
  margin-bottom: 20px;
}

p.error_comment_back {
  text-align: center;
  margin-bottom: 50px;
}

/* サイドQA */
div#faq-link-area {
  margin: 0px 8px 0;
  background-color: #F7F7F7;
  color: #373737;
  font-size: 0.9em;
}

div#faq-link-area dl dt {
  margin-bottom: 10px;
  padding-top: 12px;
  padding-left: 12px;
  padding-right: 12px;
}

div#faq-link-area dl {
  background-color: #EFF5FD;
  border: 2px solid #60A7FF;
}

div#faq-link-area dl dd {
  padding: 0 12px 12px;
}

div#faq-link-area dl dd a {
  display: inline-block;
  line-height: 1.4;
  margin-bottom: 5px;
  width: 205px;
  padding-left: 0;
  color: #373737;
  text-decoration: underline;
}

div#faq-link-area dl dd a:hover {
  opacity: 1;
  color: #FF0000;
}

div#faq-link-area dl dd a span {
  word-wrap: break-word;
}

div#faq-link-area dl dd img {
  margin-right: 10px;
  vertical-align: top;
  padding-top: 2px;
}

div#faq-link-area dl p {
  text-align: right;
}

div#faq-link-area dl p a {
  color: #373737;
  text-decoration: underline;
  padding: 0 12px 12px;
}

div#faq-link-area dl p a:hover {
  opacity: 1;
  color: #FF0000;
}

div#faq-link-area dl p a img {
  vertical-align: -1px;
  margin-right: 5px;
}

/* visibility*/
div.table {
  display: table;
}

div.tr {
  display: table-row;
}

div.th {
  display: table-cell;
  vertical-align: middle;
}

div.td {
  display: table-cell;
}

/* お電話でのお問い合わせ */
#enquiry {
  margin-top: 60px;
}

#enquiry h3 {
  margin-bottom: 7px;
  font-size: 1.55em;
}

div#msg-area + div#enquiry {
  margin: 60px auto 0;
  width: 810px;
}

div#msg-area + div#enquiry #enquiry_inner {
  padding: 20px 50px;
}

.eye {
  margin-right: 8px;
  vertical-align: -9px;
}

#enquiry #enquiry_inner {
  background-color: #F7F7F7;
  padding: 20px;
  font-size: 0.85em;
  margin-bottom: 31px;
}

#enquiry #enquiry_inner dd.holiday {
  color: #FF0000;
}

#enquiry #enquiry_cont p {
  float: left;
  font-weight: bold;
  width: 165px;
}

#enquiry #enquiry_cont dl {
  float: left;
}

#enquiry #enquiry_cont dl dt {
  margin-bottom: 6px;
}

#enquiry #enquiry_cont dl.top {
  margin-bottom: 22px;
}

#enquiry #enquiry_cont dl dd span {
  font-weight: bold;
}

#enquiry #enquiry_cont dl dd span.weight_norm {
  font-weight: normal;
}

#enquiry #enquiry_cont dl dd span.sm_block.weight_norm.time {
  display: block;
  line-height: 1.8;
  font-weight: normal;
}

/* STEP項目 */
div#step-item-outer {
  margin: 20px 0;
  width: 100%;
  text-align: center;
}

div#step-item-outer img {
  max-width: 100%;
}