/* select */
#content .selecBoxWrap {
	position: relative;
}
#content .selecBoxWrap .selecBox {
	color: #444;
	background: #fff;
	margin: 0 5px 10px 0;
}

/* lead paragraph */
#content p.lead {
	font-size: 100%;
}

@media screen and (max-width: 750px){
	#content p.lead{
		padding: 0 25px 0 7px;
	}
	#content p.lead.open{
		padding: 5px 25px 5px 7px;
	}
}

/* popup */
#popup .popcloseBtn {
	float: right;
	height: 18px;
	width: 71px;
	margin:10px 10px 10px 0;
	display: block;
	color: #00822d;
}
#popup .popcloseBtn span {
	font-size: 14px;
}
#popup .popupInner {
	padding: 0 0 30px 36px;
}
#popup .title {
	clear: both;
	width: auto;
	font-size: 16px;
	border-left: #00822d solid 4px;
	padding-left: 7px;
	height: 20px;
	line-height: 1;
	padding-top: 3px;
	margin-bottom: 14px;
}
#popup .img1 {
	padding-left: 2px;
	padding-right: 8px;
	width: 100%;
}
#popup .textArea li {
	margin-bottom: 0px;
}
#popup .textArea li p {
	padding-left: 1.2em;
	text-indent: -1.2em;
}

#popup .LCol {
	width: auto;
	font-size: 12px;
	padding-right: 30px;
}
.detailLink {
	float: right;
}
.detailLink a {
	color: #00822d;
}
.detailLink a i {
	font-size: 110%;
	margin-right: 0.25em;
}
@media screen and (max-width: 750px){
	#popup .popupInner {
		padding: 0 0 0 5%;
	}
	.detailLink {
		float: none;
	}
}

/* nav */
#content .leaderBoard .nav {
	float: left;
	margin-bottom: 18px;
}
#content .leaderBoard .nav li:first-child{
	border-left: 2px solid #c3c3c3;
}
#content .leaderBoard .nav li{
	float: left;
	border-right: 2px solid #c3c3c3;
	line-height: 1em;
	color: #666666;
	cursor: pointer;
}
#content .leaderBoard .nav li span{
	padding: 0 1em;
}
#content .leaderBoard .nav li span.active{
	padding-bottom: 3px;
	border-bottom: 2px solid #00822d;
	color: #00822d;
}
#content .leaderBoard .nav a{
	color: #666666;
}
#content .leaderBoard .nav .modePC {
	display: inline;
}
#content .leaderBoard .nav .modeSP {
	display: none;
}

@media screen and (max-width: 750px){
	#content .leaderBoard .nav li{
		margin: 7px 0px;
	}
	#content .leaderBoard .nav li span{
		padding: 0 0.5em;
	}
	#content .leaderBoard .nav .modePC {
		display: none;
	}
	#content .leaderBoard .nav .modeSP {
		display: inline;
	}
}

/* table */
#reranking .tableArea table {
	width: 600px;
	border-left: 1px solid #c8c8c8;
	border-top: 1px solid #c8c8c8;
}
#reranking .tableArea th {
	background: #e9e7cf;
	padding: 0.2em 0;
	border-right: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
	text-align: center;
}
#reranking .tableArea td {
	padding: 0.5em 0;
	border-right: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
	text-align: center;
}
#reranking .tableArea tr:nth-child(even) {
	background: #fffff3;
}
#reranking .tableArea table th.ranking {
	width: 10%;
}
#reranking .tableArea table th.name {
	width: 30%;
}
#reranking .tableArea table th.earnings {
	width: 25%;
}
#reranking .tableArea table th.mb_point {
	width: 25%;
}
#reranking .tableArea table th.games {
	width: 15%;
}
#reranking .tableArea table th.qt_rank {
	width: 10%;
}
#reranking .tableArea table th.other_rank {
	width: 10%;
}

@media screen and (max-width: 750px) {
	#reranking .tableCaption .date img {
		width: 50%;
	}
	#reranking .tableArea table {
		width: 100%;
	}
	#reranking .tableArea th {
		font-size: 90%;
		font-weight:bold;
	}
	#reranking .tableArea td {
		padding: 0.7em 0;
		border-right: 1px solid #c8c8c8;
		border-bottom: 1px solid #c8c8c8;
		text-align: center;
		font-size: 85%;
	}
	#reranking .tableArea tr:nth-child(even) {
		background: #fffff3;
	}
	#reranking .tableArea table th.ranking {
		width: 10%;
	}
	#reranking .tableArea table th.name {
		width: 30%;
	}
	#reranking .tableArea table th.earnings {
		width: 25%;
	}
	#reranking .tableArea table th.mb_point {
		width: 25%;
	}
	#reranking .tableArea table th.games {
		width: 15%;
	}
	#reranking .tableArea table th.qt_rank {
		width: 10%;
	}
	#reranking .tableArea table th.other_rank {
		width: 10%;
	}
}