@charset "utf-8";

/* 共通部分 */
#imagemap {
	margin: 0px auto;
	padding: 0px;
	background: transparent url(map/jp.png) top left no-repeat;
	width: 600px;
	height: 600px;
	position: relative;
}

#imagemap li {
	margin: 0px;
	padding: 0px;
	position: absolute;
	list-style: none;
	font-size: 14px;
}
#imagemap a {
	position: absolute;
}
#imagemap a span {
	display: none;
}

/* 北海道 */
#hokkaido {
	top: 0px;
	left: 333px;
}
#hokkaido a {
	width: 300px;
	height: 179px;
}
#hokkaido a:hover {
	background: url(map/jp.png) -333px -600px no-repeat;
}

/* 東北 */
#touhoku {
	top: 172px;
	left: 285px;
}
#touhoku a {
	width: 189px;
	height: 185px;
}
#touhoku a:hover {
	background: transparent url(map/jp.png) -253px -889px no-repeat;
}

/* 北陸・甲信越 */
#hokuriku {
	top: 288px;
	left: 226px;
}
#hokuriku a {
	width: 147px;
	height: 170px;
}
#hokuriku a:hover {
	background: transparent url(map/jp.png) -211px -1377px no-repeat;
}

/* 関東 */
#kanto {
	top: 342px;
	left: 317px;
}
#kanto a {
	width: 87px;
	height: 88px;
}
#kanto a:hover {
	background: transparent url(map/jp.png) -262px -1826px no-repeat;
}



/* 関西 */
#kansai {
	top: 394px;
	left: 187px;
}
#kansai a {
	width: 95px;
	height: 98px;
}
#kansai a:hover {
	background: transparent url(map/jp.png) -156px -2650px no-repeat;
}

/* 中国 */
#chugoku {
	top: 369px;
	left: 79px;
}
#chugoku a {
	width: 129px;
	height: 97px;
}
#chugoku a:hover {
	background: transparent url(map/jp.png) -80px -3037px no-repeat;
}

/* 四国 */
#shikoku {
	top: 439px;
	left: 118px;
}
#shikoku a {
	width: 95px;
	height: 74px;
}
#shikoku a:hover {
	background: transparent url(map/jp.png) -114px -3480px no-repeat;
}

/* 九州 */
#kyushu {
	top: 426px;
	left: 5px;
}
#kyushu a {
	width: 112px;
	height: 175px;
}
#kyushu a:hover {
	background: transparent url(map/jp.png) -5px -3826px no-repeat;
}

/* 沖縄 */
#okinawa {
	top: 207px;
	left: 99px;
}
#okinawa a {
	width: 87px;
	height: 53px;
}
#okinawa a:hover {
	background: transparent url(map/jp.png) -99px -4075px no-repeat;
}


/*//////////// スマホ用 ////////////*/

@media (min-width: 375px) and ( max-width:768px) {
	#imagemap {
		margin: 0px auto;
		padding: 0px;
		background: transparent url(map/jp-sp.png) top left no-repeat;
		background-size:348px auto;
		width: 348px;
		height: 348px;
		display:;
	}
}


@media (min-width: 375px) and ( max-width:768px) {
	/* 北海道 */
	#hokkaido {
		top: 0px;
		left: 200px;
	}
	#hokkaido a {
		width: 147px;
		height: 105px;
	}
	#hokkaido a:hover {
		background: url(map/jp-sp.png) -200px -348px no-repeat;
	}
	
	/* 東北 */
	#touhoku {
		top: 100px;
		left: 198px;
	}
	#touhoku a {
		width: 53px;
		height: 108px;
	}
	#touhoku a:hover {
		background: transparent url(map/jp-sp.png) -180px -516px no-repeat;
	}
	
	/* 北陸・甲信越 */
	#hokuriku {
		top: 166px;
		left: 131px;
	}
	#hokuriku a {
		width: 85px;
		height: 100px;
	}
	#hokuriku a:hover {
		background: transparent url(map/jp-sp.png) -122px -799px no-repeat;
	}
	
	/* 関東 */
	#kanto {
		top: 198px;
		left: 184px;
	}
	#kanto a {
		width: 52px;
		height: 52px;
	}
	#kanto a:hover {
		background: transparent url(map/jp-sp.png) -153px -1059px no-repeat;
	}
	
	
	
	/* 関西 */
	#kansai {
		top: 228px;
		left: 108px;
	}
	#kansai a {
		width: 56px;
		height: 58px;
	}
	#kansai a:hover {
		background: transparent url(map/jp-sp.png) -90px -1537px no-repeat;
	}
	
	/* 中国 */
	#chugoku {
		top: 214px;
		left: 45px;
	}
	#chugoku a {
		width: 76px;
		height: 57px;
	}
	#chugoku a:hover {
		background: transparent url(map/jp-sp.png) -46px -1762px no-repeat;
	}
	
	/* 四国 */
	#shikoku {
		top: 255px;
		left: 71px;
	}
	#shikoku a {
		width: 56px;
		height: 44px;
	}
	#shikoku a:hover {
		background: transparent url(map/jp-sp.png) -69px -2019px no-repeat;
	}
	
	/* 九州 */
	#kyushu {
		top: 246px;
		left: 3px;
	}
	#kyushu a {
		width: 66px;
		height: 102px;
	}
	#kyushu a:hover {
		background: transparent url(map/jp-sp.png) -3px -2218px no-repeat;
	}
	
	/* 沖縄 */
	#okinawa {
		top: 119px;
		left: 54px;
	}
	#okinawa a {
		width: 52px;
		height: 32px;
	}
	#okinawa a:hover {
		background: transparent url(map/jp-sp.png) -54px -2362px no-repeat;
	}
}

/* ●日本地図下の地域リスト */
#map-area {
	margin: 20px auto;
	width: 600px;
}

@media (min-width: 375px) and ( max-width:768px) {
	#map-area {
		width: 100%;
		text-align:center;
	}
}

#map-area li {
	float:left;
	text-indent:-5px;
	font-size: 14px;
	font-family: sans-serif;
	padding: 0 30px 0 0;
}
#map-area li a {
	text-decoration: none;
	color: #2d67ee;
}
#map-area li a:hover {
	text-decoration: underline;
	color: #f1710f;
}




/*------------------------------------------------------------------
	map
	-------------------------------------------------------------------*/

section.map a,
.button {
	-webkit-transition: all 0s ease-out 0s;
	-moz-transition: all 0s ease-out 0s;
	-ms-transition: all 0s ease-out 0s;
	-o-transition: all 0s ease-out 0s;
transition: all 0s ease-out 0s; }


section.map {
	margin-bottom:50px;
}