body{
	font-family: verdana,sans-serif,'Comic Sans MS',  arial,'ＭＳ Ｐゴシック';
	font-size:13;
	margin: 0;
	padding: 0;
}

a:hover { 
	background-color:#ffff55;
	color:blue;
} 


iframe{
	border: none;
	height: 100%;
	width: 100%;
	padding:0;
	vertical-align:bottom;
}

#left {
	position: absolute;
	top: 0;
	left: 0px;
	width: 210px;
	height: 100%;
	text-align: center;

}

#right{
	position: absolute;
	top: 0;
	right:0px;
	left: 210px;
	height: 100%;
	border-left: 0px solid #ccc;

}


.bgimg{
	background-image:url(icon/html2.gif);
	background-repeat:repeat;
}

.margin10{
	padding:10px;
}

.out {
	width: 100%;
	text-align: center;
}

.in {
	padding:10px;
	display: inline-block;
}

.center{
	margin: 0px auto;
	text-align: center;
	display: block;
}

.text{
	text-align: left;
	display: inline-block;
}

.yellow{
    background-color: #ffffaa;
}

.red{
    background-color: #ffdddd;
}

div.title{
	display: flex;
	/*display: block;*/
	text-align:center;
	justify-content: center;
	background-color:#000088;
	font-size:xx-large;
	color:white;
	margin:0;
	padding: 10px;
}

div#screen {
	margin: 0;
	padding: 0;
	height:100vh;
}

div.scroll_div { overflow: auto; }

.nowrap{
	white-space: nowrap;
}

table.kanzan-table{
	white-space: nowrap;
	border-collapse: collapse; 
	font-size:13;
	th{
		white-space: nowrap;
		background-color: #aaaaff; 
		border: 1px #555555 solid; 
		text-align: center; 
		padding: 1px;
	}
	td{
		white-space: nowrap;
		border: 1px #888888 solid; 
		text-align: center; 
		padding: 1px;
	}
	td:hover {
	  background-color: #FFFF55;    /* マウスオーバー時の行の背景色 */
	}
}


table.participant-table{
	border-collapse: collapse; 
	font-size:13;
	th{
		white-space: nowrap;
		background-color: #aaaaff; 
		border: 1px #555555 solid; 
		padding-top: 2px;
		padding-bottom: 2px;
		padding-left: 4px;
		padding-right: 4px;
   	}
	td{
		border: 1px #888888 solid; 
		padding-top: 2px;
		padding-bottom: 1px;
		padding-left: 3px;
		padding-right: 3px;
	}
	tr:hover {
		background-color: #FFFF55;    /* マウスオーバー時の行の背景色 */
  	}
}

table.taiki-table{
	white-space: nowrap;
	border-collapse: collapse; 
	font-size:13;
	td{
		white-space: nowrap;
		border: 1px #888888 solid; 
		padding-top: 2px;
		padding-bottom: 1px;
		padding-left: 3px;
		padding-right: 3px;
	}
	td:hover {
  		background-color: #FFFF55;    /* マウスオーバー時の行の背景色 */
	}
}


table.run-diary-table{
	border-collapse: collapse; 
	border: 1px #555555 solid;
	width:100%;
	th{
		white-space: nowrap;
		background-color: #aaaaff;
		border: 1px #555555 solid;
		padding: 1px;
		text-align:left;
	}
	td{
		/*white-space: nowrap;*/
		border: 1px #888888 solid; 
		padding: 1px;
	}

}


table.entry-table{
	border-collapse: collapse; 
	border: 1px #555555 solid;
	width:80%;
	th{
		white-space: nowrap;
		background-color: #aaaaff;
		border: 1px #555555 solid;
		padding: 10px;
		text-align:left;
	}
	td{
		white-space: nowrap;
		border: 1px #888888 solid; 
		padding: 10px;
		text-align:left;
	}
	.any{
		background-color: #dddddd;
	}
}

table.tool-table{
	border-collapse: collapse; 
	border: 1px #555555 solid;
	width:100%;
	th{
		white-space: nowrap;
		background-color: #aaaaff;
		border: 1px #555555 solid;
		padding: 10px;
		text-align:left;
	}
	td{
		border: 1px #888888 solid; 
		padding: 8px;
		text-align:left;
	}
	.limited{
		background-color: #ffffaa;
	}
}

table.bbs-table{
	border-collapse: collapse; 
	border: 1px #555555 solid;
	height:100vh;
	width:100vw;

	th{
		white-space: nowrap;
		background-color: #aaaaff;
		border: 1px #555555 solid;
		padding: 1px;
		text-align:left;
	}
	td{
		border: 1px #888888 solid; 
		padding: 1px;
	}
	.nowrap{
		white-space: nowrap;
	}

}

table.edit-table{
	border-collapse: collapse; 
	/*width:70%;*/

	th{
		white-space: nowrap;
		background-color: #aaaaff;
		border: 1px #555555 solid;
		padding: 1px;
		text-align:left;
	}
	td{
		border: 1px #888888 solid; 
		padding: 1px;
	}
	.nowrap{
		white-space: nowrap;
	}
	.no-line{
		border-top:0;
		border-bottom:0;
		border-left:0;
		border-right:0;
	}

}

.solid{
	border-collapse: collapse; 
	white-space: nowrap;
	border: 1px #888888 solid; 
	padding: 1px;
}

.box {
    padding: 0.1em 0.5em;
    margin: 1em 0;
    color: #FFF;
    background: #555555;
    border-bottom: solid 3px #333333;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
    border-radius: 9px;
}