@charset "utf-8";
/* /////////////////////////////////////////////////////////////

  透水性コンクリート【ドライテック】×カーポート共通
  item/order/drytechlp/

///////////////////////////////////////////////////////////// */
.form-ttl {
  margin-bottom: 10px;
}
.form-ttl_txt {
  position: relative;
  font-size: 22px;
  z-index: 2;
}
.form-ttl_copy {
  position: relative;
  top: -21px;
  z-index: 1;
}
/* ===========================================================================
  初期化・汎用設定
============================================================================*/
#contents_wide img {
  vertical-align: bottom;
}
p.comment {/* 注釈 */
  margin: 0 auto;
  padding-left: 1em;
  text-indent: -1em;
  color: #333;
  font-size: 12px;
  line-height: 1.5;
}
form input:focus,
form textarea:focus {/* フォーム選択項目のフォーカス表示 */
  border-color: #4af !important;
  box-shadow: 0 0 4px #ddf;
}

/* calender css overwrite */
.yui-skin-sam .yui-calendar td.calcell a{
  font-size: 14px;
  text-decoration: underline !important;
}
.jqexpanda {
  background-color :#fff;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 3px solid #bbb;
  border-bottom: 3px solid #bbb;
  opacity: 0.9;
  font-size: 12px;
  padding: 3px;
}
.jqexpanda ul {
  border: 1px solid #ccc;
}
.jqexpanda li {
  float: left;
  padding: 5px;
}
.jqexpanda li.head {
  background-color: #999;
  color: #fff;
  text-align: center;
  width: 60px;
  font-weight: bold;
}
.jqexpanda li.option {
  color: #00f;
  text-decoration: underline;
  cursor: pointer;
  background-color: #fff;
}
.pandummy {
  display: block;
  border: 1px solid #ccc;
  background:url(/public/img/form/input_back.png) no-repeat left top;
  width: 90px;
  cursor: pointer;
}
.pandummy span {
  display: block;
  text-align: left;
  background: url(/public/css/form/img/select_right.png) right -2px no-repeat;
  padding: 5px;
}
.pandummy:active span {
  background-position: right -31px;
}
.pandummy:hover {
  color: #000;
  text-decoration: none;

}
.close_panda {
  font-size: 15px;
  font-weight: bold;
  float: right;
  width: 15px;
  height: 15px;
  line-height: 1;
  padding: 3px;
  color: #fff;
  background-color: #333;
  cursor: pointer;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  text-align: center;
  vertical-align: middle;
}

input.guide, textarea.guide {
  color: #999 !important;
}

/* ===========================================================================
  タイトル&ヘッダー
============================================================================*/
#order_head {
  width: 674px;
  margin-bottom: 30px;/* 二重窓用 */
  padding: 35px 0 0 30px;
}
#order_head .order_ttl {/* ページタイトル */
  margin-bottom: 20px;
}
#order_head .instruction {/* テキスト */
  margin-top: 12px;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: -0.01ex;
}

/* =============================================================================
  お見積り内容（注文商品の表示）
=============================================================================*/
#order_contents {
  width: 674px;
  margin: 30px 0 0 30px;
}
#order_contents .h_order_contents {
  margin-bottom: 13px;
}
#order_contents .estimate-info {/* 1商品のBOX */
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px dotted #ccc;
}

/* ==================================================================================
  お申し込みフォームUI
===================================================================================*/

/* BOX
------------------------------------------------------------------------------*/
#order_form {
  /*width: 674px;*/
  margin: 0 0 0 0;
  /*padding: 0 0 0 30px;*/
}
.txt_estimate {
  margin-bottom: 5px;
  border: none;
  background-color: #fff;
  color: #333;
  font-size: 13px;
  text-align: center;
  line-height: 1.7;
}

/* タイトル
------------------------------------------------------------------------------*/
#order_form .order_form_head .h_order_form {
  float: left;
  margin-right: 137px;
  padding-bottom: 5px;
}


/* 自動入力ボタン
------------------------------------------------------------------------------*/
#order_form .order_form_head .bt_auto_input,
#order_form .order_form_head .bt_del_saveinfo {
  margin-top: 1px;
}
#order_form .order_form_head .bt_auto_input {
  float: left;
}
#order_form .order_form_head .bt_del_saveinfo {
  float: right;
}

/* フォーム内容
--------------------------------------------------------------------------*/
#order_form .form_contents {
  /*width: 100%;*/
  width: 634px;
  margin-top: 12px;
  border-collapse: collapse;
  table-layout: fixed;
  border: 1px solid #bbb;
}

/* フォーム要素
------------------------------------------------------------------------*/
#order_form label {
  cursor: pointer;
  display: inline-block;
}
#order_form .form_contents input {
  padding: 10px;
  /*border: 1px solid #ccc;*/
  border-radius: 2px;
  -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.07);
  box-shadow: inset 1px 1px 1px rgba(0,0,0,0.07);
  font-size: 15px;
  font-family: "helvetica neue", helvetica, arial, meiryo, sans-serif;
}
#order_form .form_contents input[type="text"] {
  margin: 5px 0;
  border: 1px solid #ccc;
}

/*------------------------------------------------------------------------------
  チェックボックス
  (※IE８以前はセレクタ―が対応していない為、ブラウザノーマルのチェックボックスを表示。)
------------------------------------------------------------------------------*/
#order_form input[type="checkbox"] {
  cursor: pointer;
  display: none;

  *display: inline;/* ie 6,7 */
  display: inline\9;/* ie 8-10 */
}
/* オリジナルのチェックボックスを生成
---------------------------------------*/
#order_form input[type="checkbox"] + label:before {
  content: " ";
  float: left;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 17px;
  height: 17px;
  margin-right: 4px;
  margin-bottom: 10px;
  border: 1px solid #bbb;
  border-radius: 2px;
  -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.08);
  box-shadow: inset 1px 1px 1px rgba(0,0,0,0.08);
  background-color: #fff;
  font-size: 14px;
  text-align: center;
  vertical-align: middle;

  display: none\9;/* ie 8-10 */
}
:root #order_form input[type="checkbox"] + label:before {/* ie 9-11 */
  display: block;
}

/* オリジナルのチェックボックス選択表示
---------------------------------------*/
#order_form input[type="checkbox"]:checked + label:before {
  border: none;
  background: #0042ff url("/public/img/item/order/regist/input/bg_cate_selected.png") no-repeat center;
  color: #fff;

  display: none\9;/* ie 8-10 */
}
:root #order_form input[type="checkbox"]:checked + label:before {/* ie 9-11 */
  display: block;
}

/* テキストエリア
-------------------------------------------------*/
#order_form .form_contents textarea {
  width: 460px;
  height: 169px;
  padding: 9px 11px;
  border: 1px solid #ccc;
  border-radius: 2px;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.07) inset;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.07) inset;
  font-size: 14px;
  font-family: "helvetica neue", helvetica, arial, meiryo, sans-serif;
}

/* プレースホルダ―
------------------------------------------------------------------------*/
#order_form .form_contents textarea::-webkit-input-placeholder {/* Webkit */
  color: #aaa;
}
#order_form .form_contents textarea:-moz-placeholder {/* Mozilla */
  color: #aaa;
  opacity: 1;
}

/* table設定
------------------------------------------------------------------------*/
#order_form .form_contents th,
#order_form .form_contents td {
  border-bottom: 1px solid #bbb;
}
#order_form .form_contents th,
#order_form .form_contents td.type {
  background-color: #fafafa;
}
#order_form .form_contents th {
  width: 82px;
  padding: 17px 0 17px 0;
  font-size: 12px;
  line-height: 1.5;
  font-weight: normal;
  text-align: center;
}
#order_form .form_contents td {
  padding: 12px;
}

/* 必須・任意
------------------------------------------------------------------------*/
#order_form .form_contents td.type {
  width: 41px;
  padding-left: 0;
  padding-right: 0;
  border-right: 1px solid #bbb;
}
#order_form .form_contents td.type .require,
#order_form .form_contents td.type .optional {
  padding: 2px 4px 2px 5px;
  border: 1px solid #f09191;
  font-size: 11px;
  line-height: 10px;
}
#order_form .form_contents td.type .require {
  color: #e56a6a;
}
#order_form .form_contents td.type .optional {
  color: #1d91f3;
  border-color: #1d91f3;
}


/* -----------------------------------------------------------------------------------------------------
  各入力項目の設定
-----------------------------------------------------------------------------------------------------*/

/* お名前
------------------------------------------------------------------------*/
.name_kanji input,
.name_hiragana input {
  width: 132px; /* 140px - padding */
}
.name_kanji {
  /*margin-bottom: 10px;*/
}
.name_kanji .first_name,
.name_kanji .last_name,
.name_hiragana .first_name,
.name_hiragana .last_name {
  padding-right: 8px;
}
.name_kanji .last_name,
.name_hiragana .last_name {
  display: inline-block;
  width: 23px;
  text-align: right;
  white-space: nowrap;
}
.name_kanji .first_name {
  margin-left: 10px;
  padding-left: 10px;
}
.name_hiragana .first_name {
  margin-left: 7px;
}
.name_kanji .title,
.name_hiragana .title {
  padding-left: 6px;
}

/* 郵便番号
----------------------------------------------------------------------------*/
#order_form .zipcode_box {
  position: relative;
}
#order_form .zipcode_box .zip_code {
  margin: 10px 30px 0 0;
  font-size: 14px;
}
#order_form .zipcode_box input {
  margin: 0 5px 0 4px;
}

#order_form .zipcode_box .zip_code .zip_1,
#order_form .zipcode_box .zip_code .zip_2 {
  width: 66px; /* 59px - border */
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
}
#order_form .zipcode_box .zip_code .zip_1 {
  margin: 0 5px 0 4px;
}
#order_form .zipcode_box .zip_code .zip_2 {
  margin: 0 0 0 6px;
}

/* 郵便局リンク */
#order_form .zipcode_box .confirm_zipcode {
  position: absolute;
  top: -12px;
  left: 51%;
  padding-left: 11px;
  background: url(/public/img/item/order/regist/ico_arrow.png) left center no-repeat;
}
#order_form .zipcode_box .confirm_zipcode a {
  text-decoration: underline;
  color: #0034ca;
}
#order_form .zipcode_box .confirm_zipcode a:hover {
  text-decoration: none;
}
#order_form #jqv_zip1,
#order_form #jqv_zip21,
#order_form #jqv_zip22 {
  margin-left: 5px;
  margin-right: 5px;
}


/* 住所入力の共通設定
----------------------------------------------------------------------------*/
#order_form .ttl_pref,
#order_form .ttl_city,
#order_form .ttl_house_number {
  margin-bottom: 6px;
  line-height: 1;
}

/* 都道府県
----------------------------------------------------------------------------*/
#order_form .ttl_pref {
  margin-top: 14px;
}
#order_form .form_contents .select_pref {
  width: 120px;
  height: 26px;
}
#order_form .form_contents .select_pref select {
  width: 140px;
}

/* 市区郡町村
----------------------------------------------------------------------------*/
#order_form .ttl_city {
  margin-top: 15px;
}

/* 番地その他
----------------------------------------------------------------------------*/
#order_form .form_contents input.ipt_city,
#order_form .form_contents input.ipt_house_number {
  width: 392px; /* 402px - padding - border */
}
#order_form .ttl_house_number {
  margin-top: 15px;
}

/* 商品設置住所の選択ラジオボタン
----------------------------------------------------------------------------*/
#order_form ul.item_location_addr {
  margin-bottom: 10px;
}
#order_form ul.item_location_addr li {
  float: left;
}
#order_form ul.item_location_addr li.same_location {/* 「上記住所と同じ」 */
  margin-right: 43px;
}

/* 設置住所
----------------------------------------------------------------------------*/
#order_form .notice_addr {
  margin: 5px auto 0;
}

/* 設置場所の状況
----------------------------------------------------------------------------*/
#order_form .form_contents #site_state {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;

  width: 280px;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 2px;
  background: #fff url("/public/img/item/order/regist/input/ico_select_arrow.png") no-repeat scroll 258px center;
  box-shadow: inset 1px 1px 1px rgba(0,0,0,0.07);
}

#order_form .note {
  padding-left: 1em;
  text-indent: -1em;
  font-size: 12px;
}


/* 連絡先の項目
----------------------------------------------------------------------------*/
#order_form .form_contents input.ipt_tel,
#order_form .form_contents input.ipt_mobile,
#order_form .form_contents input.ipt_fax {
  width: 172px; /* 182px - padding - border */
}

#order_form .form_contents .note_tel {/* 電話番号 */
  margin-top: 8px;
}
#order_form .form_contents .note_mobile {/* 連絡先（携帯等）*/
  margin-top: 8px;
}

/* メールアドレス
----------------------------------------------------------------------------*/
#order_form .form_contents input.ipt_mail {
  width: 392px; /* 402px - padding - border */
}
#order_form .form_contents .note_mail {/* 注釈テキスト */
  margin-top: 8px;
}

/* -----------------------------------------------------------------------------------------------------
  現場調査ご希望日程
-----------------------------------------------------------------------------------------------------*/
#order_form .form_contents .attention_schedule {
  /*width: 428px;*/ /* 472px - padding */
  height: 49px; /* 58px - padding */
  margin-bottom: 5px;
  padding: 6px 0 0 62px; /*46px; 左余白2行用*/
  background: url("/public/img/item/order/regist/input/bg_balloon_attention.png") left top no-repeat;
  line-height: 2.5;/* テキスト1行変更用クラス、2行に戻す際は削除。 */
}
#order_form .form_contents .attention_schedule span {
  color: #c00;
  font-weight: bold;
}

/* 平日最短
---------------------------------------------*/
#order_form .form_contents .appoint_survey .shortest {
  /*float: left;*/
  /*width: 135px;*/
  /*margin-bottom: 14px;*/
}
#order_form .form_contents .appoint_survey .shortest dt {
  background-color: #1d91f3;
}
#order_form .form_contents .appoint_survey .shortest dt:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -9px;
  width: 9px;
  height: 22px;
  background: url("/public/img/item/order/regist/input/bg_triangle_input-blue.png") right top no-repeat;
}
#order_form .form_contents .appoint_survey .shortest dd {
  vertical-align: middle;
}
#order_form .form_contents .appoint_survey .shortest input {
  /*position: absolute;*/
  /*left: -9000px;*/
}
#order_form .form_contents .appoint_survey .shortest label {
  /*padding-left: 2px;*/
  /*line-height: 15px;*/
  /*background: url("/public/img/item/order/regist/input/bg_cate.png") left center no-repeat;*/
}
#order_form .form_contents .appoint_survey .shortest label.selected {
  /*background: url("/public/img/item/order/regist/input/bg_cate_selected.png") left center no-repeat;*/
}
#order_form .form_contents .appoint_survey .shortest_time dd.h_check {
  padding-top: 8px;
  padding-left: 76px;
}

#order_form .form_contents .appoint_survey li {
  /*margin-left: 15px !important;*/
}

/* 第1希望 */
#order_form .form_contents .appoint_survey li.first {
  margin: 3px 0 14px auto;
}

/* 第3希望 */
#order_form .form_contents .appoint_survey li.last {
  margin: 13px 0 auto;
}
#order_form .form_contents .appoint_survey dt {
  clear: left;
  float: left;
  position: relative;
  width: 56px;
  height: 22px;
  margin-top: 2px;
  padding-left: 2px;
  text-align: center;
  line-height: 22px;
  color: #fff;
  font-size: 12px;
  background-color: #555;
}
#order_form .form_contents .appoint_survey dt:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -9px;
  width: 9px;
  height: 22px;
  background: url("/public/img/item/order/regist/input/bg_triangle_input.png") right top no-repeat;
}
#order_form .form_contents .appoint_survey dd {
  float: left;
}

/* 月日・時間共通
----------------------------------------------------------------------------*/
#order_form .form_contents .appoint_survey dd.wish_month .select_form,
#order_form .form_contents .appoint_survey dd.wish_month span,
#order_form .form_contents .appoint_survey dd.wish_time .select_form,
#order_form .form_contents .appoint_survey dd.wish_time span {
  float: left;
}
#order_form .form_contents .appoint_survey dd.wish_month span,
#order_form .form_contents .appoint_survey dd.wish_time span {
  margin-top: 14px;
  line-height: 1;
}
#order_form .form_contents .appoint_survey dd.wish_time span.wavy_line {
  margin-top: 7px;
  padding-left: 2px;
}
/* 月日
----------------------------------------------------------------------------*/
#order_form .form_contents .appoint_survey dd.wish_month {
  padding-left: 18px;
}
#order_form .form_contents .appoint_survey dd.wish_month .select_wish_month {
  margin-right: 3px;
}
#order_form .form_contents .appoint_survey dd.wish_month .select_wish_day {
  margin: 0 3px 0 7px;
}

/* 時間
----------------------------------------------------------------------------*/
#order_form .form_contents .appoint_survey dd.wish_time {
  padding-left: 38px;
  background: url("/public/img/item/order/regist/ico_clock.png") 17px center no-repeat;
}
#order_form .form_contents .appoint_survey dd.wish_time .select_wish_hour {
  margin-right: 3px;
}
#order_form .form_contents .appoint_survey dd.wish_time .select_wish_minute {
  margin: 0 3px 0 3px;
}

/* カレンダー表示
----------------------------------------------------------------------------*/
#order_form .form_contents .appoint_survey .show_cal {
  clear: both;
  padding-top: 5px;
}
#order_form .form_contents .appoint_survey .show_cal a {
  display: block;
  padding-left: 14px;
  background: url("/public/img/item/order/regist/input/ico_show_cal.png") left center no-repeat;
  color: #0034ca;
  font-size: 11px;
  line-height: 12px;
}

/* 注意事項
----------------------------------------------------------------------------*/
#order_form .form_contents .note_time,
#order_form .form_contents .note_saturday,
#order_form .form_contents .note_hurry,
#order_form .form_contents .note_request_site {
  margin-left: 1em;
  text-indent: -1em;
  font-size: 12px;
}
#order_form .form_contents .note_saturday {
  margin-top: 9px;
  margin-bottom: 10px;
  line-height: 1.5;
}
#order_form .form_contents .note_hurry {
  margin-top: 1px;
  margin-bottom: 8px;
}
#order_form .form_contents .note_hurry span {
  font-weight: bold;
}
#order_form .form_contents .request_site_ttl {
  margin-bottom: 5px;
  text-indent: -0.5em;
  font-weight: bold;
}
#order_form .form_contents .note_request_site {
  margin-top: 1px;
}
/* その他の工事
----------------------------------------------------------------------------*/
#order_form .form_contents .other_const {
  margin-top: 10px;
}
#order_form .form_contents .other_const li {
  float: left;
  width: 155px;
  margin-bottom: 10px;
}
#order_form .form_contents .other_const label {
  padding-left: 5px;
  /*background: url("/public/img/item/order/regist/input/bg_cate.png") left center no-repeat;*/
}
#order_form .form_contents .other_const label.selected {
  /*background: url("/public/img/item/order/regist/input/bg_cate_selected.png") left center no-repeat;*/
}

/* ====================================================================================
  フォーム内容保存ボタン
=====================================================================================*/
#order_form .save_form_info {
  margin-top: 10px;
}
#order_form .save_form_info dt {
  float: left;
  margin-right: 19px;
}
#order_form .save_form_info dd {
  float: left;
  font-size: 11px;
  line-height: 1.5;
}

/* info@ex-shop.net自動入力
----------------------------------------------------------------------------*/
#order_form p.note_mail span#onclick_input_mailaddress {
  cursor: pointer;
  color: #0034CA;
  text-decoration: underline !important;
}
#order_form p.note_mail span#onclick_input_mailaddress:hover {
  text-decoration: none !important;
}
#order_form .note_mail #autoinput-form-noomail {
  margin: 10px auto 5px;
  padding-left: 20px;
  font-size: 12px;
  line-height: 15px;
  background: url("/public/img/item/order/regist/input/bg_cate.png") left center no-repeat;
  cursor: pointer;
}
#order_form .note_mail #autoinput-form-noomail.checked {
  background: url("/public/img/item/order/regist/input/bg_cate_selected.png") left center no-repeat;
}

/* ====================================================================================
  あわせてご依頼
=====================================================================================*/
#order_form table.other_item_request {
  width: 100%;
  margin-top: 35px;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #f3cb9f;
}
#order_form table.other_item_request th {
  height: 32px;
  padding: 6px 5px 6px 45px;
  border-bottom: 1px solid #f2d9be;
  background: url("/public/img/item/order/regist/bg_plus_cate.png") 10px 8px no-repeat #fff4e8;
  color: #d78428;
  font-weight: bold;
  vertical-align: middle;
}
#order_form table.other_item_request th p.ttl_request {
  float: left;
  margin-right: 18px;
}
#order_form table.other_item_request th p.ttl_request_caption {
  float: left;
  font-weight: normal;
}
#order_form table.other_item_request td {
  padding: 12px 5px 10px 17px;
}
#order_form table.other_item_request td ul.cate_list {
  padding-bottom: 10px;
}
#order_form table.other_item_request td ul.cate_list li {
  float: left;
  width: 130px;
  margin-bottom: 8px;
}
#order_form table.other_item_request td ul.cate_list label {
  padding-left: 2px;
  vertical-align: top;
  /*background: url("/public/img/item/order/regist/input/bg_cate.png") left center no-repeat;*/
}
#order_form table.other_item_request td ul.cate_list label.selected {
  /*background: url("/public/img/item/order/regist/input/bg_cate_selected.png") left center no-repeat;*/
}
#order_form table.other_item_request td span.multiple_choice {/* 注釈 */
  display: block;
  float: right;
  margin-top: 6px;
  padding-right: 1px;
  line-height: 15px;
  font-size: 10px;
  color: #d78428;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* gte IE10 */
    #order_form table.other_item_request td span.multiple_choice {
      margin-top: 3px;
    }
}
#order_form table.other_item_request td span.multiple_choice { /* IE10 */
  margin-top/*\**/: 3px\9;
}

/* ====================================================================================
  下部エリア
=====================================================================================*/
#order_foot .before_submit {/* 送信ボタンのリード文 */
  line-height: 1.6;
}

#order_foot p.deny_resale {/* 業者様お断り表記 */
  width: 408px; /* 434px - padding - border */
  margin: 25px auto 0;
  padding: 7px 12px;
  border: 1px solid #ffd9d9;
  color: #e00;
}

/* ====================================================================================
  セキュリティ表記
=====================================================================================*/

/* 共通設定
----------------------------------------------------------------------------*/
#security_box {
  /*margin: 0 30px;*/
  padding: 0 0 20px;
  background-color: #f0f4f9;
}
#security_box .security_logo {
  width: 509px; /* 524px - padding */
  margin: 0 auto;
  padding: 10px 0 12px 15px;
  background-color: #fff;
}
#security_box .security_logo p.pr_security_protection {/* テキスト */
  padding-left: 16px;
  background: url("/public/img/item/order/regist/ico_rock.png") left center no-repeat;
  color: #12830a;
  font-size: 11px;
  line-height: 13px;
}
#security_box .security_logo .security_list {
  margin-top: 15px;
}
#security_box .security_logo .security_list li {
  float: left;
  width: 133px;
  text-align: center;
}
#security_box .security_logo .security_list li p.text {/* 解説テキスト */
  font-size: 11px;
  line-height: 1.4;
  text-align: justify;
  -ms-text-justify: inter-ideograph;
  text-justify: inter-ideograph;
}

/* SECOM
----------------------------------------------------------------------------*/
#security_box .security_logo .security_list li.order_secom {
  padding: 2px 17px 0 12px;
}
#security_box .security_logo .security_list li.order_secom p.text {
  margin-top: 17px;
}

/* プライバシーマーク
----------------------------------------------------------------------------*/
#security_box .security_logo .security_list li.order_pmark {
  padding: 12px 17px 15px 21px;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
#security_box .security_logo .security_list li.order_pmark p.text {
  margin-top: 22px;
}

/* JADMA
----------------------------------------------------------------------------*/
#security_box .security_logo .security_list li.order_jadma {
  padding: 34px 0 0 22px;
}
#security_box .security_logo .security_list li.order_jadma p.text {
  margin-top: 36px;
}

/* ========================================================================================
  「商品の注文方法がわからない！」等、お困りのお客様
========================================================================================*/
.freedial {
  width: 526px;
  margin: 28px auto 0;
}
.freedial dt {
  height: 14px; /* 33px - padding */
  padding: 10px 0 9px;
  text-align: center;
  background-color: #f5f5f5;
}
#contents_wide .freedial dt img {
  vertical-align: top;
}
.freedial dd {
  float: left;
}
.freedial dd.img_dd {
  padding: 13px 18px 13px 15px;
  border: 1px solid #eee;
  border-right: none;
  border-top: none;
}
.freedial dd.text_dd {
  width: 287px; /* 260px - padding */
  height: 59px;
  padding: 13px 13px 11px 0;
  border: 1px solid #eee;
  border-left: none;
  border-top: none;
  font-size: 12px;
  line-height: 1.5;
  text-align: justify;
  -ms-text-justify: inter-ideograph;
  text-justify: inter-ideograph;
}


/* ========================================================================================
  セッションエラーページ
  confirm_error.html
========================================================================================*/
#msg_cookie_error {
  margin: 50px 20px;
  padding: 20px;
  text-align: center;
  font-size: 16px;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.7;
  border: 1px solid #faa;
  border-radius: 8px;
  box-shadow: 1px 1px 2px #eee;
}
#msg_cookie_error p.ttl {
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 18px;
}
#msg_cookie_error p.btn_back {
  margin-top: 30px;
}
#msg_cookie_error p.btn_back input {
  padding: 10px 60px;
  font-size: 14px;
  letter-spacing: 1em;
  text-indent: 1em;
}

/* ====================================================
  獲得ポイント
====================================================*/
table#header_result{
  display:block;
  width: 674px;
  margin:0 0 3px;
}
table#header_result th,table#header_result td{
  padding:6px 2px;
  line-height:1;
}
table#header_result th{
  width:240px;
  font-weight:bold;
  text-align:right;
  font-size:120%;
}
table#header_result td{
  width:434px;
  font-weight:bold;
  text-align:right;
}
table#header_result td span{
  font-size:12px;
  color:#333;
  padding:6px;
}
table#header_result th.result_total{
  border-bottom:1px solid #333;
  color:#f00;
}
table#header_result td.result_total{
  border-bottom:1px solid #333;
  font-size:30px;
}
table#header_result th.ecopoint{

}
table#header_result td.ecopoint{
  font-size:24px;
  color:#093;
}
/* ====================================================
  エコリフォーム
====================================================*/
.box_grant_point {
  margin: 10px 20px 20px;
  border: 1px solid #94dab4;
  border-radius: 4px;
  font-size: 15px;
  font-family: meiryo,sans-serif;
}
.box_grant_point .grant {
  margin: 0 auto 10px;
  padding: 6px 12px 4px;
  color: #111;
  font-size: 14px;
  background-color: #c5efd8;
  border-bottom: 1px solid #94dab4;
  border-radius: 3px 3px 0 0;
  text-align: center;
  line-height: 1.5em;
  vertical-align: middle;
}
.box_grant_point .grant strong {
  margin: 0 5px;
  color: #111;
  font-size: 16px;
  font-weight: bold;
}
.box_grant_point .grant .price {
  display: inline-block;
  margin: 0 5px;
  /*padding: 2px 5px;*/
  border-radius: 2px;
  /*border: 1px solid #fff;*/
  /*background-color: #fff;*/
  color: #f00;
  font-size: 20px;
  font-weight: bold;
}


.box_grant_point .required {
  display: table;
  margin: 0 auto;
  border-collapse: collapse;
  /*border-spacing: 5px;*/
}
.box_grant_point .required li {
  display: table-cell;
  margin: 5px;
  padding: 7px 7px 5px;
  background-color: #fffffa;
  /*border-radius: 4px;*/
  font-size: 12px;
  border: 1px solid #eda;
  text-align: center;
}
.box_grant_point .required li .type_um {
  font-size: 14px;
  font-weight: bold;
}
.box_grant_point .required li .num_um {
  color: #f00;
  font-size: 16px;
  font-weight: bold;
}
.box_grant_point .txt {
  float: left;
  margin-top: 5px;
  padding-left: 45px;
  font-size: 14px;
  font-weight: bold;
}

.box_grant_point .btn_add {
  margin-top: 5px;
  margin-bottom: 15px;
  text-align: center;
}
.box_grant_point .btn_add a {
  position: relative;
  display: inline-block;
  width: 34%;
  margin: 10px auto 0;
  padding: 7px 0 7px 20px;
  border: 1px solid #bbb;
  border-radius: 3px;
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.07);
  background-color: #fafafa;
  color: #333;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}
.box_grant_point .btn_add ::before {
  content: "+";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 5px;
  display: inline-block;
  width: 1em;
  height: 1em;
  margin: auto;
  border-radius: 50%;
  background-color: #777;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  line-height: 1;
}


/* 以下input.css */


/* ==========================================
  「商品の注文方法がわからない！」等、お困りのお客様
===========================================*/
.freedial {
  margin: 36px auto 40px;
}


/* ===========================================================================
  上部
============================================================================*/

/* 必須項目未入力
------------------------------------------------------------------------*/
#order_head .input_required_error .instruction {
  margin-bottom: 6px;
}
#order_head .input_required_error .notice {
  padding: 6px 13px;
  border: 1px solid #FFD9D9;
  color: #EE0000;
}

/* ====================================================================================
  お申し込みフォーム
=====================================================================================*/

/* 都道府県select
------------------------------------------------------------------------*/
#order_form .form_contents .pandummy {
  display: block;
  width: auto;
  border: none;
  background: url("/public/img/item/order/regist/input/ico_select_arrow.png") 108px center no-repeat #fff;
  cursor: pointer;
}
#order_form .form_contents .pandummy span {
  display: block;
  padding: 5px;
  text-align: left;
  background: none;
}
#order_form .form_contents .pandummy:active span {
  background-position: 108px center;
}
/* ======================================================================================
  確認画面ボタンまわり
=======================================================================================*/
#order_foot {
  margin-top: 30px;
  padding: 16px 0 20px;
  background: url("/public/img/item/order/regist/input/bg_order_foot_input.png") center -10px no-repeat #f0f4f9;
}
#order_foot .before_submit {
  font-size: 14px;
  font-family:  Arial, Helvetica, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  line-height: 1.7;
  text-align: center;
}
#order_foot .bt_confirm {
  margin: 20px 0 0 0;
  text-align: center;
}
#order_foot .attention {
  display: table;
  margin: 15px auto 0;
  padding: 10px 5px;
  border: 1px solid #ffd9d9;
  color: #e00;
  font-size: 12px;
  text-align: center;
}


/* ======================================================================================
  YUIカレンダー
=======================================================================================*/
#order_form .form_contents td.cell_schedule table {
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
#order_form .form_contents td.cell_schedule table th,
#order_form .form_contents td.cell_schedule table td {
  padding: 10px;
  text-align: left;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  font-size: 12px;
}
#order_form .form_contents td.cell_schedule .appoint_survey span.close-icon,
#order_form .form_contents td.cell_schedule .appoint_survey span.calclose,
#order_form .form_contents td.cell_schedule .yui-calcontainer .close-icon,
.yui-skin-sam #order_form .form_contents td.cell_schedule .yui-calcontainer .calclose {
  float: none;
  margin-top: 0;
}

/* 先月と来月
------------------------------------------------------------------------*/
.yui-skin-sam #order_form .form_contents td.cell_schedule table.yui-calendar td.calcell.oom {
  color: #ccc;
  background-color: #eee;
}

/* 今月の終了した日
------------------------------------------------------------------------*/
.yui-skin-sam #order_form .form_contents td.cell_schedule table.yui-calendar td.calcell.previous {
  color: #ccc;
}
.yui-calcontainer {
  -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.1);
}
.yui-skin-sam #order_form .form_contents td.cell_schedule table.yui-calendar td.calcell a {
  display: inline;
  height: auto;
}


/* ========================================================================================
  [！] 未入力エラーJS表示設定
========================================================================================*/
td.jqv_invalid {
  background: white !important;
}
p.jqv_alert {
  display: inline-block;
  margin: 10px 3px !important;
  padding: 3px 10px 3px 5px !important;
  border: 0px solid #fdd !important;
  border-radius: 1em !important;
  background: none !important;
  color: #f00 !important;
  font-size: 12px;
  font-weight: bold !important;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  line-height: 1.5 !important;
}
p.jqv_alert:before {
  content: "!";
  display: inline-block;
  width: 1.3em;
  height: 1.3em;
  margin-right: 5px;
  padding: 0 0.1ex 0.1ex;
  border-radius: 1em;
  background: #f00;
  color: white;
  font-family: "メイリオ", Meiryo, arial, helvetica;
  font-weight: bold;
  font-size: 11px;
  text-align: center;
  vertical-align: middle;
}
p.zip_code p.jqv_alert {
  display: inline-block;
}

/* ========================================================================================
  入力エラーページのメッセージ
========================================================================================*/
.required_message {
  margin: 20px 40px 40px;
}
.required_message div {
  padding: 10px 20px 15px;
  border: 1px solid #faa;
  border-radius: 10px;
  box-shadow: 1px 1px 2px #ddd;
  background: #fff5f5 white;
}
.required_message ol li {
  margin-left: 20px;
  padding: 5px 0 0;
  background: transparent;
  color: red;
  list-style: decimal;
  line-height: 1.7;
}


/* ======================================================================
  見積り下部
=======================================================================*/
#estimate_foot {
  margin: 37px 30px 0 31px;
  padding-bottom: 20px;
  font-size: 12px;
  color: #333;
  background: url("/public/img/img_search/search_intro/estimate_execute/bg_estimate_foot.png") left top no-repeat #f0f4f9;
}
#estimate_foot p.before_submit {/* 申し込み訴求テキスト */
  padding: 18px 0 25px;
  text-align: center;
  font-size: 16px;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  line-height: 1.7;
}
#estimate_foot p.before_submit strong {
  color: #f00;
  font-weight: bold;
}

/* ボタン
------------------------------------------------------------------------*/
#estimate_foot p.bt_order {
  text-align: center;
}

#estimate_foot .guide_box {/* 現場調査とは？ */
  position: relative;
  width: 452px; /* 494px - padding - border */
  margin: 27px auto 0;
  padding: 13px 20px 16px 20px;
  border: 1px solid #ddd;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  background: url("/public/img/img_search/search_intro/estimate_execute/img_order_illust_144dpi.png") 20px 15px no-repeat #fff; /* IE11背景画像にじみ対策 */
  background-size: 132px 132px;
}
#estimate_foot .product_sale {/* 正式お見積りとは？*/
  background: url("/public/img/img_search/search_intro/estimate_execute/img_order_illust02_144dpi.png") 20px 15px no-repeat #fff; /* IE11背景画像にじみ対策 */
  background-size: 132px 132px;
}

#estimate_foot .guide_box:before {
  position: absolute;
  content: "";
  display: block;
  width: 0;
  height: 0;
  top: -14px;
  left: 71px;
  border-bottom: 14px solid #ddd;
  border-left: 10px solid #f0f4f9;
  border-right: 10px solid #f0f4f9;
}
#estimate_foot .guide_box:after {
  position: absolute;
  content: "";
  display: block;
  width: 0;
  height: 0;
  top: -13px;
  left: 71px;
  border-bottom: 14px solid #fff;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
#estimate_foot .guide_box dl {
  padding-left: 152px;
}
#estimate_foot .guide_box dl dt {
  padding: 0 0 11px 19px;
  line-height: 1.2;
  font-size: 14px;
  color: #205fc0;
  border-bottom: 1px dotted #ddd;
  background: url("/public/img/img_search/search_intro/estimate_execute/ico_arrow.png") left top no-repeat;
  _height: 1.2em;
}
#estimate_foot .guide_box dl dd {
  padding-top: 8px;
  line-height: 1.7;
}
#estimate_foot .guide_box dl dd strong {
  font-weight: bold;
  color: #333;
}
#estimate_foot .guide_box p.information {
  margin-top: 16px;
  padding: 7px 14px;
  line-height: 1.5;
  color: #2467c5;
  border: 1px solid #d2e3fb;
  background-color: #fafcff;
}
#estimate_foot .guide_box p.information strong {
  font-weight: bold;
  color: #2467c5;
}

/* ===========================================================
  お見積りメモに追加する
===========================================================*/
.bt_add_memo_box {
  width: 463px; /* 494px - padding - border */
  margin: 30px auto 29px;
  padding: 10px 14px 15px 13px;
  border: 2px solid #d2d8f5;
}
.bt_add_memo_box p.bt_add_memo {
  float: left;
  padding-top: 7px;
  margin-right: 18px;
}
.bt_add_memo_box p.note_add_memo {
  float: right;
  width: 281px;
  padding-top: 7px;
  font-size: 12px;
  color: #3d4a98;
}

/* ===========================================================
  見積りしなおす下部
===========================================================*/
p.bt_back_foot {
  text-align: center;
}
p.bt_back_foot a {
  overflow: visible;
}