@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Asap+Condensed:400');

/*common
***********************************************************/
html {
  font-size: 62.5%; /* sets the base font to 10px for easier math */
}
body {
  font-size: 16px;
  font-size: 1.6rem;
  /* sets the default sizing to make sure nothing is actually 10px */
  background-color:#333;
  position: relative;
}
a {
  text-decoration: none;
  color: #fff;
}
a:hover {
  /*color: #D8595B;*/
}
body, h1, h2, h3, h4, h5 p, li, td, input .inner {
  font-family: Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*layout
***********************************************************/
#page-box {
	margin: 0 auto;
	width: 780px;
  max-width: 92%;
}

/*
***********************************************************/
#header {
	position: fixed;
	display: flex;
	background-color:#000;
	color: #fff;
	font-family: 'Asap Condensed', sans-serif;
  font-weight: 400;
  font-size: 14px;
  font-size: 1.4rem;
	letter-spacing: 0.5px;
	width: 100%;
	z-index: 20;
}

h1{
	margin-right: auto;
	padding: 3px 10px;
}

#navi{
/*padding-left: 10px;*/
background: url(../report/new/images/yaji.png) no-repeat left center;
}


.dropmenu li a{
  display: block;
	padding: 3px 10px;
}

.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
	right: 0;
}
.dropmenu li ul li{
	white-space: nowrap;
}
.dropmenu li ul li a{
  padding: 5px 10px;
  background: #333;
	opacity: 0.9;
  text-align: left;
	line-height: 1.1;
}

.dropmenu li:hover > a,
.dropmenu li:active > a{
 color: #c33;
}


#fade-in2 li ul{
  opacity: 0;
  /*top: 50%;*/
  /*visibility: hidden;*/
  top: 100%;
  transition: .5s;
}
#fade-in2 li:hover ul,
#fade-in2 li:active ul{
  /*top: 100%;*/
  /*visibility: visible;*/
  opacity: 1;
}

#poster-base {
	padding: 20px 10px 500px;
}

.unit {
	margin-bottom: 2px;
}