@charset "utf-8";
.texac {
  text-align: center;
}
.vam {
  vertical-align: middle;
}
body div.products_main_outer {
	position: relative;
  width: 1280px;
  margin: 0 auto;
}
div.products_main_inner {
	position: static;
}
div.table_area {
	overflow: auto;
	position: relative;
	max-width: 1280px;
}

div.table_area table {
 margin:15px 0;
}
div.table_area th, div.table_area td {
	border: 1px solid black;
	border-collapse: collapse;
}
div.table_area th.p_name span {
	display: block;
	width: 145px;
}
div.table_area th.rotate {
	width: 24px;
	height: 208px;
}
div.table_area th.rotate span {
	white-space:nowrap;
	display: block;
	position: relative;
	bottom: -176px;
	width: 24px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
div.table_area th.rotate.rows2 span {
	bottom: -161px;
}
div.table_area .separator {
	border: none;
}
div.table_area .separator span {
	display: block;
	width: 10px;
	height: 10px;
}
div.table_area td {
	table-layout: fixed;
	text-align: center;
}
div.table_area tr.type1 th,
div.table_area tr.type2 th,
div.table_area tr.type3 th,
div.table_area tr.type4 th {
	color: #FFFFFF;
	text-align: left;
	padding:3px 12px;
}
div.table_area tr.type1 td,
div.table_area tr.type2 td,
div.table_area tr.type3 td,
div.table_area tr.type4 td {
  vertical-align: middle;
}

div.table_area .gray {
	background-color: #D2D3D5;
}
div.table_area .gray2 {
	background-color: #58585A;
	color: #FFFFFF;
}
div.table_area tr.type1 th {
	background-color: #C3A080;
}
div.table_area tr.type1.odd td {
	background-color: #F2E6D4;
}
div.table_area tr.type2 th {
	background-color: #59Af83;
}
div.table_area tr.type2.odd td {
	background-color: #D9EBD3;
}
div.table_area tr.type3 th {
	background-color: #5378AE;
}
div.table_area tr.type3.odd td {
	background-color: #D7E2EE;
}
div.table_area tr.type4 th {
	background-color: #58585A;
}
div.table_area tr.type4.odd td {
	background-color: #EDE3F0;
}
div.table_area tr.type1.odd td.separator,
div.table_area tr.type2.odd td.separator,
div.table_area tr.type3.odd td.separator,
div.table_area tr.type4.odd td.separator {
	background-color: #FFFFFF;
}
div.table_area .mark_blue {
	color: #0074BB;
}

ul.gokan_mark li {
	margin-left: 15px;
	float: left;
	text-align: left;
  padding: 0.5px 0;
}
ul.gokan_mark li.col1 {
	width: 145px;
	padding-top: 25px;
}
ul.gokan_mark li.col2 {
	width: 355px;
}
ul.gokan_mark li.col3 {
	width: 275px;
}
ul.gokan_mark li.col4 {
	width: 300px;
}
@media (max-width: 768px) {
  body div.products_main_outer {
	width: 100%;
}
}