.a, .a:visited {color:#000;}
#container {position:relative; width:700px; height:700px; background:#888; border:1px solid #000; margin:10px auto;}
#container b {font-weight:normal; width:700px; text-align:center; position:absolute; bottom:250px; left:0; color:#eee; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px; line-height:2.2em; z-index:1;}

a.g1, a.g1:visited {display:inline; color:#000; text-decoration:none; border:1px solid #000; width:60px; height:45px; float:left; margin:3px 4px; position:relative; cursor:default;}

a.diak_1 {background:url(th/t1.jpg);}
a.diak_2 {background:url(th/t2.jpg);}
a.diak_3 {background:url(th/t3.jpg);}
a.diak_4 {background:url(th/t4.jpg);}
a.diak_5 {background:url(th/t5.jpg);}
a.diak_6 {background:url(th/t6.jpg);}
a.diak_7 {background:url(th/t7.jpg);}
a.diak_8 {background:url(th/t8.jpg);}
a.diak_9 {background:url(th/sz13.jpg);}
a.diak_10 {background:url(th/sz23.jpg);}
a.diak_11 {background:url(th/sz33.jpg);}
a.diak_12 {background:url(th/sz43.jpg);}
a.diak_13 {background:url(th/sz53.jpg);}
a.diak_14 {background:url(th/sz63.jpg);}
a.diak_15 {background:url(th/sz73.jpg);}
a.diak_16 {background:url(th/sz_t_01.jpg);}
a.diak_17 {background:url(th/.jpg);}
a.diak_18 {background:url(th/.jpg);}
a.diak_19 {background:url(th/.jpg);}
a.diak_20 {background:url(th/.jpg);}

a.g1 span {visibility:hidden; display:block; position:absolute; width:680px; height:500px; top:189px; left:9px; color:#000; background:#ccc; text-align:center; border:1px solid #fff; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; letter-spacing:1px; cursor:default;}

a.diak_1 span {left:3px; top:142px;}
a.diak_2 span {left:-67px; top:142px;}
a.diak_3 span {left:-137px; top:142px;}
a.diak_4 span {left:-207px; top:142px;}
a.diak_5 span {left:-277px; top:142px;}
a.diak_6 span {left:-347px; top:142px;}
a.diak_7 span {left:-417px; top:142px;}
a.diak_8 span {left:-487px; top:142px;}
a.diak_9 span {left:-557px; top:142px;}
a.diak_10 span {left:-627px; top:142px;}
a.diak_11 span {left:3px; top:89px;}
a.diak_12 span {left:-67px; top:89px;}
a.diak_13 span {left:-137px; top:89px;}
a.diak_14 span {left:-207px; top:89px;}
a.diak_15 span {left:-277px; top:89px;}
a.diak_16 span {left:-347px; top:89px;}
a.diak_17 span {left:-417px; top:89px;}
a.diak_18 span {left:-487px; top:89px;}
a.diak_19 span {left:-557px; top:89px;}
a.diak_20 span {left:-627px; top:89px;}

a.g1:hover {white-space:normal; border:1px solid #fff; z-index:100;}

a.g1:hover span {visibility:visible; z-index:100;}

a.g1:hover span img {margin:10px; border:1px solid #000; position:relative; z-index:100;}

a.g1:active, a.g1:focus {border:1px solid #c00; z-index:10;}

a.g1:active span, a.g1:focus span {visibility:visible; z-index:10;}

a.g1:active span img, a.g1:focus span img {border:1px solid #000; position:relative; margin:10px; z-index:10;}