/* =======================================
 タイトル：table.css
 作成者：Yoshiki Watanabe
 概　要：テーブルCSS
 製作日：2018年01月05日
 変更日：
========================================= */

@charset "shift_jis";

/* ------------ products ------------ */
table.products {
	width: 640px;
	margin-top: 1em;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
	border-spacing: 0;
	background-color: #fff;
	empty-cells: show;
}

.products td {
	text-align: center;
}

/* ------------ method ------------- */
table.method {
	width: 640px;
	margin-top: 1em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2em;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #068;
	background-color: #fff;
	empty-cells: show;
}

.method th {
	font-size: 100%;
	text-align: center;
	vertical-align: top;
	padding: 0.2em 0;
	color: #fff;
	border-left: 1px solid #068;
	border-bottom: 1px solid #068;
  	background-color: #578;
}

.method td {
	text-align: center;
	padding: 0.5em 0 0.2em;
	border-left: 1px solid #068;
}

/* ------------ purpose ------------- */
table.purpose {
	width: 640px;
	margin-top: 1em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #068;
	background-color: #fff;
	empty-cells: show;
}

.purpose th {
	font-size: 100%;
	text-align: center;
	vertical-align: top;
	padding: 0.2em 0;
	color: #fff;
	border-left: 1px solid #068;
	border-bottom: 1px solid #068;
  	background-color: #578;
}

.purpose td {
	text-align: center;
	padding: 0.5em 0 0.2em;
	border-left: 1px solid #068;
}

/* ------------- conveni ------------ */
table.conveni {
	width: 640px;
	margin-top: 1em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #068;
	background-color: #fff;
	empty-cells: show;
}

.conveni th {
	font-size: 100%;
	text-align: center;
	vertical-align: top;
	padding: 0.2em 0;
	color: #fff;
	border-left: 1px solid #068;
	border-bottom: 1px solid #068;
  	background-color: #048;
}

.conveni td {
	text-align: center;
	padding-top: 0.5em;
	border-left: 1px solid #068;
}

/* ------------ conveni_o ----------- */
table.conveni_o {
	width: 640px;
	margin-top: 1em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #068;
	background-color: #fff;
	empty-cells: show;
}

.conveni_o th {
	font-size: 100%;
	text-align: center;
	vertical-align: top;
	padding: 0.2em 0;
	color: #fff;
	border-left: 1px solid #068;
	border-bottom: 1px solid #068;
  	background-color: #048;
}

.conveni_o td.example1 {
	font-size: 90%;
	padding-top: 0.5em;
	padding-left: 1.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	border-left: 1px solid #068;
	border-bottom: 1px solid #068;
}

.conveni_o td.example2 {
	text-align: center;
	padding-top: 0.5em;
	border-left: 1px solid #068;
}

/* ----------- company ------------ */
table.company {
	width: 640px;
	margin-top: 1.5em;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #068;
	background-color: #fff;
	empty-cells: show;
}

.company th {
	width: 110px;
	font-size: 100%;
	text-align: center;
	vertical-align: top;
	padding: 0.5em;
	color: #fff;
	border-left: 1px solid #068;
	border-bottom: 1px solid #068;
  	background-color: #578;
}

.company td {
	font-size: 100%;
	vertical-align: top;
	padding: 0.5em 0.5em 0.5em 1.3em;
	border-bottom: 1px solid #068;
}

/* --------- company_map ---------- */
table.company_map {
	width: 640px;
	margin-top: 1.5em;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #068;
	background-color: #fff;
	empty-cells: show;
}

.company_map td {
	text-align: center;
	padding: 0.5em 0 0;
}


/* ------------ ここから未使用 ------------------------------------------------------------------------------------------------ */

/* ------------- system ------------- */
table.system {
	width: 640px;
	margin-top: 1em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #068;
	background-color: #08e;
	empty-cells: show;
}

.system td {
	font-size: 120%;
	text-align: center;
	color: #fff;
	padding: 1em;
}

/* ------------ system_o ------------ */
table.system_o {
	width: 640px;
	margin-top: 1em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2em;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #068;
	background-color: #fff;
	empty-cells: show;
}

.system_o th {
	width: 130px;
	font-size: 100%;
	text-align: left;
	padding-top: 0.5em;
	padding-left: 1em;
	padding-bottom: 0.5em;
	color: #336;
	border-right: 1px solid #068;
	border-bottom: 1px solid #068;
 }

.system_o td {
	font-size: 100%;
	padding: 0.2em 1em;
	border-bottom: 1px solid #068;
}

/* ------------ system_s ------------ */
table.system_s {
	width: 640px;
	margin-top: 1em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #068;
	background-color: #fff;
	empty-cells: show;
}

.system_s th {
	width: 100px;
	text-align: center;
	vertical-align: center;
	padding-top: 0.5em;
	border-bottom: 1px solid #068;
 }

.system_s td {
	padding-left: 1em;
	padding-right: 2em;
}

/* ------------- supply ------------- */
table.supply_slip {
	width: 640px;
	margin-top: 1em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2em;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #068;
	background-color: #fff;
	empty-cells: show;
}

.supply_slip th {
	font-size: 100%;
	text-align: center;
	padding: 0.5em;
	color: #336;
	border-top: 1px solid #068;
	border-right: 1px solid #068;
	border-bottom: 1px solid #068;
	background-color: #bfc;
}

.supply_slip td.example1 {
	width: 250px;
	text-align: center;
	vertical-align: center;
	padding: 0.5em;
}

.supply_slip td.example2 {
	font-size: 90%;
	color: #336;
	vertical-align: top;
	padding: 0.2em;
}

.supply_slip td.example2_r {
	font-size: 90%;
	vertical-align: top;
	text-align: right;
	padding: 0.2em 0.5em;
}

.supply_slip td.example3 {
	font-size: 90%;
	vertical-align: top;
	padding: 0.2em;
}

.supply_slip td.example3_r{
	font-size: 90%;
	vertical-align: top;
	text-align: right;
	padding: 0.2em;
}

.supply_slip td.example4 {
	font-size: 90%;
	vertical-align: top;
	text-align: right;
	padding: 0.2em 0 0 2em;
}

.supply_slip td.example5 {
	font-size: 90%;
	vertical-align: top;
	text-align: right;
	padding: 0.2em 1em 0 0;
}

table.supply_seal {
	width: 640px;
	margin-top: 1em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2em;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #068;
	background-color: #fff;
	empty-cells: show;
}

.supply_seal th {
	font-size: 100%;
	text-align: center;
	padding: 0.5em;
	color: #336;
	border-top: 1px solid #068;
	border-right: 1px solid #068;
	border-bottom: 1px solid #068;
	background-color: #bfc;
}

.supply_seal td.example1 {
	width: 220px;
	text-align: center;
	vertical-align: center;
	padding: 0.5em;
}

.supply_seal td.example2 {
	width: 140px;
	font-size: 90%;
	color: #336;
	vertical-align: top;
	padding: 0.2em;
}

.supply_seal td.example3 {
	font-size: 90%;
	text-align: left;
	vertical-align: top;
	padding: 0.2em;
}

.supply_seal td.example3_s {
	width: 100px;
	font-size: 90%;
	text-align: center;
	vertical-align: top;
	padding: 0.2em;
}

table.supply_magnet_pr {
	width: 640px;
	margin-top: 1em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -1.5em;
	border-collapse: collapse;
	border-spacing: 0;
	background-color: #fff;
	empty-cells: show;
}

.supply_magnet_pr td {
	text-align: center;
	padding: 0.5em 0;
	border-top: 1px solid #068;
}

table.supply_magnet {
	width: 640px;
	margin-top: 1em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 2em;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #068;
	background-color: #fff;
	empty-cells: show;
}

.supply_magnet th {
	font-size: 100%;
	text-align: center;
	padding: 0.5em;
	color: #336;
	border-top: 1px solid #068;
	border-right: 1px solid #068;
	border-bottom: 1px solid #068;
	background-color: #bfc;
}

.supply_magnet td.example1 {
	width: 190px;
	text-align: center;
	padding: 0.5em;
	border-right: 1px solid #068;
}

.supply_magnet td.example2 {
	text-align: center;
	vertical-align: bottom;
	padding: 0.5em;
	border-right: 1px solid #068;
}

.supply_magnet td.example3 {
	text-align: center;
	vertical-align: top;
	padding: 0.5em;
	border-right: 1px solid #068;
}

.supply_magnet td.example4 {
	text-align: center;
	font-size: 90%;
	padding: 0.5em;
	border-right: 1px solid #068;
}

/* ------------ charge -------------- */
table.charge {
	width: 640px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	border-collapse: collapse;
	border-spacing: 0;
	background-color: #999;
	empty-cells: show;
}

.charge td.example1 {
	width: 170px;
	font-size: 100%;
	color: #fff;
	padding: 0.5em 3em;
}

.charge td.example2 {
	width: 150px;
	font-size: 100%;
	color: #fff;
	padding: 0.5em 2em;
}

.charge td.example3 {
	width: 170px;
	font-size: 100%;
	color: #fff;
	padding: 0.5em 2em;
}

/* ------------ charge2 ------------- */
table.charge2 {
	width: 640px;
	margin-bottom:1em;
	margin-left: auto;
	margin-right: auto;
	border-spacing: 0;
	background-color: #fff;
	empty-cells: show;
}

.charge2 td.example1 {
	width: 170px;
	font-size: 100%;
	padding: 0.5em 0 0.5em 3em;
}

.charge2 td.example2 {
	width: 150px;
	font-size: 100%;
	padding: 0.5em 0;
}

.charge2 td.example3 {
	width: 170px;
	font-size: 100%;
	padding: 0.5em 0 0.5em 4em;
}

.charge2 td.example4 {
	width: 150px;
	font-size: 100%;
	padding: 0.5em 0 0.5m 2em;
}

/* ------------ charge3 ------------- */
table.charge3 {
	width: 640px;
	margin-top: 1em;
	margin-left: auto;
	margin-right: auto;
	border-spacing: 0;
	border-top: 1px solid #4d4d87;
	empty-cells: show;
}

.charge3 td.example1 {
	width: 400px;
	font-size: 100%;
	text-align: center;
	padding-top: 2em;
	padding-bottom: 2em;
}

.charge3 td.example2 {
	width: 80px;
	font-size: 100%;

}

.charge3 td.example3 {
	width: 140px;
	font-size: 100%;
}

/* ------------ netshop ------------- */
table.netshop {
	width: 640px;
	margin-top: 1.5em;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #068;
	background-color: #fff;
	empty-cells: show;
}

.netshop th {
	width: 120px;
	font-size: 100%;
	text-align: center;
	vertical-align: top;
	padding: 0.5em;
	color: #fff;
	border-left: 1px solid #068;
	border-bottom: 1px solid #068;
  	background-color: #578;
}

.netshop td {
	font-size: 100%;
	vertical-align: top;
	padding: 0.5em 1.5em;
	border-bottom: 1px solid #068;
}