@charset "shift_jis";
/* CSS Document */


.line4 {
	margin-bottom: 15px;
	font-weight: bold;
}
.line5 {
	margin-top: 0px;
	margin-bottom: 8px;
}
.hr2{
	background-image: url(../img/common/dot_common.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	height: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.box_campany {
	width: 480px;
	margin-bottom: 40px;
	border-top: 1px solid #aaaaaa;
	border-left: 1px solid #aaaaaa;
}

.box_campany th,
.box_campany td {
	padding: 3px 5px;
	border-right: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
	font-size: 10pt;
}

.box_campany th {
	width: 18%;
	background-color: #dddddd;
	font-weight: normal;
	text-align: left;
}


.generic-list01 {
	list-style: none;
	margin: 0 0 2em 0;
	padding: 0;
}

.generic-list01 li {
	list-style: none;
	margin: 0 0 .8em 0;
	padding: 0 0 0 1em;
	text-indent: -1em;
}

.promotion-area {
	margin: 20px 10px 40px 10px;
	padding: 10px;
	background-color: #ffffd9;
	font-size: 10pt;
	line-height: 1.2;
}

/*	ÁǺà°ìÍ÷
/*-------------------------------------------*/
.sub-sozaimenu {
	display: flex;
	justify-content: center;
	gap: 0 5em;
	margin: 0 auto 3em;
}
.sub-sozaimenu li,
.sub-sozaimenu a {
	display: block;
}

.sub-sozaimenu a {
	border: 1px solid var(--main-color);
	padding: .25em 1em;
	transition: all .4s;
}
.sub-sozaimenu a::before {
	background: var(--main-color);
	clip-path: polygon(0 0, 0 100%, 100% 50%);
	content: "";
	display: inline-block;
	height: 0.8em;
	margin: 0.2em 0.2em 0 0;
	transition: all .4s;
	width: calc(0.8em / 2);
}

.sub-sozaimenu a:hover,
#gojyuon .sub-sozaimenu .sub-sozai-gojyuon a,
#cemical .sub-sozaimenu .sub-sozai-cemical a {
	background: var(--menu-hover);
}
.sub-sozaimenu a:hover::before,
#gojyuon .sub-sozaimenu .sub-sozai-gojyuon a::before,
#cemical .sub-sozaimenu .sub-sozai-cemical a::before {
	background: var(--deep-color);
}

.search-list {
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	box-sizing: border-box;
	width: 100%;
}

.search-list th,
.search-list td {
	padding: .25em .5em;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-size: 1.4rem;
}
.search-list td {
	background: #fff;
}

.search-list tr:first-child td {
	background-color: #dfdfff;
	text-align: center;
}

.search-list th {
	color: #c00;
	font-weight: bold;
	text-align: center;
	vertical-align: top;
}

.search-list td.chemical-formula {
	white-space: nowrap;
}

.search-list .new-icon {
	margin-left: .5em;
}


.processing-list {
	width: 98%;
	margin-bottom: 40px;
}

.processing-list th,
.processing-list td {
	padding: 3px 5px;
	font-size: 10pt;
}

.processing-list th {
	width: 15%;
	border-bottom: 3px solid #ffffff;
	background-color: #e6e6ff;
	white-space: nowrap;
	vertical-align: top;
}