/* *** Zenkoku: layout for interactive map of Japan *** */
body {
font-family: Arial;
}

div#JapanMapClip {
	position: absolute; 
	width:820px; //770px; 
	height: 607px; 
	overflow: hidden;
	}
div#JapanMapClip img#JapanMapImg {
	width:770px;
	height:607px;
	position: absolute;
	top:0;
	left:0;
	border: none;
	
	cursor: crosshair;
	}


div.textlinks {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: none;
	
	cursor: crosshair;
	}

div.textlinks#background table {
	margin-left: 670px;
	width: 100px;
	}

div.textlinks#background td {
	width: 1px;
	background: white;
	}
div.textlinks td#a { opacity: .05; filter: alpha(opacity=05); }
div.textlinks td#b { opacity: .10; filter: alpha(opacity=10); }
div.textlinks td#c { opacity: .15; filter: alpha(opacity=15); }
div.textlinks td#d { opacity: .20; filter: alpha(opacity=20); }
div.textlinks td#e { opacity: .25; filter: alpha(opacity=25); }
div.textlinks td#f { opacity: .30; filter: alpha(opacity=30); }
div.textlinks td#g { opacity: .35; filter: alpha(opacity=35); }
div.textlinks td#h { opacity: .40; filter: alpha(opacity=40); }
div.textlinks td#i { opacity: .45; filter: alpha(opacity=45); }
div.textlinks td#j { opacity: .8; filter: alpha(opacity=80); 
					z-index: 100; 
					height: 607px;
					width: 80px;
					}


div.textlinks#links table {
	margin-left: 680px;
	overflow: visible;
	background: none;
	height: 100%;
	padding-bottom: 24px;
	}

div.textlinks a {
	text-decoration: none; 
	
	cursor: pointer;
	}
div.textlinks a span.text { 
	display: block;
		float: left; 
		clear: left;
	
	font-size: 11px;
		font-weight: normal;
		padding-top: 8px;
		padding-bottom: 8px;
		//padding-bottom: 7px;/*IE slightly different*/
		margin-bottom: -18px; 

	padding-left: 15px;
	padding-right: 5px;

	color: #7777ff;
	}

div.textlinks a:hover span.text, 
div.textlinks a span.text#selected /* !Also javascript text selection: toggle/replace id="(un)selected" in innerHTML so not to mess with existing :hover CSS settings*/
		{
		font-size: 24px;
			font-weight: bold;
			padding-top: 0;
			padding-bottom: 0;
	
		padding-left: 5px;
	
		color: #0000ff;
		background: white;//#dddddd;
		}
	/* Repeated for IE's benefit otherwise :hover doesn't work */
	div.textlinks table a:hover {
		//	font-size: 24px;
		//		font-weight: bold;
		//		padding-top: 0;
		//		padding-bottom: 0;
		
		//	padding-left: 5px;
		
		//	color: #0000ff;
		//	background: white;//#dddddd;
		}



span#ShowPrefectures {
		position: absolute;
		left: 650px;
		top: 590px;
		font-size: 12px;
		color: white;
		}
	span#ShowPrefectures a:link, span#ShowPrefectures a:visited {
		color: white;
		text-decoration: none;
		}
	span#ShowPrefectures a:hover {
		text-decoration: underline;
		}
span#HidePrefectures {
/*		position: absolute; 
		top: 590px;
		left: 0px;*/
		display: block;
		float: left; 
		clear: left;
		margin-top: 26px;
		margin-left: 30px;
		font-size: 12px;
		}
	span#HidePrefectures a:link, span#HidePrefectures a:visited {
		color: blue;
		text-decoration: none;
		float: right;
		margin-right: 65px;
		}
	span#HidePrefectures a:hover {
		text-decoration: underline;
		}
/* *** *************************************************** *** */

image {
	padding: 0;
	margin: 0;
	border: 0;
	}
	
a.prefecture, span.prefecture0 {
	display: block;
    position: absolute;
	background-image: url(Images/0.gif);
	}

a#Aichi, span#Aichi0 { left: 377px; top: 362px; width: 51px; height: 46px; background: url(Images/Aichi.gif) 51px 0 no-repeat }
/*span#Aichi0 { left: -268px; top: 355px; }*/
a#Aichi:hover, a:hover span#Aichi0 { background-position: 0 0 }

a#Akita, span#Akita0 { left: 514px; top: 69px; width: 58px; height: 94px; background: url(Images/Akita.gif) 58px 0 no-repeat }
/*span#Akita0 { left: -131px; top: 50px }*/
a#Akita:hover, a:hover span#Akita0 { background-position: 0 0 }

a#Aomori, span#Aomori0 { left: 521px; top: 6px; width: 83px; height: 78px; background: url(Images/Aomori.gif) 83px 0 no-repeat }
/*span#Aomori0 { left: -124px; top: -25px }*/
a#Aomori:hover, a:hover span#Aomori0 { background-position: 0 0 }

a#Chiba, span#Chiba0 { left: 517px; top: 324px; width: 51px; height: 67px; background: url(Images/Chiba.gif) 51px 0 no-repeat }
/*span#Chiba0 { left: -128px; top: 281px }*/
a#Chiba:hover, a:hover span#Chiba0 { background-position: 0 0 }

a#Ehime, span#Ehime0 { left: 165px; top: 424px; width: 75px; height: 76px; background: url(Images/Ehime.gif) 75px 0 no-repeat }
/*span#Ehime0 { left: -480px; top: 369px }*/
a#Ehime:hover, a:hover span#Ehime0 { background-position: 0 0 }

a#Fukui, span#Fukui0 { left: 322px; top: 313px; width: 61px; height: 52px; background: url(Images/Fukui.gif) 61px 0 no-repeat }
/*span#Fukui0 { left: -323px; top: 246px }*/
a#Fukui:hover, a:hover span#Fukui0 { background-position: 0 0 }

a#Fukuoka, span#Fukuoka0 { left: 75px; top: 442px; width: 51px; height: 51px; background: url(Images/Fukuoka.gif) 51px 0 no-repeat }
/*span#Fukuoka0 { left: -570px; top: 363px }*/
a#Fukuoka:hover, a:hover span#Fukuoka0 { background-position: 0 0 }

a#Fukushima, span#Fukushima0 { left: 490px; top: 217px; width: 85px; height: 66px; background: url(Images/Fukushima.gif) 85px 0 no-repeat }
/*span#Fukushima0 { left: -155px; top: 126px }*/
a#Fukushima:hover, a:hover span#Fukushima0 { background-position: 0 0 }

a#Gifu, span#Gifu0 { left: 359px; top: 303px; width: 61px; height: 73px; background: url(Images/Gifu.gif) 61px 0 no-repeat }
/*span#Gifu0 { left: -286px; top: 200px }*/
a#Gifu:hover, a:hover span#Gifu0 { background-position: 0 0 }

a#Gunma, span#Gunma0 { left: 455px; top: 270px; width: 57px; height: 59px; background: url(Images/Gunma.gif) 57px 0 no-repeat }
/*span#Gunma0 { left: -190px; top: 155px }*/
a#Gunma:hover, a:hover span#Gunma0 { background-position: 0 0 }

a#Hiroshima, span#Hiroshima0 { left: 166px; top: 380px; width: 63px; height: 56px; background: url(Images/Hiroshima.gif) 63px 0 no-repeat }
/*span#Hiroshima0 { left: -479px; top: 253px }*/
a#Hiroshima:hover, a:hover span#Hiroshima0 { background-position: 0 0 }

a#Hyogo, span#Hyogo0 { left: 267px; top: 347px; width: 53px; height: 83px; background: url(Images/Hyogo.gif) 53px 0 no-repeat }
/*span#Hyogo0 { left: -378px; top: 196px }*/
a#Hyogo:hover, a:hover span#Hyogo0 { background-position: 0 0 }

a#Ibaraki, span#Ibaraki0 { left: 514px; top: 277px; width: 52px; height: 67px; background: url(Images/Ibaraki.gif) 52px 0 no-repeat }
/*span#Ibaraki0 { left: -131px; top: 114px }*/
a#Ibaraki:hover, a:hover span#Ibaraki0 { background-position: 0 0 }

a#Ishikawa, span#Ishikawa0 { left: 357px; top: 241px; width: 51px; height: 83px; background: url(Images/Ishikawa.gif) 51px 0 no-repeat }
/*span#Ishikawa0 { left: -288px; top: 66px }*/
a#Ishikawa:hover, a:hover span#Ishikawa0 { background-position: 0 0 }

a#Iwate, span#Iwate0 { left: 558px; top: 72px; width: 64px; height: 100px; background: url(Images/Iwate.gif) 64px 0 no-repeat }
/*span#Iwate0 { left: -87px; top: -115px }*/
a#Iwate:hover, a:hover span#Iwate0 { background-position: 0 0 }

a#Kagawa, span#Kagawa0 { left: 236px; top: 409px; width: 39px; height: 30px; background: url(Images/Kagawa.gif) 39px 0 no-repeat }
/*span#Kagawa0 { left: -409px; top: 210px }*/
a#Kagawa:hover, a:hover span#Kagawa0 { background-position: 0 0 }

a#Kagoshima, span#Kagoshima0 { left: 56px; top: 536px; width: 70px; height: 65px; background: url(Images/Kagoshima.gif) 70px 0 no-repeat }
/*span#Kagoshima0 { left: -589px; top: 325px }*/
a#Kagoshima:hover, a:hover span#Kagoshima0 { background-position: 0 0 }
	span#Amami-shoto { position: absolute; left: 654px; top: -346px; width: 58px; height: 236px; background: url(Images/Amami-shoto.gif) 58px 0 no-repeat  }
	span#Amami-shoto:hover { background-position: 0 0 }
	a#Kagoshima:hover span#Amami-shoto { background-position: 0 0 }

a#Kanagawa, span#Kanagawa0 { left: 479px; top: 349px; width: 38px; height: 28px; background: url(Images/Kanagawa.gif) 38px 0 no-repeat }
/*span#Kanagawa0 { left: -166px; top: 126px }*/
a#Kanagawa:hover, a:hover span#Kanagawa0 { background-position: 0 0 }

a#Kochi, span#Kochi0 { left: 193px; top: 446px; width: 75px; height: 64px; background: url(Images/Kochi.gif) 75px 0 no-repeat }
/*span#Kochi0 { left: -452px; top: 211px }*/
a#Kochi:hover, a:hover span#Kochi0 { background-position: 0 0 }

a#Kumamoto, span#Kumamoto0 { left: 72px; top: 485px; width: 59px; height: 58px; background: url(Images/Kumamoto.gif) 59px 0 no-repeat }
/*span#Kumamoto0 { left: -573px; top: 238px }*/
a#Kumamoto:hover, a:hover span#Kumamoto0 { background-position: 0 0 }

a#Kyoto, span#Kyoto0 { left: 294px; top: 342px; width: 53px; height: 58px; background: url(Images/Kyoto.gif) 53px 0 no-repeat }
/*span#Kyoto0 { left: -351px; top: 83px }*/
a#Kyoto:hover, a:hover span#Kyoto0 { background-position: 0 0 }

a#Mie, span#Mie0 { left: 340px; top: 372px; width: 47px; height: 82px; background: url(Images/Mie.gif) 47px 0 no-repeat }
/*span#Mie0 { left: -305px; top: 101px }*/
a#Mie:hover, a:hover span#Mie0 { background-position: 0 0 }

a#Miyagi, span#Miyagi0 { left: 540px; top: 159px; width: 59px; height: 68px; background: url(Images/Miyagi.gif) 59px 0 no-repeat }
/*span#Miyagi0 { left: -105px; top: -124px }*/
a#Miyagi:hover, a:hover span#Miyagi0 { background-position: 0 0 }

a#Miyazaki, span#Miyazaki0 { left: 105px; top: 504px; width: 53px; height: 78px; background: url(Images/Miyazaki.gif) 53px 0 no-repeat }
/*span#Miyazaki0 { left: -540px; top: 209px }*/
a#Miyazaki:hover, a:hover span#Miyazaki0 { background-position: 0 0 }

a#Nagano, span#Nagano0 { left: 407px; top: 271px; width: 62px; height: 102px; background: url(Images/Nagano.gif) 62px 0 no-repeat }
/*span#Nagano0 { left: -238px; top: -36px }*/
a#Nagano:hover, a:hover span#Nagano0 { background-position: 0 0 }

a#Nagasaki, span#Nagasaki0 { left: 9px; top: 402px; width: 82px; height: 116px; background: url(Images/Nagasaki.gif) 82px 0 no-repeat }
/*span#Nagasaki0 { left: -636px; top: 83px }*/
a#Nagasaki:hover, a:hover span#Nagasaki0 { background-position: 0 0 }

a#Nara, span#Nara0 { left: 325px; top: 399px; width: 30px; height: 47px; background: url(Images/Nara.gif) 30px 0 no-repeat }
/*span#Nara0 { left: -320px; top: 68px }*/
a#Nara:hover, a:hover span#Nara0 { background-position: 0 0 }

a#Nigata, span#Nigata0 { left: 421px; top: 183px; width: 101px; height: 103px; background: url(Images/Nigata.gif) 101px 0 no-repeat }
/*span#Nigata0 { left: -224px; top: -160px }*/
a#Nigata:hover, a:hover span#Nigata0 { background-position: 0 0 }

a#Oita, span#Oita0 { left: 111px; top: 457px; width: 54px; height: 51px; background: url(Images/Oita.gif) 54px 0 no-repeat }
/*span#Oita0 { left: -534px; top: 102px }*/
a#Oita:hover, a:hover span#Oita0 { background-position: 0 0 }

a#Okayama, span#Okayama0 { left: 222px; top: 366px; width: 50px; height: 51px; background: url(Images/Okayama.gif) 50px 0 no-repeat }
/*span#Okayama0 { left: -423px; top: -1px }*/
a#Okayama:hover, a:hover span#Okayama0 { background-position: 0 0 }

a#Osaka, span#Osaka0 { left: 304px; top: 383px; width: 29px; height: 41px; background: url(Images/Osaka.gif) 29px 0 no-repeat }
/*span#Osaka0 { left: -341px; top: -8px }*/
a#Osaka:hover, a:hover span#Osaka0 { background-position: 0 0 }

a#Saga, span#Saga0 { left: 61px; top: 464px; width: 35px; height: 32px; background: url(Images/Saga.gif) 35px 0 no-repeat }
/*span#Saga0 { left: -584px; top: 61px }*/
a#Saga:hover, a:hover span#Saga0 { background-position: 0 0 }

a#Saitama, span#Saitama0 { left: 469px; top: 313px; width: 53px; height: 29px; background: url(Images/Saitama.gif) 53px 0 no-repeat }
/*span#Saitama0 { left: -176px; top: -102px }*/
a#Saitama:hover, a:hover span#Saitama0 { background-position: 0 0 }

a#Shiga, span#Shiga0 { left: 335px; top: 346px; width: 30px; height: 49px; background: url(Images/Shiga.gif) 30px 0 no-repeat }
/*span#Shiga0 { left: -310px; top: -81px }*/
a#Shiga:hover, a:hover span#Shiga0 { background-position: 0 0 }

a#Shimane, span#Shimane0 { left: 149px; top: 310px; width: 78px; height: 112px; background: url(Images/Shimane.gif) 78px 0 no-repeat }
/*span#Shimane0 { left: -496px; top: -129px }*/
a#Shimane:hover, a:hover span#Shimane0 { background-position: 0 0 }

a#Shizuoka, span#Shizuoka0 { left: 413px; top: 350px; width: 77px; height: 57px; background: url(Images/Shizuoka.gif) 77px 0 no-repeat }
/*span#Shizuoka0 { left: -232px; top: -101px }*/
a#Shizuoka:hover, a:hover span#Shizuoka0 { background-position: 0 0 }

a#Tochigi, span#Tochigi0 { left: 497px; top: 264px; width: 43px; height: 53px; background: url(Images/Tochigi.gif) 43px 0 no-repeat }
/*span#Tochigi0 { left: -148px; top: -199px }*/
a#Tochigi:hover, a:hover span#Tochigi0 { background-position: 0 0 }

a#Tokushima, span#Tokushima0 { left: 240px; top: 427px; width: 50px; height: 37px; background: url(Images/Tokushima.gif) 50px 0 no-repeat }
/*span#Tokushima0 { left: -405px; top: -48px }*/
a#Tokushima:hover, a:hover span#Tokushima0 { background-position: 0 0 }

a#Tokyo, span#Tokyo0 { left: 480px; top: 335px; width: 43px; height: 21px; background: url(Images/Tokyo.gif) 43px 0 no-repeat }
/*span#Tokyo0 { left: -165px; top: -152px }*/
a#Tokyo:hover, a:hover span#Tokyo0 { background-position: 0 0 }

a#Tottori, span#Tottori0 { left: 216px; top: 352px; width: 61px; height: 28px; background: url(Images/Tottori.gif) 61px 0 no-repeat }
/*span#Tottori0 { left: -429px; top: -147px }*/
a#Tottori:hover, a:hover span#Tottori0 { background-position: 0 0 }

a#Toyama, span#Toyama0 { left: 381px; top: 273px; width: 45px; height: 39px; background: url(Images/Toyama.gif) 45px 0 no-repeat }
/*span#Toyama0 { left: -264px; top: -238px }*/
a#Toyama:hover, a:hover span#Toyama0 { background-position: 0 0 }

a#Wakayama, span#Wakayama0 { left: 303px; top: 420px; width: 43px; height: 50px; background: url(Images/Wakayama.gif) 43px 0 no-repeat }
/*span#Wakayama0 { left: -342px; top: -103px }*/
a#Wakayama:hover, a:hover span#Wakayama0 { background-position: 0 0 }

a#Yamagata, span#Yamagata0 { left: 506px; top: 149px; width: 50px; height: 80px; background: url(Images/Yamagata.gif) 50px 0 no-repeat }
/*span#Yamagata0 { left: -139px; top: -386px }*/
a#Yamagata:hover, a:hover span#Yamagata0 { background-position: 0 0 }

a#Yamaguchi, span#Yamaguchi0 { left: 112px; top: 404px; width: 72px; height: 49px; background: url(Images/Yamaguchi.gif) 72px 0 no-repeat }
/*span#Yamaguchi0 { left: -533px; top: -143px }*/
a#Yamaguchi:hover, a:hover span#Yamaguchi0 { background-position: 0 0 }

a#Yamanashi, span#Yamanashi0 { left: 445px; top: 331px; width: 42px; height: 41px; background: url(Images/Yamanashi.gif) 42px 0 no-repeat }
/*span#Yamanashi0 { left: -200px; top: -228px }*/
a#Yamanashi:hover, a:hover span#Yamanashi0 { background-position: 0 0 }

a#Hokkaido, span#Hokkaido0 { left: 1px; top: 2px; width: 445px; height: 271px; background: url(Images/Hokkaido.gif) 445px 0 no-repeat }
/*span#Hokkaido0 { left: -644px; top: -137px }*/
a#Hokkaido:hover, a:hover span#Hokkaido0 { background-position: 0 0 }
	span#HokkaidoLink { position: absolute; left: 704px; top: -3px; width: 63px; height: 19px; }

a#Okinawa, span#Okinawa0 { left: 513px; top: 433px; width: 259px; height: 150px; background: url(Images/Okinawa.gif) 259px 0 no-repeat }
/*OKINAWA0 FUCKS WITH PREF LIST - CROP IT */ span#Okinawa0 { width: 120px; }
a#Okinawa:hover, a:hover span#Okinawa0 { background-position: 0 0 }
	span#OkinawaLink { position: absolute; left: -513px; top: 155px; width: 59px; height: 19px;}


a#Taiwan, span#Taiwan0 { left: 387px; top: 523px; width: 86px; height: 84px; background: url(Images/Taiwan.gif) 86px 0 no-repeat }
a#Taiwan:hover, a:hover span#Taiwan0 { background-position: 0 0 }
a#Korea, span#Korea0 { left: 0px; top: 290px; width: 55px; height: 112px; background: url(Images/Korea.gif) 55px 0 no-repeat }
a#Korea:hover, a:hover span#Korea0 { background-position: 0 0 }

/* *** THE preload ANSWER! *** 
a#Hokkaido { background: url(Images/Hokkaido.gif) 445px 0 no-repeat}
a#Hokkaido:hover, a:hover span#Hokkaido0 { background-position: 0 0 }
IT PRELOADS AND KEEPS IT!!!
*/