@media print{
  #print_btn {
     display: none;
  }
}
th {
  font-weight:normal;
  font-size:16px;
}

td {
  font-weight:bold;
  font-size:16px;
}

.content {
   padding:0 10px;
   clear:both;
}

.rank_stat {
  color: green;
  font-weight: bold;
  font-size:170%;
}
.grey_stat {
  color: grey;
  font-weight: bold;
}
.verygood_stat {
  color: blue;
  font-weight: bold;
}
.good_stat {
  color: green;
  font-weight: bold;
}
.poor_stat {
  color: red;
  font-weight: bold;
}
.premium {
  color: orange;
  font-weight: bold;
}

div.header {
    font-weight: bold;
    font-size: 15px;
	color:#FFF;
	text-align:center;
    padding: 10px;

background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(158,172,193,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(51%,rgba(158,172,193,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(158,172,193,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(158,172,193,1) 51%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(158,172,193,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(158,172,193,1) 51%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

table.company {
    width: 100%;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 10px;
    font-size: 180%;
}

table.company th {
    font-size:70%;
    padding: 10px;
}
table.company td {
    font-size:80%;
    padding: 10px;
}
 
table.company th {
    width:120px;
    background: #295890;
    vertical-align: middle;
    text-align: left;
    overflow: visible;
    position: relative;
    color: #fff;
    font-weight: normal;
}
 
table.company th:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #295890;
    border-width: 10px;
    margin-top: -10px;
}
/* firefox */
@-moz-document url-prefix() {
    table.company th::after {
        float: right;
        padding: 0;
        left: 30px;
        top: 10px;
        content: " ";
        height: 0;
        width: 0;
        position: relative;
        pointer-events: none;
        border: 10px solid transparent;
        border-left: #295890 10px solid;
        margin-top: -10px;
    }
}
 
table.company td {
    background: #f8f8f8;
    padding-left: 20px;
}
#achievements a {
  position: relative;
  display: block;
  float: left;
  width:80px;
  margin: 0 10px 10px 0;
  padding: 0 0 0 120px;
  background: #f8f8f8;
  color: #000;
  text-decoration: none;
  text-align:center;
  line-height: 30px;
  font-size: 15px;
  font-weight: bold;
}
#achievements i {
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  height: 30px;
  margin: 0;
  background: #bcaf68;
  line-height: 30px;
  text-align: center;
  font-weight: normal;
}
#achievements i:before { padding: 0; line-height: 30px; }
#achievements a:hover i { background: #b2a251; }

p.img_ht, p.img_mt, p.img_lt, p.img_td {
	position: relative;
	width: 60px;
	height: 35px;
	margin:0px;
}

p.img_ht img, p.img_mt img, p.img_lt img, p.img_td img {
	position: absolute;
	width: 18px;
}

p.img_ht img {
	clip: rect(0px, 18px, 26px, 0px);
	margin-left: -0px;
	margin-top: -0px;
}
p.img_mt img {
	clip: rect(26px, 18px, 52px, 0px);
	margin-left: -0px;
	margin-top: -26px;
}
p.img_lt img {
	clip: rect(52px, 18px, 78px, 0px);
	margin-left: -0px;
	margin-top: -52px;
}
p.img_td img {
	clip: rect(78px, 18px, 102px, 0px);
	margin-left: -0px;
	margin-top: -78px;
}
.clearText {
	display:none;
}

.tank-info_nation
{
  font-family: a;
  font-style: normal;
  font-weight: normal;
  font-size: 0px;
  line-height: 0;
  font-size-adjust: none;
  font-stretch: normal;
  font-feature-settings: normal;
  font-language-override: normal;
  font-kerning: auto;
  font-synthesis: weight style;
  font-variant-alternates: normal;
  font-variant-caps: normal;
  font-variant-east-asian: normal;
  font-variant-ligatures: normal;
  font-variant-numeric: normal;
  font-variant-position: normal;
  text-shadow: none;
  color: transparent;
  background-size: cover;
  height: 28px;
  width: 50px;
  display: inline-block;
  vertical-align: middle;
  background-image: url("../icon/nations.jpg");
  background-repeat: no-repeat;
}

.tank-info_nation__usa
{
  background-position: 0px 0px;
}
.tank-info_nation__ussr
{
  background-position: 0px -29px;
}
.tank-info_nation__germany
{
  background-position: 0px -59px;
}
.tank-info_nation__uk
{
  background-position: 0px -88px;
}
.tank-info_nation__japan
{
  background-position: 0px -117px;
}
.tank-info_nation__france
{
  background-position: 0px -146px;
}
.tank-info_nation__china
{
  background-position: 0px -175px;
}
.tank-info_nation__other
{
  background-position: 0px -204px;
}
.tank-info_nation__european
{
  background-position: 0px -233px;
}


.error {
  color: red;
  font-weight: bold;
}

#searchlist {
  width:50%;
  font-size: 150%;
  color:#ffffff;
  padding:0px;
  margin:30px auto 10px 20%;
}
#searchlist ul{
  border-top:1px solid #84b2e0;
  border-bottom:1px solid #84b2e0;
  padding:0px;
}
#searchlist li {
  list-style-type : none;
  padding:5px 10px;
  border-top:1px solid #f1f6fc;
}
#searchlist li:first-child{
  border-top:0px;
}
#searchlist li:last-child{
  border-bottom:0px;
}
#searchlist li  a.list{
  text-decoration:none;
  color:#ffffff;
  display:block;
  padding:5px 10px;
}
#searchlist li a.list:hover{
  color:#ff0099;
  background:rgba(100,100,100,0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#99ffffff', endColorstr='#99ffffff');
}

a.button, span.button, del.button{
	
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;
    font-size:0;
    line-height:0;
    
	/*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
	background-position:0 0;
	background-repeat:no-repeat;
	height:30px;
	text-decoration:none;
	color:#2e523b;
	font-style:normal;
	margin:0 6px 0px 0;
	padding:0 10px 0 0;	
	vertical-align:middle;	
	
	_position:relative;
	_width:10px;	
	_overflow-y:hidden;
}



a.button, span.button, del.button,
a.button span, span.button button, span.button input, del.button span{
    background-image:url(../icon/btn0.png);
    _background-image:url(../icon/btn0.gif);
}


a.button span, span.button button, span.button input, del.button span{
	
	white-space:nowrap;
	cursor:pointer;
    color:#222;
	display:-moz-inline-box;
	display:inline-block;
	line-height:1;
    letter-spacing:0 !important;
    font-family:"Arial" !important;
    font-size:12px !important;
    font-style:normal;    
    background-color:transparent;
	background-position:100% 0;
	background-repeat:no-repeat;
	height:30px;
	padding:8px 20px 0 10px;
	margin:0 -16px 0 10px;
	border:none;
	vertical-align:text-top;

	_position:relative;
    _padding-left:0px;
	_padding-right:12px;
	_margin-right:-10px;	
	_display:block;
	_top:0;
	_right:-5px;
	
}


span.button button{
   line-height:2.5;/*Opera need this*/
}

html.safari a.button span, 
html.safari del.button span{
  line-height:1.3;
}

html.safari span.button button{
  line-height:2.6;
}

html.safari a.button:focus,
html.safari span.button button:focus{
    outline:none;
}



del.button{
	/* cursor:not-allowed;	*/
	background-position:0 -120px;
	
}

del.button span{
	cursor:default;
    color:#aaa !important;
	background-position:100% -120px;
}


span.button button, span.button input{
	padding-top:0px;
	line-height:2.5;/*Opera need this*/
}


/** optional **/
/*
a.button:visited{
	color:#aaa;
}
*/


/*Hover Style*/

a.button:hover, 
span.button:hover,
a.button:focus, 

a.dom-button-focus, 
span.button-behavior-hover{
	background-position:0 -60px;
	color:#222;
	text-decoration:none;
}





a.button:hover span, 
span.button:hover button, 
a.button:focus span, 

span.button-behavior-hover button, 
span.button-behavior-hover input{
	background-position:100% -60px;
}


a.button:active, a.button:focus span{
	color:#444;
}




del.button-behavior-hover, del.button:hover{
	background-position:0 -180px;
	/* cursor:not-allowed; */
}


del.button-behavior-hover span, del.button:hover span{
	background-position:100% -180px;
	/* cursor:not-allowed; */
	
}

#achieve{
  list-style-type:none;
}
#achieve ul{
  padding:0;
  margin:0;
}
#achieve li{
  float:left;
  width:160px;
  height:80px;
  background-repeat:no-repeat;
  background-position:-20% 40%;
  background-size:70%;
  text-align:right;
  padding:0;
  margin:0;
}
#achieve li.once{
  float:left;
  width:105px;
  height:80px;
  background-repeat:no-repeat;
  background-position:-20% 40%;
  background-size:110%;
  text-align:right;
  padding:0;
  margin:0;
}
#achieve li.once div{
  float:right;
  margin:40px 0px 0px 0px;
  padding:5px 5px 5px 5px;
  border:0;
  width:25px;
  font-size:20px;
  color:#fff;
  background-color:#cc0000;
  border-radius:2px;
}
#achieve li div{
  float:right;
  margin:10px 0px 0px 10px;
  padding:5px 10px 5px 10px;
  border:1px solid #666;
  width:50px;
  font-size:23px;
  color:#fff;
  background-color:#333;
  border-radius:4px;
}

#achieve li span{
  display:block;
  float:right;
  width:100%;
  margin:0px 0px 10px 10px;
  font-size:11px;
  color:#fff;
  text-shadow: 0 1px 0 #666;
}
#achieve li.once span{
  margin:5px 10px 0px 0px;
}

.eventTitle{
  margin:30px;
  padding-left:10px;
  border-left:3px solid #ff9933;
  font-size:40px;
  color:#fff;
}

.eventBanner{
  float:right;
  width:300px;
  height:120px;
  padding:20px;
}

.eventBody{
  margin:30px;
  padding:0px;
  font-size:18px;
  color:#CCC;
}


table.brwsr1 {
	width:95%;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 0px 1px;
}
 
table.brwsr1 th {
    padding: 12px;
    vertical-align: middle;
    text-align: left;
    border-bottom: #999 1px solid;
    color: #fff;
	text-align:center;
    font-size: 120%;
}
 
table.brwsr1 td {
    padding: 12px;
    vertical-align: middle;
    text-align: left;
    border-bottom: #999 1px solid;
	text-align:center;
    font-size: 120%;
}
 
table.brwsr1 th.r1 {
    border-right: #999 1px solid;
    background: #447791;
}

#footerFloatingMenu {
    display: block;
    width: 100%;
    position: fixed;
    left: 0px;
    bottom: 2px;
    z-index: 99999;
    text-align: center;
    padding: 0 auto;
}
 
#footerFloatingMenu img {
    max-width: 99%;
}

/* Bnr
-----------------------------------------*/
.Bnr{
  position: relative;
  display: block;
  margin: 0;
  width: 100%;
  font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Osaka,sans-serif !important;
}
.Bnr .Bnr__img{
  position: fixed;
  bottom: 0;

  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  z-index: 1000;
}
.Bnr__img__inner{
  width: 100%;
  height: auto;
  box-sizing:border-box;
  padding: 10px;
  background-color: #fafafa;
}
.Bnr .Bnr__img__inner a{
  display: block;
}
.Bnr .Bnr__img p.close{
  position: absolute;
  right: 0;
  top:10px;
}
.Bnr .Bnr__img p.close a{
  display: block;
  width: 20px;
  height: 25px;
  text-align: center;
}
.Bnr .Bnr__img p.close a span{
  display: block;
  width: 1px;
  height: 1px;
}
.Bnr .Bnr__img p.close a i{
  font-size: 20px;
  z-index: 999999;
  color: #222;
}