@charset "UTF-8";

#rosteriframe{
	width: 100%;
	max-width: 300px;
	margin-right: auto;
	margin-left: auto;
}

#rosteriframe img{
	padding-top: 20px;
	width: 100%;
	height: auto;
}

.rosteriframeNamecon{
	margin: 20px 0 10px 0;
	width: 100%;
	height: 50px;
	display: block;
	border-bottom: solid 3px #004690;
}

p.rosterifraNum{
	background-color: #004690;
	color: #FFFFFF;
	width: 25%;
	height: 50px;
	line-height: 50px;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	float: left;
}

p.rosterifraName{
	float: left;
	width: 73%;
	font-size: 23px;
	font-weight: 600;
	line-height: 35px;
	padding-left: 2%;
}

p.rosterifraKana{
	float: left;
	width: 73%;
	font-size: 12px;
	line-height: 12px;
	padding-left: 2%;
}

dl.rosterifraInfo{
	clear: both;
}

dl.rosterifraInfo dt{
	font-weight: bold;
}

dl.rosterifraInfo dd{
	text-align: left;
	padding-left: 15px;
}

dl.rosterifraCom{
	padding-top: 10px;
}

dl.rosterifraCom dt{
	font-weight: bold;
}

dl.rosterifraCom dd{
	padding-left: 15px;
}


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

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


dl.rosterifraInfo dt{
	width: 100px;
	text-align: center;
	float: left;
}

dl.rosterifraInfo dd{
	width: 200px;
	text-align: left;
	float: left;
	padding-left: 0;
}

dl.rosterifraCom{
	clear: both;
}

}