html , body {
	margin: 0px;
	width: 100%;
	height:100%;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	     -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	        box-sizing: border-box;
}
#container {
	width: 100%;
	height:100%;
	margin:0px auto;
}
#main {
	position:absolute;
	padding-top:50px;
	width: 100%;
	height:100%;
	z-index:1;
}
#contents {
	float: left;
	width: 100%;
	height: 100%;
	z-index:3;
}
ul {
	list-style-type:none;
	padding-left:5px;
	margin-top:0px;
}
#navigation {
	position:absolute;
	height:35px;
	top:60px;
	left:300px;
	margin:0px;
	padding:5px;
	background-color:#0000FF;
	opacity:0.75;
	z-index:20000;
}
#navlist li {
	margin:1px;
	min-width:80px;
	width:120px;
	float:left;
	list-style-type: none;
	text-align:center;
}
#navlist li a {
	font-size:0.9em;
	font-family:meiryo,sans-serif;
	color:#ffffff;
}
.float {
	float:left;
}
#map {
	margin-left:200px;
	height:100%;
	z-index:5;
}	
#map .slide-inner{
	margin-left:0px;
	height:100%;
	z-index:0;
}
#submenu {
	position:fixed;
	float:left;
	width:200px;
	z-index:4;
}
#popup {
	position:absolute;
	height: 100%;
	width: 100%;
	top:0px;
	left:0px;
}
.popupframe {
	position:absolute;
	top:5%;
	left:20%;
	width: 60%;
	height: 90%;
	margin-right: auto;
	margin-left: auto;
	border:0px;
	border-style:none;
	z-index:20001;
	display:none;
	border:1px #000000 solid;
	background-color:#FFFFFF;
	box-sizing: border-box;
}
.popupheader{
	position:relative;
	width: 100%;
	height: 30px;
	background-color: #444444;
	z-index:1;
	box-sizing: border-box;
}
.popupbody {
	display:block;
	position:relative;
	top:-30px;
	width: 100%;
	height: 100%;
	padding:30px 40px 0px 40px;
	border:0px;
	z-index:-1;
	overflow-y:scroll;
	box-sizing: border-box;
}
#fadeLayer {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#000000;
	opacity:0.5;
	visibility:hidden;
	z-index:10000;
}
#drawer {
	width:30px;
	margin:0px;
	padding:0px;
	z-index:100;
	font-family:sans-serif;
	height:20px;
}
#close{
	display:block;
	position:relative;
	float:right;
	margin:0px;
	padding:0px;
	height:30px;
	width:30px;
	font-family:sans-serif;
	font-size:20px;
	text-align:center;
	vertical-align:middle;
	color:#FFFFFF;
	cursor:pointer;
	z-index:20200;
	background-color:#444444;
}

#noticeArea{
	position:absolute;
	top:180px;
	right:0px;
	width: 220px;
	height: auto;
	z-index:10000;
}
.notice{
	display:block;
	width: 200px;
	height: auto;
	background-color: white;
	padding: 10px;
	margin-bottom: 5px;
	box-shadow: 0 1px 5px rgb(0 0 0 / 40%);
	border-radius: 5px;
	font-family:Yu Gothic,Hiragino Sans,meiryo,sans-serif;
	font-size:12px;
}
.progress{
	display:block;
	width: 200px;
	height: auto;
	background-color: white;
	padding: 10px;
	margin-bottom: 5px;
	box-shadow: 0 1px 5px rgb(0 0 0 / 40%);
	border-radius: 5px;
}
.status{
	font-family:Yu Gothic,Hiragino Sans,meiryo,sans-serif;
	font-size:11px;
	padding:0px;
	margin:0px;
}