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


/*====================
content
====================*/
#content {
	clear:both;
	padding-top:27px;
	padding-bottom:27px;
}

#content h2 {
	font-size:22px;
	font-weight:bold;
	color:#7A2D52;
	line-height:26px;
	padding-left:8px;
	border-left:4px solid #B46185;
}

/* ======================
selecter
====================== */
.section {
	clear:both;
	position:relative;
	height:0px;
	margin:0px;
	padding:0px;
}
.selecter {
	clear:both;
	background:#C688A3;
	border-radius:4px;
	width:256px;
	box-sizing:border-box;
	padding:15px;
	position:absolute;
	top:43px;
	left:16px;
	z-index:500;
}
.selecter .hidari {
}
.selecter .migi {
}
.selecter span.group {
	display:block;
	float:none;
	margin-bottom:20px;
}
.selecter h3 {
	float:none;
	font-size:15px;
	color:#202020;
	line-height:21px;
	margin-bottom:3px;
	font-weight:bold;
}
.selecter select {
	float:none;
	font-size:14px;
	color:#222222;
	line-height:27px;
	font-weight:normal;
	height:27px;
	border:#AEAEAE solid 1px;
	border-radius:4px;
	margin-right:7px;
	background:#FAFAFA;
	width:100%;
}
.selecter input {
	float:none;
	font-size:14px;
	color:#222222;
	line-height:29px;
	font-weight:normal;
	height:29px;
	border:none;
}
.selecter img {
	float:none;
	height:29px;
	width:auto;
	margin-right:15px;
}
#content .selecter p.hyoji {
	float:none;
	font-size:15px;
	color:#202020;
	line-height:29px;
	margin-left:0px;
	font-weight:bold;
}
.selecter ul.migi li {
	float:left;
	margin-right:5px;
}
.selecter ul.migi li img {
	margin-right:0px;
}
.section .hanrei {
	width:256px;
	box-sizing:border-box;
	padding:8px 7px 8px 11px;
	background:#FFF;
	position:absolute;
	top:337px;
	left:16px;
	border:3px solid #7791BF;
	border-radius:4px;
	z-index:510;
}
.section .hanrei h3 {
	color:#5976B2;
	font-size:15px;
	line-height:24px;
	margin-bottom:4px;
}

.section .hanrei p {
	color:#000;
	font-size:14px;
	line-height:21px;
	margin:0 0px 10px;
	padding-bottom:10px;
	border-bottom:1px solid #5976B2;
	
}
.section .hanrei ul {
	margin:0 0px;
}
.section .hanrei ul li {
	font-size:15px;
	font-weight:bold;
	padding-left:24px;
	line-height:24px;
}

.section .hanrei ul li.cat1 {
	background:url(../images/point01.png) no-repeat 0 3px;
}
.section .hanrei ul li.cat2 {
	background:url(../images/point02.png) no-repeat 0 3px;
}
.section .hanrei ul li.cat3 {
	background:url(../images/point03.png) no-repeat 0 3px;
}

.ao {
	color:#286BDE;
}
.ki {
	color:#D6DD00;
}
.aka {
	color:#D50000;
}


/*====================
map
====================*/
.map {
	clear:both;
	margin-top:27px;
	position:relative;
}

/* 測定局名 */
.map #kyoku {
}
.map #kyoku .box {
	position:absolute;
	background:#BA8100;
	width:11.93877551%;
	padding:2px 0px 5px;
	border:1px #FFFFFF solid;
	border-radius:6px;
	text-align:center;
	box-shadow:0 0 2px rgba(0,0,0,0.5);
	z-index:500;
}
.map #kyoku .box.jihaic {
	background:#3EB5AF;
}
.map #kyoku .box.sonota {
	background:#984FE3;
}

/* levelで色変え */

.map #kyoku .level1 .box {
	background:#286BDE;
}
.map #kyoku .level2 .box {
	background:#D6DD00;
}
.map #kyoku .level3 .box {
	background:#D50000;
}


.map #kyoku .box p {
	font-size:13px;
	font-weight:bold;
	line-height:13px;
	display:inline-block;
	color:#FFFFFF;
	text-shadow:1px 0px 0px #000000, 0px 1px 0px #000000, -1px 0px 0px #000000, 0px -1px 0px #000000;
}
.map #kyoku .box .atai {
	text-align:center;
	font-weight:bold;
	padding:3px 1px 1px 1px;
	line-height:21px;
	color:#000;
	font-size:20px;
	background:#FFF;
	margin-top:3px;
}
.map #kyoku .box .atai span {
	font-size:13px;
}
.map #kyoku a p {
	color:#FFF;
	text-decoration:none;
}


/* box位置 */

.map #kyoku #point1 .box {
	left:29.08163265%;
	top:2.19780220%;
}
.map #kyoku #point2 .box {
	left:29.08163265%;
	top:57.96703297%;
}
.map #kyoku #point3 .box {
	left:23.77551020%;
	top:77.19780220%;
}
.map #kyoku #point4 .box {
	left:23.77551020%;
	top:86.81318681%;
}
.map #kyoku #point5 .box {
	left:55.81632653%;
	top:58%;
}
.map #kyoku #point6 .box {
	left:68.97959184%;
	top:35.02747253%;
}
.map #kyoku #point7 .box {
	left:68.97959184%;
	top:45.19230769%;
}
.map #kyoku #point8 .box {
	left:55.81632653%;
	top:81.04395604%;
}
.map #kyoku #point9 .box {
	left:29.18367347%;
	top:38.46153846%;
}
.map #kyoku #point10 .box {
	left:42.44897959%;
	top:38.32417582%;
}
.map #kyoku #point11 .box {
	left:71.93877551%;
	top:66.89560440%;
}
.map #kyoku #point12 .box {
	left:42.44897959%;
	top:2.19780220%;
}
.map #kyoku #point13 .box {
	left:55.81632653%;
	top:2.19780220%;
}
.map #kyoku #point14 .box {
	left:68.97959184%;
	top:25.00000000%;
}
.map #kyoku #point15 .box {
	left:68.97959184%;
	top:14.83516484%;
}


/* 測定局ポイント */
.map ul.point {
}
.map ul.point li {
}
.map ul.point li img.pp {
	line-height:1.0em;
	position:absolute;
	height:2.74725275%;
	width:1.93877551%;
	padding:0px 0 0 0px;
	margin-left:-2px;
	left:0;
	top:0;
}
.map ul.point li#point1 img.pp {
	left:35.30612245%;
	top:25.13736264%;
}
.map ul.point li#point2 img.pp {
    left: 34.7%;
    top: 51.5%;
}
.map ul.point li#point3 img.pp {
	left:40.00000000%;
	top:71.42857143%;
}
.map ul.point li#point4 img.pp {
	left:40.00000000%;
	top:85.85164835%;
}
.map ul.point li#point5 img.pp {
	left:57.14285714%;
	top:69.50549451%;
}
.map ul.point li#point6 img.pp {
	left:55.00000000%;
	top:50.27472527%;
}
.map ul.point li#point7 img.pp {
    left: 46.73469388%;
    top: 58.8%;
}
.map ul.point li#point8 img.pp {
	left:48.97959184%;
	top:72.80219780%;
}
.map ul.point li#point9 img.pp {
	left:34.28571429%;
	top:29.53296703%;
}
.map ul.point li#point10 img.pp {
	left:41.73469388%;
	top:30.90659341%;
}
.map ul.point li#point11 img.pp {
	left:85.71428571%;
	top:59.89010989%;
}
.map ul.point li#point12 img.pp {
	left:41.02040816%;
	top:22.52747253%;
}
.map ul.point li#point13 img.pp {
	left:49.79591837%;
	top:18.54395604%;
}
.map ul.point li#point14 img.pp {
	left:56.02040816%;
	top:29.53296703%;
}
.map ul.point li#point15 img.pp {
	left:50.00000000%;
	top:29.80769231%;
}

/* 引き出し線 */
.map ul.point li img.hd {
	position:absolute;
	left:0px;
	top:0px;
}
.map ul.point li#point1 img.hd {
	width:1.12244898%;
	height:17.30769231%;
	left:35.00000000%;
	top:8.92857143%;
}
.map ul.point li#point2 img.hd {
    width: 1.32653061%;
    height: 7.00549451%;
    left: 34.3%;
    top: 51.92307692%;
}
.map ul.point li#point3 img.hd {
	width:5.71428571%;
	height:9.06593407%;
	left:35.10204082%;
	top:72.66483516%;
}
.map ul.point li#point4 img.hd {
	width:5.91836735%;
	height:3.84615385%;
	left:35.00000000%;
	top:86.95054945%;
}
.map ul.point li#point5 img.hd {
	width:3.97959184%;
	height:4.80769231%;
	left:57.85714286%;
	top:65.79670330%;
}
.map ul.point li#point6 img.hd {
	width:13.46938776%;
	height:12.36263736%;
	left:55.81632653%;
	top:39.14835165%;
}
.map ul.point li#point7 img.hd {
	width:21.73469388%;
	height:10.57692308%;
	left:47.55102041%;
	top:49.03846154%;
}
.map ul.point li#point8 img.hd {
	width:11.22448980%;
	height:7.69230769%;
	left:50%;
	top:74.03846154%;
}
.map ul.point li#point9 img.hd {
	width:0.40816327%;
	height:8.65384615%;
	left:35.00000000%;
	top:30.49450549%;
}
.map ul.point li#point10 img.hd {
	width:5.30612245%;
	height:7.28021978%;
	left:42.55102041%;
	top:31.86813187%;
}
.map ul.point li#point11 img.hd {
	width:9.48979592%;
	height:7.14285714%;
	left:77.24489796%;
	top:60.98901099%;
}
.map ul.point li#point12 img.hd {
	width:6.73469388%;
	height:14.01098901%;
	left:41.73469388%;
	top:9.75274725%;
}
.map ul.point li#point13 img.hd {
	width:10.91836735%;
	height:9.75274725%;
	left:50.51020408%;
	top:9.75274725%;
}
.map ul.point li#point14 img.hd {
	width:12.55102041%;
	height:1.51098901%;
	left:56.73469388%;
	top:29.25824176%;
}
.map ul.point li#point15 img.hd {
	width:18.46938776%;
	height:11.40109890%;
	left:50.71428571%;
	top:19.50549451%;
}

@media screen and (max-width: 768px) {

/*====================
content
====================*/
#content {
	clear:both;
	padding-top:20px;
	padding-bottom:20px;
}

#content h2 {
	font-size:18px;
	font-weight:bold;
	color:#7A2D52;
	line-height:22px;
	padding-left:7px;
	border-left:3px solid #B46185;
}


/* ======================
selecter
====================== */
.section {
	clear:both;
	position:relative;
	height:auto;
	margin:15px 0 0 0;
	padding:0px;
}
.selecter {
	clear:both;
	background:#C688A3;
	border-radius:4px;
	width:100%;
	box-sizing:border-box;
	padding:12px;
	position:static;
}
.selecter .hidari {
}
.selecter .migi {
}
.selecter span.group {
	display:block;
	float:none;
	margin-bottom:20px;
	clear:both;
}
.selecter h3 {
	float:left;
	font-size:13px;
	color:#202020;
	line-height:27px;
	margin-bottom:3px;
	font-weight:bold;
	width:20%;
}
.selecter select {
	float:left;
	font-size:13px;
	color:#222222;
	line-height:24px;
	font-weight:normal;
	height:24px;
	border:#AEAEAE solid 1px;
	border-radius:4px;
	margin-right:0;
	margin-left:2%;
	background:#FAFAFA;
	width:78%;
}
.selecter input {
	float:none;
	font-size:14px;
	color:#222222;
	line-height:29px;
	font-weight:normal;
	border:none;
	margin:5px 0 0 2%;
	height:24px;
	width:auto;
}
.selecter img {
	float:none;
	height:24px;
	width:auto;
}
#content .selecter p.hyoji {
	float:none;
	font-size:15px;
	color:#202020;
	line-height:29px;
	margin-left:0px;
	font-weight:bold;
}
.selecter ul.migi li {
	float:left;
	margin-right:5px;
}
.selecter ul.migi li img {
	margin-right:0px;
}
.section .hanrei {
	margin:12px 0 0 0;
	width:100%;
	box-sizing:border-box;
	padding:7px 6px 7px 9px;
	background:#FFF;
	position:static;
	border:3px solid #7791BF;
	border-radius:4px;
	z-index:510;
}
.section .hanrei h3 {
	color:#5976B2;
	font-size:12px;
	line-height:20px;
	margin-bottom:0px;
}

.section .hanrei p {
	color:#000;
	font-size:12px;
	line-height:16px;
	margin:0 0px 7px;
	padding-bottom:7px;
	border-bottom:1px solid #5976B2;
	width:100%;
	
}
.section .hanrei ul {
	margin:0 0px;
}
.section .hanrei ul li {
	font-size:12px;
	font-weight:bold;
	padding-left:1.5em;
	line-height:18px;
}

.section .hanrei ul li.cat1 {
	background:url(../images/point01.png) no-repeat 0 3px;
	background-size:1.2em;
}
.section .hanrei ul li.cat2 {
	background:url(../images/point02.png) no-repeat 0 3px;
	background-size:1.2em;
}
.section .hanrei ul li.cat3 {
	background:url(../images/point03.png) no-repeat 0 3px;
	background-size:1.2em;
}

.ao {
	color:#286BDE;
}
.ki {
	color:#D6DD00;
}
.aka {
	color:#D50000;
}


/*====================
map
====================*/
.mask {
	width:100%;
	overflow:hidden;
}
.map {
	clear:both;
	margin-top:14px;
	position:relative;
	width:140%;
	margin-left:-35%;
	margin-right:-5%;
}
.map img.mainmap {
	width:100%;
	height:auto;
}

.map #kyoku .box {
	position:absolute;
	background:#BA8100;
	width:11.93877551%;
	padding:0px 0px 3px;
	border:1px #FFFFFF solid;
	border-radius:4px;
	text-align:center;
	box-shadow:0 0 2px rgba(0,0,0,0.5);
	z-index:500;
}
.map #kyoku .box p {
	font-size:10px;
	font-weight:bold;
	line-height:14px;
	display:block;
	color:#FFFFFF;
	text-shadow:1px 0px 0px #000000, 0px 1px 0px #000000, -1px 0px 0px #000000, 0px -1px 0px #000000;
}
.map #kyoku .box .atai {
	text-align:center;
	font-weight:bold;
	padding:1px 1px 1px 1px;
	line-height:13px;
	color:#000;
	font-size:10px;
	background:#FFF;
	margin-top:1px;
}
.map #kyoku .box .atai span {
	font-size:8px;
}
.map ul.point li img.pp {
	position:absolute;
	height:3%;
	width:2.12%;
	padding:0px 0 0 0px;
	left:0;
	top:0;
}

.map #kyoku a p {
	color:#FFF;
	text-decoration:none;
}

.map #kyoku #point3 .box {
	left:27%;
	top:75%;
}
.map #kyoku #point4 .box {
	left:27%;
	top:86.81318681%;
}


}