@charset "UTF-8";
body {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 0.825vw;
	
	color: #FFF;
	background-color: #FFF;
	margin: 0px;
	padding: 0px;
	-webkit-font-smoothing: antialiased !important;
	font-smoothing: antialiased !important;
	overflow-x:hidden;
	overflow-y:auto;
	
	/*cursor: default;*/
}

::-moz-selection {
background-color: rgba(150,255,150,0.7);
color: #000000;
}

::selection {
background-color: rgba(150,255,150,0.7);
color: #000000;
}

a {	
	/*cursor: default;*/
}

iframe, a img {
	/*cursor: auto;*/
}

td, th {
	font-size: 0.825vw;
	color: #444;
}

canvas {
	position:fixed;
	left:0px;
	top:0px;
	z-index:2;
}

body div.m {
	box-shadow: 1px 0px 10px rgba(0,0,0,0.5);
	
	box-sizing: border-box;
	min-height:100%;
	position: fixed;
	top:0px;
}

body div.m1 {
	width: 27.1vw;
	left: 6.8vw;
	
	background-color: #CF4242;
	z-index:9;

}

body div.m2 {
	width: 32.1vw;
	left: 40.7vw;
	
	background-color: #E1E1E1;
	color: #444;
	position:absolute;
	top:0px;
	z-index:10;
}

body div.m3 {
	width: auto;
	right: 20px;
	top: 20px;
	background-color: #FAFAFA;
	color: #444;
	position:absolute;
	top:0px;
	z-index:3;
	box-sizing: border-box;
	box-shadow: 0px 0px 0px transparent;
}

body div.m div.t, body div.m a.m {
	padding-left: 2.2915vw;
	padding-right: 2.2915vw;
	padding-top: 1.375vw;
	padding-bottom: 1.375vw;
	
	box-sizing: border-box;
	display:block;
}

body div.m div.q {
	min-height: 11vw;
}

.w {
	background-color: #EEE;
	color: #111;
}


body div.m a.m {
	background-color: transparent;
	color: #FFF;
	text-decoration: none;
	
	-webkit-transition-property: background, color, padding-left,border-left;
    -webkit-transition-duration: 0.2s;
    -webkit-transition-timing-function: ease;
	
	transition-property: background, color, padding-left,border-left;
    transition-duration: 0.2s;
    transition-timing-function: ease;
	
	border-left:0px solid #FFF;
}
body div.m a.m:hover {
	
	padding-left:2.75vw;
	
	background-color: #EEE;
	color: #111;
	border-left:5px solid #FFF;
}

body div.m a.m:active {
	border-left:5px solid #000;
	background-color: #661a11;
	color: #EEE;
	-webkit-transition-duration: 0.05s;
}

body div.m a.here
{
	
	border-left:5px solid rgba(0,0,0,0.2);
	background-color: rgba(0,0,0,0.1);
}






body div.m2 div.r {
	
	padding: 0.6625vw;
	height: 2.75vw;
	
	box-sizing: border-box;
	display:block;
	
}
#co {
	padding: 0vw;
	
	height: 1.425vw;
	width: 1.425vw;
	line-height:1.425vw;
	
	display:none;
	
	box-sizing: border-box;
	background-color:#EEE;
	
	color: #999;
	text-decoration:none;
	text-align:center;
	
	-webkit-transition-property: background, color, border;
    -webkit-transition-duration: 0.1s;
    -webkit-transition-timing-function: ease;
	
	transition-property: background, color, border;
	transition-duration: 0.1s;
	transition-timing-function: ease;
}

.tl
{
	float:left;
}
.tr
{
	float:right;
}

#co:hover {
	background-color:#999;
	color: #FFF;
}
#co:active {
	background-color:#444;
	color: #FFF;
}

div.header1
{
	color: #A00;
	padding-left:0px;
	
	font-size:1.25vw;
	margin-top:1.35vw;
	margin-bottom:0.5vw;
}
div.tx
{
	text-align: justify;
	
	margin-top:0.6vw;
}

a.btn {
	display: block;
	
	/*width: 5vw;*/
	width: max-content;
	height: 2vw;
	line-height:2vw;
	border-radius: 0.5vw;
	/*
	background-color: #E22;
	background-color: #ff4026;*/
	background-color: #DD3a20;
	color: #FFF;
	text-decoration: none;
	box-sizing:border-box;
	padding:0px;
	padding-left: 1vw;
	padding-right: 1vw;
	text-align:center;
	
	margin-right:0px;
	margin-left:auto;
	margin-top:0.5vw;
	
	-webkit-transition-property: background, color, border, line-height;
    -webkit-transition-duration: 0.1s;
    -webkit-transition-timing-function: ease;
	
	transition-property: background, color, border, line-height;
    transition-duration: 0.1s;
    transition-timing-function: ease;
}
a.btn:hover {
	background-color: #FAFAFA;
	color: #111;
}
a.btn:active {
	background-color: #661a11;
	color: #EEE;
	-webkit-transition-duration: 0.05s;
}

td, div
{
	padding: 0px;
	margin: 0px;
	width:100%;
}

a.inl {
	text-decoration:none;
	color: #37C;
	-webkit-transition-property: color;
    -webkit-transition-duration: 0.1s;
    -webkit-transition-timing-function: ease;
	
	transition-property: color;
    transition-duration: 0.1s;
    transition-timing-function: ease;
}
a.inl:hover {
	text-decoration:none;
	color: #1C6;
}
a.inl:active {
	text-decoration:none;
	color: #308456;
}

#cc
{
	position:fixed;
	right:0px;
	bottom:0px;
	padding:10px;
	width:auto;
	height:auto;
	z-index:8;
	color:rgba(0,0,0,0.7);
	font-size:9px;
	background-color:rgba(255,255,255,0.9);
}
#cc2
{
	position:fixed;
	right:0px;
	bottom:0px;
	padding:10px;
	width:auto;
	height:auto;
	z-index:8;
	color:rgba(255,255,255,0.7);
	font-size:9px;
	background-color:rgba(0,0,0,0.9);
}
#cc div, #cc2 div
{
	left:1.1vw;
	top:0.9vw;
	width:0vw;
	height:0vw;
	margin:0px;
	padding:0px;
	position:fixed;
	font-size: 0.8vw;
	line-height:0vw;
	opacity: 0.3;
	
	transform: rotate(90deg);
	transform-origin:0% 0%;
	-ms-transform: rotate(90deg); /* IE 9 */
	-ms-transform-origin:0% 0%; /* IE 9 */
	-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
	-webkit-transform-origin:0% 0%; /* Chrome, Safari, Opera */
}

img.mrico
{
	width:3.3vw;
	height:3.3vw;
	float: left;
	margin: 0px 10px 0px 0;
}

span.rating
{
	float:right;
	color:rgba(200,0,0,0.8);
	font-size:1.2vw;
}
span.rating span
{
	color:rgba(0,0,0,0.2);
}
div.ratedgame
{
	padding:0.8vw;
	box-sizing:border-box;
	background-color:#FFFFFF;
	margin-bottom:1vw;
	border-radius: 0.5vw;
	border-bottom: #BBBBBB solid 0.15vw;
}
span.rtdtitle
{
	font-size:1vw;
	font-weight:bold;
}
div.rtdquote
{
	padding:1vw;
	box-sizing:border-box;
}