@charset "utf-8";

* { margin: 0; padding: 0; border: none; font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; list-style:none; }

body {
	text-align: center;
	overflow:hidden;
}

/*20160510*/
/*IISなしでchromeに対応するため画像位置を直接指定*/
/*画像サイズ、縦横枚数変更の際は要注意*/
#p0000 { top:0px; left:0px; }
#p0100 { top:0px; left:512px; }
#p0200 { top:0px; left:1024px; }
#p0300 { top:0px; left:1536px; }
#p0400 { top:0px; left:2048px; }
#p0500 { top:0px; left:2560px; }
#p0001 { top:512px; left:0px; }
#p0101 { top:512px; left:512px; }
#p0201 { top:512px; left:1024px; }
#p0301 { top:512px; left:1536px; }
#p0401 { top:512px; left:2048px; }
#p0501 { top:512px; left:2560px; }
#p0002 { top:1024px; left:0px; }
#p0102 { top:1024px; left:512px; }
#p0202 { top:1024px; left:1024px; }
#p0302 { top:1024px; left:1536px; }
#p0402 { top:1024px; left:2048px; }
#p0502 { top:1024px; left:2560px; }
#p0003 { top:1536px; left:0px; }
#p0103 { top:1536px; left:512px; }
#p0203 { top:1536px; left:1024px; }
#p0303 { top:1536px; left:1536px; }
#p0403 { top:1536px; left:2048px; }
#p0503 { top:1536px; left:2560px; }



#clickMap, #selectTableDiv { visibility: hidden; }


#mapBase, #wakuB, #wakuB img, #wakuR, #wakuR img, img#Legend,
#mainMap, #mainMap img,
#LSMap, #LSMap img, #pointer2,
#clickMap, #PName, #pointer,
#selectTableDiv,
img.button,
#CPanel,
#CPanel div,
#CPanel div input,
#CPanel div#hyouji img,
#CPanel div#print img,
#CPanel div#mapSelect img,
#scaleSelect,
#scaleSelect label,
#scaleSelect img,
#CPShow,
.closeButton {
	position:absolute;
	z-index: 20;
}
#mainMap {
	z-index: 1;
}

#LSMap.over,
#Legend.over,
#CPanel.over {
	z-index: 30;
}
#LSMap,
#clickMap {
	cursor:crosshair;
}
.closeButton { right: 15px; cursor: pointer; }
#selectTableDiv .closeButton { top: 15px; }
#clickMap .closeButton { bottom: 15px; }

#mapBase {
	top:0px;
	left:0px;
	overflow:hidden;
}
#mapBase #wakuB { background: url(img/mapWaku_B_bg.png) repeat-x; width: 100%; height: 20px; }
#mapBase #wakuR { background: url(img/mapWaku_R_bg.png) repeat-y; width: 20px; height: 100%; }
#mapBase #wakuB,
#mapBase #wakuR {
	bottom: -1px;
	right: -1px;
}
#mapBase>#wakuB,
#mapBase>#wakuR {
	bottom: 0;
	right: 0;
}
#mapBase #wakuB img,
#mapBase #wakuR img {
	bottom: 0;
	right: 0;
}

#mainMap { overflow:hidden; }

#clickMap {
	width: 486px;   /*修正時要確認 広域図の横幅*/
	height: 594px;   /*修正時要確認 広域図の縦幅*/
	top: 50%;
	left: 50%;
	margin: -297px 0 0 -243px;   /*修正時要確認 広域図の縦幅/2 と 広域図の横幅/2*/
}
#PName {
	text-align: left;
	visibility: hidden;
}
#PName span {
	color: #2222aa;
	font-size: 0.8em;
	border: #2222aa 1px solid;
	background: #eeffee;
	padding: 0.3em 0.7em;
	height: 0.8em;   /*IE用*/
}
#Legend,
#selectTableDiv { right: 25px; }
#Legend { bottom: 25px; }
#LSMap {
	top: 16px;
	right: 31px;
	width:164px;   /*修正時要確認 全域図の横幅*/
	height:200px;   /*修正時要確認 全域図の縦幅*/
	overflow: visible;
}
#LSMap img { top: 0px; left: 0px; }
#LSMapBg { margin: -6px 0 0 -6px; }

#selectTableDiv {
	bottom: 25px;
	width:400px;
	height:600px;
	background: url(img/kensakuBg.png);
}
#selectTableDiv p {
	height:62px;
	text-align: left;
	line-height: 62px;
	padding: 0 0 0 40px;
}
ol#oaza {
	position: relative;
	width: 400px;
	padding: 0 0 0 25px;
	overflow: visible;
}
#selectTableDiv>ol#oaza { width: 375px; }
ol#oaza li {
	float: left;
	width: 34px;
	height: 36px;
	line-height: 35px;
	background: url(img/kensakuIndexBg.png) no-repeat;
	background-position: -34px 0;
	margin: 0 1px 0 0;
	overflow: visible;
}
ol#oaza li.on { background-position: 0 0; }
ol#oaza li.off { color: #888888; background-position: -68px 0; }
ol#oaza li,
ol#koaza li ul li { cursor: pointer; }
ul li { text-align: left; }
ol#oaza li ul,
ol#koaza,
ol#koaza li { display: none; }
ol#oaza li.on ul,
ol#koaza.on,
ol#koaza li.on,
ol#koaza li ul li { display: block; }
ol#oaza li ul,
ol#koaza { left: 32px; width: 336px; }
ol#oaza li ul {
	position: absolute;
	top: 46px;
	height: 285px;
	overflow: auto;
	padding: 0;
}
ol#oaza li ul li {
	float: left;
	width: 155px;
	height: 30px;
	line-height: 1em;
	background: none;
	padding: 5px;
}
ol#oaza>li>ul>li {
	height: auto;
	min-height: 30px;
}
ol#oaza li ul>li { width: 145px; }
ol#oaza li ul li div,
ol#koaza li ul li div { font-size: 0.8em; }
ol#koaza {
	position: absolute;
	top: 410px;
	height: 162px;
	overflow: auto;
}
ol#koaza li ul li {
	float: left;
	height: 30px;
	white-space: nowrap;
	padding: 5px 15px;
	margin: -18px 0 18px;
}
ol#koaza li ul>li { margin: 0; }
ol#oaza li ul li.on,
ol#koaza li ul li.on {
	text-decoration: underline;
	font-weight: bold;
	color: #8a0a88;
}

#CPShow {
	z-index: 10;
}
#CPanel, #CPShow {
	top: 15px;
	left: 15px;
}
#CPanel {
	width: 315px;
	height: 226px;
	background: url(img/panel_bg.png) no-repeat;
}
#CPHide {
	top: auto;
	left: auto;
	bottom: 0;
	right: 0 !important;
	right: -1px;
}
#CPanel div * { display: block; }
#CPanel div#button { left: 13px; top: 17px; }
#CPanel div#button img { margin: 13px auto; }
#CPanel div#button img#keisokuStart { background: url(img/panel_keisokuStart.png) no-repeat; }
#CPanel div#hyouji,
#CPanel div#mapSelect,
#CPanel div#print {
	width: 133px;
	left: 158px;
	background: #E0E0E0;
	border-radius: 7px;
}
#CPanel div#hyouji { height: 49px; top: 10px; }
#CPanel div#mapSelect { height: 68px; top: 63px; }
}
#CPanel div#hyouji {
	top: 10px;
}
#CPanel div#hyouji input,
#CPanel div#mapSelect input {
	left: 13px;
	width: 15px;
	height: 15px;
}
#CPanel div#hyouji input#check1,
#CPanel div#mapSelect input:nth-child(1) { top: 7px; }
#CPanel div#hyouji input#check2,
#CPanel div#mapSelect input:nth-child(2) { top: 27px; }
#CPanel div#mapSelect input:nth-child(3) { top: 47px; }
#CPanel div#hyouji img#txtHanrei,
#CPanel div#hyouji img#txtZenikizu,
#CPanel div#mapSelect img { left: 35px; }
#CPanel div#hyouji img#txtZenikizu,
#CPanel div#mapSelect label:nth-of-type(1) img { top: 6px; }
#CPanel div#hyouji img#txtHanrei,
#CPanel div#mapSelect label:nth-of-type(2) img { top: 26px; }
#CPanel div#mapSelect label:nth-of-type(3) img { top: 46px; }

#CPanel div#print {
	height: 81px;
	top: 135px;
}
#CPanel div#print input {
	top: 13px;
	width: 15px;
	height: 15px;
}
#CPanel div#print img { top: 46px; left: 27px; }
#CPanel div#print.on img.off,
#CPanel div#print.off img.on { display: none; }
#CPanel div#print input#printA4,
#CPanel div#print input#printYoko { top: 9px; }
#CPanel div#print input#printA3,
#CPanel div#print input#printTate { top: 27px; }
#CPanel div#print input#printA4,
#CPanel div#print input#printA3 { left: 20px; }
#CPanel div#print input#printYoko,
#CPanel div#print input#printTate { left: 75px; }
#CPanel div#print img#txtA4 { top: 9px; }
#CPanel div#print img#txtA3 { top: 27px; }
#CPanel div#print img#txtYoko { top: 9px; }
#CPanel div#print img#txtTate { top: 26px; }
#CPanel div#print img#txtA4,
#CPanel div#print img#txtA3 { left: 35px; }
#CPanel div#print img#txtYoko { left: 91px; }
#CPanel div#print img#txtTate { left: 90px; }



/*-----index2用-----*/

#index2 #mainButton {
position: absolute;
z-index: 1;
top: 30%;
left: 0;
width:100%;
}
#index2 #mainButton img {
display: block;
margin: 0 auto 30px;
}
#index2 #mainButton img.button {
cursor: pointer;
padding: 0 0 0 10px;
margin: 10px auto 0;
}

#index2 #selectTableDiv {
position: relative;
top: 100px;
margin: 0 auto;
}

#scaleSelect {
	top: 245px;
	left: 0;
	width: 85px;
	height: 138px;
	background-color: #F2F2F2;
	border: solid 2px #D099B8;
	border-radius: 7px;
	overflow: hidden;
	padding: 3px;
}
#scaleSelect input { display: none; }
#scaleSelect img { top: 5px; left: 5px; }
#scaleSelect label { width: 63px; height: 22px; right: 5px; overflow: hidden; }
#scaleSelect label:nth-of-type(1) { top: 28px; }
#scaleSelect label:nth-of-type(2) { top: 50px; }
#scaleSelect label:nth-of-type(3) { top: 72px; }
#scaleSelect label:nth-of-type(4) { top: 94px; }
#scaleSelect label img { top: 0; left: 0; opacity: 0.0; }

#scaleSelect.scale1000 label:nth-of-type(1) img,
#scaleSelect.scale2500 label:nth-of-type(2) img,
#scaleSelect.scale5000 label:nth-of-type(3) img,
#scaleSelect.scale10000 label:nth-of-type(4) img { opacity: 1.0; }   /* visibilityではIEでボタンとして動作しないため、opacityを使用 */