
   /* set the size of the definition list <DL> and aDD the background image */
#imap {
	display:block; 
	wiDTh:737px; 
	height:383px; 
	background:url(../images/daiNihon.jpg) no-repeat; 
	position:relative;
}

/* set up the definition list <DT><A> to hold the background image for the hover state */
#imap a#title {
	display:block; 
	wiDTh:737px; 
	height:0; 
	paDDing-top:383px; 
	overflow:hiDDen; 
	position:absolute; 
	left:0; top:0; 
	background:transparent url(../images/daiNihon_hover.jpg) no-repeat 737px 723px; 
	cursor:default;
	}
	
/* the hack for IE pre IE6 */
* html #imap a#title {
	height:383px; 
	he\ight:0;
}

/* the <DT><A> hover style to move the background image to position 0 0*/
#imap a#title:hover {
	background-position: 0 0; 
	z-index:10;
}

/* place the <DD>s in the correct absolute position */
#imap DD {
	position:absolute; 
	paDDing:0; 
	margin:0;
}

#imap #aa{ left:60px; top:72px; z-index:20; }
/* move the span text to a common position at the bottom of the image map */
#imap a#aaHref:hover span { left:-60px; top:316px;}

#imap #ab{ left:137px; top:68px; z-index:20; }
#imap a#abHref:hover span { left:-137px; top:320px;}

#imap #ac{ left:210px; top:72px; z-index:20; }
#imap a#acHref:hover span { left:-210px; top:316px;}

#imap #ad{ left:275px; top:77px; z-index:20; }
#imap a#adHref:hover span { left:-275px; top:311px;}

#imap #ae{ left:333px; top:73px; z-index:20; }
#imap a#aeHref:hover span { left:-333px; top:315px;}

#imap #af{ left:375px; top:75px; z-index:20; }
#imap a#afHref:hover span { left:-375px; top:313px;}

#imap #ag{ left:425px; top:76px; z-index:20; }
#imap a#agHref:hover span { left:-425px; top:312px;}

#imap #ah{ left:477px; top:88px; z-index:20; }
#imap a#ahHref:hover span { left:-477px; top:300px;}

#imap #ai{ left:533px; top:88px; z-index:20; }
#imap a#aiHref:hover span { left:-533px; top:300px;}

#imap #aj{ left:604px; top:92px; z-index:20; }
#imap a#ajHref:hover span { left:-604px; top:296px;}

#imap #ak{ left:668px; top:98px; z-index:20; }
#imap a#akHref:hover span { left:-668px; top:290px;}



#imap #ba{ left:91px; top:133px; z-index:20; }
#imap a#baHref:hover span { left:-91px; top:255px;}

#imap #bb{ left:180px; top:131px; z-index:20; }
#imap a#bbHref:hover span { left:-180px; top:257px;}

#imap #bc{ left:243px; top:133px; z-index:20; }
#imap a#bcHref:hover span { left:-243px; top:255px;}

#imap #bd{ left:298px; top:129px; z-index:20; }
#imap a#bdHref:hover span { left:-298px; top:259px;}

#imap #be{ left:357px; top:127px; z-index:20; }
#imap a#beHref:hover span { left:-357px; top:261px;}

#imap #bf{ left:422px; top:134px; z-index:20; }
#imap a#bfHref:hover span { left:-422px; top:254px;}

#imap #bg{ left:481px; top:150px; z-index:20; }
#imap a#bgHref:hover span { left:-481px; top:238px;}

#imap #bh{ left:550px; top:143px; z-index:20; }
#imap a#bhHref:hover span { left:-550px; top:245px;}

#imap #bi{ left:615px; top:140px; z-index:20; }
#imap a#biHref:hover span { left:-615px; top:248px;}


/* style the <DD><A> links physical size and the background image for the hover */
#imap a#aaHref, #imap a#abHref, #imap a#acHref, #imap a#adHref, #imap a#aeHref, #imap a#afHref, #imap a#agHref, #imap a#ahHref, #imap a#aiHref, #imap a#ajHref, #imap a#akHref, #imap a#baHref, #imap a#bbHref, #imap a#bcHref, #imap a#bdHref, #imap a#beHref, #imap a#bfHref, #imap a#bgHref, #imap a#bhHref, #imap a#biHref {
	display:block; 
	wiDTh:48px; 
	height:54px; 
	background:transparent url(../images/daiNihon_hover.gif) -100px -100px no-repeat; 
	text-decoration:none; 
	z-index:20;
}

/* style the span text so that it is not initially displayed */
#imap a span, #imap a:visited span {
	display:none;
}

/* move the link background image to position 0 0 when hovered */
#imap a#aaHref:hover, #imap a#abHref:hover, #imap a#acHref:hover, #imap a#adHref:hover, #imap a#aeHref:hover, #imap a#afHref:hover, #imap a#agHref:hover, #imap a#ahHref:hover, #imap a#aiHref:hover, #imap a#ajHref:hover, #imap a#akHref:hover, #imap a#baHref:hover, #imap a#bbHref:hover, #imap a#bcHref:hover, #imap a#bdHref:hover, #imap a#beHref:hover, #imap a#bfHref:hover, #imap a#bgHref:hover, #imap a#bhHref:hover, #imap a#biHref:hover {
	background-position:0 0;
}

/* define the common styling for the span text */
#imap a:hover span {
	position:absolute;  
	wiDTh:388px; 
	display:block; font-family:arial; font-size:12px; background:#fff; color:#000; border:1px solid #000; paDDing:5px;}
/* the hack for IE pre IE6 */
* html #imap a:hover span {wiDTh:737px; w\iDTh:388px;}


/* aDD the style for the link span text - first line */
#imap a span:first-line {
	font-weight:bold; 
	font-style:italic;
}
