@charset "utf-8";



@media screen and (min-width: 954px){	


#S90 {
	background-image: url(../../03img/9090bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 60px;
	padding-top: 60px;
	margin-top: 12px;
}

#S90:hover{
	background-image: url(../../03img/9090bg_on.gif);
	background-repeat: no-repeat;
} 


#S120{
	background-image: url(../../03img/12bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 60px;
	padding-top: 30px;
	margin-top: 12px;

}


#S120:hover{
	background-image: url(../../03img/12bg_on.gif);
	background-repeat: no-repeat;
} 



#S150 {
	background-image: url(../../03img/15bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	padding-left: 60px;


}

#S150:hover{
	background-image: url(../../03img/15bg_on.gif);
	background-repeat: no-repeat;
} 


#S180 {
	background-image: url(../../03img/18bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 24px;
	padding-left: 60px;
}

#S180:hover{
	background-image: url(../../03img/18bg_on.gif);
	background-repeat: no-repeat;
} 





#S210,#S210b {
	background-image: url(../../03img/21bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 21px;
	padding-left: 60px;
}

#S210:hover,#S210b:hover{
	background-image: url(../../03img/21bg_on.gif);
	background-repeat: no-repeat;
} 


#S240 {
	background-image: url(../../03img/24bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 21px;
	padding-left: 60px;
}

#S240:hover{
		background-image: url(../../03img/24bg_on.gif);
	background-repeat: no-repeat;
	
} 


}

@media screen and (max-width: 953px){
	#S240 {
	background-image: url(../../03img/24bg_sp.gif);
	background-repeat: no-repeat;
	background-position: right 21px;
}

	#S210 {
	background-image: url(../../03img/21bg_sp.gif);
	background-repeat: no-repeat;
	background-position: right 21px;
	padding-right: 40px;
}

	#S180 {
	background-image: url(../../03img/18bg_sp.gif);
	background-repeat: no-repeat;
	background-position: right 21px;
	padding-right: 40px;
}

	#S150 {
	background-image: url(../../03img/15bg_sp.gif);
	background-repeat: no-repeat;
	background-position: right 2px;
	padding-right: 40px;
}

	#S120 {
	background-image: url(../../03img/12bg_sp.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
	padding-right: 40px;
		padding-top: 30px;
}

	#S90 {
	background-image: url(../../03img/9090bg_sp.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
	padding-right: 40px;
		padding-top: 60px;
}
}


@media(max-width: 719px){
#S210,#S90,#S150,#S120,#S180,#S240{padding-right: 0px;}


}



@media screen and  (max-width: 375px){
	#S240 {
	background-image: url(../../03img/24bg_sp.gif);
	background-repeat: no-repeat;
	background-position: right 18px;
	background-size: 200% auto;
}

	#S210 {
	background-image: url(../../03img/21bg_sp.gif);
	background-repeat: no-repeat;
	background-position: right 18px;
	background-size: 220% auto;
}

	#S180 {
	background-image: url(../../03img/18bg_sp.gif);
	background-repeat: no-repeat;
	background-position: right 25px;
	background-size: 240% auto;
}

	#S150 {
	background-image: url(../../03img/15bg_sp.gif);
	background-repeat: no-repeat;
	background-position: right 2px;
	background-size: 240% auto;
}


#S240 .panelbox a img{
  max-height: 220px;
	width: auto;}		
	
#S210 .panelbox a img{
  max-height: 210px;
	width: auto;}
	
#S180 .panelbox a img{
  max-height: 200px;
	width: auto;}
	
#S150 .panelbox a img{
  max-height: 170px;
	width: auto;}		
		
	
}

@media screen and  (max-width: 320px){
	#S240 {
	background-image: url(../../03img/24bg_sp.gif);
	background-repeat: no-repeat;
	background-position: right 20px;
	background-size: 230% auto;
	
}

	#S210 {
	background-image: url(../../03img/21bg_sp.gif);
	background-repeat: no-repeat;
	background-position: right 16px;
	background-size: 200% auto;
	
}


	#S180 {
	background-image: url(../../03img/18bg_sp.gif);
	background-repeat: no-repeat;
	background-position: right 20px;
	background-size: 230% auto;
	
}


	#S150 {
	background-image: url(../../03img/15bg_sp.gif);
	background-repeat: no-repeat;
	background-position: right 2px;
	background-size: 260% auto;
	
}

	#S120 {
	background-image: url(../../03img/12bg_sp.gif);
	background-repeat: no-repeat;
	background-position: right 8px;
	background-size: 240% auto;
	
}

#S150 .panelbox{
	margin-right: 1px;
	margin-left: 1px;
	padding-right: 1px;
	padding-left: 1px;
}

#S150 .panelbox a img{
  max-height: 160px;
	width: auto;}	

	
#S120 .panelbox a img{
  max-height: 120px;
	height: auto;}		

#S210 .panelbox a img{
  max-height: 164px;
	height: auto;}	
	
	
#S180 .panelbox a img{
  max-height: 164px;
	height: auto;}	
	
#S90 .panelbox{
	width: 38%;
}
	

}