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


/*====================
 oshirase
====================*/

.section .oshirase {
	width:50%;
	float:right;
	background:#C24F7F;
}
.section .oshirase .pad {
	padding:10px;
}
.section .oshirase h3 {
	color:#FFF;
	font-size:16px;
	margin-bottom:10px;
}
.section .oshirase #info {
	height:29px;
	border:none;
	background:#FFF;
	width:100%;
}


/*====================
 map
====================*/
.section .map {
	width:50%;
	float:left;
	background:#EBECFF;
	position:relative;
	padding-bottom:15px;
}
.section .hanrei{
	font-size:15px;
	line-height:21px;
	position:absolute;
	right:25px;
	top:25px;
}
.section .map img.chizu {
	width:78.9809%;
	height:auto;
}
.section .hanrei span{
	margin-right:8px;
}
.section span.level0 {
	color:#FFFFFF;
}
.section span.level1 {
	color:#FFF916;
}
.section span.level2 {
	color:#FF0000;
}
.section span.level3 {
	color:#35C4F1;
}

.parts {
	position:absolute;
	top:0;
	left:0;
}
.parts li {
	position:absolute;
}
.parts li#chiiki1 {
	left: 142px;
	top: 132px;
}
.parts li#chiiki2 {
	left: 181px;
	top: 330px;
}
.parts li#chiiki3 {
	left: 214px;
	top: 338px;
}
.parts li#chiiki4 {
	left: 198px;
	top: 371px;
}
.parts li#chiiki5 {
	left: 223px;
	top: 426px;
}



/*====================
 map
====================*/
.section .map2 {
	width:50%;
	float:left;
	background:#EBECFF;
	position:relative;
	padding-bottom:0px;
}
.section .hanrei{
	font-size:15px;
	line-height:21px;
	position:absolute;
	right:25px;
	top:25px;
}
.section .map2 img.chizu {
	width:100%;
	height:auto;
}
.section .hanrei span{
	margin-right:8px;
}

.parts2 {
	position:absolute;
	top:0;
	left:0;
}
.parts2 li {
	position:absolute;
}
.parts2 li#chiiki1 {
	left: 274px;
	top: 212px;
}
.parts2 li#chiiki2 {
	left: 305px;
	top: 371px;
}
.parts2 li#chiiki3 {
	left: 170px;
	top: 186px;
}
.parts2 li#chiiki4 {
	left: 36px;
	top: 84px;
}
.parts2 li#chiiki5 {
	left: 13px;
	top: 4px;
}





/* ======================
table
====================== */

.jokyo {
	width:50%;
	float:right;
}
.jokyo table {
	text-align:center;
	vertical-align:middle;
	width:100%;
}

/* thead */


.jokyo table thead {
}
.jokyo table thead th {
	border:#aaaacc 1px solid;
	vertical-align:middle;
	background:#9467B7;
	font-size:13px;
	line-height:16px;
	color:#ffffff;
	white-space:nowrap;
	padding:0 3px;
	text-align:center;
	height:24px;
}

/* tbody */

.jokyo table tbody {
}
.jokyo table tbody th {
	border:#aaaacc 1px solid;
	vertical-align:middle;
	background:#DEDEEF;
	font-size:14px;
	line-height:17px;
	text-align:center;
	padding:4px 4px 0;
	max-width:250px;
}
.jokyo table tbody th span {
	font-size:13px;
	font-style:normal;
}
.jokyo table tbody td{
	border:#aaaacc 1px solid;
	vertical-align:middle;
	font-size:13px;
	line-height:16px;
	padding:4px 0 3px;
}
.jokyo tbody tr {
    background-color: #FFFFFF;
}
.jokyo tbody tr:nth-child(2n-1) {
    background-color: #F9F7FF;
    transition: all .125s ease-in-out;
}
#content .jokyo p.tyuui {
	font-size:13px;
	line-height:17px;
	margin:7px 0 0 8px;
}

/* ======================
kako
====================== */

.kako {
	width:50%;
	float:right;
}
.section .kako .pad {
	padding:10px;
}
.kako h4 {
	background:#C24F7F;
	height:26px;
	border-radius:13px;
	font-size:15px;
	color:#FFF;
	padding:0 14px;
	line-height:26px;
	margin-bottom:8px;
}
#content .kako p {
	font-size:14px;
}


/* ======================
selecter
====================== */
.selecter {
	margin-top:15px;
	clear:both;
	margin-bottom:14px;
}
.selecter .hidari {
	float:left;
}
.selecter .migi {
	float:right;
}
.selecter h4 {
	float:left;
	font-size:14px;
	color:#222222;
	line-height:27px;
	margin-right:8px;
	font-weight:bold;
}
.selecter select {
	float:left;
	font-size:14px;
	color:#222222;
	line-height:27px;
	font-weight:normal;
	height:27px;
	border:#AEAEAE solid 1px;
	border-radius:4px;
	margin-right:15px;
	background:#FAFAFA;
}
.selecter input {
	float:left;
	font-size:15px;
	color:#222222;
	line-height:27px;
	font-weight:normal;
	height:27px;
	border:none;
}
.selecter img {
	float:left;
	height:27px;
	width:auto;
	margin-right:15px;
}
#content .selecter p.hyoji {
	float:left;
	font-size:13px;
	color:#222222;
	line-height:29px;
	margin-left:15px;
	font-weight:bold;
}
.selecter ul.migi li {
	float:left;
	margin-left:5px;
	margin-right:0px;
}
.selecter ul.migi li img {
	margin-right:0px;
}

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


/*====================
 oshirase
====================*/

.section .oshirase {
	width:100%;
	float:none;
	background:#C24F7F;
}
.section .oshirase .pad {
	padding:10px;
}
.section .oshirase h3 {
	color:#FFF;
	font-size:14px;
	margin-bottom:8px;
}
.section .oshirase #info {
	height:29px;
	border:none;
	background:#FFF;
	width:100%;
}


/*====================
 map
====================*/
.section .map {
	width:100%;
	float:none;
	background:#EBECFF;
	position:relative;
	padding-bottom:3.118503118%;
}
.section .hanrei{
	font-size:15px;
	line-height:21px;
	position:absolute;
	right:25px;
	top:25px;
}
.section .map img.chizu {
	width:78.9809%;
	height:auto;
}
.section .hanrei span{
	margin-right:8px;
}
.section span.level0 {
	color:#FFFFFF;
}
.section span.level1 {
	color:#FFF916;
}
.section span.level2 {
	color:#FF0000;
}
.section span.level3 {
	color:#35C4F1;
}

.parts {
	position:static;
	top:0;
	left:0;
}
.parts li {
	position:absolute;
}
.parts li img {
	width:100%;
	height:auto;
}

.parts li#chiiki1 {
	width:31.4225053079%;
	height:48.1854838710%;
	left: 30.1486199575%;
	top: 26.6129032258%;
}
.parts li#chiiki2 {
	width:9.1295116773%;
	height:11.0887096774%;
	left: 38.4288747346%;
	top: 66.5322580645%;
}
.parts li#chiiki3 {
	width:16.3481953291%;
	height:15.7258064516%;
	left: 45.4352441614%;
	top: 68.1451612903%;
}
.parts li#chiiki4 {
	width:18.4713375796%;
	height:16.7338709677%;
	left: 42.0382165605%;
	top: 74.7983870968%;
}
.parts li#chiiki5 {
	width:18.6836518047%;
	height:11.0887096774%;
	left: 47.3460721868%;
	top: 85.8870967742%;
}

/*====================
 map
====================*/
.section .map2 {
	width:100%;
	float:none;
	background:#EBECFF;
	position:relative;
	padding-bottom:0px;
}
.section .hanrei{
	font-size: 12px;
    line-height: 18px;
    position: absolute;
    right: 5%;
    top: 5%;
}
.section .map2 img.chizu {
	width:100%;
	height:auto;
}
.section .hanrei span{
	margin-right:8px;
}

.parts2 {
	position:static;
	top:0;
	left:0;
}
.parts2 li {
	position:absolute;
}
.parts2 li img {
	width:100%;
	height:auto;
}

.parts2 li#chiiki1 {
	width:25.2653927813%;
	height:38.7096774194%;
	left: 58.1740976645%;
	top: 42.7419354839%;
}
.parts2 li#chiiki2 {
	width:32.6963906582%;
	height:24.3951612903%;
	left: 64.7558386412%;
	top: 74.7983870968%;
}
.parts2 li#chiiki3 {
	width:40.9766454352%;
	height:42.7419354839%;
	left: 36.0934182590%;
	top: 37.5000000000%;
}
.parts2 li#chiiki4 {
	width:48.8322717622%;
	height:40.9274193548%;
	left: 7.6433121019%;
	top: 16.9354838710%;
}
.parts2 li#chiiki5 {
	width:36.0934182590%;
	height:31.0483870968%;
	left: 2.7600849257%;
	top: 0.8064516129%;
}





/* ======================
table
====================== */

.jokyo {
	width:100%;
	float:none;
}
.jokyo table {
	text-align:center;
	vertical-align:middle;
	width:100%;
}

/* thead */


.jokyo table thead {
}
.jokyo table thead th {
	border:#aaaacc 1px solid;
	vertical-align:middle;
	background:#9467B7;
	font-size:11px;
	line-height:14px;
	color:#ffffff;
	white-space:nowrap;
	padding:0 3px;
	text-align:center;
	height:21px;
}

/* tbody */

.jokyo table tbody {
}
.jokyo table tbody th {
	border:#aaaacc 1px solid;
	vertical-align:middle;
	background:#DEDEEF;
	font-size:11px;
	line-height:14px;
	text-align:center;
	padding:4px 4px 0;
	max-width:300px;
}
.jokyo table tbody th span {
	font-size:10px;
	font-style:normal;
}
.jokyo table tbody td{
	border:#aaaacc 1px solid;
	vertical-align:middle;
	font-size:11px;
	line-height:14px;
	padding:4px 0 3px;
}
.jokyo tbody tr {
    background-color: #FFFFFF;
}
.jokyo tbody tr:nth-child(2n-1) {
    background-color: #F9F7FF;
    transition: all .125s ease-in-out;
}
#content .jokyo p.tyuui {
	font-size:11px;
	line-height:15px;
	margin:7px 0 0 8px;
}

/* ======================
kako
====================== */

.kako {
	width:100%;
	float:none;
}
.section .kako .pad {
	padding:10px;
}
.kako h4 {
	background:#C24F7F;
	height:26px;
	border-radius:13px;
	font-size:15px;
	color:#FFF;
	padding:0 14px;
	line-height:26px;
	margin-bottom:8px;
}
#content .kako p {
	font-size:12px;
}


/* ======================
selecter
====================== */
.selecter {
	margin-top:15px;
	clear:both;
	margin-bottom:14px;
}
.selecter .hidari {
	float:left;
}
.selecter .migi {
	float:right;
}
.selecter h4 {
	float:left;
	font-size:14px;
	color:#222222;
	line-height:27px;
	margin-right:8px;
	font-weight:bold;
}
.selecter select {
	float:left;
	font-size:14px;
	color:#222222;
	line-height:27px;
	font-weight:normal;
	height:27px;
	border:#AEAEAE solid 1px;
	border-radius:4px;
	margin-right:15px;
	background:#FAFAFA;
}
.selecter input {
	float:left;
	font-size:15px;
	color:#222222;
	line-height:27px;
	font-weight:normal;
	height:27px;
	border:none;
}
.selecter img {
	float:left;
	height:27px;
	width:auto;
	margin-right:15px;
}
#content .selecter p.hyoji {
	float:left;
	font-size:13px;
	color:#222222;
	line-height:29px;
	margin-left:15px;
	font-weight:bold;
}
.selecter ul.migi li {
	float:left;
	margin-left:5px;
	margin-right:0px;
}
.selecter ul.migi li img {
	margin-right:0px;
}

}