@charset "utf-8";

:root {
	
	--main_width : 1000px;
	--side_column_perc : 5;
	
}


*{ margin:0; padding:0;}
a{ text-decoration: none; }

a:link { color: blue; }
a:visited { color: blue; }
a:hover { color: red; }
a:active { color: green; }

p {
	margin:0 0 1em 0;
}

hr {
	margin: auto;
	margin-bottom: 1em;
	width: 80%;
}


.warning_stat {
	color: red;
}

.menu_box{
   border-bottom: 2px solid #8888ff;
   margin-bottom: 10px;   
}





#sb2_header {
	
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 30px;
	
}


#sb2_head_login {
	
	position: absolute;
	right: 0px;
	width: 350px;
	height: 100%;
	
}







#sb2_title_image {
	
	position: absolute;
	left: 0px;
	top: 30px;
	width: 100%;
	height: 180px;
	
	text-align: center;
	
}


#sb2_all_box {
	
	position: absolute;
	left: calc( 50% - var(--main_width) / 2 );
	top: 210px;
	
	width: var( --main_width );
/*	height: 500px; */
	
/*	background-color: #ffddff; */
	
}






#sb2_left_box{
	
	position: absolute;
	width: calc( 100% / var(--side_column_perc) );
/*	height: 100%; */
	
	text-align: center;
	
	background-color: #ddddff; 
	
}



#sb2_center_box{
	
	position: absolute;
	left: calc( 100% / var(--side_column_perc) );
	width: calc( 100% / var(--side_column_perc) * ( var(--side_column_perc) - 2 ) );
/*	height: 100%; */
	
	text-align: center;
	
	background-color: #ddffdd; 
	
}



#sb2_right_box{
	
	position: absolute;
	right: 0px;
	width: calc( 100% / var(--side_column_perc) );
/*	height: 100%; */
	
	text-align: center;
	
	background-color: #ffdddd; 
	
}