/*------- MEMBER GLOBAL -------*/
#banner-area {
    background: #d62828;
    z-index: 3;
    color: #FFF;
    padding: 20px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 3px;
	margin: 20px 0;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}
#banner-area p {
	font-size: 15px;
	letter-spacing: 2px;
	margin: 0 0 5px;
}
#banner-area a {
	color: #d40d12;
	background: #FFF;
	border-radius: 100px;
	display: block;
	padding: 5px 0;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
}
#banner-qrea i {
	position: absolute;
	left: 10px;
	top: 10px;
	cursor: pointer;
}
#member-navi .logout-btn {
	border: 1px solid #DDD;
	border-top: none;
	padding: 20px;
	text-align: center;
}
#member-navi .logout-btn a {
	display: block;
	padding: 15px 0px;
	background: #c9c9c9;
	color: #FFF;
	text-align: center;
	font-size: 14px;
	border-radius: 5px;
	border-bottom: 3px solid #5a5c60;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}
#member-navi .logout-btn i {
	margin-right: 5px;
}
#member-navi li.active {
	color: #D40D12;
	text-indent: 3px;
}
#member-navi li.active i {
	opacity: 1;
}
.standard-table .scroll-wrapper {
	width: 100%;
	height: 250px;
	overflow: auto;
	border: 3px solid #EEE;
	padding: 20px;
	margin: 10px 0;
	box-sizing: border-box;
	background: #FAFAFA;
}
/*------- LOGIN -------*/
#member-login #login-wrapper {
	/* background: #F5F5F5; */
	/* box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12); */
	/* padding: 10px 20px 20px; */
	text-align: center;
}
#member-login #login-wrapper h2 {
	font-size: 20px;
}
#member-login #login-wrapper #image-wrapper {
	width: 55%;
	float: left;
	padding: 0 10px;
	box-sizing: border-box;
}
#member-login #login-block {
	width: 45%;
	float: right;
	box-sizing: border-box;
	background: #F5F5F5;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
	padding: 20px 10px;
}
#member-login #login-block .input {
	margin: 10px 0;
}
#member-login #login-block .input input {
	height: 40px;
	line-height: 40px;
	width: 100%;
	padding: 5px;
	border: 1px solid #DDD;
	box-sizing: border-box;
	margin-bottom: 5px;
}
#member-login #login-block .submit-btn {
	width: 100%;
	margin: 0;
}
#member-login #login-block small {
	opacity: .78;
	font-size: 11px;
}
#member-login .guide {
	width: 100%;
	margin: 20px 1%;
	background: whitesmoke;
	padding: 10px;
	box-sizing: border-box;
}
#member-login .guide h3 {
	text-align: center;
	color: #d40d12;
	font-size: 16px;
	line-height: 1.5;
}
#member-login .guide li {
	margin: 5px 1%;
	background: #FFF;
}
#member-login .guide a {
	display: block;
	padding: 10px;
	transition: all .3s;
	-webkit-transition: all .3s;
}
#member-login .guide a:hover {
	background: #d40d12;
	color: #FFF;
	opacity: 1;
}
#member-login .guide a i {
	float: right;
	font-size: 16px;
}
#member-login #nav-list>li {
	padding: 5px;
}
#member-login #nav-list li:before {
	display: none !important;
}
#member-login #nav-list li ul.caution {
	display: inline-block;
}
#member-login #nav-list li li {
	width: auto;
	padding: 0;
	margin: 0;
	float: none;
	border: none;
	background: none;
	text-align: left;
}
#member-login .grey-block {
	border: 1px solid #DDD;
	padding: 15px;
	text-align: left;
}
#member-login .padding-vertical {
	padding: 14px 0 18px;
}
#member-login input.save-loginid {
	-webkit-transform: scale(1.25);
	transform: scale(1.25);
	margin-right: 6px;
}
#member-login .table-wrapper {
	position: relative;
	padding: 24px 0;
	border: 1px solid #ddd;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#member-login .login_with {
	display: none;
	padding: 0 24px 0 16px;
	float: right;
}
#member-login .login_with:after {
	content: '';
	display: block;
	clear: both;
}
#member-login .img-wrapper {
	float: left;
	margin-right: 16px !important;
}
#member-login .img-wrapper:after {
	content: '';
	display: block;
	clear: both;
}
#member-login .login_type {
	visibility: hidden;
	position: absolute;
}
#member-login .login_type:checked + .login_with {
	display: block;
}
#member-login .tab-wrapper {
	display: table;
	list-style: none;
	font-size: 0;
	text-align: center;
}
#member-login .tab-wrapper .tab-item {
	display: table-cell;
	background: #808080;
	font-size: 14px;
	color: #FFF;
	width: 50%;
	cursor: pointer;
	height: 100%;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#member-login .tab-wrapper .tab-item.active {
	background: #EEE;
	font-size: 18px;
	color: #000;
	font-weight: bold;
	cursor: default;
}
#member-login .tab-wrapper .tab-item label {
	width: 100%;
	display: block;
	height: 100%;
	padding: 10px 0px 10px;
	cursor: inherit;
}
#member-login .login_with table th {
	font-weight: normal;
	text-align: left;
	padding: 2px 8px 2px 0px;
}
#member-login .field.loginid {
	min-width: 240px;
}
#member-login .login_with.cardnum input[type="text"],
#member-login .login_with.cardnum input[type="password"] {
	max-width: 220px;
}
#member-login .text-center {
	text-align: center;
}
#member-login .blank-line {
	display: block;
	visibility: hidden;
	height: 18px;
}
#member-login td.error-message {
	max-width: 0px;
}
#member-login #login-wrapper {
	margin: 0;
}
@media (min-width: 769px)
{
	#member-login .tab-wrapper {
		width: 670px;
	}
	#member-login .table-wrapper {
		width: 670px;
	}
}
@media (max-width: 768px)
{
	#member-login .tab-wrapper {
		width: 100%;
	}
	#member-login .tab-wrapper .tab-item label
	{
		width: 100%;
		display: block;
	}
	#member-login .tab-wrapper .tab-item {
		display: block;
		width: 100%;
	}
}
/*------- MEMBER TOP -------*/
#member-top .grey-block {
	padding: 15px;
	text-align: center;
	background: #F5F5F5;
}
#member-top .grey-block span {
	font-size: 16px;
	font-weight: bold;
}
#member-top .yellow-table {
	width: 500px;
	margin-top: 40px;
    margin-right: auto;
    margin-left: auto;
	border: 2px solid #ff8c00;
	table-layout: fixed;
}
#member-top .yellow-table th {
	width: 50%;
	padding: 5px 10px;
	text-align: right;
	background: #fff2e1;
	border-bottom: 1px solid rgba(255, 255, 255, 0.78);
}
#member-top .yellow-table td {
	padding: 5px 10px;
	border-bottom: 1px solid #f5f5f5;
	opacity: .78;
}
#member-top .yellow-table .caution {
	font-size: 18px;
}
#member-top .white-table {
	width: 500px;
	margin: 0px 85px 20px;
}
#member-top .div-space{
	height: 40px;
}
#msg-list {
	padding: 20px;
	border: 3px solid #DDD;
}
#msg-list ol {
}
#msg-list li {
	counter-increment: step;
	position: relative;
	padding-left: 30px;
}
#msg-list li+li {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px dotted #DDD;
}
#msg-list li:before {
	content: counter(step);
	background: #d40d12;
	display: block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	border-radius: 100%;
	color: #FFF;
	position: absolute;
	left: 0;
}
#nav-list {
	margin: 20px 0;
}
#nav-list li {
	background: #FFF;
	background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
	background: -webkit-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #f5f5f5 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0 );
	width: 213px;
	padding: 10px;
	box-sizing: border-box;
	margin: 5px;
	float: left;
	text-align: center;
	border: 1px solid #DDD;
	position: relative;
}
#nav-list li:before {
	content: '';
	display: none;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid #d40d12;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	position: absolute;
	right: -3px;
	bottom: 1px;
}
#nav-list a {
	display: block;
}
#nav-list i {
	display: block;
	height: 60px;
	line-height: 60px;
}
#nav-list h3 {
	color: #212121;
	font-size: 14px;
	transition: all .2s;
	-webkit-transition: all .2s;
}
#nav-list p {
	opacity: .78;
	transition: all .2s;
	-webkit-transition: all .2s;
}
#nav-list li:hover:before {
	display: block;
}
#member-top .half-block {
	width: 50%;
	padding: 10px;
	float: left;
	box-sizing: border-box;
}
#half-table table {
	width: 100%;
}
#half-table table th, #half-table table td {
	padding: 20px 10px;
}
#half-table td[colspan="3"] {
	text-align: center;
	font-size: 16px;
	color: #d40d12;
}
#half-table th[rowspan="3"] {
	border-right: 1px solid #CCC;
}
#half-table tr {
	border-top: 1px solid #CCC;
}
#member-top .half-block .standard-table {
	margin: 0;
}
#member-top p.center strong {
	font-size: 14px;
}
/*------- お取引内容の照会 -------*/


#history th {
	text-align: center;
	background: #7c848f;
	color: #FFF;
	padding: 15px 0;
	font-size: 14px;
	width: 25%;
	font-weight: normal;
}
#history td {
	text-align: center;
}
/*------- 明細書等の受取サービス（電磁交付）について -------*/

#receipt-index ul {
	margin-top: 40px;
}
#receipt-index ul li {
	padding-left: 20px;
	margin: 15px 0;
	position: relative;
	padding-bottom: 15px;
	border-bottom: 1px dotted #DDD;
}
#receipt-index ul li:before {
	content: '・';
	position: absolute;
	left: 0;
	top: 0;
	color: #D40D12;
	font-size: 14px;
}
#receipt-complete .block {
	padding: 20px;
	border: 3px solid #DDD;
}
#receipt-complete .block p {
	line-height: 1.8;
}
#receipt-history th {
	text-align: center;
	background: #7c848f;
	color: #FFF;
	padding: 15px 0;
	font-size: 14px;
	width: 50%;
	font-weight: normal;
}
#receipt-history td {
	text-align: center;
}
#simulation-input {
	text-align: center;
	border: 2px solid #ff8c00;
	border-radius: 5px;
	margin-bottom: 40px;
}
#simulation-input h2 {
	color: #FFF;
	font-size: 24px;
	padding: 5px 0;
	margin-bottom: 20px;
	background: #ff8c00;
	line-height: 1.8;
}
#simulation-input p {
	font-size: 16px;
	line-height: 1.8;
}
#simulation-input ul {
	margin: 20px 0 0;
}
#simulation-input li {
	background: #F5f5f5;
	margin: 5px 20px;
	padding: 10px 0;
	text-align: left;
}

#simulation-input li div .wide {
	width: 200px;
	margin: 0 auto;
}

#simulation-input li input {
	height: 30px;
	margin: 0 5px;
	border: 1px solid #DDD;
	padding: 5px;
}
#simulation-input div.center input {
	margin: 20px 0;
}
/*------- 増額申込 -------*/

#increase-apply #agreement {
	margin-top: -40px;
	border-top: none;
}
#increase-apply #agreement li+li {
	border-top: 1px dotted #DDD;
	margin-top: 15px;
	padding-top: 15px;
}
#increase-apply #agreement li label {
	margin: 0 0 5px;
	padding-left: 12px;
}
#increase-apply select.job {
	display: none;
}
#increase-apply tr.ceo {
	display: none;
}
#increase-confirm .address dt {
	float: left;
	clear: left;
}
#increase-confirm .address dd {
	padding: 0 0 10px 100px;
}
#increase-apply-complete .guide {
	margin: 20px 0;
	background: whitesmoke;
	padding: 10px;
	box-sizing: border-box;
}
#increase-apply-complete .guide li {
	margin: 5px 0 0;
	background: #FFF;
}
#increase-apply-complete .guide a {
	display: block;
	padding: 10px;
	transition: all .3s;
	-webkit-transition: all .3s;
}
#increase-apply-complete .guide a:hover {
	background: #d40d12;
	color: #FFF;
	opacity: 1;
}
#increase-apply-complete .guide a i {
	float: right;
	font-size: 16px;
}
#increase-apply-complete .standard-btn{
	margin: 20px 0;
	text-align: left;
}
/*------- aiメール登録 -------*/
#aimail-index div.center span {
	display: none;
}
#aimail-confirm .block {
	text-align: center;
	padding: 20px;
	border: 3px solid rgb(229, 106, 110);
}
#aimail-confirm .block i {
	display: block;
	font-size: 36px;
	color: orange;
}
#aimail-confirm .block h2 {
	font-size: 20px;
	color: #d40d12;
	border-bottom: 1px dotted #DDD;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
#aimail-complete .block {
	text-align: center;
	padding: 20px;
	border: 3px solid #DDD;
}
#aimail-complete .block ul {
	display: inline-block;
	text-align: left;
	margin-top: 10px;
	color: #d40d12;
}
#aimail-complete .block li {
	margin-top: 5px;
}
#aimail-complete ol {
	margin-top: 20px;
}
#aimail-complete ol li {
	padding-left: 30px;
	margin-bottom: 15px;
}
#aimail-complete ol li:before {
	background: #d40d12;
	color: #FFF;
	border-radius: 100%;
	display: block;
	width: 25px;
	height: 25px;
	text-align: center;
	line-height: 25px;
	font-weight: normal;
}
#member-kinfo table {
	margin: 20px 0;
}
#aimail-release .yellow-block {
	border: 3px solid #FAEBD7;
	padding: 15px;
	margin: 20px 0;
	text-align: center;
}
#aimail-release .yellow-block .submit-btn {
	margin: 20px 0;
}
#aimail-release .yellow-block table {
	margin: 0;
	text-align: left;
}
/*------- メールアドレス登録 -------*/

#mail-apply div.center dl {
	display: inline-block;
	text-align: left;
	font-size: 14px;
	padding: 20px 30px 10px;
	border: 3px solid #EEE;
	background: #F5F5F5;
}
#mail-apply div.center dt {
	float: left;
	clear: left;
	font-weight: bold;
}
#mail-apply div.center dd {
	padding: 0 0 10px 100px;
}
#mail-complete .block {
	text-align: center;
	padding: 20px;
	border: 3px solid #DDD;
}
#mail-complete .block ul {
	display: inline-block;
	text-align: left;
	margin-top: 10px;
	color: #d40d12;
}
#mail-complete .block li {
	margin-top: 5px;
}
#mail-complete ol {
	margin-top: 20px;
}
#mail-complete ol li {
	padding-left: 20px;
	margin-bottom: 15px;
	position: relative;
}
#mail-complete ol li:before {
	content: '';
	background: #FFA500;
	display: block;
	width: 10px;
	height: 10px;
	position: absolute;
	left: 0;
	top: 5px;
}
#mail-apply .red-block {
	padding: 15px;
	border: 2px solid #fec6c6;
	text-align: center;
}
#mail-apply .red-block h3 {
	background: #d40d12;
	font-size: 16px;
	color: #FFF;
	padding: 5px 0;
	margin-bottom: 20px;
}
#mail-apply .red-block h3 i {
	color: orange;
	margin-right: 10px;
}
/*------- 氏名住所勤務先登録 -------*/
#cinfo-apply .address-list dd {
	padding-left: 100px;
}
#cinfo-apply select.job {
	display: none;
}
#cinfo-apply tr.ceo {
	display: none;
}
/*------- 振込融資 -------*/

#remittance-index .yellow-block {
	border: 3px solid #FAEBD7;
	padding: 15px;
	margin: 20px 0;
}
#remittance-index .yellow-block h3 {
	font-size: 14px;
	font-weight: 500;
	border-bottom: 2px solid #EEE;
	padding-bottom: 10px;
	margin-bottom: 20px;
	text-align: center;
}
#remittance-index .yellow-block h3 i {
	color: orange;
}
#remittance-index .yellow-block li {
	position: relative;
	padding-left: 15px;
	margin-top: 10px;
}
#remittance-index .yellow-block li:before {
	content: '■';
	position: absolute;
	left: 0;
	top: -1px;
	color: orange;
}
#remittance-index td dt {
	float: left;
	clear: left;
	font-weight: bold;
}
#remittance-index td dd {
	padding: 0 0 10px 100px;
}
#agreement-confirm th {
	text-align: center;
}

@media (max-width: 768px) {
main .yellow-block, main .red-block, main .grey-block {
	padding: 2% !important;
}
#member-top .yellow-table {
	width: 100%;
	margin-top: 20px;
    margin-right: 0px;
    margin-left: 0px;
}
#member-top .yellow-table th {
	padding: 10px 2%;
}
#member-top .yellow-table td {
	padding: 10px 2%;
}
#member-top .yellow-table .caution {
	font-size: 14px;
}
#member-top .white-table {
	width: 100%;
	margin: 0px 0px 20px;
}
#nav-list li {
	width: 49%;
	margin: 1% .5%;
}
#member-top .half-block {
	width: 100%;
	float: none;
}
#member-top .half-block table {
	margin: 20px 0 5px !important;
}
#member-top .half-block th, #member-top .half-block td {
	display: table-cell !important;
	padding: 10px 2%;
	border: 1px solid #DDD;
}
#member-top .div-space{
	height: 20px;
}
#simulation-input h2 {
	font-size: 16px;
}
#aimail-apply input[type="text"] {
	width: 98%;
}
#agreement-confirm th, #agreement-confirm td {
	padding: 10px 2%;
	border: 1px solid #DDD;
	display: table-cell;
	text-align: center;
}
#select-step>li {
	counter-increment: select-step;
	background: #f3f1e4;
	padding: 10px 2%;
	margin: 10px 0;
	border: 4px double #FFF;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
}
#select-step>li:before {
	content: 'step 'counter(select-step);
	background: #d40d12;
	display: block;
	width: 70px;
	color: #FFF;
	padding: 2px 10px;
	border-radius: 100px;
	text-align: center;
	font-size: 14px;
	margin-bottom: 5px;
}
#select-step .unorder-list li:before {
	font-weight: bold;
}
#floating-btn {
	left: 50%;
	bottom: 20px;
	padding: 10px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	max-width: 220px;
}
#floating-btn i{
	top: 7px;
}
#floating-btn p{
	font-size: 12px;
	letter-spacing: 0;
}
#floating-btn a{
    font-size: 12px;
    letter-spacing: 0;
    padding: 3px 0;
    font-weight: bold;

}
#member-login #login-wrapper #image-wrapper {
	width: auto;
	float: none;
	margin: 0 0 20px;
}
#member-login #login-wrapper #login-block {
	width: auto;
	float: none;
}
}

@media (max-width: 340px) {
	#floating-btn {
		left: 10px;
		-webkit-transform: none;
		transform: none;
	}
}

.search-btn {
	background: coral;
	padding: 3px 0 !important;
	color: #FFF !important;
	vertical-align: middle;
	border-radius: 3px;
	margin: 0 3px;
	display: inline-block;
	width: 70px;
	text-align: center;
	cursor:pointer;
}

.search-btn:hover {
	color: inherit;
	opacity: .5;
}