@import url("/css/base_new.css"); /*header-footer*/

ul{
	list-style: none;
}



/*--------- naviarea ----------*/
.top_area{
	position: relative;
    display: grid;
}
.top-img{
	grid-area: 1 / 2;
}

.naviarea{
	grid-area: 1 / 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-bottom: 5px;

}
.naviarea ul{
	display: flex;
    align-items: end;
    margin: 0;
    padding: 0 24px;
}
.naviarea ul li{
	height: 38px;
	margin-right: 3px;
}

.naviarea ul .navi_top{
	margin-right: 6px;
}

.naviarea ul .navi_grip{
	margin-right: 0;
}


/*--------- contents ----------*/
.contents {
    margin: 0 auto;
    width: 988px;
}


.contents_main{
	width: 988px;
	background-color: #e7eee5;
    padding: 35px 0;
}

.contents_box{
	width: 906px;
	display: flex;
	margin: 0 auto;
}

.special_box{
	width: 260px;
	color: #000000;
	padding-top: 25px;
	padding-left: 15px;
	margin-bottom: 5px;
	background-color: #FFF;
	border: 1px solid #ccc;
	padding-right: 15px;
	margin-right: 15px;
}

.special_box_right{
	margin-right: 0;
}

.special_top{
	width: 244px;
	height: 175px;
	margin: 0 auto;
}

.special_top h2 {
	padding: 0px;
	margin: 0px;
}

.special_top img {
	width: 100%;
}



/*--------- ボックススタイル ----------*/

/* ---共通--- */
.copy_lac h2,
.copy_oem h2,
.copy_antromax h2,
.copy_rabenwhite h2,
.copy_citrusvel h2,
.copy_insumate h2{
	font-size: 15px;
	line-height: 120%;
	margin-top: 12px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 0px;
	text-align: center;
}

.copy_lac h2 a:hover,
.copy_oem h2 a:hover,
.copy_antromax h2 a:hover,
.copy_rabenwhite h2 a:hover,
.copy_citrusvel h2 a:hover,
.copy_insumate h2 a:hover{
	text-decoration: underline;
}

.copy_lac p,
.copy_oem p,
.copy_antromax p,
.copy_rabenwhite p,
.copy_citrusvel p,
.copy_insumate p{
	font-size: 12px;
	line-height: 160%;
	margin-top: 0px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	font-weight: normal;
	color: #333;
}


/* ---項目別--- */
.copy_lac h2 ,
.copy_lac h2 a:link,
.copy_lac h2 a:visited {
	color: #098c3e;
}

.copy_oem h2,
.copy_oem h2 a:link,
.copy_oem h2 a:visited {
	color: #617631;
}

.copy_antromax h2 ,
.copy_antromax h2 a:link,
.copy_antromax h2 a:visited {
	color: #c78801;
	font-size: 14px;
}

.copy_rabenwhite h2 ,
.copy_rabenwhite h2 a:link,
.copy_rabenwhite h2 a:visited {
	color: #06b07e;
}

.copy_citrusvel h2 ,
.copy_citrusvel h2 a:link,
.copy_citrusvel h2 a:visited {
	color: #ff6699;
}

.copy_insumate h2 ,
.copy_insumate h2 a:link,
.copy_insumate h2 a:visited {
	color: #e67700;
}

/*--------- button_area ----------*/
.button_area{
	float: right;
	padding: 0px;
	width: 774px;
	height: 95px;
	margin-top: 35px;
	margin-right: 107px;
	margin-bottom: 35px;
	margin-left: 107px;
}

.button_area a{
	display: block;
	width: 774px;
	height: 95px;
}

.button_area a:hover img{
	visibility: hidden;
	background-image: url(/information/glart/img/buttun_hover.gif);
	background-repeat: no-repeat;
	vertical-align: baseline;
	font-stretch: normal;
}

.button_area a:hover{
	padding: 0px;
	width: 774px;
	height: 95px;
	background-image: url(/information/glart/img/buttun_hover.gif);
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-repeat: no-repeat;
}