@charset "utf-8";
@media screen and (min-width: 954px){	
.panelbox p a
{
white-space: nowrap;
}
}

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



#I129 {
	background-image: url(../../03img/1290bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 60px;
	padding-top: 18px;
	margin-top: 16px;
}


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


#I159{
	background-image: url(../../03img/1590bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	padding-left: 60px;
	margin-top: 16px;
}


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


#I180 {
	background-image: url(../../03img/18bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 22px;
	padding-left: 80px;
	margin-top: 16px;
}


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



#I189 {
	background-image: url(../../03img/1890bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 22px;
	padding-left: 80px;
	margin-top: 16px;
}


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



#Sanren,#SanrenKuro {
	margin-left: 20px;
	margin-right: 20px;
}
#Niren {
	margin-right: 8px;
	margin-left: 8px;
}

#I219 {
	background-image: url(../../03img/2190bg.gif);
	background-repeat: no-repeat;
	background-position: 0px 22px;
	padding-left: 80px;
	margin-top: 16px;
}


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


.walking {
	position: absolute;
	width: 81px;
	height: 100px;
	background-image: url(../03img/move.gif);
	margin-bottom: 20px;
	background-repeat: no-repeat;
}

#Walk, #Walk2{
	position: relative;
	height: 100px;
	margin-top: 20px;
}
#Walk+h3 {
	margin-top: 20px;
}

}

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

#I189 {
	background-image: url(../../03img/1890bg_sp.gif);
	background-repeat: no-repeat;
	background-position: right 22px;
}

#I180 {
	background-image: url(../../03img/18bg_sp.gif);
	background-repeat: no-repeat;
	background-position: right 22px;
}

#I159{
	background-image: url(../../03img/1590bg_sp.gif);
	background-repeat: no-repeat;
	background-position: right 10px;
}

#I129 {
	background-image: url(../../03img/1290bg_sp.gif);
	background-repeat: no-repeat;
	background-position: right 22px;
	padding-top: 42px;
	margin-top: 0px;
}

	
	
	}

@media(max-width: 719px){
	.wkmv{
	display: none;
}

#I129,#I159,#I189,#I219,#I180{padding-right: 0px;}

#I180 .panelbox{
	width: 41%;
}

#I180 .panelbox img{
	width: 100%;
	height:auto;
}

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


}


@media screen and  (max-width: 375px){


#I219 {
	background-image: url(../../03img/2190bg_sp.gif);
	background-repeat: no-repeat;
	background-position: right 22px;
	background-size: 205% auto;
}

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


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

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

#I129 {
	background-image: url(../../03img/1290bg_sp.gif);
	background-repeat: no-repeat;
	background-position: right 24px;
	padding-top: 42px;
	margin-top: 0px;
	background-size: 250% auto;
}

#I219 .panelbox a img{
  max-height: 210px;
	width: auto;}

#I189 .panelbox a img{
  max-height: 210px;
	width: auto;}
	
#I180 .panelbox{
	width: 40%;
	margin-right: 2px;
	margin-left: 2px;
	padding-right: 2px;
	padding-left: 2px;
}

#I180 .panelbox a img{
  max-height: 150px;
	width: auto;}
	
#I180 p a{
	white-space: normal;
	font-size: 11px;
}

#S159 .panelbox a img{
  max-height: 170px;
	width: auto;}


}

@media screen and  (max-width: 320px){
	
#I219 .panelbox{
	width: 38%;
}

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

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

#S180 .panelbox a img{
  max-height: 164px;
	height: auto;}	


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

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

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

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

#I129 {
	background-image: url(../../03img/1290bg_sp.gif);
	background-repeat: no-repeat;
	background-position: right 26px;
	padding-top: 42px;
	margin-top: 0px;
	background-size: 285% auto;
}


}