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

.example{
	background:url(/media/bgalaxy/eco/eco2_02.png);
	display:block;
	width:950px;
	height:600px;
}

.exa_l{
	float:left;	
	display:block;
	width:475px;
}

.exa_r{
	float:left;	
	display:block;
	width:475px;
}

.oasis a{
	background-image:url(/media/bgalaxy/eco/oasis.png);
	display:block;
	width:375px;
	height:82px;
	margin:180px 0 0 80px;
}

.oasis a:hover{
	background-position:-375px;
}

.shap a{
	background-image:url(/media/bgalaxy/eco/shap.png);
	display:block;
	width:210px;
	height:98px;
	margin:180px 0 0 80px;
}

.shap a:hover{
	background-position:-210px;
}


.hands a{
	background-image:url(/media/bgalaxy/eco/hands.png);
	display:block;
	width:288px;
	height:103px;
	margin:140px 0 0 80px;
}

.hands a:hover{
	background-position:-288px;
}


.elna a{
	background-image:url(/media/bgalaxy/eco/elna.png);
	display:block;
	width:159px;
	height:116px;
	margin:115px 0 0 80px;
}

.elna a:hover{
	background-position:-159px;
}


.pjt p a {
	display:block;
	height:294px;
}

.pjt{
	background-image:url(/media/bgalaxy/eco/eco2_03.png);	
	height:1000px;
	display:block;
	width:950px;
}

.pjt_l, .pjt_r{
	float:left;
	width:465px;
	margin-top:80px;
	padding-left:10px;
}

.pjt .water a{
	background-image:url(/media/bgalaxy/eco/water.png);
	width:443px;
	height:293px;
}

.water a:hover{
	background-position:-443px;
}

.ikiki a{
	background-image:url(/media/bgalaxy/eco/ikiki.png);
	width:441px;
}

.ikiki a:hover{
	background-position:-441px;
}

.cyclone a{
	background-image:url(/media/bgalaxy/eco/cyclone.png);
	width:441px;
}

.cyclone a:hover{
	background-position:-441px;
}

.agro a{
	background-image:url(/media/bgalaxy/eco/agro.png);
	width:444px;
}

.agro a:hover{
	background-position:-444px;
}

.turtle a{
	background-image:url(/media/bgalaxy/eco/turtle.png);
	width:442px;
}

.turtle a:hover{
	background-position:-442px;
}

.sumatra a{
	background-image:url(/media/bgalaxy/eco/sumatra.png);
	width:446px;
}


.sumatra a:hover{
	background-position:-446px;
}