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

  ソーラーカーポート送客ページ作成依頼
  public_item_order_solar_input

///////////////////////////////////////////////////////////// */
.wrapper {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 14px;
  color: #111;
}
.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;
}
/* ================================================
	都道府県選択テーブル
	jQselectExtention()
=============================================== */
/*--------------------------------
	マスク
--------------------------------*/
.mask-jqexpanda {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.1;
	z-index: 9;
}
/* 都道府県入力
-----------------------------------*/
.jqexpanda::before,
.jqexpanda::after {
	content: "";
	display: block;
	position: absolute;
	top: -13px;
	left: 134px;
	width: 0;
	border: 11px solid transparent;
	border-top: none;
	border-bottom: 16px solid #fff;

}
.jqexpanda::before {
	top: -16px;
	border-bottom-color: #1d91f3;
}
.jqexpanda {
	position: relative;
	min-width: 585px;
	margin-top: 22px;
	margin-left: -120px;
	border-radius: 4px;
	border: 2px solid #1d91f3;
	box-shadow: 7px 7px 24px 0px rgba(0, 0, 0, 0.3);
	background-color: #fff;
	font-size: 14px;
	font-family: "helvetica neue", helvetica, arial, meiryo, sans-serif;
  opacity: 1;
  padding: 0;
}
.jqexpanda ul {
	border-bottom: 1px solid #ddd;
}
.jqexpanda ul:last-of-type {
	border-bottom: none;
}
.jqexpanda li {
	float: left;
	padding: 9px;
}
.jqexpanda li.head {
	width: 45px;
	margin: 0 4px -1px 0;
	border-bottom: 1px solid #8ec8f9;
	background-color: #1d91f3;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.jqexpanda ul:last-of-type li.head {
	border-bottom:none;
}
.jqexpanda li.option {
	cursor: pointer;
	background-color: #fff;
	color: #0070cf;
	text-decoration: none;
}
.jqexpanda li.option:hover {
	text-decoration: underline;
}
.close_panda {
	position: absolute;
	top: -16px;
	right: -14px;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background-color: #aaa;
	background:url("/public/img/form/icon_cross-white.png") center center no-repeat #aaa;
	cursor: pointer;
  border: none;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}



.pandummy {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	/*width: 90px;*/
	/*border: 1px solid #ccc;*/
	/*background:url(/public/img/form/input_back.png) no-repeat left top;*/
}
.pandummy-selected {
	position: relative;
	z-index: 10;
}
.pandummy span {
  display: block;
  padding: 10px 25px 10px 10px;
  border: 1px solid #ccc;
  border-radius: 2px;
  background: url(/public/img/item/order/regist/input/ico_select_arrow.png) 95% center no-repeat #fff;
  box-shadow: inset 1px 1px 1px rgba(0,0,0,0.08);
  font-size: 15px;
  font-family: meiryo, sans-serif;
  text-align: right;
  cursor: pointer;
  line-height: 1;
}
.pandummy:active span {
	background-position: right -31px;
}
.pandummy:hover {
	color: #000;
	text-decoration: none;
}

a.tip:hover {
	position: relative
}
a.tip span {
	display: none;
}
a.tip:hover span {
	position: absolute;
	top:  10px;
	left: 0px;
	z-index: 100;
	opacity: 0.9;
	display: block;
	width: auto !important;
	min-width: 300px;
	margin: 0px;
	padding: 5px;
	border: #c0c0c0 1px dotted;
	color: #0075d9;
	font-size: 12px;
	font-family: verdana,arial,helvetica,sans-serif;
	text-align: left;
	line-height: 1.5;
	background: #fff;
	white-space:nowrap;
	_left:0px;
}

/*見出し変更20131009*/
h1#ttl {
	margin: 20px auto 30px;
	text-align: center;
}
/* ===========================================================================
  タイトル&ヘッダー
============================================================================*/
#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;
}
.reserve-ttl {
	margin: 30px 0 40px;
	height: 110px;
	position: relative;
}
.mailform_instruction {
	text-align: center;
	margin: 35px -10px 40px;
}	

/* 自動入力ボタン
------------------------------------------------------------------------------*/
#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: 585px;
  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: 14px;
  font-family: "helvetica neue", helvetica, arial, meiryo, sans-serif;
}
#order_form .form_contents input[type="text"] {
  margin: 5px 0;
  border: 1px solid #ccc;
}
/* 確認ボタン
--------------------------------*/
p.bt_submit {
	margin: 25px auto;
	text-align: center;
}

/* ---------------------------------------
	ご注意
----------------------------------------*/
ul.comment {
	width: 540px;
	margin: 0 auto;
}
ul.comment li {
	margin-bottom: 3px;
	padding-left: 1em;
	font-size: 14px;
	padding-left: 2em;
	text-indent: -2em;
}

/* ---------------------------------------
	セキュリティ表示
----------------------------------------*/
.security {
	width: 540px;
	margin: 20px auto;
	padding: 20px 0;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}
.security dl {
	float: left;
	display: table;
	width: 48%;
}
.security dl.cont_secom {
	float: right;
}
.security dt,
.security dd {
	display: table-cell;
	vertical-align: middle;
}
.security dt {
	padding-right: 10px;
}
.security dt img {
	width: 62px;
}
.security dt form {
	overflow: hidden;
	height: 62px;
}
.security dd {
	margin-left: 5px;
	font-size: 13px;
	line-height: 1.35;
	text-align: justify;
	-ms-text-justify: inter-ideograph;
	text-justify: inter-ideograph;
}

/* 問い合わせ非表示
---------------------------------------*/
.receptionist {
	display: none;
}

/*------------------------------------------------------------------------------
  チェックボックス
  (※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: 370px;
  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: 100px;
  padding: 0 5px;
  font-size: 14px;
  line-height: 1.5;
  font-weight: normal;
}
#order_form .form_contents td {
  padding: 15px 20px;
}

/* 必須・任意
------------------------------------------------------------------------*/
#order_form .form_contents td.type {
  width: 40px;
  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: 0 4px;
  border: 1px solid #f09191;
  font-size: 11px;
  line-height: 10px;
}
#order_form .form_contents td.type .require {
  color: #e56a6a;
}
/* -----------------------------------------------------------------------------------------------------
  各入力項目の設定
-----------------------------------------------------------------------------------------------------*/

/* お名前
------------------------------------------------------------------------*/
.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;
  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-right: 30px;
  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: 0;
  left: 60%;
  padding-left: 10px;
  background: url("/public/img/item/order/regist/ico_arrow.png") left 6px 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_city {
  margin-top: 25px;
}

/* 番地その他
----------------------------------------------------------------------------*/
#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 .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;*/
}
/* お問い合わせ
------------------------------------------------------------------------*/
.optional {
  margin-left: 10px;
  color: #1d91f3;
  padding: 0 4px;
  border: 1px solid #1d91f3;
  font-size: 11px;
  line-height: 10px;
}
.inquiry{
  margin: 15px 0 40px 0;
  text-align: center;
}
.inquiry textarea {
  width: 520px;
  height: 215px;
  margin-top: 15px;
  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 .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: 14px;
  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 {
  width: auto;
  border: none;
  cursor: pointer;
}
/* ======================================================================================
  確認画面ボタンまわり
=======================================================================================*/
#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: 2px !important;
  padding: 3px 10px 3px 5px;
  border: 0px solid #fdd !important;
  background-image: none !important;
  color: #f00 !important;
  font-size: 12px;
  font-weight: bold !important;
  line-height: 1.5 !important;
  text-indent: 0;
}
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: 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;
}

#confirm_message {
  margin: 20px 40px 40px;
  padding: 10px 20px 15px;
  border: 1px solid #faa;
  border-radius: 10px;
  box-shadow: 1px 1px 2px #ddd;
}
.message {
  margin-left: 20px;
  padding: 5px 0 0;
  background: transparent;
  color: red;
  list-style: decimal;
  line-height: 1.7;
}