@charset "UTF-8";

#estimate{
	position: fixed;
	bottom: 0;
	z-index: 1000;
	background-color: #FFFFFF;
}

/********* 概算見積もりを見やすく *********/

#estimate {
	min-width: 2em;
	width: 900px;
	padding: 1em; 
	position: fixed;
	bottom: 0;
	z-index: 1000;
	background-color: rgba(0, 0, 0, 0.85);
	border: 2px solid #0E7022;
	border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	color: #fff;
	transition: all 0.3s;
}
#estimate #toggle {
	position: absolute;
	left: 850px;
	top: 8px;
}
#estimate table {
	border-collapse: collapse;
	font-size: 14px;
	margin-left: auto;
	margin-right: auto;
}
#estimate table tr {
	border-bottom: 1px dotted #999;
}
#estimate table tr:nth-child(even) {
	background-color: rgba(10, 10, 10, 0.3);
}
#estimate table tr:last-child {
	border-bottom: none;
	border-top: 3px double #fff;
}
#estimate table tr th {
	background-color: #fff;
	font-size: 13px;
	color: #000;
}
#estimate table tr td, #estimate table tr th {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	padding-right: 0.5em;

}
#estimate table tr th:nth-child(1) { /* タイトル：コード */
	font-size: 12px;
	width: 70px;
}
#estimate table tr th:nth-child(2) { /* タイトル：商品名 */
	/*width: 400px;*/
	width: 722px;
}
#estimate .price { /* 価格 */
	text-align: right;
}
#estimate table tr:last-child td:nth-child(5) { /* 総計の最後にある余分なセルを消す */
	display: none;
	width: 0px;
	height: 0px;
	overflow: hidden;
}
#estimate table tr td:last-child {
	padding-top: 0.3em;
	padding-bottom: 0.2em;
	padding-left: 0.5em;
}
#estimate table input[type=button].delete {
	padding: 4px 10px 3px 18px;
	background-color: #222;
	color: #fff;
	font-size: 13px;
	border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	background-image: url(../img/estimate_batu_w.png);
	background-repeat: no-repeat;
	background-position: left 4px center;
	border: #aaa 2px solid;
	color: #fff;
	transition: all 0.2s;
}
#estimate table input[type=button].delete:hover {
	background-color: #fff;
	color: #000;
	background-image: url(../img/estimate_batu_b.png);
	border: #aaa 2px solid;
	transition: all 0.2s;
}
#estimate table tr td:nth-child(4) {
	color: #FFBFBF;
	font-weight: bold;
}
#estimate table td.daikei {
	color: #B20000;
	font-weight: bold;
	background-color: rgba(255, 255, 255, 0.8);
}
span.estimate-area { /* 配送先都道府県名を、画面は非表示に */
	display: none;
}
#estimate input.m-seikyu, button#btn_print { /* 見積もり依頼ボタン */
	border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	background-color: #0E7022;
	border: #0E7022 2px solid;
	color: #fff;
	font-size: 17px;
	padding: 0.5em;
	width: 80%;
	transition: all 0.2s;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-top: 1em;
	margin-bottom: 0.5em;
}
#estimate input.m-seikyu:hover, button#btn_print:hover { /* 見積もり依頼ボタン:マウスオーバー */
	background-color: #fff;
	color: #0E7022;
	font-size: 17px;
	padding: 0.5em;
	width: 80%;
	transition: all 0.2s;
	margin-left: auto;
	margin-right: auto;
}
#estimate h3 {
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 0.5em;
	display: block;
}
#estimate .estimate-company {
	display: none;
}
#estimate .estimate-address {
	display: none;
}
#estimate .toiawase {
	text-align: center;
}
#estimate .phone-number {
	font-weight: bold;
	color: #FFC700;
}
#estimate a {
	color: #FFC700;
}
.writing-space {
	display: none;
}

/******* 製品紹介ページの商品説明テーブル ********/
.product_info {
	padding-left: 20px;
	padding-right: 10px;
	margin-bottom: 2em;
}
.product_info:after {
	visibility: hidden;
	display: block;
	content: " ";
	clear: both;
	height: 0;
}
.product_info div:first-child {
	width: 310px;
	display: block;
	float: left;
}
.product_info div:first-child img {
	max-width: 300px;
}
.product_info div:last-child {
	width: 330px;
	display: block;
	float: right;
}
/***** 変更のため無効化
.product_info div:last-child h3 {
	background-color: #E3E3C8;
	background-image: url(img/bg_pi_h3.png);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 1.2em;
	line-height: 1.3em;
	padding-top: 8px;
	padding-bottom: 6px;
	padding-left: 20px;
	width: auto;
	height: auto;
}
******/
.product_info div:last-child h3,
.product_info div:last-child h4 {
	background-color: #fff;
	background-image: none;
	border-bottom: 0px;;
	font-size: 1em;
	line-height: 1.3em;
	padding-left: 20px;
	margin-bottom: 5px;
	width: auto;
	height: auto;
}
.product_info div:last-child p {
	line-height: 1.75em;
	width: auto;
}
.product_info form {
	text-align: right;
	margin-top: 1em;
	padding-left: 20px;
}
.product_info form input {
	padding: 4px 6px 4px 6px;
	font-size: 1.3em;
	width: 3.1em;
	margin: 0 0.1em 0 0.3em;
	font-weight: bold;
	color: #710004;
}
.product_info form label {
	font-weight: bold;
	color: #710004;
	background-image: url(img/bg_pi_input_arrow.png);
	background-repeat: no-repeat;
	background-position: center right;
	padding-right: 8px;
}
.product_info form input[type=button] {
	padding: 6px 4px 4px 4px;
	font-size: 1em;
	width: 8em;
	margin: 0em 0em 0 0.5em;
	font-weight: 300;
	border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	background-color: #0E7022;
	border: #0E7022 2px solid;
	color: #fff;
	transition: all 0.2s;
}
.product_info form input[type=button]:hover {
	background-color: #fff;
	color: #0E7022;
	transition: all 0.2s;
}
.product_info form input[type=button]:disabled {
	color: #fff;
	background-image: none;
	background-color: #ccc;
	border-color: #ccc;
}

/**** 印刷スタイル-見積もり ****/
@page { 
	size: A4 
}

@media print { 

body {
	color: #000;
	padding-left: 10mm;
	padding-right: 10mm; 
	padding-bottom: 0mm;
	margin-bottom: 0mm;
	line-height: 1.75em;
	height: 297mm; /* IE10~11の無駄な複数ページに対処 */
	overflow: visible;
	-webkit-print-color-adjust: exact;
}
h3 {
	font-size: 15pt;
	font-weight: bold;
	text-align: center;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
	color: #000;
}
.estimate-company {
	display: Block;
	text-align: right;
	font-size: 14pt;
}
.estimate-address {
	display: Block;
	text-align: right;
	font-size: 10pt;
	line-height: 1.35em;
	margin-bottom: 1mm;
}
table {
	border-collapse: collapse;
	font-size: 11pt;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
table tr {
	border-bottom: 1pt solid #000;
}
table tr th {
	background-color: #c8c8c8;
	font-size: 9pt;
	color: #000;
}
table tr:nth-child(even) {
	background-color: #fff;
}
table tr:last-child {
	border-bottom: none;
	border-top: 4pt double #000;
}
input.m-seikyu, button#btn_print { /* 見積もり依頼ボタン */
	display: none;
	width: 0px;
	height: 0px;
	overflow:hidden;
}
table tr td, table tr th {
	padding-top: 1.5mm;
	padding-bottom: 1.5mm;
	padding-left: 2mm;
	padding-right: 2mm;
}
table tr td {
	font-size: 10pt;
}

table tr td:last-child {
	padding-top: 0.3em;
	padding-bottom: 0.2em;
	padding-left: 0.5em;
}
table tr td:nth-child(1) {
	font-size: 9pt;
}
table tr th:nth-child(1) {
	width: 15%;
}
table tr td:nth-child(3), table tr td:nth-child(4), table tr td:nth-child(5) {
	text-align: right;
}
table tr th:nth-child(2), table tr th:nth-child(3), table tr th:nth-child(4) {
	border-left: 0.7pt #fff solid;
}
table tr:last-child td:nth-child(3) { /* 総計を太字に */
	font-weight: bold;
}
table tr:last-child td:nth-child(4) { /* 総計の最後にある余分なセルを消す */
	display: none;
	width: 0px;
	height: 0px;
	overflow:hidden;

}
.nonprinting {
	display: none;
	width: 0px;
	height: 0px;
	overflow: hidden;
}
td.nonprinting {
	display: none;
	width: 0px;
	height: 0px;
	overflow: hidden;
}
.estimate_table:after {
	content: "テスト";
}
span.estimate-area {
	display: inline;
}

/* 手書きエリア */
.writing-space {
	display: block;
	font-size: 9pt;
	line-height: 1.5em;
	text-align: left;
	overflow: hidden;
}
.writing-space h3 {
	text-align: center;
	font-size: 15pt;
	font-weight: bold;
	width: 100%;
	border-top: 1pt solid #000;
	margin-bottom: none;
	padding-top: 2mm;
}
.writing-space h4.genba {
	display: block;
	width: 100%;
}
.writing-space p {
	display: block;
	width: 100%;
	min-height: 9.5mm;
	font-size: 8pt;
	border-bottom-width: 0.8pt;
	border-bottom-color: #000000;
	border-bottom-style: solid;
	margin-bottom: 1mm;
}
.writing-space p.bank {
	width: 100%;
	border-bottom: none;
	display: block;
	height: auto;
}
.writing-space p.genba-niukenin,
.writing-space p.genba-phone,
.writing-space p.orderman-name,
.writing-space p.orderman-phone {
	width: 50%;
	float: left;
}
.writing-space p.genba-date, .writing-space p.orderman-mail {
	width: 100%;
	display: block;
	clear: both;
}
.writing-space p.genba-notice {
	width: 100%;
	border-bottom: none;
	text-align: right;
	height: auto;
}
.writing-space p.orderman-mail {
	clear: both;
}
.writing-space h4.orderman {
	width: 100%;
	display: block;
}
.writing-space p.attention {
	border-bottom: hidden;
	line-height: 1.3em;
}

} /* ←削除禁止 */