div.hard8	{float:left; //width: 230px; //height:100px;  left:10px; position:relative;  z-index: 7; }
div.hard8 a	{ display: block; width: 220px; height: 70px; font:bold 18px Century Gothic; color:#000; text-decoration: none; text-align:center; margin: 0px; //padding: 29px 0 0 20px;}
div.hard8 a:hover{  //width: 230px; //height: 100px;  color:#cc0000;  text-decoration: none; border:1px solid #e9e9e9; //padding: 28px 0 0 10px; }


div.hard1		{   //left:0px; position:relative;  z-index: 3; //width:190px; //height:100px;}
div.hard1 a	{ display: block; width: 155px; font:bold 18px Century Gothic; color:#000; text-decoration: none; text-align:center; margin: 0px; //padding: 25px 0 0 34px;}
div.hard1 a:hover { //width: 190px; height: 80px; //height:100px; color:#cc0000;  text-decoration: none; border:1px solid #e9e9e9; padding: 24px 0 0 0px;}


div.hard2		{ float:left; //width: 225px; //height: 100px;  //left:-5px; //position:relative; z-index: 4; }
div.hard2 a	{ display: block; //width: 225px; //height: 100px;  font:bold 18px Century Gothic; color:#000; text-decoration: none; text-align:center; margin: 0px; //padding: 35px 0 0 0px; }
div.hard2 a:hover{ //width: 225px;  //height: 100px;  color:#cc0000;  text-decoration: none; border:1px solid #e9e9e9; //padding: 34px 0 0 0px; }



div.hard7 { float:left; //position: relative; //top:142px; //left: 50px;  //width: 178px; //height:100px;  z-index: 7; }
div.hard7 a	{ display: block; width: 178px; height: 70px; font:bold 18px Century Gothic; color:#000; text-decoration: none; text-align:center; margin: 0px; //padding: 28px 0 0 0px;}
div.hard7 a:hover{  //width: 178px; //height: 100px; color:#cc0000;  text-decoration: none; border:1px solid #e9e9e9; //padding: 27px 0 0 0px;}


div.hard3	{ float:left; //position: relative; //top: 140px; //left: 245px; //width: 180px; //height: 100px; z-index: 5; }
div.hard3 a	{ display: block; //width: 175px; //height: 76px; font:bold 18px Century Gothic; color:#000; text-decoration: none; text-align:center; margin: 0px;// padding: 25px 0 0 0px;}
div.hard3 a:hover{  //width: 173px;   //height:100px; color:#cc0000;  text-decoration: none; border:1px solid #e9e9e9; //padding: 24px 0 0 1px; }



div.hard4	{ //position: relative; //top:145px; //left: 30px; //width: 225px; //height: 100px; z-index: 1; float:left;}
div.hard4 a	{ display: block; //width: 225px;  //height: 100px; font:bold 18px Century Gothic; color:#000; text-decoration: none; text-align:center; margin: 0px; //padding: 25px 0 0 0px;}
div.hard4 a:hover{  //width: 223px;  //height: 100px;  color:#cc0000;  text-decoration: none; border:1px solid #e9e9e9; //padding: 24px 0 0 2px;}

div.hard5		{ //position: relative; //top:175px; //left: 30px; //width: 130px; //height: 100px;  z-index: 6;  float:left;}
div.hard5 a	{ display: block; //width: 130px; //height: 80px; font:bold 18px Century Gothic; color:#000; text-decoration: none; text-align:center; margin: 0px; //padding: 25px 0 0 0px;}
div.hard5 a:hover{  //width: 130px;  //height: 100px;  color:#cc0000;  text-decoration: none; border:1px solid #e9e9e9; //padding: 24px 0 0 0px; }

div.hard6	{ //position: relative; //top:145px; //left: 35px; //width: 230px; //height: 100px; z-index: 2; float:left;}
div.hard6 a	{ display: block; //width: 230px; //height: 100px; font:bold 18px Century Gothic; color:#000; text-decoration: none; text-align:center; margin: 0px; //padding: 29px 0 0 0px; }
div.hard6 a:hover{  //width: 230px;  //height: 100px;  color:#cc0000;  text-decoration: none; border:1px solid #e9e9e9; //padding: 28px 0 0 0px; }