@charset "utf-8";
/* CSS Document */

/*products page link*/
.a2:link{
	color:#0C0;
	text-decoration:none;
}

.a2:visited{
	color:#0c0;
	text-decoration:none;
}
.a2:hover{
	color:#0F0;	
}
.a2:active{
	text-decoration:underline;
	text-underline-position: below;
}


/*link style*/
.a1:link{
	color:#000;
	text-decoration:none;
}
.a1:hover{
	color:#0c0;	
}
.a1:active{
	text-decoration:underline;
	text-underline-position: below;
}

.descrpt{
	font-family:"Calibri Light";
	font-size:18px;
}

/*banner carousel*/
	
        .div1{
            width: 1024px;
            height: 427px;
            border: 1px solid red;
            margin: 0 auto;
            position: relative;
        }
        .div01{
            width: 20px;
            height: 20px;
            box-sizing: border-box;
            opacity:0.5;
            line-height: 20px;
            text-align: center;
            border-radius: 20px;
            background-color: white;
            z-index: 10;
        }
        #div2{
            position:absolute;
            right: 70px;
            bottom: 10px;
        }
        #div3{
            position:absolute;
            right: 40px;
            bottom: 10px;
        }
        #div4 {
            position: absolute;
            right: 10px;
            bottom: 10px;
        }
        #div2:hover ~ #img1{
            z-index: 2;
        }
        #div2:hover{
            opacity:1;
        }
        #div3:hover ~ #img2{
            z-index: 2;
        }
        #div3:hover{
            opacity:1;
        }
        #div4:hover ~ #img3{
            z-index: 2;
        }
        #div4:hover{
            opacity:1;
        }
        .img01{
            position:absolute;
        }