/*エラーメッセージ用*/
label.error{
	display:block;
	font-size: 14px;
	font-weight: bold;
	color:#F00;
	margin:3px 0;
	background:#FF6;
	padding:2px 10px;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */
}


input[type="text"] {
	border: 1px solid #a6a6a6;
	padding: 5px;
	font-size: 1.6rem;
	width: 90%;
	margin: 5px 10px 0px;
}
input[type="email"] {
	border: 1px solid #a6a6a6;
	padding: 5px;
	font-size: 1.6rem;
	width: 90%;
	margin: 5px 10px 0px;
}
input[type="number"] {
	border: 1px solid #a6a6a6;
	padding: 5px;
	font-size: 1.6rem;
	width: 90%;
	margin: 5px 0px 15px 10px;
}
input[type="tel"] {
	border: 1px solid #a6a6a6;
	padding: 5px;
	font-size: 1.6rem;
	margin: 5px 10px 0px;
}

.maisuu {width: 20%;}
.tel { width: 90%; }

input[disabled="disabled"] { background: #ddd; }

div.form_box input { margin-bottom: 5px; }

dd {
  display: block;
  -webkit-margin-start: 0px;
}

dl.dl_estimate {
	margin-bottom: 15px;
	border-bottom: 1px solid #CCC;
	padding-bottom: 10px;
}
div.form_box dl:last-child { border-style: none; }

dl.dl_estimate > dt {
	padding: 5px 0px 5px 5px;
	line-height: 1;
	margin: 0px 0px 0px 5px;
	font-weight: bold;
}
.dl_estimate p { margin-left: 10px; }


dl dt em.hissu {
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align: middle;
	padding: 0 3px;
	background: #ff4900;
	color: #fff;
	margin: -6px 0px 0px 10px;
	font-style: normal;
}
dl dt em.nini {
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align: middle;
	padding: 0 3px;
	background: #8db1ff;
	color: #000;
	margin: -6px 0px 0px 10px;
	font-style: normal;
}
dl.dl_estimate > dt a {
	float: right;
	color: #f00;
	text-decoration: underline;
}
dl.dl_estimate > dt a:hover { text-decoration: none; }



dd.yoko_img {
	text-align: center;
	display: table;
	table-layout: fixed;
	text-align: center;
	width: 100%;
	margin: 0px;
}
dd.yoko_img li {
	display: table-cell;
	vertical-align: middle;
}

ul.ul_order li {
	margin: 15px 15px 0px;
}

dl.dl_pole {
	display:inline-block;
	/display:inline;
	/zoom:1;
	margin-right: 30px;
}
dl.dl_stand {
	display:inline-block;
	/display:inline;
	/zoom:1;
}
dl.dl_pole dt, dl.dl_stand dt {
	background: #333;
	color: #fff;
}
dl.dl_pole dd, dl.dl_stand dd {
	margin-bottom: 5px;
}

ul.ul_size, ul.ul_bouen, ul.ul_sets, ul.ul_sozai, ul.ul_design {
	/zoom: 1;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-padding-start: 0;
}
ul.ul_size li, ul.ul_bouen li, ul.ul_set li, ul.ul_sozai li, ul.ul_design li {
	margin: 15px 15px 0;
	
}



ul.ul_color, ul.ul_hokyo, ul.ul_shape, ul.ul_option ul.ul_parts { text-align: center; margin-left: -15px; }
ul.ul_color li, ul.ul_hokyo li, ul.ul_shape li, 
ul.ul_seisaku li, ul.ul_option li ul.ul_parts li {
	display:inline-block;
	/display:inline;
	/zoom:1;
	margin: 0 0 15px 15px;
}

ul.ul_size02 {
	text-align: center;
}
input.kiboubi { font-size: 1.6rem; }
ul.ul_size02 li {
	display:inline-block;
	/display:inline;
	/zoom:1;
	margin: 0 0 15px 0px;
}

ul.ul_parts { text-align: center; margin-left: -15px; }
ul.ul_parts li { display:inline-block;
	/display:inline;
	/zoom:1;
	margin: 0 0 15px 15px;
}

ul.ul_parts li:first-child { margin-left: -30px; }

div.upfile_left {
	float: left;
	
}
ul.ul_upfile {
	padding: 10px;
	margin: 0px 0px -20px;
}
ul.ul_upfile li {
	clear: both;
	margin-bottom: 10px;
}

ul.ul_nouki {}

ul.ul_nouki li {
	clear: both;
	margin: 0px 0px 5px 15px;
}

div#calid1, div#calid4, div#calid5, div#calid6, div#calid7 {
	display:inline-block;
	/display:inline;
	/zoom:1;
	z-index: 2;
}

#maisuu { width: 20%; }
#yosan { width: 40%; }
dd.dd_yosan {
	padding: 0 304px 0 25px;
	background: url(../../estimate2/images/bg_yosan.jpg) right top no-repeat;
}

dd.dd_set {
	border: 1px solid #a6a6a6;
	margin: 0 25px;
	padding: 10px;
}
dd.dd_set ul {
	overflow: hidden;
	/zoom: 1;
	margin-bottom: 10px;
}
dd.dd_set ul li {
	float: left;
	margin-left: 20px;
}
dd.dd_set ul li:first-child { margin-left: 0; }

dl.dl_customer {
	overflow: hidden;
	/zoom: 1;
	padding: 10px 10px 15px;
}
dl.customer_last {
	margin-bottom: 30px;
}
dl.dl_customer dt {
	float: left;
	width: 100%;
	margin-left: 10px;
}
dl.dl_customer dd {
	float: left;
}
.ul_houjinkojin {
	padding-top: 4px;
	padding-left: 20px;
}
.ul_houjinkojin li:nth-of-type(n + 2) {
	margin-top: 4px;
}
p.rei {
	font-size: 14px;
	margin: 5px 0px 0px 10px;
}

dd.dd_bikou {
	padding: 0 25px 0 10px;
}
textarea.bikou {
	width: 95%;
	height: 50px;
	border: 1px solid #a6a6a6;
	text-align: left;
	font-size: 1.6rem;
}
.kiji_bikou {
	width: 95%;
	margin-top: -10px;
}

input[type="submit"] {
	width: 65%;
	height: 30px;
	font-size: 1.6rem;
}

div.form_box {
	margin: 0px 10px 10px;
	border: 1px solid #CCC;
	overflow: hidden;
}

div.form_box2 {
	margin: 0px 10px 10px;
	border: 1px solid #CCC;
	overflow: hidden;
}

div.form_box2 a {
	color: #00F;
}


dl.estimate_attention {
	margin: 0px 10px;
	padding-bottom: 10px;
}
dl.estimate_attention dt {
	background: #d20000;
	color: #FFF;
	text-align: center;
	padding: 10px 0px;
	margin-bottom: 5px;
}

.blue {
	color: #00F;
}

#yubin {
	width: 30%;
	font-weight: bold;
	margin-bottom: 0px;
}

.yubin {
	float: left;
	font-size: 1.6rem;
	font-weight: bold;
	padding-top: 14px;
	margin-left: 10px;
}

h2.h2_estimate ,h3.h3_estimate {
	font-size: 1.6rem;
	background: #f2f2f2;
	text-align: center;
	padding: 10px 0px;
}

div.es_step {margin: 10px; }

p.data_attention {
	background: #ffd5d5;
	padding: 5px;
	margin: 0px 10px;
}

dl.dl_customer { border-bottom: 1px dotted #CCC; }
div.form_box2 dl:last-child { border-style: none; }



.dl_sozai { margin-left: 15px; }
.dl_sozai dt { margin-bottom: 10px; }
.dl_sozai h4 {margin-bottom: 5px;}

select { font-size: 1.6rem; }

.red { color: #F00; }
div.contensGroup {
	display: none;
	margin: 10px 0px;
	border-bottom: 1px solid #CCC;
}



.confirmation {
	padding: 5px;
	border: 1px solid #333;
	font-size: 1.2rem;
	margin: 20px 10px;
}
.confirmation span { color: #F00; }

.confirmation p:first-child { margin-bottom: 7px; }


/*ライトボックス*/

div.my-gallery {
	float: right;
	clear: none;
	margin-right: 10px;
}

.m_mt10 {
	margin-top: -10px;
}

div.my-gallery figure {
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}
.my-gallery figcaption { display: none; }


/*追加*/

input:focus::-webkit-input-placeholder,
isindex:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    color: transparent;
}


.est_list2 input ,.dl_list2 input ,.dl_list3 input ,.est_list3 input { opacity:0; }

.est_list2 { overflow: hidden; margin: 0px 10px 15px; text-align: center; }

.est_list2 li {
	width:50%;
	float:left;
	box-sizing :border-box;
	position: relative;
	margin: -15px 0px 0px;
	padding: 0px 5px;
	position: relative;
}

.est_list3 { overflow: hidden; margin: 0px 10px 15px; text-align: center; }

.est_list3 li {
	width:33.3%;
	float:left;
	box-sizing :border-box;
	position: relative;
	margin: -15px 0px 0px;
	padding: 0px 5px;
	position: relative;
}
.est_list3 figcaption span { letter-spacing: -1px; }


.est_list2 input[type="radio"]:checked + label img ,.dl_list2 input[type="radio"]:checked + label img ,.dl_list3 input[type="radio"]:checked + label img ,.est_list3 input[type="radio"]:checked + label img ,.est_list3 input[type="checkbox"]:checked + label img {
	-webkit-filter: brightness(0.5);
	-moz-filter: brightness(0.5);
	-o-filter: brightness(0.5);
	-ms-filter: brightness(0.5);
	filter: brightness(0.5);
}


.est_list2 input[type="radio"]:checked + label::after ,.dl_list2 input[type="radio"]:checked + label::after ,.dl_list3 input[type="radio"]:checked + label::after { color: #FFF; font-weight: bold; content: "選択中"; position: absolute; top: 50%; left: 0; right: 0; margin: auto; }
.est_list3 input[type="radio"]:checked + label::after ,.est_list3 input[type="checkbox"]:checked + label::after { color: #FFF; font-weight: bold; content: "選択中"; position: absolute; top: 45%; left: 0; right: 0; margin: auto; }
.est_list3 li:first-child input[type="radio"]:checked + label::after ,.est_list3 li:last-child input[type="radio"]:checked + label::after ,.est_list3 li:first-child input[type="checkbox"]:checked + label::after { color: #FFF; font-weight: bold; content: "選択中"; position: absolute; top: 50%; left: 0; right: 0; margin: auto; }


figure { margin: 0px; }


.dl_list2 ,.dl_list3 { overflow: hidden; margin: 0px 10px 15px; }
.dl_list2 dt ,.dl_list3 dt { margin-left: 5px; font-weight: bold; }
.dl_list2 i ,.dl_list3 i { padding-right: 5px; }
.dl_list2 dd {
	width:50%;
	float:left;
	box-sizing :border-box;
	position: relative;
	margin: -15px 0px 0px;
	padding: 0px 5px;
	position: relative;
	text-align: center;
}
.dl_list3 dd {
	width:33.3%;
	float:left;
	box-sizing :border-box;
	position: relative;
	margin: -15px 0px 0px;
	padding: 0px 5px;
	position: relative;
	text-align: center;
}

.est_color { margin: 0px; }

.hone { margin: 0px 10px; }

.mb50 { margin-bottom: 50px; }



.ougi_list {
	font-size: 0px;
	margin-right: 10px;
}
.ougi_list li {
	font-size: 1.4rem;
	display: inline-block;
	width: 33.3%;
	box-sizing:border-box;
	border-left: 10px solid transparent;
	margin-bottom: 20px;
	vertical-align: top;
}
.ougi_list img {
	margin-bottom: 7px;
}