@CHARSET "UTF-8";

.body{
	margin: 0;
}

.wrapper {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin: 8px;
	width: auto;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	color: rgb(0, 0, 0);
	justify-content: center;
	align-items: flex-start;
	align-content:flex-start;
}

TD.comment
{
	background-color: #efffff;
	vertical-align: top;
	text-align: left;
}
DIV.center
{
	text-align:	center;
	margin-left: auto;
	margin-right: auto;
}

DIV.red2
{
	color: #990000;
}

.wrapper .itemtop{
	width: 100vw;
	margin-bottom: 2vh;
	background-color: #0000ff;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #fff;
	overflow: hidden;
}
.wrapper .itemtop .tops{
	display: flex;
}
.wrapper .itemtop .tops H1{
 	font-size: 80%;
}

.wrapper .itemtop .tops SPAN{
	font-size: xx-large;
	font-style: italic;
}

.wrapper .itemtop HR{
	height: 3px;
	margin-top: 0;
	margin-bottom: 0;
}

.wrapper .item1{
	order: 2;
	width: 240px;
}

.wrapper .item2{
	order: 3;
	width: 240px;
}

.wrapper .item3{
	order: 4;
	width: 240px;
}

.wrapper .item4{
	order: 5;
	margin-top: 2vh;
	width: 80vw;
}

.wrapper .item5{
	order: 6;
	width: 100vw;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.wrapper .item5 div{
	padding: 1vw;
}

.wrapper .item5 .news1{
	text-align: center;
}

.wrapper .item5 .news2{
	text-align: center;
}

.wrapper .item6{
	order: 7;
	width: 100vw;
}

.comment{
	height: 6em;
	border-style: solid;
	border-width: 0.5px; 
}

table.mainTable{
	margin-left: auto;
	margin-right: auto;
	height: 5em;
	text-align: left;
	border-style: double;
}

table.mainTable TD{
	padding: 8px;
}

table.smallTable {
	border: 1px;
	width: 100%;
	border-style: solid;
	border-width: 2px; 
}

table.smallTable TR{
	border-style: solid;
	border-width: 1px; 
}

@media ( max-width : 767px) {
	.wrapper .item1 {
		width: 100vw;
	}
	.wrapper .item2 {
		width: 100vw;
	}
	.wrapper .item3 {
		width: 100vw;
	}
	.wrapper .item4 {
		width: 100vw;
	}
	.wrapper .item5 {
	
	}
	.wrapper .item6 {
		width: 100vw;
	}
	.wrapper .item5 div{
		width: 90%;
		text-align: center;
	}
}