@charset ″UTF-8″;

h2 {
	margin: 0;
	white-space: nowrap;
	text-align: center;
	border-bottom: 2px solid #BA55D3;
	padding: 0 10px;
	font-size: 26px;
}
h3 {
	margin: 0;
	text-align: left;
	font-size: 18px;
}
h4 {
	margin: 0;
	text-align: left;
	padding-left:2em;
	font-size: 11px;
}
h5 {
	margin: 0;
	text-align: right;
	font-size: 10px;
}
h6 {
	margin: 0;
	color: #A4A4A4;
	padding-left:2em;
	text-align: left;
	font-size: 10px;
}
th.top {
	vertical-align: top;
	text-align: left;
	border: 0px;
}
table.noborder {
	padding: 10;
	empty-cells: show;
	border: 0px;
}

.text {
	padding: 0 0 10px 10px;
	float: left;
	border: 0px;
	font-size: 15px;
	line-height: 1.5em;
}
.link {
	padding: 0 0 2px 2px;
	float: left;
	font-weight:bolder;
	border: 0px;
	font-size: 18px;
	line-height: 1.0em;
}
.topic {
	clear: both;
	padding 5px 0 5px 0;
}

textarea.text {
	opacity: 0.0;
}

#buttons{
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.buttonBlue{
 	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 5px 0px;

	color: white;
	text-shadow:-1px -1px #555;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color:deepskyblue;

	border-style: none;
	border-radius: 10px;
}
.buttonBlue:hover{
	background-color: blue;
}

.buttonSora{
 	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 5px 0px;

	color: white;
	text-shadow:-1px -1px #555;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color:blue;

	border-style: none;
	border-radius: 10px;
}
.buttonSora:hover{
	background-color: navy;
}

.buttonTrysail{
 	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 5px 0px;

	color: white;
	font-size: 1em;
	text-shadow:-1px -1px #555;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color:paleturquoise;

	border-style: none;
	border-radius: 10px;
}
.buttonTrysail:hover{
	background-color: deepskyblue;
}

.buttonSphere{
 	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 5px 0px;

	color: white;
	text-shadow:-1px -1px #555;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color:lightskyblue;

	border-style: none;
	border-radius: 10px;
}
.buttonSphere:hover{
	background-color: blue;
}

.buttonOrange{
 	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 5px 0px;

	color: white;
	text-shadow:-1px -1px #555;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color:gold;

	border-style: none;
	border-radius: 10px;
}
.buttonOrange:hover{
	background-color: orange;
}

.buttonYellow{
 	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 5px 0px;

	color: white;
	text-shadow:-1px -1px #555;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color:yellow;

	border-style: none;
	border-radius: 10px;
}
.buttonYellow:hover{
	background-color: gold;
}

.buttonMomo{
 	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 5px 0px;

	color: white;
	text-shadow:-1px -1px #555;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color:lightpink;

	border-style: none;
	border-radius: 10px;
}
.buttonMomo:hover{
	background-color: deeppink;
}

.buttonPink{
 	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 5px 0px;

	color: white;
	text-shadow:-1px -1px #555;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color:hotpink;

	border-style: none;
	border-radius: 10px;
}
.buttonPink:hover{
	background-color: deeppink;
}

.buttonGreen{
 	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 5px 0px;

	color: white;
	text-shadow:-1px -1px #555;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color:palegreen;

	border-style: none;
	border-radius: 10px;
}
.buttonGreen:hover{
	background-color: green;
}

.buttonGreen2{
 	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 5px 0px;

	color: white;
	text-shadow:-1px -1px #555;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color:springgreen;

	border-style: none;
	border-radius: 10px;
}
.buttonGreen2:hover{
	background-color: green;
}

.buttonViolet{
 	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 5px 0px;

	color: white;
	text-shadow:-1px -1px #555;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color:violet;

	border-style: none;
	border-radius: 10px;
}
.buttonViolet:hover{
	background-color: darkviolet;
}

.buttonRed{
 	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 5px 0px;

	color: white;
	text-shadow:-1px -1px #555;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color:coral;

	border-style: none;
	border-radius: 10px;
}
.buttonRed:hover{
	background-color: red;
}

.buttonGray{
 	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 5px 0px;

	color: white;
	font-size: 1em;
	text-shadow:-1px -1px #555;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color:darkgray;

	border-style: none;
	border-radius: 10px;
}
.buttonGray:hover{
	background-color: gray;
}

.buttonDisabled{
 	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 5px 0px;

	color: white;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color:lightgrey;

	border-style: none;
	border-radius: 10px;
}

.buttonClick{
 	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0px 0px;

	color: black;
	font-size: 1em;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	background-color: rgba(255,0,0,0);
	border-style: none;
	border-radius: 10px;
}

.buttonClear{
 	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0px 0px;
	background-color: rgba(255,255,255,0);
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;

	border-style: none;
	border-radius: 0px;
	opacity: 0.0;
}

#footer {
	border-top: 2px solid #BA55D3;
	padding: 5px 10px 0;
	clear: both;
	font-size: 12px;
}