@charset "UTF-8";
@import 'reset.css';
@import 'common.css';


#top-banner{
	width: 933px;
	height: 362px;
	background: url(../images/top/top-banner.gif) no-repeat 0 0;
	margin-left: -6px;
}

	#top-banner ol{
		width: 836px;
		height: 355px;
		position: relative;
		margin: 0 auto;
	}
	
	#top-banner li{
		height: 219px;
		position: absolute;
		overflow: hidden;
		bottom: 0;
		background-image: url(../images/top/products-bg.png);
		background-repeat: no-repeat;
	}
	
	#top-banner a{
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	
		#top-banner a img{
			position: absolute;
			left: 0;
			top: 0;
		}
		
	#top-banner .bugai{
		position: absolute;
		bottom: 10px;
	}
	
	#top-banner .left-products a{
		height: 168px;
		top: 12px;
	}
		
		#top-banner .left-products a img{
			top: -12px;
		}
	
	#top-banner .left-products .bugai{
		left: 9px;
	}
	
#top-banner #ex{
	width: 95px;
	background-position: 0 173px;
}
	
#top-banner #ex-mild{
	width: 95px;
	left: 121px;
	background-position: -123px 173px;
}
	
	#ex-mild a img{
		left: -123px;
	}
	
#top-banner #sensitive{
	width: 95px;
	left: 247px;
	background-position: -250px 173px;
}

	#sensitive a img{
		left: -250px;
	}
	
#top-banner #rinse{
	width: 146px;
	left: 613px;
	background-position: -616px 173px;
}

	#rinse a{
		height: 178px;
		top: 0;
	}

		#rinse a img{
			left: -616px;
			top: 0;
		}
		
	#rinse .bugai{
		left: 35px;
	}

#top-banner #brush{
	width: 52px;
	left: 789px;
	background-position: -789px 176px;
}

	#brush a{
		height: 176px;
		top: 0;
	}

		#brush a img{
			left: -789px;
		}

#middle-banners{
	width: 926px;
	height: 194px;
	margin: 10px 0 0 -3px;
}

	#middle-banners li{
		float: left;
		height: 194px;
		width: 185px;
	}
	
	#middle-banners a{
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
		overflow: hidden;
	}
	
	#middle-banners img{
		position: absolute;
		left: 0;
		top: 0;
	}
	
#gum_disease-banner img{
	left: -185px;
}

#check-banner img{
	left: -370px;
}

#video-banner img{
	left: -555px;
}

#column-banner img{
	left: -740px;
}
	
#middle-can-banner{
	display: block;
	margin-top: 10px;
}