/** ---------------------------- */
/** QRList                       */
/** ---------------------------- */
div#listArea{
	padding:20px;
	padding-top:10px;
	margin: auto;
}

table.userCard{
	box-sizing: border-box;
	border: solid 1px #cccccc;
	margin: 0px;
	width: 342px;
	display: inline-block;
	vertical-align: top;
}

table.userCard.isTeacher{
	/** border: solid 1px #ca3838; */
}

table.userCard tbody {
	display:inline-table;
	width:100%;
}

table.userCard td{
	vertical-align:top;
}

table.userCard td.logo{
	/** width: 91mm; */
	height: 42px;
	text-align: left;
	padding-top: 10px;
	padding-left: 12px;
	padding-right: 12px;
}

table.userCard td.logo span{
	display: inline-block;
	width: 100%;
	border-bottom: solid 2px #ca3838;
}

table.userCard.biz td.logo span {
    border-bottom: solid 2px #00cc99;
}

table.userCard td.logo img{
	width: 208px;
	height: 33px;
    margin: auto;
}

table.userCard td.qrcode{
	padding-top: 7px;
	padding-left: 12px;
	width:134px;
	height:134px;
}

table.userCard td.qrcode img.qrcode{
	width:110px;
	height:110px;
	margin:0px;
	padding:0px;
}

table.userCard td.data{
	padding-top: 9px;
	padding-left: 9px;
	padding-right: 13px;
	min-height:110px;
	word-break: break-all;
	word-wrap: break-word;
	position: relative;
}

table.userCard td.data span.loginName{
	display: block;
	width: 100%;
	line-height: 1em;
	padding-bottom: 6px;
	border-bottom: solid 1px #cccccc;
	margin-bottom: 10px;
	vertical-align: top;
}

table.userCard td.data span.loginName td.key img {
    width: 40px;
    height: 26px;
}

table.userCard td.data span.loginName table {
	width:100%;
	border-collapse: collapse;
	border-spacing: 0px;
}
table.userCard td.data span.loginName table td{
	padding:0px;
	word-break: break-all;
	word-wrap: break-word;
	vertical-align: middle;
}

table.userCard td.data span.loginName td.loginName{
	padding-left: 5px;
	width: *;
	height: 26px;
}
table.userCard td.data span.loginName td.key{
	width: 40px;
}
table.userCard td.data span.loginName td.key:hover{
	opacity: 0.65;
	cursor: pointer;
}

table.userCard td.data span.userName{
	display: inline-block;
	line-height: 1em;
	padding-left: 5px;
}

div.makingQR{
	background-color:#cccccc;
	font-size:0.8em;
	padding:5px;
	padding-left:10px;
}

div#buttonArea{
	display:none;
	padding-right: 5px;
	padding-bottom: 0;
}

#buttonAreaTable{
	margin-top: 20px;
	width: 100%;
}

#buttonAreaTableRight{
	padding-top: 5px;
	padding-right: 3px;
	min-width: 360px;
}
#isIncludePasswordGroup label{
	vertical-align:webkit-baseline-middle;
	margin-right: 1px;
	padding-top:0.1em;
}
#isIncludePasswordGroup label.ui-button,
#isIncludePasswordGroup .ui-state-default{
    border: 1px solid #c0c0c0;
    background: #ffffff;
    color: #c0c0c0;
    font-weight: normal;
}
#isIncludePasswordGroup label.ui-button:active,
.ui-state-active{
    border: 1px solid #76ad03;
    background: #76ad03;
    color: #ffffff;
    font-weight: normal;
}
#isIncludePasswordGroup label.ui-button.ui-checkboxradio-checked,
#isIncludePasswordGroup label.ui-button:hover,
#isIncludePasswordGroup .ui-state-hover{
    border: 1px solid #76ad03;
    background: #76ad03;
    color: #ffffff;
    font-weight: normal;
}
#isIncludePasswordGroup span.ui-icon-blank {
	display:none;
}
#buttonAreaTableLow2Left{
	height: 35px;
}



#buttonAreaTableMiddle .ui-button-text-only .ui-button-text {
    padding: 3px;
    width: 24px;
    height: 19px;
}
#buttonAreaTable #qrpager button{
	margin: 1px;
    padding: 2px 6px;
    font-size: larger;
    vertical-align:middle;
}

#buttonAreaTable input.pagedisplay {
    border: solid 1px #cccccc;
    width: 80px;
}

#buttonAreaTable td{
	vertical-align: top;
}

#buttonAreaTable td input[type="text"]{
	height: 23px;
	font-size: 14px;
	margin: 0px 2px;
}
#buttonAreaTable td select{
	height: 27px;
	font-size: 14px;
}

#rightButtonTable{
	margin-left : auto ; margin-right : 0 ; text-align : left ;
	padding:3px;
	border:solid 1px rgb(126, 186, 3);
	border-radius: 5px 5px 5px 5px;
}
#buttonAreaTable input[type="checkbox"],
#buttonAreaTable label{
	font-size:0.9em;
	cursor:pointer;
}

div#mmjFooter{
	clear:both;
}

/** For Print */
div.forPrint{
	display:none;
}

input.clearborder {
	border: none;
    padding: 0px 0px;
    margin: 0px;
    height: auto;
    width: 100%;
    left: 0px;
    outline: none;
}
div.inputbox {
	background: #fff;
	padding: 1px 1px;
    border: 1px solid #dddddd;
    width: 255px;
    margin-left: auto;
    display: inline-flex;
    vertical-align: top;
}
span.clearbtn {
	background: url("images/clear.png");
	background-repeat: no-repeat;
	background-position: right center;
    display: block;
    padding-right:20px;
	margin-right:3px;
}
span.searchbtn {
	display: inline-block;
	background: url("images/search.png");
	background-color:#7eba03;
	background-size:18px 18px;
	background-repeat: no-repeat;
	background-position: center;
	width:30px;
	height: 26px;
	cursor: pointer;
}
span.searchbtn:hover, span.clearbtn:hover {
	opacity:0.7;
}

table.userCard img.display{
	display: block;
}
table.userCard img.forprint{
	display: none;
}

label.isTeacherLabel {
	border: solid 1px #888888;
	background-color: #555555;
	color: #ffffff;
	font-size: 14px;
	display: inline-block;
	float: right;
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 2px 15px;
	border-radius: 12px;
	opacity: 0.7;
	margin-right: 10px;
	margin-bottom: 8px;
}

#buttonAreaTableLow2Left{
	padding-top: 20px;
	padding-left: 20px;
	text-align: left;
	vertical-align: middle;
}
#buttonAreaTableLow2Right{
	padding-top: 20px;
	text-align: right;
	vertical-align: middle;
}

#password_update_info td{
	vertical-align: middle;
	font-size: 14px;
}
#password_update_info td img{
	width: 40px;
	height: 26px;
}