@charset "UTF-8";

#helpBalloons{
	position: absolute;
	z-index: 500;
	top:0;
	left: 0;
}

#helpBalloons div{
	position: absolute;
	display: none;
}

#helpBalloons p{
	display: none;
}

#helpBalloons .item1{
	background-image: url('../img/help/balloon1.png');
	width: 348px;
	height: 171px;
	margin: 223px auto auto 151px;
}

#helpBalloons .notNavi1{
	margin-top:179px;
}

#helpBalloons .item2{
	background-image: url('../img/help/balloon2.png');
	width: 328px;
	height: 124px;
	margin: 270px auto auto 223px;
}

#helpBalloons .notNavi2{
	margin-top:226px;
}

#helpBalloons .item3{
	background-image: url('../img/help/balloon3.png');
	width: 298px;
	height: 124px;
	margin: 270px auto auto 332px;
}

#helpBalloons .notNavi3{
	margin-top:226px;
}

#helpBalloons .item4{
	background-image: url('../img/help/balloon4.png');
	width: 328px;
	height: 134px;
	margin: 260px auto auto 444px;
}

#helpBalloons .notNavi4{
	margin-top:216px;
}

#helpBalloons .item5{
	background-image: url('../img/help/balloon5.png');
	width: 408px;
	height: 139px;
	margin: 260px auto auto 549px;
}

#helpBalloons .item6{
	background-image: url('../img/help/balloon6.png');
	width: 388px;
	height: 134px;
	margin: 260px auto auto 524px;
}

#helpBalloons .item7{
	background-image: url('../img/help/balloon7.png');
	width: 438px;
	height: 154px;
	margin: 240px auto auto 583px;
}

#helpBalloons .item8{
	background-image: url('../img/help/balloon8.png');
	width: 278px;
	height: 134px;
	margin: 216px auto auto 743px;
}

#helpBalloons .item9{
	background-image: url('../img/help/balloon9.png');
	width: 373px;
	height: 111px;
	margin: 326px auto auto 583px;
}

.resize980 #helpBalloons{
	position: absolute;
	z-index: 500;
	top:0;
	left: -22px;
}

.resize980 #helpBalloons .item4{
	background-image: url('../img/help/balloon4.png');
	width: 328px;
	height: 134px;
	margin: 260px auto auto 424px;
}

.resize980 #helpBalloons .notNavi4{
	margin-top:216px;
}

.resize980 #helpBalloons .item5{
	background-image: url('../img/help/balloon5.png');
	width: 408px;
	height: 139px;
	margin: 260px auto auto 529px;
}

.resize980 #helpBalloons .item6{
	background-image: url('../img/help/balloon6.png');
	width: 388px;
	height: 134px;
	margin: 260px auto auto 504px;
}

.resize980 #helpBalloons .item7{
	background-image: url('../img/help/balloon7.png');
	width: 438px;
	height: 134px;
	margin: 260px auto auto 563px;
}

.resize980 #helpBalloons .item8{
	background-image: url('../img/help/balloon8.png');
	width: 278px;
	height: 134px;
	margin: 216px auto auto 723px;
}

.resize980 #helpBalloons .item9{
	background-image: url('../img/help/balloon9.png');
	width: 373px;
	height: 111px;
	margin: 326px auto auto 563px;
}