// Using Opacity to Show Focus with jQuery
$(document).ready(function() {
	//area 1
	$('#life-info-banner').children().hover(function() {
		$(this).siblings().stop().fadeTo(300,0.3);
	}, function() {
		$(this).siblings().stop().fadeTo(300,1);
	});
	//area 2
	$('#group-link').children().hover(function() {
		$(this).siblings().stop().fadeTo(300,0.4);
	}, function() {
		$(this).siblings().stop().fadeTo(500,1);
	});
	//area 3
	$('.prefecture-content ul').children().hover(function() {
		$(this).siblings().stop().fadeTo(300,0.4);
	}, function() {
		$(this).siblings().stop().fadeTo(300,1);
	});
	//area 4
	$('#map-container ul').children().hover(function() {
		$(this).siblings().stop().fadeTo(300,0.4);
	}, function() {
		$(this).siblings().stop().fadeTo(300,1);
	});

});