body

{
	background-color: #fffefa;
	background-image: no-image;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 50% 10%;
	}

{	margin: 0;
	padding: 0;
	}

	h1 {font-family: arial-narrow, arial, courier;}
	h2 {font-family: arial-narrow, arial, courier;}
	h3 {font-family: arial-narrow, arial, courier;}
	p {font-family: arial-narrow, arial, courier;}
	a {font-family: arial-narrow, arial, courier;}
	div {font-family: arial-narrow, arial, courier;}
	table {font-family: arial-narrow, arial, courier;}

	h1 {font-size: 4em;}
	h2 {font-size: 3em;}
	h3 {font-size: 2em;}
	p {font-size: 1em;}
	div {font-size: 0.68em;}
	table {font-size: 0.68em;}
	a {font-size: 1.0em;}

	a {text-decoration:none;}
	a:link {color: black; text-decoration:none;}
	a:visited {color: black; text-decoration:none;}
	a:hover {color: #92c0d7; text-decoration:none;}

	p {	
		position:absolute;
		top: 55%;
		left: 32.8%;
	}

	#xx1 {	color: #000000;
		font-size: 1.0em;
		font-family: arial,
	}

	#xx2 {	color: #000000;
		font-size: 2.0em;
		font-family: arial,
	}

	#xx3 {	color: #000000;
		font-size: 1.3em;
		font-family: arial,
	}

	#xx4 {	color: #000000;
		font-size: 1.3em;
		font-family: arial,
	}

	#xx5 {	color: #000000;
		font-size: 1.3em;
		font-family: arial,
	}

	#xx6 {	color: #000000;
		font-size: 1.3em;
		font-family: arial,
	}




.div-img .img {
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  transform: scale(1);
  -ms-transform: scale(1);
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -webkit-transition: all 500ms ease-in-out;
  -moz-transition: all 500ms ease-in-out;
  -ms-transition: all 500ms ease-in-out;
  -o-transition: all 500ms ease-in-out;
}
.div-img .text {
  font-family: arial-narrow, arial, courier;
  padding-top: 12px;
  display: block;
  text-align: center;
  width: 100%;
  transform: translate(0px);
  -webkit-transition: all 1000ms ease-in-out;
  -moz-transition: all 1000ms ease-in-out;
  -ms-transition: all 1000ms ease-in-out;
  -o-transition: all 1000ms ease-in-out;
  opacity: 0;
  transition: transfom opacity 1.5s;
}
.div-img:hover .img {
  transform: scale(0.9);
  -ms-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -o-transform: scale(0.9);
}
.div-img:hover .text {
  transform: translate(0px, -20px);
  opacity: 1;
}



.center {
    margin-left: auto;
    margin-right: auto;
    display: block
}









	.imagesprite1 {
	display: block;
	width: 150px;
	height:150px;
	background: url(menu202201.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent: -15000px;
	font-size: 0px;
	line-height: 0px;
	}
 
	.imagesprite1:hover {
	background-position: 0 -150px;
	}
 
	.imagesprite1:active {
	background-position: 0 -300px;
	}
	
	.imagesprite2 {
	display: block;
	width: 150px;
	height:150px;
	background: url(menu202202.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent: -15000px;
	font-size: 0px;
	line-height: 0px;
	}
 
	.imagesprite2:hover {
	background-position: 0 -150px;
	}
 
	.imagesprite2:active {
	background-position: 0 -300px;
	}


	.imagesprite3 {
	display: block;
	width: 150px;
	height:150px;
	background: url(menu202203.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent: -15000px;
	font-size: 0px;
	line-height: 0px;
	}
 
	.imagesprite3:hover {
	background-position: 0 -150px;
	}
 
	.imagesprite3:active {
	background-position: 0 -300px;
	}


	.imagesprite4 {
	display: block;
	width: 150px;
	height:150px;
	background: url(menu202204.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent: -15000px;
	font-size: 0px;
	line-height: 0px;
	}
 
	.imagesprite4:hover {
	background-position: 0 -150px;
	}
 
	.imagesprite4:active {
	background-position: 0 -300px;
	}

	
	.imagesprite5 {
	display: block;
	width: 150px;
	height:150px;
	background: url(menu201605.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent: -15000px;
	font-size: 0px;
	line-height: 0px;
	}
 
	.imagesprite5:hover {
	background-position: 0 -150px;
	}
 
	.imagesprite5:active {
	background-position: 0 -300px;
	}

	.imagesprite6 {
	display: block;
	width: 150px;
	height:150px;
	background: url(menu201606.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent: -15000px;
	font-size: 0px;
	line-height: 0px;
	}
 
	.imagesprite6:hover {
	background-position: 0 -150px;
	}
 
	.imagesprite6:active {
	background-position: 0 -300px;
	}

	.imagesprite7 {
	display: block;
	width: 150px;
	height:150px;
	background: url(menu201607.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent: -15000px;
	font-size: 0px;
	line-height: 0px;
	}
 
	.imagesprite7:hover {
	background-position: 0 -150px;
	}
 
	.imagesprite7:active {
	background-position: 0 -300px;
	}

	.imagesprite8 {
	display: block;
	width: 150px;
	height:150px;
	background: url(menu201608.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent: -15000px;
	font-size: 0px;
	line-height: 0px;
	}
 
	.imagesprite8:hover {
	background-position: 0 -150px;
	}
 
	.imagesprite8:active {
	background-position: 0 -300px;
	}

	
	.imagesprite9 {
	display: block;
	width: 150px;
	height:150px;
	background: url(menu201609.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent: -15000px;
	font-size: 0px;
	line-height: 0px;
	}
 
	.imagesprite9:hover {
	background-position: 0 -150px;
	}
 
	.imagesprite9:active {
	background-position: 0 -300px;
	}


	
	.imagesprite10 {
	display: block;
	width: 150px;
	height:150px;
	background: url(menu201610.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent: -15000px;
	font-size: 0px;
	line-height: 0px;
	}
 
	.imagesprite10:hover {
	background-position: 0 -150px;
	}
 
	.imagesprite10:active {
	background-position: 0 -300px;
	}


	.imagesprite11 {
	display: block;
	width: 150px;
	height:150px;
	background: url(menu201611.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent: -15000px;
	font-size: 0px;
	line-height: 0px;
	}
 
	.imagesprite11:hover {
	background-position: 0 -150px;
	}
 
	.imagesprite11:active {
	background-position: 0 -300px;
	}


	.imagesprite12 {
	display: block;
	width: 150px;
	height:150px;
	background: url(menu201612.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent: -15000px;
	font-size: 0px;
	line-height: 0px;
	}
 
	.imagesprite12:hover {
	background-position: 0 -150px;
	}
 
	.imagesprite12:active {
	background-position: 0 -300px;
	}

	
	
	.imagesprite13 {
	display: block;
	width: 150px;
	height:150px;
	background: url(menu201613.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent: -15000px;
	font-size: 0px;
	line-height: 0px;
	}
 
	.imagesprite13:hover {
	background-position: 0 -150px;
	}
 
	.imagesprite13:active {
	background-position: 0 -300px;
	}


	
	.imagesprite14 {
	display: block;
	width: 150px;
	height:150px;
	background: url(menu201614.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent: -15000px;
	font-size: 0px;
	line-height: 0px;
	}
 
	.imagesprite14:hover {
	background-position: 0 -150px;
	}
 
	.imagesprite14:active {
	background-position: 0 -300px;
	}


	
	.imagesprite15 {
	display: block;
	width: 150px;
	height:150px;
	background: url(menu201615.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent: -15000px;
	font-size: 0px;
	line-height: 0px;
	}
 
	.imagesprite15:hover {
	background-position: 0 -150px;
	}
 
	.imagesprite15:active {
	background-position: 0 -300px;
	}


	
	.imagesprite16 {
	display: block;
	width: 150px;
	height:150px;
	background: url(menu201616.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent: -15000px;
	font-size: 0px;
	line-height: 0px;
	}
 
	.imagesprite16:hover {
	background-position: 0 -150px;
	}
 
	.imagesprite16:active {
	background-position: 0 -300px;
	}


	
	.imagesprite17 {
	display: block;
	width: 150px;
	height:150px;
	background: url(menu201617.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent: -15000px;
	font-size: 0px;
	line-height: 0px;
	}
 
	.imagesprite17:hover {
	background-position: 0 -150px;
	}
 
	.imagesprite17:active {
	background-position: 0 -300px;
	}


	
	.imagesprite18 {
	display: block;
	width: 150px;
	height:150px;
	background: url(menu201618.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent: -15000px;
	font-size: 0px;
	line-height: 0px;
	}
 
	.imagesprite18:hover {
	background-position: 0 -150px;
	}
 
	.imagesprite18:active {
	background-position: 0 -300px;
	}


	
	.imagesprite19 {
	display: block;
	width: 150px;
	height:150px;
	background: url(menu201619.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent: -15000px;
	font-size: 0px;
	line-height: 0px;
	}
 
	.imagesprite19:hover {
	background-position: 0 -150px;
	}
 
	.imagesprite19:active {
	background-position: 0 -300px;
	}


	
	.imagesprite20 {
	display: block;
	width: 150px;
	height:150px;
	background: url(menu201620.jpg) no-repeat 0 0;
	overflow: hidden;
	text-indent: -15000px;
	font-size: 0px;
	line-height: 0px;
	}
 
	.imagesprite20:hover {
	background-position: 0 -150px;
	}
 
	.imagesprite20:active {
	background-position: 0 -300px;
	}


	.imagesprite21 {
	display: block;
	width: 800px;
	height:160px;
	background: url(002 dhd.png) no-repeat 0 0;
	overflow: hidden;
	text-indent: -15000px;
	font-size: 0px;
	line-height: 0px;
	}
 
	.imagesprite21:hover {
	background-position: 0 -160px;
	}
 
	.imagesprite21:active {
	background-position: 0 -320px;
	}