/* tables */
html, body {
  font-size: 14px;
}
html {
  display: table;
}
body {
  display: table-cell;
/*  vertical-align: middle;*/
}
p.description { font-size: 12px; margin: 5px 0; text-align: right; }
section { margin-bottom: 40px; text-align: left; }
table {margin:0; border-collapse:0!important;}
table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 20px;
	width: 100%;
	text-align: left;
    border: solid 2px #f9f9f9;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    text-align: center;
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	padding: 4px 15px 4px 4px;
}

table.tablesorter thead tr .header {
	background-image: url(bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
    text-align: center;
	color: #3D3D3D;
	padding: 4px;
	height: 16px;
	line-height: 16px;
    border: 1px solid white;
	background-color: #FFF;
	vertical-align: middle;
}
table.tablesorter tbody .ttl_stage td {
    text-align: center;
	color: #fff;
	padding: 8px 4px;
	height: 16px;
	line-height: 16px;
    border: 1px solid white;
	background-color: #ababab;
	vertical-align: middle;
}
table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}



#panel {
  width: 100%;
  font-size: 11px;
}
 
#panel > dt {
  border-bottom: solid 1px white;
  color: white;
  cursor: pointer;
  padding: 10px;
  text-align: left;
  margin:0px;
}
#panel dt p { margin:0; padding:0; width: 100%; display: table; }
#panel dt p.p1 { height:25px; line-height: 25px;font-size: 14px;}
#panel dt p.p2 { height:15px; line-height: 15px;font-size: 11px;}
#panel dt span.w1 { width: 80px; display: block; float:left; vertical-align: middle;}
#panel dt span.w2 { width: 55px; display: block; float:left; vertical-align: middle;}
#panel dt span.w3 { width: 300px; display: block;float:left;  vertical-align: middle;}
#panel dt span.w4 { width: 250px; display: block; float:right; text-align: right;  vertical-align: middle; font-size:12px;}
#panel dt span.w5 { width: 300px; text-align: left;  display: block; float:left; vertical-align: middle;}
#panel dt span.w6 { width: 200px; text-align: right;  display: block; float:right;  vertical-align: middle; }

#panel dt.victory{
  background-color: #e20a88;
}

#panel dt.defeat{
  background-color: #39a006;
}


#panel > dd {
  margin: 0px;
  padding: 0px;
}

.detailTbl {
    width: 100%;
    font-size: 10px;
    border-collapse: collapse;
    text-align: center;
    vertical-align: middle;
}
.detailTbl td {
	color: #3D3D3D;
	padding: 2px;
	height: 16px;
	color:#fff;
	vertical-align: middle;
    border: 1px solid silver;
	background-color: #232323;
}

.detailTbl tr td.td_win {
	background-color: #d3880c;
}
.detailTbl tr td.td_lose {
	background-color: #3C007D;
}
/*
.detailTbl tr:nth-child(-n+8) td {
	background-color: #3C007D;
}

.detailTbl tr:nth-last-child(-n+8) td {
	background-color: #000;
}*/

.detailTbl img.sizeM { width: 25px; }
.detailTbl img.sizeS { width: 15px; }


/**/

.sp_view { display: none; }
.pc_noview { display: none; }

#iksmTable {  color: #fff; font-size: 0.8em;}
#iksmTable tbody { height: 350px; overflow-y: scroll; }
#iksmTable tbody tr { height: auto!important; }
#iksmTable tbody tr td { padding:0.1em!important; }
#iksmTable tbody tr td.victory { background-color: #ed048c!important; vertical-align: middle!important; border-bottom: 1px #fff solid; padding:0.1em 0.5em 0.1em!important;}
#iksmTable tbody tr td.defeat  { background-color: #39a006!important; vertical-align: middle!important; border-bottom: 1px #fff solid; padding:0.1em 0.5em 0.1em!important;}

@media screen and (max-width: 480px) {

    .sp_noview { display: none; }
    .sp_view { display: block; }
    .pc_noview { display: block; }

    table.tablesorter thead tr th, table.tablesorter tfoot tr th {
    	padding: 2px;
    }

    table.tablesorter thead tr .header {
    	background-image: none;
    }
    table.tablesorter thead tr .headerSortUp {
    	background-image: none;
    }
    table.tablesorter thead tr .headerSortDown {
    	background-image: none;
    }
    #panel dt p { margin:0; padding:0; width: 100%; display: table; }
    #panel dt p.p1 { height:20px; line-height: 20px;font-size: 12px;}
    #panel dt p.p2 { height:20px; line-height: 20px;font-size: 12px;}
    #panel dt span.w1 { width: 70px; display: block; float:left; vertical-align: middle;}
    #panel dt span.w2 { width: 55px; display: block; float:left; vertical-align: middle;}
    #panel dt span.w3 { width: 300px; display: block;float:left;  vertical-align: middle;}
    #panel dt span.w4 { width: 220px; display: block; float:left; text-align: left;  vertical-align: middle;}
    #panel dt span.w5 { width: 300px; text-align: left;  display: block; float:left; vertical-align: middle;}
    #panel dt span.w6 { width: 200px; text-align: left;  display: block; float:left;  vertical-align: middle; }
    p.description { font-size: 11px; margin: 5px 0; text-align: right; }

    #iksmTable tbody tr td:nth-child(2) { display: none;}
    #iksmTable tbody tr td input { padding:0.1em 0.5em 0.1em!important;}
}
h3 { margin: 1em 0 1em 0; }

@media screen and (max-width: 1680px) {
    .adsenseLink {max-width:1000px; margin: 0;}
}
@media screen and (max-width: 1080px) {
    .adsenseLink {max-width:1000px; margin: 0;}
}
@media screen and (max-width: 480px) {
    .adsenseLink {
        width:300px; margin: 0;
        max-width:300px;
    }
}