#sitebox{
	  margin-left:50px;
	  margin-right:50px;
	  margin-top:30px;
	  box-shadow:0px 0px 10px 3px RGB(50,50,50);
    	  -moz-box-shadow:0px 0px 10px 3px RGB(50,50,50);
    	  -webkit-box-shadow:0px 0px 10px 3px RGB(50,50,50);
}

#headpage {
	  text-align:left;
          background-color: RGB(220,255,220);
}
#main {
	  text-align:left;
          margin-top:-50px;
	  padding:30px 30px 50px 30px;
	  background-color: RGB(220,255,220);
	  position: auto;
	  z-index:1;
}

#lab_page {
	  text-align:left;
          margin-top:-50px;
	  padding:30px 30px 50px 30px;
	  background-color: RGB(220,255,220);
}

#footer {
          height:80px;
	  background-color: RGB(220,255,220);
	  z-index:1;
}

#sub {
	  text-align:left;
	  width: 200px;
	  float:left;
	  padding:30px 50px 50px 30px;	  	 
	  display: inline;
	  border: 3px double #000000
}

#jikkenn1{
	margin-left:auto;
	margin-right:auto;
	width: 95%;
	height:2000px;
	
}

#dropmenu {
  position: relative;
  list-style-type: none;
  width: 100%;
  height: 40px;
  padding: 0;
  background: #679b0f;
  border-bottom: 5px solid #535d09;
  border-radius: 3px 3px 0 0;
}
#dropmenu li {
  position:relative;
  width: 20%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
#dropmenu li a {
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  border: solid 1px;
  color: #fff;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
  background-image: -moz-linear-gradient(top, #679b0f 0%, #60910e 50%, #5b890d 50%, #60910e 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4f780b), color-stop(0.50, #9bdf65), color-stop(0.50,#9bdf65), color-stop(1, #679b0f));
}
#dropmenu li ul {
  list-style: none;
  position: absolute;
  top: 100%;
  width: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  border-radius: 0 0 3px 3px;
}
#dropmenu li:last-child ul{
  width: 100%
}
#dropmenu li ul li{
  overflow: hidden;
  width: 100%;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#dropmenu li ul li a{
  padding: 13px 15px;
  background: #6e7c0c;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}
#dropmenu li:hover > a{
  background: #6e7c0c;
  color: #eff7b1;
}
#dropmenu > li:hover > a{
  border-radius: 3px 3px 0 0;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
  border-top: 1px solid #7c8c0e;
  border-bottom: 1px solid #616d0b;
}
#dropmenu li:hover ul li:first-child{
  border-top: 0;
}
#dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}
#dropmenu li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}

#login {
	width: 25%;
	padding:20px;
	position: absolute;
	margin-left: 27.5%;
	margin-right: 40.5%;
	margin-top:20%;
	border: ridge 10px #FF0000;
	background-color:#FFFFFF;
	z-index:100;
}

#loginhome {
	width: 25%;
	padding:20px;
	z-index:50;
	position: absolute;
	margin-left: 35.5%;
	margin-right: 45.5%;
	margin-top:20%;
	border: ridge 10px #FF0000;
	background-color:#FFFFFF;
	
}
#maskwhite{
	width:100%;
	position: absolute;
	z-index:10;
	height:100%;
	background-color:#FFFFFF;
	filter:alpha(opacity=1);
    	-moz-opacity:0.5;
     	-khtml-opacity: 0.5;
     	opacity:0.5;
}

#new_setting_edit {
	width: 800px;
	padding:20px;
	position: absolute;
	margin-left:  10.5%;
	border: ridge 10px RGB(255,200,100);
	background-color:RGB(255,200,100);
	z-index:100;
}

#hist {
	width: 75%;
	height: 300px;
	padding:20px;
	overflow:auto;
	margin-left: 20px;
	margin-right: 20px;
	border: ridge 1px RGB(150,150,150);
	background-color:RGB(250,250,250);
}



#e_headpage {
	  text-align:left;
          background-color: RGB(255,200,200);
}
#e_main {
	  text-align:left;
          margin-top:-50px;
	  padding:30px 30px 50px 30px;
	  background-color: RGB(255,200,200);
	  position: auto;
	  z-index:1;
}

#e_lab_page {
	  text-align:left;
          margin-top:-50px;
	  padding:30px 30px 50px 30px;
	  background-color: RGB(255,200,200);
}

#e_footer {
          height:80px;
	  background-color:RGB(255,200,200);
	  z-index:1;
}

#e_sub {
	  text-align:left;
	  width: 200px;
	  float:left;
	  padding:30px 50px 50px 30px;	  	 
	  display: inline;
	  border: 3px double #000000
}

#jikkenn1{
	margin-left:auto;
	margin-right:auto;
	width: 95%;
	height:2000px;
	
}

#e_dropmenu {
  position: relative;
  list-style-type: none;
  width: 100%;
  height: 40px;
  padding: 0;
  background: RGB(255,200,200);
  border-bottom: 5px solid #535d09;
  border-radius: 3px 3px 0 0;
}
#e_dropmenu li {
  position:relative;
  width: 20%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
#e_dropmenu li a {
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  border: solid 1px;
  color: #fff;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
  background-image: -moz-linear-gradient(top, RGB(255,200,200) 0%, RGB(255,100,100) 50%, RGB(255,100,100) 50%, RGB(255,200,200) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, RGB(255,100,100)), color-stop(0.50, RGB(255,200,200)), color-stop(0.50,RGB(255,200,200)), color-stop(1, RGB(255,100,100)));
}
#e_dropmenu li ul {
  list-style: none;
  position: absolute;
  top: 100%;
  width: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  border-radius: 0 0 3px 3px;
}
#e_dropmenu li:last-child ul{
  width: 100%
}
#e_dropmenu li ul li{
  overflow: hidden;
  width: 100%;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#e_dropmenu li ul li a{
  padding: 13px 15px;
  background: RGB(255,100,100);
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}
#e_dropmenu li:hover > a{
  background: RGB(255,100,100);
  color: #eff7b1;
}
#e_dropmenu > li:hover > a{
  border-radius: 3px 3px 0 0;
}
#e_dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
  border-top: 1px solid #7c8c0e;
  border-bottom: 1px solid #616d0b;
}
#e_dropmenu li:hover ul li:first-child{
  border-top: 0;
}
#e_dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}
#e_dropmenu li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}

span {line-height : 160% ; }

.pop a:hover{ /*マウスが乗ったら*/
		position: relative;
}
.fukidasipop { /*吹き出し本体*/
	
		position: absolute;
		top:15px; left:8px;
		display: none; /*何も表示しない*/
		padding: 3px; /*内側の余白*/
		width: 200px; /*ブロックの幅*/
		font-weight: bold; /*文字の太さ*/
		text-decoration: none; /*文字飾り*/
		color: black; /*文字色*/
		background: RGB(255,100,50); /*背景色*/
		border-top:white solid 10px;
		border-left:RGB(255,100,50) solid 10px;
		z-index:10;
		filter:alpha(opacity=80);
		-moz-opacity: 0.8;
		opacity: 0.8;
}
.fukidasibutton { /*吹き出し本体*/
		position: absolute;
		top:30px; left:150px;
		display: none; /*何も表示しない*/
		padding: 3px; /*内側の余白*/
		width: 200px; /*ブロックの幅*/
		font-weight: bold; /*文字の太さ*/
		text-decoration: none; /*文字飾り*/
		color: black; /*文字色*/
		background: RGB(255,100,50); /*背景色*/
		border-left:RGB(255,100,50) solid 10px;
		z-index:10;
		filter:alpha(opacity=80);
		-moz-opacity: 0.8;
		opacity: 0.8;
}
a:hover .fukidasipop {
		display: block; /*ブロック要素で表示*/
}
a:hover .fukidasibutton {
		display: block; /*ブロック要素で表示*/
}