/* Clearfix
=================================*/

.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hide from Mac IE \*/
.clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
/* Hide from Mac IE */

#formCommons{
  width: 580px;
  margin: 10px auto 50px;
}
#formCommons table{
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-bottom: 40px;
}
#formCommons th, #formCommons td{
  padding: 10px;
  font-size: 12px;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  text-align: left;
}
#formCommons th {
  background-color: #ececec;
  white-space: nowrap;
}
#formCommons td{
  background-color: #fff;
  vertical-align: middle;
}
#formCommons td * {
  vertical-align: middle;
}
#formCommons td.type {
  vertical-align: middle;
  background-color: #ececec;
  border-left: none;
}
#formCommons td.type span {
  padding: 3px;
  color: #fff;
  font-weight: normal;
  font-size: 10px;
  white-space: nowrap;
}
#formCommons span.require {
  background-color: #f60;
}
#formCommons span.optional {
  background-color: #999;
}
#formCommons em.note_mailaddress {
  color: #f00;
  font-weight: normal;
  font-style: normal;
}
#formCommons em.note_mailaddress span {
  color: #03f;
  padding: 0 4px;
}
#formCommons .notes_red{
  color: #f00;
  font-weight: bold;
}
#formCommons .notes_blue{
  color: #00f;
  font-weight: normal;
}
#formCommons .example{
  color: #999;
  padding: 3px;
  font-weight: bold;
}
#formCommons .type_mailaddress{
  font-size: 18px;
  font-weight: bold;
}
#formCommons .ascii{
  ime-mode:inactive
}
#formCommons #appoint_date select {
  width: 40px;
}
#formCommons a.selectable{
  margin-bottom: 4px;
}
#formCommons input, #formCommons textarea {
    background: url(/public/img/form//input_back.png) no-repeat scroll 0 0 transparent;
    border-color: #999999 #E0E0E0 #E0E0E0 #999999;
    border-style: solid;
    border-width: 1px;
    padding: 4px;
    margin-bottom: 4px;
    font-size: 12px;
}
#formCommons .tmp_mailaddress{
  color: #f00;
  padding: 0 3px;
}
#formCommons textarea{
  width: 360px;
  height: 90px;
}
#formCommons .before_submit{
  border: 1px solid #E6DCD3;
  color: #533215;
  font-size: 12px;
  margin: 0 auto 20px;
  padding: 20px;
  background-color: #FBF7F0;
}
#formCommons .before_submit p.attention{
  width: 462px;
  margin: 20px auto 0;
  font-size: 12px;
  color: #900;
}
#formCommons label{
  cursor: pointer;
}
#formCommons input[type="checkbox"] {
  cursor: pointer;
}
#formCommons input[type="radio"] {
  cursor: pointer;
}
#formCommons p.multi_input{
  margin-bottom: 10px;
}
#formCommons dl.horizonal{
  padding-top: 10px;
  border-top: 1px solid #ccc;
}
#formCommons dl.horizonal dt, #formCommons dl.horizonal dd{}
#formCommons dl.horizonal dt{
  float:left;
  clear: right;
  padding: 5px 5px 5px 0;
  font-weight: bold;
  color: #666;
}
#formCommons dl.horizonal dd{
  float: left;
}
#formCommons ul.horizonal{
  padding-top: 10px;
}
#formCommons ul.horizonal li{
  float: left;
  padding: 0 5px 5px 0;
  white-space: nowrap;
}
#formCommons ul.vertical li{
  border-left: 3px solid #ccc;
  padding: 0 5px 0 10px;
  margin-bottom: 10px;
}
#formCommons .boot_calender, #formCommons .boot_calender a{
  font-size: 10px;
}
#formCommons .disp_calender {
  color: #00f !important;
  text-decoration: underline !important;
}

/* overwrite plugin css */
div.sctble_mat a{
  color: #00c !important;
  font-weight: normal !important;
  font-size: 14px !important;
}
div.sctble_mat dl dt {
 font-size: 12px;
}
div.sctble_mat dl dd {
    border-left: 6px solid #ccc !important;
}
/**/


#formCommons .submit_imgbtn a{
  display: block;
  background-position: left top;
  background-repeat: no-repeat;
  text-indent: -9999px;
  margin: auto;
}
#formCommons .submit_imgbtn a:hover{
  filter: alpha(opacity=70);
  opacity: 0.7;
}
#formCommons .imgbtn_type1 a{
  background-image: url(/public/img/form/order/bt_estimate.png);
  width: 462px;
  height: 60px;
}
#formCommons optgroup {
  font-weight: bold;
}

/* calender css overwrite */
.yui-skin-sam .yui-calendar td.calcell a{
  font-size: 14px;
  text-decoration: underline !important;
}

/* --------------------------------------- */
/* for plugins */
/* --------------------------------------- */
/* jQinputGuide() */
td.jqv_invalid{
  background-color: #FFF0D9 !important;
}
td.jqv_invalid p.jqv_alert{
  font-weight: bold;
  
  padding: 5px 0 5px 25px;
  color: #f60;
  background: url(/public/img/form/error_info.png) left center no-repeat;
}
/* jQselectExtention() */
#pref_dammy{
    background: url(/public/img/form/input_back.png) no-repeat scroll 0 0 transparent;
    border-color: #999999 #E0E0E0 #E0E0E0 #999999;
    border-style: solid;
    border-width: 1px;
    padding: 4px;
}
.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;
}
/* others */
#sidebar_banner_registerd {
  margin: 0 auto;
  width: 150px !important;
  height: 277px !important;
  border-top: 1px dotted #ccc;
  background-position: center center !important;
}

/* 他商品の現場調査ご依頼
------------------------------------*/
#formCommons dl#other_item_request {
	margin-bottom: 40px;
}

#formCommons dl#other_item_request dt {
	height: 26px;
}

#formCommons dl#other_item_request dt img {
	vertical-align: bottom;
}

#formCommons dl#other_item_request dd {
	position: relative;
	padding: 10px 0 10px 17px;
	*padding-bottom: 20px; /* IE7 */
	border: 2px solid #c4dfef;
}

#formCommons dl#other_item_request dd p.lead {
	margin-bottom: 18px;
	font-size: 12px;
	line-height: 1;
}

#formCommons dl#other_item_request dd #cate_list {
	margin-left: -10px;
}

#formCommons dl#other_item_request dd span.text {
	position: absolute;
	right: 8px;
	bottom: 7px;
	color: #3389bc;
	font-size: 10px;
	line-height: 1;
}

form#MAIN_FORM dl#other_item_request label {/* カテゴリ・ボタン */
	float: left;
	display: block;
	width: 100px;
	height: 21px;
	margin-left: 10px;
	margin-bottom: 10px;
	background: blue;
	cursor: pointer;
}
* html form#MAIN_FORM dl#other_item_request label {
	display: inline-block;
}

form#MAIN_FORM dl#other_item_request input {/* チェックボックスを非表示 */
	position: absolute;
	left: -9000px;
}

form#MAIN_FORM dl#other_item_request label#label_cp { background: url(/public/img/img_static/form/detail/bt_carport.png) no-repeat 0 0; }
form#MAIN_FORM dl#other_item_request label#label_cy { background: url(/public/img/img_static/form/detail/bt_cycleport.png) no-repeat 0 0; }
form#MAIN_FORM dl#other_item_request label#label_cg { background: url(/public/img/img_static/form/detail/bt_cargate.png) no-repeat 0 0; }
form#MAIN_FORM dl#other_item_request label#label_mp { background: url(/public/img/img_static/form/detail/bt_gate.png) no-repeat 0 0; }
form#MAIN_FORM dl#other_item_request label#label_fe { background: url(/public/img/img_static/form/detail/bt_fence.png) no-repeat 0 0;}
form#MAIN_FORM dl#other_item_request label#label_mo { background: url(/public/img/img_static/form/detail/bt_strage.png) no-repeat 0 0; }
form#MAIN_FORM dl#other_item_request label#label_fu { background: url(/public/img/img_static/form/detail/bt_post.png) no-repeat 0 0; }
form#MAIN_FORM dl#other_item_request label#label_rs { background: url(/public/img/img_static/form/detail/bt_watergate.png) no-repeat 0 0; }
form#MAIN_FORM dl#other_item_request label#label_gp { background: url(/public/img/img_static/form/detail/bt_gaikou.png) no-repeat 0 0; }
form#MAIN_FORM dl#other_item_request label#label_tr { background: url(/public/img/img_static/form/detail/bt_teras.png) no-repeat 0 0; }
form#MAIN_FORM dl#other_item_request label#label_br { background: url(/public/img/img_static/form/detail/bt_broof.png) no-repeat 0 0; }
form#MAIN_FORM dl#other_item_request label#label_bl { background: url(/public/img/img_static/form/detail/bt_balcony.png) no-repeat 0 0; }
form#MAIN_FORM dl#other_item_request label#label_aw { background: url(/public/img/img_static/form/detail/bt_awning.png) no-repeat 0 0; }
form#MAIN_FORM dl#other_item_request label#label_tg { background: url(/public/img/img_static/form/detail/bt_teraskakoi.png) no-repeat 0 0; }
form#MAIN_FORM dl#other_item_request label#label_wd { background: url(/public/img/img_static/form/detail/bt_wooddeck.png) no-repeat 0 0; }
form#MAIN_FORM dl#other_item_request label#label_et { background: url(/public/img/img_static/form/detail/bt_other.png) no-repeat 0 0; }
form#MAIN_FORM dl#other_item_request label#label_um { background: url(/public/img/img_static/form/detail/bt_window.png) no-repeat 0 0; }
form#MAIN_FORM dl#other_item_request label#label_sh { background: url(/public/img/img_static/form/detail/bt_sh.png) no-repeat 0 0; }
form#MAIN_FORM dl#other_item_request label#label_np { background: url(/public/img/img_static/form/detail/bt_exstyle.png) no-repeat 0 0; }
form#MAIN_FORM dl#other_item_request label#label_sy { background: url(/public/img/img_static/form/detail/bt_sy.png) no-repeat 0 0; }
form#MAIN_FORM dl#other_item_request label#label_pg { background: url(/public/img/img_static/form/detail/bt_pg.png) no-repeat 0 0; }
form#MAIN_FORM dl#other_item_request label#label_rd { background: url(/public/img/img_static/form/detail/bt_rd.png) no-repeat 0 0; }
form#MAIN_FORM dl#other_item_request label#label_mk { background: url(/public/img/img_static/form/detail/bt_mk.png) no-repeat 0 0; }
form#MAIN_FORM dl#other_item_request label#label_ws { background: url(/public/img/img_static/form/detail/bt_ws.png) no-repeat 0 0; }
form#MAIN_FORM dl#other_item_request label#label_gs { background: url(/public/img/img_static/form/detail/bt_gs.png) no-repeat 0 0; }

form#MAIN_FORM dl#other_item_request label.selected { background-position: 0 -21px !important; }/* 選択されたボタン表示 */

/* 現場調査依頼フォーム
　利用規約を追加
------------------------------------*/
div#CONTLEFT .rules_privacy p.notice {
	font-weight: bold;
	font-size: 14px;
	text-align: left;
}
div#CONTLEFT p.form_agreement_title {
	margin-bottom: 5px;
	padding-left: 5px;
	border-left: 5px solid #ccc;
	font-weight: bold;
}
div#CONTLEFT strong.privacy_request {
	font-weight: normal;
}
div#CONTLEFT .rules_outer {
	padding: 4px;
	border: 1px solid #aaa;
}
div#CONTLEFT .rules_outer .inner {
	padding: 4px;
	overflow: auto;
	width: 512px;
	font-size: 12px;
	height: 70px;
}
div#CONTLEFT .rules_outer .inner #mypage_rules {
	padding-right: 5px;
}
div#CONTLEFT .rules_outer .inner #mypage_rules #shop_info p {
	text-align: right;
}
div#CONTLEFT .rules_outer .inner #mypage_rules dt {
	margin-bottom: 6px;
	text-align: center;
}
div#CONTLEFT .rules_outer .inner #mypage_rules dd {
	margin-bottom: 10px;
}
div#CONTLEFT .rules_outer .inner #mypage_rules dd p.rule {
	line-height: 1;
}
div#CONTLEFT .rules_outer .inner #mypage_rules dd ul li {
	margin-bottom: 10px;
}
div#CONTLEFT .rules_outer .inner #mypage_rules dd ul li ol li {
	margin: 0 0 0.5em;
	margin-left: 1em;
	text-indent: -1em;
}
div#CONTLEFT .rules_outer .inner #mypage_rules dd ul li table {
	margin: 10px auto;
	border-collapse: collapse;
	border: 1px solid #ccc;
	background: white;
	text-indent: 0;
}
div#CONTLEFT .rules_outer .inner #mypage_rules dd ul li table th,
div#CONTLEFT .rules_outer .inner #mypage_rules dd ul li table td {
	padding: 5px;
}
div#CONTLEFT .rules_outer .inner #mypage_rules dd ul li table th {
	width: 10em;
	text-align: center;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-weight: normal;
}
div#CONTLEFT .rules_outer .inner #mypage_rules dd ul li table td {
	border-bottom: 1px solid #ccc;
}
div#CONTLEFT .privacy_textfield {
	margin-bottom: 15px;
	height: 70px;
	font-size: 12px;
	border: 1px solid #aaa;
	resize: none;
}
/* =====================================================================
	お客様情報を保存する/削除する/お客様情報を復元するボタン 2013/09/13
=====================================================================*/
/* お客様情報を保存するボタン
------------------------------------------------------------------------*/
.save_customer_info {
	margin: 0 auto 22px;
	padding: 20px;
	width: 420px;
	background-color: #fff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.save_customer_info p.lead {
	margin-bottom: 6px;
	font-size: 14px;
	font-weight: bold;
	color: #990000;
}

.save_customer_info p.button {
	font-size: 14px;
	font-weight: bold;
}
.save_customer_info p.button a {
	float: right;
	display: block;
	padding-left: 37px;
	width: 156px;/* 193px - padding-left */
	height: 25px;
	line-height: 25px;
	text-decoration: none;
	color: #555;
	background: url("/public/img/form/order/btn_save_info.png") left top no-repeat;
}
/* 削除するするボタン/お客様情報を復元するボタン
------------------------------------------------------------------------*/
.recovery_del_info {
	margin-bottom: 10px;
}
.recovery_del_info p.recovery_info {
	float: left;
	margin-right: 10px;
	font-size: 14px;
	font-weight: bold;
}
.recovery_del_info p.recovery_info a {
	display: block;
	padding-left: 30px;
	width: 155px;/* 185px - padding-left */
	height: 26px;
	line-height: 26px;
	text-decoration: none;
	color: #fff;
	background: url("/public/img/form/order/btn_recovery_info.png") left top no-repeat;
}
.recovery_del_info p.del_info {
	font-size: 12px;
}
.recovery_del_info p.del_info a {
	display: block;
	padding-left: 29px;
	width: 54px;/* 83px - padding-left */
	height: 26px;
	line-height: 26px;
	text-decoration: none;
	color: #505050;
	background: url("/public/img/form/order/btn_del_info.png") left top no-repeat;
}
/* ボタン hover opacity透明効果
------------------------------------------------------------------------*/
.save_customer_info p.button a:hover,
.recovery_del_info p.recovery_info a:hover,
.recovery_del_info p.del_info a:hover {
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}