@charset "utf-8";
/*スケジュールエリア*/
.dataLinkBox{
	width: 620px;
	height: 75px;
	background-image: url("/img/stats/bg_databox.jpg");
	position: relative;
}
.dataLinkBox .linkBoxTit{
	font-weight: bold;
	color: #fff;
	padding: 10px 0 0 10px;

}
.dataLink{
	display: table;
	background-color: #fff;
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
    position: absolute;
    bottom: 5px;
    left: 5px;
    padding: 8px 10px;
    -moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;;
}
.dataLink li{
	display: table-cell;
	padding-right: 40px;
}
.dataLink li:last-child{
	padding-right: 15px;
}
.dataLink li a {
    color: #333;
    font-size: 12px;
    font-weight: bold;
    position: relative;
    text-align: center;
    padding: 9px 0px;
}
.dataLink li a:after {
    position: absolute;
    right: -15px;
    top: 7px;
    content: "\f105";
    font-family: "FontAwesome";
    font-size: 17px;
}
.statsDate {
    font-size: 12px;
    margin: 10px 0;
    text-align: right;
}
.statsRankArea{
	margin-bottom: 30px;
}
.statsArea .dataTable thead {
    background-color: #ddd;
}
.statsArea .dataTable thead td {
    padding: 15px 0;
}
.statsArea .dataTable tbody .leftGray {
    padding: 15px 0;
    background-color: #ddd;
    text-align: center;
    vertical-align: middle;
}
.statsArea .dataTable .teamLogo {
	width: 90px;
	padding: 10px 20px;
}
.statsArea .dataTable .teamLogo p {
	display: table-cell;
	vertical-align: middle;
}
.statsArea .dataTable .teamLogo p.teamTxt{
	padding-left: 10px;
}
.statsRankArea .barLink{
	margin: 50px auto 60px;
}
/*月間ベスト*/
.bgaArea h3 , .monthlyMvpArea h3 {
	background: #4f4f4f;
	color: #fff;
	padding: 12px 16px;
	font-weight: bold;
}
.bgaArea , .monthlyMvpArea {
	/*margin-top: 50px;*/
}
.ttlLink {
	position: relative;
	/*cursor: pointer;*/
}
/*スポンサー*/
.monthlyMvpArea {
	/*border: 1px solid #cccccc;*/
	margin-bottom: 30px;
}
.monthlyMvpArea .posRel h4 {
	width: 145px;
	height: 45px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	left: -10px;
	top: 8px;
	background: url(/img/common/parts.png) 0 -60px no-repeat;
	color: #fff;
	text-align: center;
	padding: 8px 0;
	font-size: 18px;
	font-weight: bold;
	line-height: 100%;
	position: absolute;
	margin-top: 0;
}
.posRel p {
	padding: 16px 0 18px 145px;
	font-size: 14px;
	font-weight: bold;
}
.monthlyMvpArea dl {
	display: table;
	margin: 0 0 16px 18px;
}
.monthlyMvpArea dt {
    display: table-cell;
    width: 175px;
    padding: 10px 30px 0 10px;
}
.monthlyMvpArea dd {
	width: 180px;
	padding-right: 20px;
	display: table-cell;
	vertical-align: top;
	position: relative;
}
.monthlyMvpArea dd.j1 a:after {
	content: url(/img/common/ico_j1.png);
	position: absolute;
	left: 5px;
	top: -6px;
}
.monthlyMvpArea dd.j2 a:after {
	content: url(/img/common/ico_j2.png);
	position: absolute;
	left: 5px;
	top: -6px;
}
.monthlyMvpArea dd a div {
	height: 100px;
	overflow: hidden;
}
.monthlyMvpArea dd a:hover div img , .photoArea li a:hover div img , .bgaArea dd a:hover div img , .bgaArea dd dl dd a:hover figure {
	 filter: alpha(opacity=75);
	 -moz-opacity:0.75;
	 opacity:0.75;
}
.monthlyMvpArea dd a p {
	display: block;
	padding: 6px 10px;
	width: 160px;
	font-weight: normal;
	font-size: 10px;
	line-height: 100%;
	background: #eaeaea;
	color: #333;
}
.monthlyMvpArea dd a:hover p , .photoArea li a:hover p , .bgaArea dd a:hover p{
	text-decoration: underline;
}
/*ベストゴール*/
.bgaArea {
	background: #333;
	margin-bottom: 20px;
}
.bgaArea h3 {
	margin-bottom: 0;
	border-bottom: 1px solid #000;
	background: #333;
}
.bgaArea section {
	border-top: 1px solid #4b4b4b;
	position: relative;
	margin-left: 0!important;
}
.bgaArea section h4{
	width: 194px;
	height: 45px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	left: -10px;
	top: 8px;
	background: url(/img/common/parts.png) 0 -132px no-repeat;
	color: #fff;
	text-align: center;
	padding: 8px 0;
	font-size: 18px;
	font-weight: bold;
	line-height: 100%;
	position: absolute;
}
.bgaArea section p {
	padding: 5px 0 18px 194px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}
.bgaArea section dl {
	display: table;
	padding: 0 0 16px 18px;
}
.bgaArea dt{
	display: block;
	width: 185px;
	padding: 22px 15px 0 0;
	float: left;
}
.bgaArea dd {
	width: 180px;
	margin-right: 20px;
	display: block;
	float: left;
	height: 130px;
	background: #555;
}
.bgaArea dd a div {
	height: 100px;
	position: relative;
	background: #fff;
}
.bgaArea dd a div:after {
	position: absolute;
	font-size: 54px;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -24px;
	font-family: 'icomoon3';
	content: "\ec601";
	color: #fff;
	line-height: 100%;
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}
.bgaArea dd a p {
	display: block;
	padding: 8px 10px;
	width: 160px;
	font-weight: normal;
	font-size: 10px;
	line-height: 100%;
}
.bgaArea dd dl {
	margin: 0 auto;
	width: 160px;
	display: block;
	padding: 6px 0 0px;
}
.bgaArea dd dl dt {
	color: #fff;
	font-size: 12px;
	padding: 0 0 6px 0;
	border-bottom: 1px solid #000;
	margin-bottom: 6px;
	float: none;
	width: 160px;
	text-align: center;
	line-height: 100%;
}
.bgaArea dd dl dd {
	float: none;
	margin: 0 0 6px 0;
	float: none;
	height: 40px;
	line-height: 100%;
	width: 160px;
}
.bgaArea dd dl dd a {
	width: 160px;
	display: table;
}
.bgaArea dd dl dd a figure {
	display: table-cell;
	width: 50px;
	vertical-align: middle;
	line-height: 100%;
	position: relative;
}
.bgaArea dd dl dd a figure img {
	background: #fff;
}
.bgaArea dd dl dd figure:after {
	position: absolute;
	font-size: 20px;
	top: 50%;
	left: 50%;
	margin-top: -10px;
	margin-left: -14px;
	font-family: 'icomoon3';
	content: "\ec601";
	color: #fff;
	line-height: 100%;
	filter: alpha(opacity=70);
	-moz-opacity: 0.70;
	opacity: 0.70;
}
.bgaArea dd dl dd p {
	display: table-cell;
	vertical-align: middle;
	font-size: 12px;
	color: #fff;
	padding-left: 8px;
}
.bgaArea dd dl dd p span {
	font-size: 10px;
	color: #fff;
	display: block;
}
/*video*/
.videoOneArea{
    margin-bottom: 40px;
    background: #4f4f4f;
}
.videoOneArea p{
	color: #fff;
   	display: block;
	font-size: 12px;
	line-height: 140%;
	padding: 15px 20px;
    margin-bottom: 20px;
}
.videoOneArea{
	color: #fff;
}
/*ticketbtn*/
.profTicket{
	vertical-align: top;
	width: 220px;
	text-align: right;
}
.profTicket a{
	color: #333;
}
.profTicket a:after {
	content: "\ec600";
	font-family: "icomoon3";
	font-size: 12px;
	right: 6px;
	position: absolute;
	display: inline-block;
	margin-top: 2px;
}
.profTicket a{
	box-sizing: border-box;
	position: relative;
	text-align: left;
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-size: 12px;
	padding: 10px 12px 10px;
	display: block;
}
.profTicket.ticketFirst a{
	margin-bottom: 8px;
}
.profTicket a:hover{
	text-decoration: none;
	color: #06C;

}
.profTicket .btnDate{
	vertical-align: top;
	margin-left: 10px;
	display: inline-block;
	margin-top: 2px;
}
.profTicket .btnVs{
	vertical-align: top;
	margin-left: 10px;
	display: inline-block;
	margin-top: 2px;
}

/*proflist*/
.profList{
	display: table;
	width: 100%;
	text-align: left;
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
}
.profList > li{
	display: table-cell;
}
.profList li.profVideo{
	width: 100px;
	padding-right: 15px;
}
.profList li.profTxt{
	vertical-align: top;
	font-size: 14px;
}
.profList li.profTxt .profStat{
	margin-top: 10px;
	line-height: 24px;
	font-size: 14px;
	position: relative;
}
.profList li.profTxt .profStat .nameTxt{
	font-size: 20px;
	font-weight: bold;
	display: inline-block;
	margin-top: 5px;
}
.profList li.profTxt .profStat .linkTxt a{
    position: absolute;
    font-size: 14px;
    color: #333;
    text-decoration: none;
    font-weight: bold;
    right: 35px;
    margin-top: 12px;
}
.profList li.profTxt .profStat .linkTxt a:after{
	position: absolute;
	margin-top: -7px;
	font-family: 'icomoon3';
	content: "\ec600";
	font-size: 12px;
	top: 8px;
	color: #333;
}
.profList li.profBtn{
	vertical-align: top;
	width: 220px;
	text-align: right;
}
/*bestgoal*/
.leagLogo{
	float: left;
}
.cautionTxt {
    font-size: 8px;
    vertical-align: top;
}
.dataTable.nextMatch{
	margin: 20px 0 20px;
}
.dataTable.nextMatch th{
	width: 150px;
}
.profTicket.tableTicket{
	float: left;
	margin-left: 10px;
}
.profTicket.tableTicket a{
	margin-bottom: 0px;
}
.profVideo {
    position: relative;
}
.profVideo img{
    vertical-align: bottom;
}
.profVideo a:after{
    position: absolute;
    cursor: pointer;
    font-size: 54px;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    font-family: "icomoon3";
    content: "\ec601";
    color: #FFF;
    line-height: 100%;
    opacity: 0.7;
}
ul.relatedListContents {
    font-size: 14px;
    line-height: 24px;
    margin-top: -5px;
}
.relatedListContents li {
    border-bottom: 1px dotted #aaa;
    padding: 6px 12px;
}
.relatedListContents li a:before {
    background: none repeat scroll 0 0 #aaa;
    content: "";
    display: block;
    height: 4px;
    left: 0;
    margin-top: -4px;
    position: absolute;
    top: 50%;
    width: 4px;
}
.relatedListContents li a {
    color: #333;
    display: block;
    font-size: 14px;
    padding-left: 15px;
    position: relative;
}
.bottomArea{
	margin-top: 50px;
}
.archiveLink li.singleLink{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
/*MVP*/
.statsArea .squareTab{
	text-align: left;
	padding-left: 10px;
}
.statsArea .squareTab li{
	width: auto;
}
.statsArea .squareTab li a{
	padding: 0 20px;
}
.statsArea .squareTab li a img{
	vertical-align: middle;
	margin-top: -2px;
}
.tabBtnArea{
	position: relative;
}
.ArrowBtnLink02.bestGoalBtn{
	width: 130px;
	position: absolute;
	right: 0px;
	top: 10px;
}
.ArrowBtnLink02.bestGoalBtn a:after{
	left: 115px;
}
.statsMonthArea{
	position: relative;
}
.statsMonthArea h3 {
    border-left: 5px solid #e60012;
    font-size: 18px;
    font-weight: bold;
    line-height: 100%;
    margin-bottom: 10px;
    padding: 2px 10px;
}
.statsMonthArea .detailLink{
    position: absolute;
    right: 20px;
    top:3px;
    font-size: 12px;
    color: #333;
    text-decoration: none;
    font-weight: bold;
}
.statsMonthArea .detailLink:after{
	position: absolute;
	top: 50%;
	margin-top: -7px;
	right: -15px;
	font-family: 'icomoon3';
	content: "\ec600";
	font-size: 9px;
	color: #333;
}
.statsMonthArea .profList li.profTxt .profStat{
	margin-top: 0px;
}
.statsMonthArea .profList{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}
.statsFormDate , .statsForm form{
	display: inline-block;
}
.formArea.statsForm{
	padding: 0;
}
.statsFormDate{
	margin-right: 10px;
}
.ArrowBtnLink02.statsBtn{
	width: 130px;
	float: right;
}
.ArrowBtnLink02.statsBtn a:after{
	left: 115px;
}
.statsTxtArea{
	margin-top: 30px;
}
.statsTxtArea p{
	font-size: 14px;
	line-height: 27px;
	margin-top: 20px;
}
/*mvp_yyyy*/
.profPhoto img{
    vertical-align: bottom;
}
.profList li.profPhoto {
    padding-right: 15px;
    width: 120px;
}
.profStat p {
    display: table-cell;
    vertical-align: middle;
}
.profStat p.teamTxt {
    padding-left: 10px;
}
.profList li.profTxt .profStat .linkTxt a.second{
	right: 100px;
}
.statsArea .statsDate.left{
	display: inline-block;
}
.statsArea .ArrowBtnLink02.right{
	display: inline-block;
	margin-left: 20px;
}
.statsArea h4{
	margin-top:15px;
	font-size: 16px;
	font-weight: bold;
}
.statsArea p.memo{
	text-align: left;
	font-size: 12px;
	padding-top: 5px;
}
.statsDateArea{
	text-align: right;
	margin-bottom: 10px;
}
.bottomArea02 {
    margin: 50px 0 30px;
}
/* new hero */
.ArrowBtnLink02.newHeroBtn{
	width: 190px;
}

.ArrowBtnLink02.newHeroBtn a:after {
    left: 175px;
}
.profBtn ul{
	color: #aaa;
    font-size: 14px;
    line-height: 24px;
    list-style: outside none square;
    width: 250px;
    margin-left: 20px;
}
.profBtn ul li{
    text-align: left;
}
.profBtn ul li:last-child{
	margin-top: 10px;
}
.profBtn ul span {
    color: #333;
}
.scoreTable01.theadlarge{

}
.scoreTable01.theadlarge td{
	line-height: 1.2;
	padding: 15px 5px;
}
.scoreTable01.theadlarge caption{
}
.scoreTable01.theadlarge caption span{
	width: 35%;
	font-size: 12px;
	text-align: center;
	background: #ccc;
	display: inline-block;
	float: right;
	padding: 5px 0;
	border-left:1px solid #fff;
}
.wdth15ps{
	width: 15%;
}
.bgyel{
	background:#F7F7F0;
}
.scoreTable01 tr.bd2px{
	border-bottom: 2px solid #ccc;
}

/* index */
.statsArea .ttlLink h3{
	/*margin: 0;*/
}

.statStopArea{
	margin: 20px 0;
	border-top: 1px solid #ccc;
}
.statStopArea .formArea{
	padding: 0 18px 0 0;
}
.statStopArea h4{
	background: #d0d0d0;
	padding: 12px 16px;
	line-height: 100%;
	font-weight: bold;
	display: block;
	position: relative;
	cursor: pointer;
	font-size: 14px;
	margin-top:0;
}
.statStopArea h5{
	display: inline-block;
	float: left;
	width: 170px;
	text-align: center;
	background: #f6f6f6;
	padding: 18px 0;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
}
.statStopArea .formArea:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.statStopArea .formArea{
	margin-bottom: 0;
	border-top: none;
	background: #fff;
	display:block;
	height: 100%;
	overflow: hidden;

}
.statStopArea .formArea ul{
	padding-top: 12px;
}
.statStopArea .categoryList{
	background: #f6f6f6;
	border-bottom: 1px solid #ccc;
	padding: 20px 0 0 20px;
}
.statStopArea .categoryList li{
	width: 190px;
	margin: 0 15px 15px 0px;
}
.statStopArea .categoryList li.bottomLink{
	vertical-align: bottom;
	padding-top: 120px;
}
.statStopArea .categoryList li div{
	height: 150px;
}
.scoreTable01 td.txtLeft{
	text-align: left;
}
.scoreTable01 td.txtRight{
	text-align: right;
}
body.awards .scoreTable01 td:nth-child(2),
body.awards .scoreTable01 td:nth-child(3),
body.awards .scoreTable01 td:nth-child(4),
body.awards .scoreTable01 td:nth-child(5){text-align: left;}

body.awards .scoreTable01 thead td{text-align: center;}

/* graf */
.graf.bodyType02,.graf.bodyType01{
	background: none;
}
.graf .content{
	padding: 20px;
	margin: 0;
	padding: 20px;
	text-align: center;
}
.graf .content .main{
	float: none;
	width: auto;
}
.statsCntArea .ttlLink h3{
	text-align: left;
	margin:0 5px 10px;
}
.graf .content .main > section{
	padding: 20px;
	width: auto;
	margin: 0;
}
.graf .content .main .grafimg{
	padding: 20px 10px 0 0;
	margin:0 auto;
}
a.closeBTN{
	display: inline-block;
	padding: 10px 50px;
	margin-top: 20px;
	border: 1px solid #ccc;
	text-align: center;
	font-size: 12px;
	color: #333;
	text-decoration: none;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	position: fixed;
	bottom: 30px;
	left: 30px;
}
.rightlLink {
	position: relative;
	height: 30px;
}
.rightlLink a{
    position: absolute;
    right: 30px;
    top:0px;
    font-size: 12px;
    color: #333;
    text-decoration: none;
    font-weight: bold;
}
.rightlLink a:after{
	position: absolute;
	top: 50%;
	margin-top: -7px;
	right: -15px;
	font-family: 'icomoon3';
	content: "\ec600";
	font-size: 9px;
	color: #333;
}
.rightlLink a:hover{
    text-decoration: underline;
}
.rightTopLink {
	position: relative;
	margin: 10px 0;
	height: 15px;
}
.rightTopLink a{
    position: absolute;
    right: 0px;
    top:0px;
    font-size: 14px;
    color: #333;
    text-decoration: none;
    font-weight: bold;
}
.rightTopLink a:before{
	position: absolute;
	top: 50%;
	font-family: 'icomoon3';
	content: "\ec600";
	color: #333;
    font-size: 12px;
    left: -17px;
    margin-top: -8px;
   	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
}
.rightTopLink a:hover{
    text-decoration: underline;
}
.toptablewrap .rightlLink {
	margin:5px;
	height: 20px;
}
.toptablewrap .rightlLink a{
	right: 10px;
}
.toptablewrap .rankingDataTable td.name {
  padding-left:5px;
}


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

以下、新statsのCSSです .statsN & ranking

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

/* layout */
.statsN .content{
	position: relative;
}
.statsN .content .sub {
	position: absolute;
	right: 0;
	top: 0;
	margin-bottom: 0;
}
.statsN .content .main{
	width: 980px;
}

.statsN .content .main > section.statsNavArea{
	min-height: 270px;
}
.statsN .content .main > section.statsCntArea{
	/*width: 940px;*/
	margin-top:20px;
	margin-left: 0;
	width: 980px;
}




/* subNav_area */
.subNav_area{
	border: 4px solid #e8e8e8;
	padding: 20px;
}

.subNav_area > dl{

}
.subNav_area > dl > dt{
	font-size: 15px;
	font-weight: bold;
	border-left: 4px solid #e60012;
	padding: 2px 8px;
}

.content .subNav{
	display: block;
}
.content .subNav > li{
	font-size: 14px;
	display: block;
	padding-right: 0;
}
.content .subNav > li a{
	display: block;
	text-decoration: none;
	color: #333;
	font-weight: bold;
	position: relative;
	padding-left: 10px;
}
.content .subNav > li a:hover{
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.content .subNav > li a:before{
	color: #4f4f4f;
	content: "\f0da";
	font-family: "FontAwesome";
	font-size: 13px;
	margin-right: 5px;
   	color: #e60012;
   	position: absolute;
   	left: 0;
}

.twoline > li,
.twoline > dl{float: left; width: 50%;}
.subNav.twoline li:nth-child(n+3){margin-top:10px;}

.threeline > li,
.threeline > dl{float: left; width: 33.33%;}
.subNav.threeline li:nth-child(n+4){margin-top:10px;}

.fourline > li,
.fourline > dl{float: left; width: 25%;}
.subNav.fourline li:nth-child(n+5){margin-top:10px;}

body#SFMS01 .subNav li#SFMS01 a,
body#SFMS02 .subNav li#SFMS02 a,

body#SFRT01 .subNav li#SFRT01 a,
body#SFRT02 .subNav li#SFRT02 a,
body#SFRT03 .subNav li#SFRT03 a,
body#SFRT04 .subNav li#SFRT04 a,
body#SFRT05 .subNav li#SFRT05 a,
body#SFRT06 .subNav li#SFRT06 a,
body#SFRT07 .subNav li#SFRT07 a,
body#SFRT08 .subNav li#SFRT08 a,
body#SFRT09 .subNav li#SFRT09 a,

body#SFTD01 .subNav li#SFTD01 a,
body#SFTD02 .subNav li#SFTD02 a,
body#SFTD03 .subNav li#SFTD03 a,
body#SFTD04 .subNav li#SFTD04 a,
body#SFTD05 .subNav li#SFTD05 a,
body#SFTD06 .subNav li#SFTD06 a,
body#SFTD07 .subNav li#SFTD07 a,
body#SFTD08 .subNav li#SFTD08 a,
body#SFTD09 .subNav li#SFTD09 a,
body#SFTD10 .subNav li#SFTD10 a,
body#SFTD11 .subNav li#SFTD11 a,
body#SFTD12 .subNav li#SFTD12 a,
body#SFTD13 .subNav li#SFTD13 a,
body#SFTD14 .subNav li#SFTD14 a,
body#SFTD15 .subNav li#SFTD15 a,
body#SFPR01 .subNav li#SFPR01 a,
body#SFPR02 .subNav li#SFPR02 a,

body#SFIX08 .subNav li#SFIX08 a{ color: #e60012; font-weight: bold;}



.subNav_area dd .subNav{
	margin-top: 15px;
}
.subNav_area dd .subNav > li{
	margin-bottom: 12px;
}
.subNav_area dd .subNav > li:last-child{
	margin-bottom:0;
}
.subNav_area dd .subNav > li > a{
	font-weight:normal;
}


/* tabSelecter */
.tabSelecter li{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border-right: 1px solid #fff;
}
.tabSelecter li:last-child{border-right: none;}
.tabSelecter li.current a {
	background: #4f4f4f;
	color: #fff;
}
.tabSelecter li a,
.tabSelecter li span {
	background-color: #f0f0f0;
	color: #4f4f4f;
	display: block;
	font-size: 13px;
	font-weight: bold;
	padding: 12px 15px;
	text-align: center;
	vertical-align: middle;
	position: relative;
}
.tabSelecter li span{
	color:#9D9D9D;
	background: #CACACA;
}
.tabSelecter li#J1.current a{background: #E60012;}
.tabSelecter li#J2.current a{background: #007F41;}
.tabSelecter li#J3.current a{background: #231815;}

/*.tabSelecter li a:after{
	content:"J1";
	display: block;
	width: 70px;
	height: 20px;
	text-indent:-9999px;
 	background: url(/img/common/parts_logo.png) 0px 0 no-repeat;
	position: absolute;
	left: 50%;
	top: 10px;
	margin-left: -30px;
}
.tabSelecter li#J1 a:after{ background-position: 0 0;}
.tabSelecter li#J2 a:after{ background-position: 0 -20px;}
.tabSelecter li#J3 a:after{ background-position: 0 -40px;}*/


.statsN #iframe_data{
	/*min-height: 700px;*/
	border-bottom: 1px solid #ccc;
	margin-bottom:20px;
}
.statsN #iframe_data iframe{
	/*height: 700px;*/
}
.kome{
	font-size:12px;
	padding-right:5px;
}
.kome_right{
	text-align:right;
	font-size:12px;
	padding-right:5px;
}

/* -------ranking-------- */
#gnav_area.tabList{
	margin-bottom: 5px;
}
.tabListOuter li > a,
#gnav li a {
	height: 65px;
	line-height: 65px;
   	padding:0;
   	-webkit-box-sizing: border-box;
  	 -moz-box-sizing: border-box;
   	-o-box-sizing: border-box;
   	box-sizing: border-box;
}

body#goal .tabListOuter li#goal a,
body#distance .tabListOuter li#distance a,
body#sprint .tabListOuter li#sprint a,

body.SFMS .tabListOuter li#SFMS a,
body.SFRT .tabListOuter li#SFRT a,
body.SFTD .tabListOuter li#SFTD a,
body.SFPR .tabListOuter li#SFPR a,
body.SFIX .tabListOuter li#SFIX a,

body#champion .tabListOuter li#champion a,
body#mvp .tabListOuter li#mvp a,
body.mvp .bestGoalTab li#mvp a,
body#manager .tabListOuter li#manager a,
body#scorer .tabListOuter li#scorer a,
body#young .tabListOuter li#young a,
body#eleven .tabListOuter li#eleven a,
body#j1-best .tabListOuter li#j1-best a,
body#manager_2 .tabListOuter li#manager_2 a{
	background: #4f4f4f;
	color: #fff;
}

body.SFMS .tabListOuter li#SFMS a:after,
body.SFRT .tabListOuter li#SFRT a:after,
body.SFTD .tabListOuter li#SFTD a:after,
body.SFPR .tabListOuter li#SFPR a:after,
body.SFIX .tabListOuter li#SFIX a:after,

body#goal .tabListOuter li#goal a:after,
body#distance .tabListOuter li#distance a:after,
body#sprint .tabListOuter li#sprint a:after{
	top: 28px;
	color: #4f4f4f;
	content: "\f0dd";
	font-family: "FontAwesome";
	font-size: 30px;
	left: 50%;
	position: absolute;
	margin: 0 0 0 -7px;
}
body#distance .tabListOuter li#distance a:after,
body#sprint .tabListOuter li#sprint a:after{
	top: 53px;
}
#gnav li.twoline a,
.tabListOuter li.twoline a {
  line-height: 18px;
}
.tabListOuter.bottom li a:after{
	display: none;
}
.ttlNoLink {
	margin: 0 0 20px;
}
.ttlNoLink h3 {
	position: relative;
	padding: 16px;
	vertical-align: middle;
}
.ttlNoLink h3 span {
	position: absolute;
	right: 16px;
	top: 5px;
}
.ttlNoLink.j1 h3{border-top:5px solid #E60012;}
.ttlNoLink.j2 h3{border-top:5px solid #007F41;}
.ttlNoLink.j3 h3{border-top:5px solid #231815;}
.ttlNoLink.ync h3{border-top:5px solid #4f4f4f;}

section#ranking{
	margin-top: 30px;
}
/* ranking table */
.rankingArea .rankingDate {
    font-size: 12px;
    color: #888;
    margin: 20px 0;
    text-align: right;
}
.rankingDataTable{
    width: 100%;
    border-top: 1px solid #ccc;
}
.rankingDataTable thead th{
	line-height: 14px;
	padding: 12px 0;
	font-weight: bold;
	font-size: 11px;
	text-align: center;
	vertical-align: middle;
	background-color: #f6f6f6;
  	border-top: solid 1px #ccc;
  	border-bottom: solid 1px #ccc;
  	height: 30px;
}
.rankingDataTable thead th.rank {width: 50px;}
.rankingDataTable thead th.photo {width: 50px;}
.rankingDataTable thead th.number {width: 50px;}
.rankingDataTable thead th.name {  }
.rankingDataTable thead th.pos {width: 50px;}
.rankingDataTable thead th.club {width: 50px;}
.rankingDataTable thead th.from {width: 50px;}
.rankingDataTable thead th.bd {width: 50px;}
.rankingDataTable thead th.match {width: 120px;}
.rankingDataTable thead th.goal {width: 50px;}
.rankingDataTable thead th.distance {width: 50px;}
.rankingDataTable thead th.sprint {width: 50px;}

.rankingDataTable td,
.rankingDataTable tbody th {
	font-size: 11px;
	text-align: center;
	vertical-align: middle;
	min-height: 50px;
}
.rankingDataTable tbody th{
	font-weight: bold;
	font-size: 13px;
	background: #FAEBEC;
}
.rankingDataTable td.data{font-weight: bold; color: #f00; font-size: 12px;}
.AVG .rankingDataTable td.data,
.TEAM .rankingDataTable td.data{
	width: 100px;
}
#distance .TEAM .rankingDataTable td.data,
#sprint .TEAM .rankingDataTable td.data,
#distance .AVG .rankingDataTable td.data,
#sprint .AVG .rankingDataTable td.data{
	font-size: 14px;
	width: 200px;
}
.rankingDataTable td.name{text-align: left;}
.rankingDataTable td.data span{font-size: 10px; }


.rankingDataTable tbody tr{border-bottom: 1px solid #ccc; }
.rankingDataTable tbody tr:nth-child(even){background-color: #f6f6f6;}

.rankingDataTable td img{
    vertical-align: bottom;
}
.rankingDataTable td .asterisk{
    font-size: 8px;
}
.rankingCaution {
    font-size: 13px;
    line-height: 20px;
    margin: 5px 0;
}
.rankingArea .squareTab{
    margin-top: 30px;
}


body.ranking .content .main{
	min-height: 600px;
}

/*- index -*/
.btn_area{
	margin-top:20px;
}
.btn_nav{
	display: table;
	/*table-layout: fixed;*/
	width: 100%;
	margin-bottom: 10px;
}
.btn_nav.twoblock{ width: 425px; }
.btn_nav li{
	display: table-cell;
	width: 205px;
	vertical-align: middle;
	text-align: left;
	height: 70px;
	position: relative;
	border-right: 3px solid transparent;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}
.btn_nav li a{
	font-weight: bold;
	display: block;
	background: #fff;
	height: 70px;
	line-height: 70px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	color: #333;
	font-size: 14px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	padding-left:15px;
	border-bottom: 3px solid #C2C2C2;
}
.btn_nav li:last-child{ border-right:none; }
.btn_nav li.twoline a{
	line-height: 18px;
	padding-top: 17px;
}
.btn_nav li:after {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 10px;
  font-family: 'icomoon3';
  content: "\ec600";
  font-size: 12px;
  text-decoration: none !important;
  color: #f00;
}
.btn_nav li a:hover{
	filter: alpha(opacity=50);
	-ms-filter: 'alpha(opacity=50)';
	opacity: .50;
}

.textlink_area{
	width: 100%;
	margin: 20px 0 10px;
}
.textnav{
	text-align: right;
}
.textnav li{
	display:inline-block;
	margin-left: 5px;
}
.textnav li a{
	color:#333;
	position: relative;
	font-size: 12px;
	font-weight: bold;
	padding-right: 13px;
}
.textnav li a:after {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  right: 0px;
  font-family: 'icomoon3';
  content: "\ec600";
  font-size: 10px;
  text-decoration: none !important;
}
.textnav li a:hover{
	filter: alpha(opacity=50);
	-ms-filter: 'alpha(opacity=50)';
	opacity: .50;
}
body.ranking .textnav li#rankingData a,
body.statsN .textnav li#statsN a,
body.awards .textnav li#awards a,
body.bestgoal .textnav li#bestgoal a,
body.mvp .textnav li#mvp a{
	color: #f00;
}
.textnav.pageLink li a:after {
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
}



.halfwrap{

}
.statsRankArea h4.blockTit,
.halfwrap h4{
  background: #666666;
  color: #fff;
  padding: 8px 16px;
  line-height: 100%;
  font-weight: bold;
  display: block;
  position: relative;
  font-size: 14px;
}
.statsRankArea h4.blockTit{
	margin-bottom: 10px;
}
.toptablewrap{
	width: 48%;
	float: left;
	min-height: 400px;
}
.toptablewrap.right{
	float: right;
}
.toptablewrap h5{
	background: #E2E2E2;
	  padding: 8px 16px;
	  line-height: 100%;
	  font-weight: bold;
	  display: block;
	  position: relative;
	  margin-bottom: 10px;
	  font-size: 14px;
}

.toptablewrap h5.j1tit{ background: #e70012; color: #fff; }
.toptablewrap h5.j2tit{ background: #017f40; color: #fff; }
.toptablewrap h5.j3tit{ background: #4f4f4f; color: #fff; }
.toptablewrap h5.YNCtit{ background: #000; color: #fff; }


.halfwrap .rankingCaution{
	margin: 5px 0;
	font-size: 10px;
}
.halfwrap div.toptablewrap .rankingDataTable{
	width: 100%;
}

.toptablewrap .rankingDate{
	font-size: 12px;
  color: #888;
  margin: 5px 0;
  text-align: right;
}



.bestGoalWrap{
	background: #f6f6f6;
}
.bestGoalWrap .awardTit{
	background: #000;
	padding: 10px 0;
	text-align: center;
	margin-top: 0;
}
.bestGoalWrap .bestGoalWrapInner{
	padding: 20px;
}
.bestGoalWrap .bestGoalWrapInner p{
	font-size: 14px;
	line-height: 1.65;
	margin-bottom: 1em;
}
.bestGoalbnrlink{
	display: table;
	table-layout: fixed;
	width: 100%;
}
.bestGoalbnrlink li{
	display: table-cell;
	text-align: center;
}
.bestGoalbnrlink li a{
	display: block;
}
.hide{display: none;}

.tabListTxt.bestGoalTab{
	background-color: transparent;
	margin-bottom: 10px;
}
.tabListTxt li.active::after,
.tabListTxt li.current::after {
    left: 90px;
}
.bestGoalTab li {
    border-right: 1px solid #fff;
}
.bestGoalTab li a {
    background-color: #fff;
    height: 25px;
    padding: 8px 10px;
    width: 185px;
}
.bestGoalTab li:nth-child(3) a, .bestGoalTab li:nth-child(4) a {
}

.bestGoalTab img {
    vertical-align: bottom;
    width: 100%;
}
.tabContent h4.h4Tit,
.monthlyMvpArea  h4.h4Tit{
    background-color: #f6f6f6;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    font-size: 16px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    margin-bottom: 10px;
    padding-left: 10px;
}
.videoColBox li,
.photoColBox li {
    float: left;
    margin-bottom: 0px;
    margin-right: 10px;
    width: 200px;
}
.videoColBox li:nth-child(3n),
.photoColBox li:nth-child(3n) {
    margin-right: 0;
}
.videoColBox li a div,
.photoColBox li a div {
    position: relative;
}
.videoColBox li a div::after {
    color: #fff;
    content: "\ec601";
    font-family: "icomoon3";
    font-size: 54px;
    left: 50%;
    line-height: 100%;
    margin-left: -27px;
    margin-top: -25px;
    opacity: 0.7;
    position: absolute;
    top: 50%;
}
.bestGoalTab li:last-child a {
    height: 27px;
}

.videoColBox li > p,
.photoColBox li > p {
    color: #333;
    display: block;
    font-size: 12px;
    line-height: 1.3;
    margin: 10px 0 15px;
}
.videoColBox li p span.date {
    margin-right: 10px;
}
.videoColBox li p span.vsCard {
    font-size: 14px;
}
.videoColBox li p span.name,
.photoColBox li p span.name {
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin-top: 7px;
}
.videoColBox li p span.name .club,
.photoColBox li p span.name .club {
    font-size: 12px;
    font-weight: bold;
    margin-left: 5px;
}

h4.blockTit, .halfwrap h4 {
    background: none repeat scroll 0 0 #666666;
    color: #fff;
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 100%;
    padding: 8px 16px;
    position: relative;
}
h4.blockTit {
    margin-bottom: 10px;
}

div.posRel{
  border: 1px solid #cccccc;
}

.btn_nav.oneblock {
  width: 33.33%;
}

body.awards .statsArea h4{
	  margin: 20px 0 10px 0;
}



/* tab style (over write) */
#ranking .tabSelecter .tab,
#distanceTab .tabSelecter .tab,
#sprintTab .tabSelecter .tab{
	border-bottom: 5px solid #4f4f4f;
}
#distanceTab .tabSelecter li a,
#distanceTab .tabSelecter li span ,
#sprintTab .tabSelecter li a,
#sprintTab .tabSelecter li span {
	font-size: 10px;
	padding: 5px 0;
}



/* team table style (over write) */
.rankingDataTable.teamDateTable th.club{
	width: auto;
	text-align: left;
}
.rankingDataTable.teamDateTable th.emb{
	width: 50px;
}
.rankingDataTable.teamDateTable td{
	height: 50px;
}
.rankingDataTable.teamDateTable td.club{
	font-size: 15px;
	text-align: left;
}
.rankingDataTable.teamDateTable td.match{
	text-align: left;
}
/* detail page */
#distance .tabContentsBox,
#sprint .tabContentsBox{
	margin-bottom: 30px;
}

.TEAM .rankingDataTable.teamDateTable th.match{
	width: 250px;
}
.TEAM .rankingDataTable.teamDateTable td span.game{
	margin-left: 10px;
}
.TEAM .rankingDataTable.teamDateTable td span.km,
.AVG .rankingDataTable.teamDateTable td span.km{
	margin-left: 5px;
}


/* averageTable style */
.averageBox{
	background-color:#E5E5E5;
	padding:20px;
}
.averageTable{
	width: 100%;
	background-color: #fff;
}
.averageTable th{
	font-weight: bold;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
}
.averageTable td{
	padding: 10px;
	text-align: center;
}
.PLAYER .averageBox,
.TEAM .averageBox{
	display: none;
}



/* average page */
#average{
	margin-bottom: 30px;
}
#average .averageTable th.distance,
#average .averageTable th.sprint {
	border-bottom: 1px solid #e5e5e5;
	border-right: 5px solid #fff;
}
#average .rankingDataTable td.data{
	font-size: 15px;
}

#average .rankingDataTable thead th.distance,
#average .rankingDataTable thead th.sprint {
	width: 150px;
}
#average .rankingDataTable td span.km{
	margin-left: 5px;
}
#average .rankingDataTable td.emb{
	width: 60px;
	text-align: center;
}
#average .rankingDataTable td.emb span[class^="emb"],
#average .rankingDataTable td.emb span[class*=" emb"]{
	margin: 0 auto;
}



.rankingDataTable thead th.goal span{display: none;}



/*20160407 2・3月MVP用*/
.monthlyMvpArea .posRel h4{
    font-size: 15px;
    padding: 10px 3px 8px 0;
}


.statsArea .tabList ul.tabListOuter:first-child{
	border-bottom: solid 1px #fff;
}

/*20160610*/

.monthlyMvpArea #MVPTab .tabListTxt li.active::after,
.monthlyMvpArea #MVPTab .tabListTxt li.current::after{
	left: 102px;
}

.monthlyMvpArea h4{
	position: relative;
}

.monthlyMvpArea h4 span{
    position: absolute;
    top: -59px;
    right: 0;
}

.monthlyMvpArea h4 span img{
    width: 175px;
}


.bestGoalTab li:last-child a{
    height: 25px;
}

/*20160616 YLC*/

.tabSelecter li#YLC.current a {
    background: #e60012;
}

.ttlNoLink.ylc h3 {
    border-top: 5px solid #e60012;
}

.toptablewrap h5.YLCtit {
    background: #e60012;
    color: #fff;
}

.stats.ranking #gnav li.twoline a,
.stats.ranking .tabListOuter li.twoline a {
    line-height: 18px;
    /*padding: 14px 0 0;*/
}


.stats.ranking .engRankingGnav #gnav li.twoline a,
.stats.ranking .engRankingGnav .tabListOuter li.twoline a {
    padding: 14px 0 0;
}