.ftrWrapColor{
    background-color: #000;
}

DIV.rank {
	position: relative;
	background: url(/images/body_bg.jpg);
	background-size: cover;
	box-shadow:inset 0 -50px 50px #000;
}

DIV.rank .container {
    display: flex;
	flex-direction: row;
    align-items: center;
    justify-content: center;
	min-height: 50vw;
}

.doc_container{
	margin: auto;
	padding-top: 160px;
	padding-bottom: 140px;
	width: 80vw;
	min-height:580px;
	text-align: left;
}

.contents{
	width:100%;
	font-family: Verdana,Arial,sans-serif;
	letter-spacing: 0.01em;
}

.h2doc_wrap{
	background-color: rgba(255,255,255, 0.3);
	padding: 3vw;
}

.h2doc{
	background-color:#121212;
	color:#aaaaaa;
	padding: 3vw;
	line-height:180%;
}

@media(max-width:992px){
	.doc_container{
		padding-top: 50px;
		padding-bottom: 40px;
	}
}

@media(max-width:600px){
	.doc_container{
		width: 90vw;
	}
}

@media(max-width:450px){
	.doc_container{
		width: 100%;
		padding-top: 0px;
	}
}

.rank_btns {
	margin-left: 1px;
	margin-right: 1px;
	margin-bottom: 2px;
	margin-top: 2px;
}

@media(max-width:450px){
	.rank_btns {
		width: 100%;
	}
}

TABLE.rank{
	border-collapse: collapse;
	width:100%;
}

TABLE.rank TH {
	font-weight:bold;
	padding:5px;
	border-bottom:2px solid #323232;
	text-align:center;
}
TABLE.rank TD {
	padding:5px;
	text-align:center;
}
TR.s{
	border-bottom:1px solid #323232;	
}
TR.s:HOVER {
	background-color:#151515;
	
}

table#itsthetable{
  border: 0px solid black;
  border-spacing: 0px;
  margin-top:10px;
}

table#itsthetable thead tr{
	font-weight:bold;
}
table#itsthetable thead th{
	font-weight:bold;
	padding:20px;
	background:#121212;
}

table#itsthetable tr {
  font-family: arial, monospace;
  font-size:12px;
}

table#itsthetable tr:hover {
  background-color: #000000;
}

table#itsthetable tr td, th{
  border: 1px solid #323232;
  padding:10px;
}