a{
	color:#27e;
	text-decoration:none;
	display:inline-block;
}
a:hover{
	color:#4af;
}
ul,ol{
	list-style:none;
	padding:0;
}
table{
	border-collapse:collapse;
}
p.mess{
	padding:20px;
}


.pan{
	margin:10px 0;
	font-size:12px;
}

img{
	border:none;
	display:block;
}

/*list*/
.nav a{
	display:inline-block;
	font-weight:bold;
	border-radius:4px 4px 0 0;
	padding:5px 12px;
	border:1px solid #ddd;
	cursor:pointer;
	color:#F36;
	border-bottom:none;
}
.nav a.active{
	background:#FdF;
}
#rank_tbl{
	width:100%;
	border-collapse:collapse;
	margin-bottom:20px;
}
#rank_tbl th{
	padding:8px 3px;
	border:1px solid #ddd;
	background:#ff6;
	cursor:pointer;
}
#rank_tbl th:nth-child(1),#rank_tbl th:nth-child(1),#rank_tbl th:nth-child(1){
	
}
#rank_tbl td{
	padding:5px;
	border:1px solid #ddd;
	text-align:center;
}
.c_icon{
	font-size:12px;
	display:inline-block;
	padding:3px 8px;
	border-radius:8px;
	background:#F36;
	color:#fff;
}
/*user*/
.top_area{
	box-sizing:border-box;
	margin-bottom:20px;
}
.top_area .prof_img{
	float:left;
	margin-right:10px;
	width:25%;
}
.prof_img img{
	width:100%;
}
.top_area .prof_tx{
	float:left;
	padding: 10px;
	width:68%;
}
.prof_tx li{
	font-size:18px;
	padding:10px 5px;
	border-bottom:1px dotted #ddd;
	position:relative;
}
.prof_tx li span{
	font-size:12px;
	display:block;
	margin-left:-5px;
}
#data_area{
	width:100%;
	box-sizing:border-box;
	border:1px solid #555;
	padding:5px;
	background:#fff;
	color:#000;
	margin-bottom:20px;
}
.tab1 table{
	width:100%;
	border-collapse:collapse;
	margin-bottom:2px;
}
.tab1 table span{
	display:inline-block;
	padding:0 10px;
}
.tab1 .t1 th{
	padding:5px;
	background:#235;
	border:1px solid #666;
	color:#fff;
}
.tab1 td{
	padding:15px 5px;
	text-align:center;
	border:1px solid #666;
	font-weight:bold;
}
.tab1 .t2 th{
	padding:5px;
	background:#f42;
	border:1px solid #666;
	color:#fff;
}

.tab1 .t2{
	display:none;
}
td.pink{
	color:#F39!important;
}
.hensa_tbl{
	width:100%;
}
.hensa_tbl th{
	padding:5px;
	background:#fe0;
	border:1px solid #888;
	width:25%;
}
.hensa_tbl td{
	padding:5px;
	text-align:center;
	font-weight:bold;
	font-size:18px;
	border:1px solid #888;
}
.hensa_tbl td small{
	display:inline-block;
	margin-left:10px;
	color:#666;
}
.rnk_tab{
	cursor:pointer;
}


@media(max-width:480px){
	
	.pan{
		padding:5px;
	}
	#rank_tbl th:nth-child(10),#rank_tbl th:nth-child(11),
	#rank_tbl td:nth-child(10),#rank_tbl td:nth-child(11){
		display:none;
	}
	.nav a{
		font-size:12px;
		//border:0;
		//border-radius:0;
	}
	#rank_tbl th,#rank_tbl td{
		font-size:12px;
		padding:5px 2px;
	}
	#data_area th,#data_area td{
		font-size:12px;
	}
	.top_area{
		padding:5px;
	}
	.top_area .prof_img{
		margin:0;
		width:100%;
		float:none;
	}
	.top_area .prof_tx{
		float:none;
		width:100%;
	}
	
	
}