@charset "UTF-8";
/* map.css */

/* フォント設定 */
body {
  font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
	font-size: 80%;
}

/* 日本地図 */
div#map {
	background: url(japan-100.png) no-repeat;
	height: 715px;
	width: 765px;
	position: relative;
	margin: 5em auto;
}
div#map div span a {
	border: 0px solid rgba(100,100,100,1.0);
	text-align: center;
	position: absolute;
    font-size: 80%;
}

div#map div span a:hover {
	opacity: 0.8;
}
/* 北海道開発局 */
div#hokkaido span a { background: rgb(101,196,220); }

span.hokkaido a { line-height:140px; height: 150px; width: 205px; top:   0px; right:  0px; clip-path: polygon(0px 0px, 205px 0px, 205px 130px, 53px 130px, 53px 205px, 0px 205px); }

/* 東北地整 */
div#tohoku span a { background: rgb(94,117,191); color: rgb(255,255,255); }

span.aomori a   { line-height: 45px; height:  45px; width: 150px; top: 172px; right:  55px; }
span.iwate a    { line-height: 55px; height:  55px; width:  74px; top: 219px; right:  55px; }
span.miyagi a   { line-height: 55px; height:  55px; width:  74px; top: 276px; right:  55px; }
span.akita a    { line-height: 55px; height:  55px; width:  74px; top: 219px; right: 131px; }
span.yamagata a { line-height: 55px; height:  55px; width:  74px; top: 276px; right: 131px; clip-path: polygon(0px 0px, 74px 0px, 74px 55px, 28px 55px, 28px 38px, 0px 38px); }
span.fukushima a{ line-height: 50px; height:  55px; width: 122px; top: 333px; right:  55px; }

/* 関東地整 */
div#kanto span a { background: rgb(140,207,207); }

span.ibaraki a  { line-height: 75px; height:  75px; width:  35px; top: 390px; right:  55px; }
span.tochigi a  { line-height: 55px; height:  55px; width:  55px; top: 390px; right:  92px; }
span.gumma a    { line-height: 55px; height:  55px; width:  55px; top: 390px; right: 149px; }
span.saitama a  { line-height: 47px; height:  47px; width: 112px; top: 447px; right:  92px; }
span.chiba a    { line-height: 130px;height: 130px; width:  35px; top: 467px; right:  55px; }
span.tokyo a    { line-height: 45px; height:  45px; width:  85px; top: 496px; right:  92px; clip-path: polygon(0px 0px, 85px 0px, 85px 26px, 54px 26px, 54px 45px, 0px 45px); text-align: left!important; text-indent: 1.2em; }
span.kanagawa a { line-height: 54px; height:  54px; width:  82px; top: 543px; right: 123px; clip-path: polygon(0px 0px, 82px 0px, 82px 54px, 28px 54px, 28px 27px, 0px 27px); text-indent: 2em; }
span.yamanashi a{ line-height: 45px; height:  45px; width:  55px; top: 496px; right: 179px; }
span.nagano a   { line-height:151px; height: 151px; width:  66px; top: 390px; right: 206px; clip-path: polygon(0px 0px, 66px 0px, 66px 104px, 36px 104px, 36px 151px, 0px 151px); }

/* 北陸地整 */
div#hokuriku span a { background: rgb(49,153,153); color: rgb(255,255,255); }

span.niigata a  { line-height: 87px; height:  72px; width:  72px; top: 316px; right: 179px; clip-path: polygon(0px 15px, 46px 15px, 46px 0px, 72px 0px, 72px 72px, 0px 72px); }
span.toyama a   { line-height: 57px; height:  57px; width:  56px; top: 331px; right: 253px; }
span.ishikawa a { line-height: 88px; height:  72px; width:  36px; top: 316px; right: 311px; }

/* 中部地整 */
div#chubu span a { background: rgb(66,165,37); color: rgb(255,255,255); }

span.gifu a     { line-height:151px; height: 151px; width:  35px; top: 390px; right: 274px; }
span.shizuoka a { line-height: 54px; height:  54px; width:  73px; top: 543px; right: 179px; clip-path: polygon(0px 0px, 45px 0px, 45px 29px, 73px 29px, 73px 54px, 0px 54px); text-align: left!important; text-indent: 1em; }
span.aichi a    { line-height: 54px; height:  54px; width:  55px; top: 543px; right: 254px; }
span.mie a      { line-height:129px; height: 132px; width:  37px; top: 505px; right: 311px; }

/* 近畿地整 */
div#kinki span a { background: rgb(160,211,55); }

span.fukui a    { line-height: 77px; height:  56px; width:  74px; top: 390px; right: 311px; clip-path: polygon(0px 21px, 38px 21px, 38px 0px, 74px 0px, 74px 56px, 0px 56px); }
span.shiga a    { line-height: 55px; height:  55px; width:  37px; top: 448px; right: 311px; }
span.kyoto a    { line-height: 115px; height:  92px; width:  74px; top: 411px; right: 350px; clip-path: polygon(0px 0px, 37px 0px, 37px 37px, 74px 37px, 74px 92px, 0px 92px);  }
span.osaka a    { line-height: 66px; height:  66px; width:  36px; top: 505px; right: 388px; }
span.hyogo a    { line-height:112px; height: 112px; width:  36px; top: 411px; right: 426px; }
span.nara a     { line-height: 95px; height:  95px; width:  36px; top: 505px; right: 350px; }
span.wakayama a { line-height: 90px; height:  64px; width:  74px; top: 573px; right: 350px; clip-path: polygon(0px 0px, 36px 0px, 36px 29px, 74px 29px, 74px 64px, 0px 64px); }

/* 中国地整 */
div#chugoku span a { background: rgb(255,89,171); color: rgb(255,255,255); }

span.tottori a  { line-height: 55px; height:  55px; width:  36px; top: 411px; right: 464px; }
span.shimane a  { line-height: 55px; height:  55px; width:  36px; top: 411px; right: 502px; }
span.okayama a  { line-height: 55px; height:  55px; width:  36px; top: 468px; right: 464px; }
span.hiroshima a{ line-height: 55px; height:  55px; width:  36px; top: 468px; right: 502px; }
span.yamaguchi a{ line-height:112px; height: 112px; width:  36px; top: 411px; right: 540px; }

/* 四国地整 */
div#shikoku span a { background: rgb(243,187,63); }

span.tokushima a{ line-height: 44px; height:  44px; width:  63px; top: 591px; right: 448px; }
span.kagawa a   { line-height: 44px; height:  44px; width:  63px; top: 545px; right: 448px; }
span.ehime a    { line-height: 44px; height:  44px; width:  63px; top: 545px; right: 513px; }
span.kochi a    { line-height: 44px; height:  44px; width:  63px; top: 591px; right: 513px; }

/* 九州地整 */
div#kyushu span a { background: rgb(233,82,95); color: rgb(255,255,255); }

span.fukuoka a  { line-height: 83px; height:  83px; width:  92px; top: 411px; right: 596px; clip-path: polygon(0px 0px, 92px 0px, 92px 35px, 52px 35px, 52px 83px, 0px 83px); text-align: left!important; text-indent: 1em;}
span.saga a     { line-height: 83px; height:  83px; width:  36px; top: 411px; right: 690px; }
span.nagasaki a { line-height: 83px; height:  83px; width:  36px; top: 411px; right: 728px; }
span.kumamoto a { line-height: 84px; height:  84px; width:  52px; top: 496px; right: 636px; }
span.oita a     { line-height: 65px; height:  65px; width:  38px; top: 448px; right: 596px; }
span.miyazaki a { line-height: 65px; height:  65px; width:  38px; top: 515px; right: 596px; }
span.kagoshima a{ line-height: 53px; height:  53px; width:  92px; top: 582px; right: 596px; }

/* 沖縄事務所 */
div#okinawa span a { background: rgb(154,52,7); color: rgb(255,255,255); }
span.okinawa a  { line-height: 53px; height:  53px; width:  34px; top: 660px; right: 654px; }