/** ---------------------------- */
/** QRList For Print             */
/** ---------------------------- */

body, h1, h2, div, table, thead, tbody, tr, td, img {
	box-sizing: border-box;
	padding: 0px;
	margin: 0px;
	border: none;
}
/** 297mm - 22mm(11mm*2) = 275mm タテ */
/** 210mm - 28mm(14mm*2) = 182mm ヨコ */

@page { size: A4; }
@page { margin: 0mm; }
@page { margin-top: 11mm; }
@page { margin-left: 14mm; }
@page { margin-bottom: 11mm; }
@page { margin-right: 14mm; }

div#mmjHeader,
div#status,
h1,
h2,
div#msgArea,
div#searchArea,
div#buttonArea,
div#buttonArea button,
div#buttonArea button span,
div#buttonArea table#buttonAreaTable,
div#nousemessage,
div#mmjFooter,
table.userCard img.display,
div#idTabArea,
div#gotoClassPage,
div#forPrintTitle {
	display: none;
}

body{
}

/** カードリストエリア */
div#listArea{
	width: 100%;
	text-align: left;
	padding: 0px;
	border: none;
}

div#listArea table.userCard img.forprint{
	display: block;
}

/** カード */
div#listArea table.userCard {
	table-layout: fixed;
	display: inline-block;
    border: solid 1px #ccc;
    /** vertical-align: top; */
    page-break-inside: avoid;

	/** 名刺サイズ 91mm */
	/** 名刺サイズ 55mm */

	width: 90.9mm; /** 余白が左右各 14mmになるように微調整 */
	height: 54.9mm; /** 余白が上下各 11mmになるように微調整 */
	padding: 0px;
}


div#listArea table.userCard td.logo {
	width: 90.9mm;
	height: 13mm;
	text-align: left;
	padding-top: 3mm;
	padding-left: 4mm;
	padding-right: 4mm;
}

div#listArea table.userCard td.logo img {
	width: 55mm;
	height: 8.8mm;
	margin: auto;
}

div#listArea table.userCard td.qrcode {
    padding-top: 2mm;
    padding-left: 4mm;
    height: 39mm;
}
div#listArea table.userCard td.data {
    padding-top: 2mm;
    padding-left: 2mm;
    padding-right: 4mm;
    height: 39mm;
    word-break: break-all;
    word-wrap: break-word;
    position: relative;
    text-align: left;
}

div#listArea table.userCard td.data span.loginName table{
	display: inline-block;
	table-layout: fixed;
}

div#listArea table.userCard td.data span.loginName td.loginName {
	/** height: 15mm; 最小にするため未指定とする */
	line-height: 1em;
	text-align: left;
	word-break: break-all;
	word-wrap: break-word;
	display: table-cell;
}

div#listArea table.userCard td.data span.loginName td.key {
    vertical-align: middle;
	text-align: right;
}
div#listArea table.userCard td.data span.userName {
	line-height: 1em;
	vertical-align: top;
	text-align: left;
}
label.isTeacherLabel {
	margin-right: 4mm;
	margin-bottom: 4mm;
}