@charset "utf-8";
* {
  box-sizing: border-box;
}
body{
	background-color:#CCCCCC;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.77em;
}

a, a:link, a:visited {
	color:	#000;
	text-decoration-color: #b5b5b5;
}

h1,h2,h3,h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1, h2 {
	background-color:#EEE;
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 5px;
}

h3 {
	margin-bottom: 10px;
	padding: 0 15px;
	color: #b5152a;
}

h4 {
	margin-bottom: 10px;
}

.nobr {white-space: nowrap;}


#content {
	max-width: 1100px;
	margin: auto;
}

#container_content {
	width: 100%;
	background-color: white;
}

.row {
  display: flex;
  flex-wrap: wrap;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}
.column {
	float: left;
	flex: 33%;
  	max-width: 33%;
}

.column > p {
	padding-left: 15px;
	padding-right: 15px;
	margin-top: 2px;
	text-align: justify;
}

.column > ol {
	list-style: none;
	padding-right: 15px;
	margin-top: 2px;
	text-align: justify;
	counter-reset: li
}
.column > ol li::before {
	content: counter(li); 
	color: #b5152a;
    display: inline-block; 
    width: 1em; 
    margin-left: -1.5em;
    margin-right: 0.5em; 
    text-align: right; 
    direction: rtl;
}
li {
	counter-increment: li
}

.column > ul {
	list-style: none;
	padding-right: 15px;
	margin-top: 2px;
	text-align: justify;
}
.column > ul li::before {
	content: "■"; 
	color: #b5152a;
	display: inline-block; 
	width: 1em;
	margin-left: -1em;
}

.one {
  flex: 100%;
  max-width: 100%;
}

.two  {
  flex: 50%;
  max-width: 50%;
}
.three  {
  flex: 33%;
  max-width: 33%;
}
.sixtysix {
  flex: 66%;
  max-width: 66%;
}
.formula {
  font-size: 2.8em;
  overflow-x: auto;
}

.wrl {
  flex: 50%;
  max-width: 50%;
  padding: 10px;
}

.r1 {
	background-color: #8AD0FF;
	font-weight: bold;
	text-align: center;
}
.r2 {
	background-color: #FFFF73;
	font-weight: bold;
	text-align: center;
}
.old1 {
	background-color: #FF6600;
	font-weight: bold;
	text-align: center;
}
.old2 {
	background-color:#FF0000;
	font-weight: bold;
	text-align: center;	
}

.rUp {
	color: #009900;
	text-align: center;
}

.rDw {
	color: #FF0000;
	text-align: center;
}

.rN {
	color: #000;
	text-align: center;
}

.U1, .U1 a:link, .U1 a:visited  {
	background-color:#DFF2FF;
	text-align: left;
	color: black;
	padding-left: 1px;
	text-indent: -1px;
}

.U2, .U2 a:link, .U2 a:visited{
	text-align: left;
	color: black;
	padding-left: 1px;
	text-indent: -1px;
}

.cn {
	color: #000;
	text-align: center;
}

.wrl_table {
	background-color: #FFFFFF;
	text-align: center;
	font-size: 0.95em;
}
th {
	background-color: white;
	font-size: 1.1em;
}
td {
    padding: 2px;
}
.tr1 {
	background-color: #F6F6F6;
}
.tr10 {
	background-color: #E1E1E1;
}

.E1 {
	background-color:#8AD0FF;
}
.E2 {
	background-color:#FFFF73;
}
.E12 {
	background-color:#6DD900;
}
.E23 {
	background-color:#FFCCFF;
}

.selectEvent {
	width: 195px;
}

.p{
	text-align: right;
	display: block;
	padding-right: 7px;
}

.wrl_tr_1{
	background-color: #F6F6F6;
}

ul.wrl_nav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #999;
  font-family: Verdana, sans-serif;
}
ul.wrl_nav li {float: left;}
ul.wrl_nav li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
ul.wrl_nav li a:hover:not(.active) {background-color: #111;}
ul.wrl_nav li a.active {background-color: #B5152A;}
ul.wrl_nav li.right {float: right;}

ul.wrl_nav_bt {
  display: none;
}

.footer, .footer a:link, .footer a:visited {
	color: #EFEFEF;
	font-size: 12px;
	text-decoration: none;
}


@media screen and (max-width: 1000px) {
	.column {
		flex: 50%;
		max-width: 50%;
	}
	.one {
  		flex: 100%; 
  		max-width: 100%; 
	}
	.formula {
		font-size: 1.4em;
		overflow-x: auto;
	}
}

@media screen and (max-width: 900px) {
	.wrl {
		flex: 100%;
		max-width: 100%;
		padding: 10px;
	}
	.formula {
		font-size: 1.4em;
		overflow-x: auto;
	}
	ul.wrl_nav_bt {
	  display: inline;
	  list-style-type: none;
	  margin: 0;
	  padding: 0;
	  overflow: hidden;
	  position: fixed;
	  bottom: 50px;
	  right: 0;
	  background-color: #999;
	  font-family: Verdana, sans-serif;
	}
	ul.wrl_nav_bt li {float: left;}
	ul.wrl_nav_bt li a {
	  display: block;
	  color: white;
	  text-align: center;
	  padding: 5px 5px;
	  text-decoration: none;
	}
	ul.wrl_nav_bt li a:hover:not(.active) {background-color: #111;}
}


@media screen and (max-width: 800px) {
	.formula {
		font-size: 1.2em;
	}
}

@media screen and (max-width: 600px) {
	.column {
		flex: 100%;
		max-width: 100%;
	}
	.formula {
		font-size: 1.3em;
		overflow-x: auto;
	}
	h1 {
		font-size: 1.5em;
	}
	h2 {
		font-size: 1.2em;
	}
}

@media screen and (max-width: 300px) {
	ul.wrl_nav li.right, 
	ul.wrl_nav li {float: none;}
}