@charset "UTF-8";

.roster tr{
	height: 40px;
	line-height: 40px;
	width: 100%;
}

.roster thead tr{
	background-color: #004690;
	color: #FFFFFF;
}

.roster tbody tr.even{
	background-color: #bac7ce;
}

.roster tr td a{
	color: #434343;
}

.roster tr td.rosterNum a,
.roster tr td.rosterName a,
.roster tr td.rosterKana a{
	text-decoration: underline;
}

.roster table{
	width: 100%;
}
 
.roster table tr td.rosterNum{
	text-align: center;
	width: 20%;
}

.roster table tr td.rosterName{
	width: 40%;
}

.roster table tr td.rosterKana{
	width: 0;
	display: none;
}

.roster table tr td.rosterGrade{
	text-align: center;
	width: 20%;
}

.roster table tr td.rosterPos{
	text-align: center;
	width: 20%;
}

.roster table tr td.rosterCName{
	padding-left: 1%;
	width: 39%;
}

.roster table tr td.rosterCKana{
	width: 0;
	display: none;
}

.roster table tr td.rosterCRole{
	width: 60%;
}

.roster table tr td.rosterNum a,
.rosterName a,
.rosterKana a,
.rosterGrade a,
.rosterPos a{
	display: block;
}

/* /_/_/_/_/_/_/_/_/_/_/
Tablet 641px-960px 
 /_/_/_/_/_/_/_/_/_/_/ */

@media only screen and (min-width: 641px){

.roster tr{
	height: 30px;
	line-height: 30px;
}

.roster table tr td.rosterNum{
	width: 10%;
}

.roster table tr td.rosterName{
	width: 25%;
}

.roster table tr td.rosterKana{
	display: inherit;
	width: 35%;
}

.roster table tr td.rosterGrade{
	width: 15%;
}

.roster table tr td.rosterPos{
	width: 15%;
}

.roster table tr td.rosterCName{
	padding-left: 1%;
	width: 24%;
}

.roster table tr td.rosterCKana{
	display: inherit;
	width: 35%;
}

.roster table tr td.rosterCRole{
	width: 40%;
}


}