@charset "utf-8";

.plan {margin: 0px 0px 40px -20px; width: 331px; height: 338px; position: relative;}

div.plan1, div.plan2, div.plan3, div.plan4, div.plan5, div.plan6 {position: absolute; width: 170px; height: 110px; display: inline-block;}
div.plan1 {background: url(./img/plan.item.01.png) 0px -100px no-repeat; top: -30px; left:80px;}
div.plan2 {background: url(./img/plan.item.02.png) 0px -100px no-repeat; top: 45px; left:210px;}
div.plan3 {background: url(./img/plan.item.03.png) 0px -100px no-repeat; bottom: 45px; left:210px;}
div.plan4 {background: url(./img/plan.item.04.png) 0px -100px no-repeat; bottom: -30px; left:80px;}
div.plan5 {background: url(./img/plan.item.05.png) 0px -100px no-repeat; bottom: 45px; left:-42px;}
div.plan6 {background: url(./img/plan.item.06.png) 0px -100px no-repeat; top: 45px; left:-42px;}

a.plan1, a.plan2, a.plan3, a.plan4, a.plan5, a.plan6 {display: inline-block; position: absolute; width: 170px; height: 110px;}
a.plan1 
{
	background: url(./img/plan.item.01.png) 0px 10px no-repeat; 
	top: -30px; 
	left:80px; 
}
a.plan2
{
	background: url(./img/plan.item.02.png) 0px 10px no-repeat; 
	top: 45px; 
	left:210px; 
}
a.plan3
{
	background: url(./img/plan.item.03.png) 0px 10px no-repeat; 
	bottom: 45px; 
	left:210px; 
}
a.plan4
{
	background: url(./img/plan.item.04.png) 0px 10px no-repeat; 
	bottom: -30px; 
	left:80px; 
}
a.plan5
{
	background: url(./img/plan.item.05.png) 0px 10px no-repeat; 
	bottom: 45px; 
	left:-42px; 
}
a.plan6
{
	background: url(./img/plan.item.06.png) 0px 10px no-repeat; 
	top: 45px; 
	left:-42px; 
}

a.plan1:hover, a.plan2:hover, a.plan3:hover, a.plan4:hover, a.plan5:hover, a.plan6:hover {background-position: 0px -100px;}