@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700&display=swap');

body, h1 { 
	margin:0; 
	padding:0; 
	font-family:'Roboto', Arial, Helvetica;
	}

iframe { 
	font-size:0.9em;
	}

iframe.hidden {
	visibility: hidden;
	width:0px;
	height:0px;
}

/*
Shared ==================================================
*/
A:link		{text-decoration: none; color:black;}
A:visited	{text-decoration: none; color:black;}
A:active	{text-decoration: none; color:black;}
A:hover		{text-decoration: underline; color: #AA0000; }
img			{border:0px; cursor:pointer;}


/*
Structure ===============================================
id Selectors
*/

#container {
  margin-left:auto;
  margin-right:auto;
  width:100%;
  line-height:130%
}

#contents_container{
  margin-top: -17px;
  margin-left:auto;
  margin-right:auto;
  width:100%;
  
  line-height:120%
}

#header { 
	display:block; 
	background: #efefef;
	background-size: auto 100%;
	}

/*
#header2 { 
	margin-top: -60px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 5px;
	width:1020px;
	height:134px;
	background: url(./images/backback.png) top center repeat-x;
	}
*/
#menu { 
	margin-left:auto;
	margin-right:auto;
	width:100%;
	}

#nav1 { 
	padding:10px;
	display:block; 
	background-color:#efefef; 
	font-size:0.9em;
	}

#nav2 { 
	float:left; 
	background-color:#efefef;
	font-size:0.9em;
	}

#article { 
	float:left; 
	background-color:#efefef; 
	font-size:0.9em;
	}

/*
details =================================================
id Selector
*/

#header_table { 
	margin-left:auto;
	margin-right:auto;
	width:100%; 
	padding:1.5em;
	}

#header_table_td1 { 
	text-align: left; 
	}

#header_table_td2 { 
	text-align: right; 
	font-size:0.9em; 
	}

#header_table_td3 { 
	text-align: left;
	}

#header_table_td4 { 
	text-align: right; 
	vertical-align:bottom;
	}

#nav1_content {
	padding:0.5em;
	}

#nav2_content {
	min-height:1600px; 
	padding:1em;
	}

#section1 {
	background-color:#fafafa; 
	margin:1em;
	min-height:1600px; 
	padding:2em;
	}

.category_header {
	background-color:#ddd; 
	padding:.2em .5em .2em .5em; 
	font-size:1em; 
	text-decoration:none;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	}


.button {
	background-color:#FFD45E; 
	cursor:pointer; 
	border:1px solid #ddd; 
	padding:.2em .5em .2em .5em; 
	font-size:1em; 
	text-decoration:none;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	min-width: 100px;
	display: inline-block;
	text-align: center;
	}


.button1 {
	background-color:#FFD45E; 
	cursor:pointer; 
	border:1px solid #ddd; 
	padding:.2em 1em .2em 1em; 
	font-size:1em; 
	text-decoration:none;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	}


.button_nav_std {
	background-color:#FFD45E; 
	cursor:pointer; 
	border:1px solid #ddd; 
	padding:.2em 1em .2em 1em; 
	font-size:1em; 
	text-decoration:none;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	min-width: 100px;
	display: inline-block;
	text-align: center;
	}

.button_nav_long {
	background-color:#FFD45E; 
	cursor:pointer; 
	border:1px solid #ddd; 
	padding:.2em 1em .2em 1em; 
	font-size:1em; 
	text-decoration:none;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	min-width: 200px;
	display: inline-block;
	text-align: center;
	}

		
.button_large {
	background-color:#FFD45E; 
	cursor:pointer; 
	border:1px solid #ddd; 
	padding:.5em 1em .5em 1em; 
	text-decoration:none;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	min-width: 200px;
	display: inline-block;
	text-align: center;
	}

.button1_disabled {
	background-color:#ddd; 
	border:1px solid #ddd; 
	padding:.2em .5em .2em .5em; 
	font-size:1em; 
	text-decoration:none;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	color:#888;
	min-width: 100px;
	display: inline-block;
	text-align: center;
	}

.comment1 {
	color:blue; 
	font-size:0.9em; 
	}

.comment2 {
	color:#555; 
	font-size:0.9em; 
	}


table.reportTable {
	font-size:0.8em;
	margin:0;
	width:100%;
	border-collapse:collapse;
}

.reportTable td {
	text-align:left;
	padding:.2em;
}

table.reportTableRepo {
	font-size:0.8em;
	margin:0;
	width:100%;
	
}

.reportTableRepo td {
	text-align:left;
	padding:.2em;
	border-bottom: 1px solid #DDD;
}

.reportTableRepo1 tr {
	border-bottom: 1px solid #DDD;
}

div.reportTitle {
	margin:0 0 20px 0;
	padding: 0.5em;
	width:100%;
	font-size:0.9em;
	font-weight:bold;
}

table.statTable {
	font-size:0.8em;
	margin:20px;
	width:400px;
	border-collapse:collapse;
}

.statTable td {
	text-align:left;
	padding:.2em;
	border:1px solid blue;
}

.statTable th {
	background-color:#ccc; 
	text-align:left;
	padding:.2em;
	border:1px solid blue;
}

div.statTable {
	margin:0 0 20px 0;
	padding: 0.5em;
	width:100%;
	font-size:0.9em;
	font-weight:bold;
}

.menuTable { 
	background-color:#efefef; 
	}

.menuTable td {
	text-align:center;
	background-color:#cccccc; 
	padding:.5em;
	}

td.menuTableX {
	text-align:center;
	background-color:#efefef; 
	padding:.5em;
	}

.fileListTable td {
	font-size:0.9em;
	padding:.2em;
	}

.timeline td {
	padding-right:1em;
	vertical-align: top;
}

.settingTable tr {
	height: 3em; 
	}