body {
  margin: 30px;
  color: black;
  background-color: white;
  max-width: 60em; 
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, "Segoe UI", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body> .header {
	margin: 0px;
	padding: 12px 20px 12px 40px;
	/* font-family: helvetica, arial, sans-serif; */
        font-size: 150%;
        /* max-width: 80ex;        */
        font-weight: bold;
	}

body> .footer {
	margin: 0px;
	padding: 12px 20px 12px 20px;
	/* font-family: helvetica, arial, sans-serif; */
        font-size: small;
	}

#content {
border-top: 20p;
border-right: 20px;   
border-left: 20px;
border-bottom: 20px;
padding: 30px;
}


#sidebar {
        line-height: 3ex;
        width: 20ex;
        float: right;
        margin-left: 40px;
        height: 50em;   
        padding: 2ex 2ex;
}


:link { text-decoration: none }
:visited { text-decoration: none }

a:hover {
   border-color: black;
   background: #EFEFEF;
}

a 
{
   text-decoration: none;
   color: #0000AA }

#navbar a:link, #navbar a:visited {
 display: block;
 color: black;
 border-bottom: thin solid black;
 padding-bottom: 3px;
 padding-top: 16px;
 padding-right: 12px; 
}


#navbar {
font-size: 125%;
}

#navbar a:hover {
  color: black;
  background-color: #dedede;
  border-bottom: thin solid black;
  padding-bottom: 3px;
}


p {
	line-height: 1.6;
	text-align: justify;  
	text-justify: distribute;
	margin: 10px 0 40px 0;
}


ul li{
    line-height: 1.3;
    padding: 3px 0; 
    list-style-type: none!important;
}

ol li{
    line-height: 1.3;
    padding: 3px 0;


td {  
/* padding: .3em .5em; */
padding-top: 25px;
padding-bottom: 25px;
padding-right: 10px;
padding-left: 10px;
text-align: left;
vertical-align: top;
}

tr
{
vertical-align: middle;
}

th 
{
padding-top: 20px;
padding-bottom: 20px;
text-align: left;
padding-left: 15px;
padding-right: 60px;
vertical-align: middle;
/* vertical-align: middle; */
}
 
th.name { width: 12em; }
th.location { width: 12em; }
th.color { width: 10em; }

td#leave {
vertical-align: middle;
text-align: left;
}

th, td , tr { 
border-bottom: 1px solid #C0C0C0;
 }


.ntable {
    padding: 0em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
} 

table 
{ 
border-collapse: collapse;
margin-left: 5px;
margin-right: 5px;
width: 100%
}

.validate	
{ font-size: x-small; 
  text-align: right; margin: 1em 1em; }

.tab { margin-left: 1em; }