/* ------------------------------------------------------------ */
/* for main contents */

#content_main {
	
	padding: 0 0 20px;
	
}

td {
	
	padding: 1px 0;
	
	border-bottom: 1px solid #cccccc;
	
	text-align: right;
	
	white-space: nowrap;
	
}

.param_list_table td {
	
	padding-left: 22px;
	
	text-align: left !important;
	
}

.value {
	
	padding-left: 16px;
	
	text-align: left;
	
}

#lm_img {
	
	width: 20px;
	
}

#lm_rank {
	
	width: 44px;
	
}

#rank {
	
	width: 30px;
	
}

#count {
	
	width: 60px;
	
}

#per {
	
	width: 75px;
	
}

#lm_per {
	
	width: 65px;
	
}

.lm_img img {
	
	vertical-align: middle;
	
}

.up {
	
	color: #ff7979;
	
}

.even {
	
	color: #c757ef;
	
}

.down {
	
	color: #7979ff;
	
}

.new {
	
	color: #50bf50;
	
}

/* ------------------------------------------------------------ */

/* for Tablet & Smat Phone */
@media screen and (max-width: 959px) {
	
	.lm_img,
	.lm_rank,
	.per,
	.lm_per,
	#lm_img,
	#lm_rank,
	#per,
	#lm_per,
	.count span,
	#mode_transition {
		
		display: none;
		
	}
	
	#content_main {
		
		padding: 0 0 0;
		
	}
	
	table {
		
		margin: 0 0 1em;
		
	}
	
	td {
		
		padding: 0.4em 0.8em 0.4em 0;
		
	}
	
	.param_list_table td {
		
		padding-left: 1.5em;
		
	}
	
	#rank {
		
		width: 3em;
		
	}
	
	.value {
		
		padding-left: 0;
		
		overflow: hidden;
		
		text-overflow: ellipsis;
		
		white-space: nowrap;
		
	}
	
	#count {
		
		width: 3.5em;
		
	}
	
}