@charset "utf-8";


body,#main, #main_photo img{  
	width:100%;
	margin: 0;  
	padding: 0; 
}  

#header_outer{
	background-color: #4169e1;  
	width:100%;
	margin: 0;  
	padding: 3px 0; 
}

#header_outer h1{
	text-align:center;
	font-size:150%;
	color:#fff;
	float:left:
	margin: 0;  
	padding: 0; 
}

#globalnavi{  
  margin: 1% 0;  
  padding: 0;  

}  
  
#globalnavi ul{  
  list-style-type: none;  
  margin: 0;  
  padding: 0;  
}  
  
#globalnavi li{ 
	float: left;  
	width: 14%;  
	margin: 0 1.3%;  
	padding: 0;  
}  
  
#globalnavi a{  
  text-align: center;  
  display:block;  
  height:40px;
  line-height: 40px;
  font-size:80%;
  padding: 0;  
  width: 100%;  
  background-color: #4169e1;  
  color: white;  
  text-decoration: none;
  margin: 0;  
  	
}  
  
#globalnavi a:hover{  
  background-color: red;  
  }

h2, h3{
	margin:50px 30px 10px;
	padding:0;
}

h2 img{
	width:1em;
	margin-top:-4px;
	margin-right:10px;
	vertical-align:middle
}

#company p{
	font-size:100%;
	margin-left:2%;
}

#close{
	width:90%;
	margin-bottom:2%;
}

#close p{
	background-image:url("img/wits-corp.png");
	background-repeat:no-repeat;
	background-size:40px;
	margin:0 auto;
	position:relative; top:10px; left:2%;
	font-size: 1.60em;
	padding-left:40px;
}


#membertext p{
	text-align:center;
}

#over img{
	width:30%;
}

#ueno img{
	margin: 0 2%;  
}

#saiyou, #saiyou2{  
	widht:100%;
}  


iframe  {
	width:70%;
	margin:0 5%
}


#saiyou table, #saiyou2 table{
	margin:0;
	align:center;
	width:80%;
	padding:2%;
}

#saiyou table th, #saiyou2 table th{
	background-color:#4169e1;
	color:#fff;
}

#saiyou table td, #saiyou2 table td{
	width:80%;
}

#saiyou table th, #saiyou table td, #saiyou2 table th, #saiyou2 table td{
	border:solid 1px #4169e1;
	margin:0;
	padding:2%;
}

#quest{
	margin-top:1%;
	color:#FA58D0;
	font-weight: bold;
}

#entry, #answer{
	width:90%;
	margin:2%;
	padding:2%;
	border:solid 1px #4169e1;
	border-radius: 1em;	
}


#footer_outer{
	background-color: #4169e1;  
	width:100%;
	margin: 0;  
	padding: 2% 0; 
	color:#fff;
}


#footer_outer h4, #footer_outer p{
	text-align:center;
	font-size:100%;
	margin: 0;  
	padding: 0; 	
}





/*===============================================
 tablet.css  
===============================================*/
@media screen and (max-width:1023px){


	#close p{
		background-size:25px;
		position:relative; top:10px; left:10%;
	}

}



/*===============================================
 minitablet.css
===============================================*/
@media screen and (max-width:767px){


	#close p{
		position:relative; top:10px; left:0;
		font-size: 1.40em;
		margin-left:1%;
	}

}


/*===============================================
?smart.css  ??????480px??
===============================================*/
@media screen and (max-width:480px){


	#header_outer h1{
		font-size:100%;	
	}

	#globalnavi li{ 
		float: left;  
		width: 16.3%;  
		margin: 0 0.1%;  
		padding: 0;  
		font-size:30%;
	}  


	#company{
		margin-top:50px;
		margin-bottom:30px;
	}

	#company p, h3, h2{
		margin-left:2%;
	}
		
	#close p{
		background-position:5px 0px;
		font-size: 1em;
		padding-left:35px;
		padding-bottom:4%;
	}


	#answer, #quest, #membertext, h2{
		font-size:90%;
	}

	iframe  {
		width:90%;
		margin:1px;
		height:240px;
	}
	

	dd{
		text-align:left;
	}

	#saiyou table, #saiyou2 table, dd{
		width:100%;
	}
	
	#saiyou table th, #saiyou table td, #saiyou2 table th, #saiyou2 table td{
		font-size:80%;
	}

	#saiyou table td, #saiyou2 table td{
		width:70%;
	}

	#entry{
		margin:0% 0% 2% 2%;
	}



}