/* authconfig */

.section_title {
	display: block;
	font-size: 20px;
	width: 100%;
	height: 32px;
	line-height: 32px;
	text-align: left;
}

.inputform_left_half {
	float: left;
	padding: 20px 10px 10px 130px;
}

.inputform_right_half {
	float: left;
	padding: 20px 0px 0px 0px;
}

.inputform_label_top_right {
	vertical-align: top;
	text-align: right;
	width: 120px;
	padding: 16px 12px;
}

.inputform_input_wide {
	width: 650px;
	text-align: left;
}

.table_base {
	display: table;
	margin-left: auto;
	margin-right: auto;
}

.table_cell {
	display: table-cell;
}

.table_cell_row {
	border-collapse: separate;
	border-spacing: 0px 10px;
}

.table_cell_row div {
	display: table-cell;
	text-align: center;
}

.table_cell_row div label {
	padding: 0px 2px 0px 8px;
	cursor: pointer;
}

/* 認証方法の選択ボタン（RadioButton） */

input[name="ctype"],
input[name="rdoConfigs1"],
input[name="rdoConfigs2"] {
	display: none;
}

/* 認証方法の選択ボタン（Label） */

input[name="ctype"] + label {
	display: block;
	padding: 62px 0px 18px 2px;
	cursor: pointer;
}

input[name="rdoConfigs1"] + label,
input[name="rdoConfigs2"] + label {
	display: block;
	padding: 62px 0px 18px 2px;
	cursor: pointer;
}

input[name="ctype"] + label:before,
input[name="rdoConfigs1"] + label:before,
input[name="rdoConfigs2"] + label:before {
	content: url(images/authconfig/check_mark.png);
	display: block;
	position: relative;
	height: 0;
	right: 30px;
	bottom: 62px;
	opacity: 0;
}

input[name="ctype"]:checked + label:before,
input[name="rdoConfigs1"]:checked + label:before,
input[name="rdoConfigs2"]:checked + label:before {
	content: url(images/authconfig/check_mark.png);
	opacity: 1;
}

/* ハイブリッド認証の選択ボタン（Label） */

img[id="img_c101"],
input[id="c101"] + label,
input[id="rdo11"] + label,
input[id="rdo21"] + label {
	background: url(images/authconfig/btn_hybrid.png) no-repeat center;
}

input[id="c101"] + label:hover,
input[id="rdo11"] + label:hover,
input[id="rdo21"] + label:hover {
	background: url(images/authconfig/btn_hybrid_hover.png) no-repeat center;
}

input[id="c101"]:checked + label,
input[id="rdo11"]:checked + label,
input[id="rdo21"]:checked + label {
	background: url(images/authconfig/btn_hybrid_hover.png) no-repeat center;
}

input[id="c101"]:disabled + label,
input[id="rdo11"]:disabled + label,
input[id="rdo21"]:disabled + label {
	background: url(images/authconfig/btn_hybrid_disabled.png) no-repeat center;
	cursor: default;
}

/* OTP認証の選択ボタン（Label） */

input[id="rdo12"] + label,
input[id="rdo22"] + label {
	background: url(images/authconfig/btn_1timepassword.png) no-repeat center;
}

input[id="rdo12"] + label:hover,
input[id="rdo22"] + label:hover {
	background: url(images/authconfig/btn_1timepassword_hover.png) no-repeat center;
}

input[id="rdo12"]:checked + label,
input[id="rdo22"]:checked + label {
	background: url(images/authconfig/btn_1timepassword_hover.png) no-repeat center;
}

input[id="rdo12"]:disabled + label,
input[id="rdo22"]:disabled + label {
	background: url(images/authconfig/btn_1timepassword_disabled.png) no-repeat center;
}

/* パスワード認証の選択ボタン（Label） */

input[id="rdo13"] + label,
input[id="rdo23"] + label {
	background: url(images/authconfig/btn_password.png) no-repeat center;
}

input[id="rdo13"] + label:hover,
input[id="rdo23"] + label:hover {
	background: url(images/authconfig/btn_password_hover.png) no-repeat center;
}

input[id="rdo13"]:checked + label,
input[id="rdo23"]:checked + label {
	background: url(images/authconfig/btn_password_hover.png) no-repeat center;
}

input[id="rdo13"]:disabled + label,
input[id="rdo23"]:disabled + label {
	background: url(images/authconfig/btn_password_disabled.png) no-repeat center;
}

/* 認証方法は未使用の選択ボタン（Label） */

input[id="rdo20"] + label {
	background: url(images/authconfig/btn_none.png) no-repeat center;
}

input[id="rdo20"] + label:hover {
	background: url(images/authconfig/btn_none_hover.png) no-repeat center;
}

input[id="rdo20"]:checked + label {
	background: url(images/authconfig/btn_none_hover.png) no-repeat center;
}

input[id="rdo20"]:disabled + label {
	background: url(images/authconfig/btn_none_disabled.png) no-repeat center;
}

/* 顔認証の選択ボタン（Label） */

img[id="img_c501"],
input[id="c501"] + label,
input[id="rdo14"] + label,
input[id="rdo24"] + label {
	background: url(images/authconfig/btn_facevital.png) no-repeat center;
}

input[id="c501"] + label:hover,
input[id="rdo14"] + label:hover,
input[id="rdo24"] + label:hover {
	background: url(images/authconfig/btn_facevital_hover.png) no-repeat center;
}

input[id="c501"]:checked + label,
input[id="rdo14"]:checked + label,
input[id="rdo24"]:checked + label {
	background: url(images/authconfig/btn_facevital_hover.png) no-repeat center;
}

input[id="c501"]:disabled + label,
input[id="rdo14"]:disabled + label,
input[id="rdo24"]:disabled + label {
	background: url(images/authconfig/btn_facevital_disabled.png) no-repeat center;
}

.div_ctype {
	display: inline-block;
	width: 40%;
	text-align: center;
	vertical-align: top;
}

.div_ctype p {
	margin: 0px;
}

.div_ctype img {
	display: inherit;
	padding: 40px;
}

/* 現在の認証方法のボタン（div） */

.registered_config_list {
	position: relative;
	display: inline-block;
}

/* 現在の認証方法のボタン（RadioButton） */

.hidden_rdo {
	display: none;
}

/* 現在の認証方法のボタン（Label） */

.registered_config_list label {
	height: 30px;
	display: block;
	float: left;
	cursor: pointer;
	padding: 10px 38px 0px 8px;
	margin: 6px;
	border: solid 1px #E6E6E6;
	border-radius: 4px;
	background-color: #fff;
	transition: .2s;
}

.registered_config_list label:hover {
	background-color: #DEDEDE;
}

.registered_config_list input[type="radio"]:checked + .switch_on {
	background-color: #EFEFEF;
}

/* 現在の認証方法の削除ボタン（div） */

.registered_config_list .delete_button {
	width: 30px;
	height: 30px;
	position: absolute;
	right: 2px;
	top: 10px;
	background: url(images/authconfig/delete.png) no-repeat left center;
	cursor: pointer;
}

.registered_config_list .delete_button:hover {
	background: url(images/authconfig/hover_delete.png) no-repeat left center;
}


/* 現在の認証方法の削除ボタン用ツールチップ（span） */

.registered_config_list .delete_button span {
	display: none;
}

.registered_config_list .delete_button span:before {
	content:'';
	display: block;
	position: absolute;
	height: 0;
	width: 0;
	right: 14px;
	bottom: 16px;
	border: 14px transparent solid;
	border-right-width: 0;
	border-left-color: #808080;
	transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	z-index: 100;
}

.registered_config_list .delete_button:hover span {
	display: block;
	position: absolute;
	top: 40px;
	right: 0px;
	width: 132px;
	text-align: center;
	font-size: 80%;
	color: #fff;
	background-color: #808080;
	border-radius: 4px;
	padding: 4px;
	z-index: 100;
}

/* 現在の認証方法の追加ボタン（div） */

.registered_config_list_add {
	position: relative;
	display: inline-block;
}

/* 現在の認証方法の追加ボタン（CheckBox） */

.hidden_chk {
	display: none;
}

.hidden_chk:checked + label {
	color: #FFFFFF;
	background-color: #1D9E48;
	border: solid 1px transparent;
}

/* 現在の認証方法の追加ボタン（Label） */

.color_btn_green {
	height: 30px;
	display: block;
	float: left;
	cursor: pointer;
	padding: 10px 16px 0px 10px;
	margin: 6px;
	color: #1D9E48;
	background-color: #FFFFFF;
	border: solid 1px #1D9E48;
	border-radius: 4px;
	transition: .2s;
}

.color_btn_green:hover {
	color: #1D9E48;
	background-color: #E0FFED;
	border: solid 1px;
}

.color_btn_green:active {
	color: #FFFFFF;
	background-color: #1D9E48;
	border: solid 1px transparent;
}

.color_btn_green:disabled {
	color: #FFC4C2;
	background-color: #FFFFFF;
	border: solid 1px #FFC4C2;
	border: solid 1px transparent;
}