@charset "utf-8";
/* CSS Document */

#center_main .title.local{
	background-image: url(http://image.rohan.jp/images/common_add/160302/local_1/title_local.png);
}
.worldmap {
	position: relative;
	width: 610px;
	height: 557px;
	margin: 20px auto;
    padding-top: 110px;
	background: url(http://image.rohan.jp/images/common_add/160302/local_1/mapbg.jpg) no-repeat top center;
}
.worldmap ul:first-child {
	position: relative;
}
.worldmap ul:first-child li {
	position: absolute;
	width: 111px;
	height: 54px;
	background: url(http://image.rohan.jp/images/common_add/160302/local_1/area.png) no-repeat;
	text-indent: -99999px;
	cursor: pointer;
}
.worldmap ul:first-child li:first-child {
    top: -55px;
    right: 120px;
	background-position: -333px 0;
}
.worldmap ul:first-child li:first-child:hover {
	background-position: -333px -54px;
}
.worldmap ul:first-child li:nth-child(2) {
    top: -20px;
    left: 160px;
}
.worldmap ul:first-child li:nth-child(2):hover {
	background-position: 0 -54px;
}
.worldmap ul:first-child li:nth-child(3) {
    top: 10px;
    right: 170px;
	background-position: -111px 0;
}
.worldmap ul:first-child li:nth-child(3):hover {
	background-position: -111px -54px;
}
.worldmap ul:first-child li:nth-child(4) {
    top: 150px;
    right: 190px;
	background-position: -222px 0;
}
.worldmap ul:first-child li:nth-child(4):hover {
	background-position: -222px -54px;
}
.worldmap ul:first-child li:nth-child(5) {
	top: 250px;
    left: 190px;
	background-position: -555px 0;
}
.worldmap ul:first-child li:nth-child(5):hover {
	background-position: -555px -54px;
}
.worldmap ul:first-child li:nth-child(6) {
	top: 250px;
    right: 190px;
	background-position: -444px 0;
}
.worldmap ul:first-child li:nth-child(6):hover {
	background-position: -444px -54px;
}
.worldmap ul:first-child li:nth-child(7) {
    top: 350px;
    left: 210px;
	background-position: -666px 0;
}
.worldmap ul:first-child li:nth-child(7):hover {
	background-position: -666px -54px;
}
.worldmap ul:first-child li:nth-child(8) {
    top: 350px;
    left: 300px;
	background-position: -777px 0;
}
.worldmap ul:first-child li:nth-child(8):hover {
	background-position: -777px -54px;
}
.worldmap ul:first-child li:nth-child(9) {
    top: 350px;
	right: 100px;
	background-position: -888px 0;
}
.worldmap ul:first-child li:nth-child(9):hover {
	background-position: -888px -54px;
}
.worldmap div {
	display: none;
	position: relative;
	width: 488px;
	height: 337px;
	margin: 0 auto;
	line-height: 25px;
	box-sizing: border-box;
}
.worldmap div.on {
	display: block;
    padding: 10px 35px;
	background: url(http://image.rohan.jp/images/common_add/160302/local_1/popupbg.png) no-repeat;
	color: #fff;
	font-size: 12px;
}
.worldmap div h6 {
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: bold;
	color: #fec20b;
}
.worldmap .detail > ul {
	position: absolute;
	left: 39px;
	bottom: 39px;
	width: 410px;
	height: 56px;
}
.worldmap .detail > ul li {
	float: left;
	position: relative;
	width: 195px;
	height: 100%;
	background: url(http://image.rohan.jp/images/common_add/160302/local_1/btn.png) no-repeat;
	cursor: pointer;
	font: 0/0 a;
}
.worldmap .detail > ul.alone li {
	float: none;
	margin: 0 auto;
}
.worldmap .detail > ul li.areabtn {
	margin-right: 20px;
	background-position: 0 0;
}
.worldmap .detail > ul li.areabtn:hover {
	background-position: 0 100%;
}
.worldmap .detail > ul li.closebtn {
	background-position: -195px 0;
}
.worldmap .detail > ul li:hover {
	background-position: -195px 100%;
}
.worldmap .detail > ul li a {
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
ul.area-img {
	position: relative;
	width: 480px;
	margin: 0 auto;
}
ul.area-img li {
	margin: 20px 0;
}