@charset "UTF-8";
/*
======================
	ボタン等
======================
*/
.btn {
	position: static;/*relative;*/
	width: 450px;
	height: 75px;
	display: block;
	overflow: hidden;
	cursor: pointer;
	text-align: center;
}

.btn img {
	width: 60%;   /*通常は100%で!!*/
}

/* 右寄せボタン（TOP商品一覧・ものづくり） */
.btn-rgt {
	position: static;/*relative;*/
	width: 450px;
	height: 75px;
	display: block;
	overflow: hidden;
	cursor: pointer;
	text-align: right;
	margin-top: -30px;
	z-index: 2;
	float: right;
}
.btn-rgt img {
	width: 60%;   /*通常は100%で!!*/
}


/* 左寄せボタン（TOP事業概要） */
.btn-cnt {
	position: static;/*relative;*/
	width: 450px;
	height: 75px;
	display: block;
	overflow: hidden;
	cursor: pointer;
	text-align: center;
	margin-top: -50px;
	margin-left: 130px;
	z-index: 2;
	float: left;
}
.btn-cnt img {
	width: 60%;   /*通常は100%で!!*/
}

/* マウスオーバーで色薄く  */
.btn-cnt :hover {    
	opacity: 0.8;
	transition: 0.3s;
}


	
/* セカンドイメージ部のボタン（うまくいかす゜） */
.btn-overlap {
	position: relative;/*static;*/
	width: 450px;
	height: 75px;
	display: block;
	overflow: hidden;
	cursor: pointer;
	text-align: right;
	margin-top: -120px;
    z-index: 2;
}
.btn-overlap img {
	width: 60%;   /*通常は100%で!!*/
}

.btn-link {
	position: static;/*relative;*/
	width: 450px;
	height: 110px;
	display: block;
	overflow: hidden;
	cursor: pointer;
	text-align: center;
}

/* マウスオーバーで色薄く  */
.btn-link :hover {    
	opacity: 0.6;
	transition: 0.3s;
}