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

#navi li.navi3 a{
	background: url(../images/navi.gif) no-repeat -317px -250px;
}


#navi li.navi3-1 a{
	width:154px;
	background-position:-317px -30px;
}
#navi li.navi3-2 a{
	width:154px;
	background-position:-317px -60px;
}
#navi li.navi3-3 a{
	width:154px;
	background-position:-317px -90px;
}
#navi li.navi3-4 a{
	width:154px;
	background-position:-317px -120px;
}
#navi li.navi3-5 a{
	width:154px;
	background-position:-317px -150px;
}
#navi li.navi3-6 a{
	width:154px;
	background-position:-317px -180px;
}

#navi li.navi3-1 a:hover{
	width:154px;
	background-position:-317px -280px;
}
#navi li.navi3-2 a:hover{
	width:154px;
	background-position:-317px -310px;
}
#navi li.navi3-3 a:hover{
	width:154px;
	background-position:-317px -340px;
}
#navi li.navi3-4 a:hover{
	width:154px;
	background-position:-317px -370px;
}
#navi li.navi3-5 a:hover{
	width:154px;
	background-position:-317px -400px;
}
#navi li.navi3-6 a:hover{
	width:154px;
	background-position:-317px -430px;
}




#body #contents div.arrows{
	position:relative;
	height: 200px;
	margin: 0 0 20px 0;
	background: url(../images/bg_arrows.gif) no-repeat;
	color: #000033;
}

#body #contents div.arrows p{
	padding: 20px 10px 20px 25px;
	font-size: 12px;
	font-weight: bold;
}

#body #contents div.arrow1{
	position:absolute;
	width:163px;
	height:200px;
	left:0px;
}
#body #contents div.arrow2{
	position:absolute;
	width:163px;
	height:200px;
	left:163px;
}
#body #contents div.arrow3{
	position:absolute;
	width:163px;
	height:200px;
	left:326px;
}
#body #contents div.arrow4{
	position:absolute;
	width:163px;
	height:200px;
	left:489px;
}