@charset 'UTF-8';
/*UTF-8用 日本語コメント*/

* { color: #4c4c4c; font-size: small; margin: 0; padding: 0; font-family : "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", sans-serif ; }

p { }
td { }
a:link { color: #124c8c; font-size: inherit; line-height: inherit; text-decoration: none; } 
a:visited { color: #124c8c; font-size: inherit; line-height: inherit; text-decoration: none; } 
a:hover { color: #ff1400; font-size: inherit; line-height: inherit; text-decoration: none; } 
a:active { color: #ff1400; font-size: inherit; line-height: inherit; text-decoration: none; }
body {
text-align: center;
margin: 0;
padding: 5px;
}
#wrapper {
background-image: url(images/wrapper_bg.gif);
background-repeat: repeat-y;
text-align: left;
width: 970px;
margin: auto;
}
#header {
background-color: silver;
background-image: url(images/header_bg.gif);
height: 35px;
}
#headerleft {
background-image: url(images/header_left.gif);
background-repeat: no-repeat;
width: 20px;
height: 35px;
float: left;
}
#headerright {
background-image: url(images/header_right.gif);
background-repeat: no-repeat;
width: 20px;
height: 35px;
float: right;
}
#navi {
background-color: silver;
background-image: url(images/navi_bg.gif);
vertical-align: bottom;
height: 52px;
white-space: nowrap;
}
#navileft {
background-image: url(images/navi_left.gif);
background-repeat: no-repeat;
width: 20px;
height: 52px;
float: left;
}
#naviright {
background-image: url(images/navi_right.gif);
background-repeat: no-repeat;
width: 20px;
height: 52px;
float: right;
}
#contentbody {
padding: 10px 20px;
}
#textnavi {
font-size: 116.6%;
text-align: center;
margin-right: 30px;
margin-left: 30px;
padding-top: 1em;
padding-bottom: 1em;
border-top: 1px solid #4c4c4c;
}

#footer {
background-color: silver;
background-image: url(images/footer_bg.gif);
text-align: center;
height: 30px;
}
#footerleft {
background-image: url(images/footer_left.gif);
background-repeat: no-repeat;
width: 20px;
height: 30px;
float: left;
}
#footerright {
background-image: url(images/footer_right.gif);
background-repeat: no-repeat;
width: 20px;
height: 30px;
float: right;
}
.nb {
font-size: 75%;
margin: 5px;
}
.notes {
font-size: 75%;
margin: 0 5px;
text-align: right;
line-height: 100%;
}

/*.nb a {
font-size: 100%;

}
*/

a {
font-size: 100%;
font-weight: bold;
}

#mappanel {

margin: 0 10px;
}

#infopanel {

margin: 0 10px 10px 10px;
}

.stage {
	overflow-y: scroll;
	height: 400px;
	margin:3px auto 10px auto;
}

.stage::-webkit-scrollbar {
	background: transparent;
	height: 7px;
	overflow: visible;
	width: 13px;
}
.stage::-webkit-scrollbar-thumb {
	border-left: solid white;
	background-color: rgba(0, 0, 0, 0.2);
}
.stage::-webkit-scrollbar-thumb {
}
.stage::-webkit-scrollbar-corner {
	background: transparent;
}

.stage img {
	margin-bottom: 2px;
	border:1px solid;
	border-color: #e8e8e8 silver silver #e8e8e8;
}

#infopanel iframe {
margin-bottom: 5px;
}

#hrpanel ul {
	margin-left: 1em;
		
}
#hrpanel li {
	margin: 0.5em 1em;
	list-style: disc;
	line-height: 1.4em;
	
}


.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}