@charset "utf-8";


#header-login {
	padding:50px 0 50px;
	text-align:center;

}
@media screen and (min-width: 768px) {
#copyright {
    max-width: 720px;
    text-align: right;
    font-size: 10px;
    margin: 0 auto;
    padding: 15px 0;
}
.footer-inner {
	width: 720px;
	margin: 0 auto;
}

p.sankou {
	padding-left: 15px;
}
}
@media screen and (max-width: 767px) {
#header-login {
	padding:30px 0 25px;
}
}
#header-login .header-login-txt {
	text-align:center;
	margin-top:20px;
	font-size:22px;
}
@media screen and (max-width: 767px) {
#header-login .header-login-txt {
	margin-top:10px;
}
}
.login-area .login-hdl {
	padding:20px 0;
	text-align:center;
	line-height:1.3;
	font-size:20px;
	border-bottom:1px #ccc solid;
}

.login-area #contents {
	max-width:720px;
	margin:50px auto 100px;
}
@media screen and (max-width: 959px) {
.login-area #contents {
	max-width:inherit;
	margin:30px auto 50px;
}
}
@media screen and (max-width: 767px) {
.login-area #contents {
	max-width:inherit;
	margin:20px auto 50px;
}
}

.login-area .footer-area {
	padding:15px 0 20px;
}
.login-area .footer-inner {
	max-width:720px;
	margin:0 auto;
}
@media screen and (max-width: 959px) {
.login-area .footer-area {
	padding:15px 0 0;
}
}

.login-area .footer-box dd {
	padding: 0 0 0 20px;
}
.login-area .footer-tel02 span {
	margin-left:15px;
}
@media screen and (max-width: 959px) {
.login-area .footer-box dd {
	padding: 0;
}
.login-area .footer-tel02 span {
	margin-left:15px;
}
}


.top-pass-linksp {
	display: none;
}

/* !/login/index.html
---------------------------------------------------------- */
.login-top-line {
	padding-bottom:0 !important;
	border-bottom:none !important;
}
.login-top-box {
	border:4px #ccc solid;
	padding:40px 50px 30px 50px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	-ms-border-radius: 1px;
	-o-border-radius: 1px;
	border-radius: 1px;
	behavior: url(../PIE.htc);
	position:relative;
}
@media screen and (max-width: 959px) {
.login-top-box {
	border:none;
	padding:0 20px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}
}

.login-top-in {
	display:table;
	width:100%;
	position:relative;
}
.login-top-in+.login-top-in {
	margin-top:25px;
}
.login-top-box .top-id-tit {
	display:table-cell;
	width:80px;
	font-size:16px;
	padding-right:20px;
	vertical-align:middle;
	text-align:right;
}
.login-top-box .top-id-input {
	width:370px;
	display:table-cell;
}
.login-top-box .top-id-input input {
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.login-top-box .top-id-check {
	display:table-cell;
	text-align:left;
	width:120px;
	padding-left:20px;
}
.login-top-box .top-id-checksp {
	display:none;
}

.login-top-box .top-pass-tit {
	display:table-cell;
	width:80px;
	font-size:16px;
	padding-right:20px;
	vertical-align:middle;
	text-align:right;
}
.login-top-box .top-pass-input {
	width:370px;
	display:table-cell;
}
.login-top-box .top-pass-input input {
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

.login-top-box .top-pass-input.save {
	padding: 20px 10px 0px 0;
}

.login-top-box .top-pass-input input.save {
	width:5%;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.login-top-box .top-pass-link {
	display:table-cell;
	text-align:left;
	width:120px;
	padding-left:20px;
}
.login-top-box .top-pass-linkbox {
	display:none;
}
@media screen and (max-width: 959px) {
.login-top-in+.login-top-in {
	margin-top:10px;
}
.login-top-in {
	border:1px #ccc solid;
}
.login-top-box .top-id-tit {
	width:33%;
	font-size:12px;
	padding-left:5px;
	line-height:1.3;
	padding-right:0;
	text-align:left;
	border-right:1px #ccc solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.login-top-box .top-id-input {
	width:75%;
}
.login-top-box .top-id-input input {
	padding-right:35px !important;
}

.login-top-box .top-id-check {
display: table-cell;
    text-align: center;
    width: 50px;
    /* padding-left: 20px; */
    position: absolute;
    top: 5px;
    right: 0px;
    line-height: 1.2;
}

.login-top-box .top-id-checksp {
	display:block;
	position:absolute;
	right:10px;
	top:50%;
	font-size:12px;
	transform:translateY(-50%);
	line-height:1.3;
	text-align:center;
	z-index:2;
}

.login-top-box .top-pass-tit {
	width:33%;
	font-size:12px;
	padding-left:5px;
	line-height:1.3;
	padding-right:0;
	text-align:left;
	border-right:1px #ccc solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.login-top-box .top-pass-input {
	width:75%;
}
.login-top-box .top-pass-link {
	display:none;
}
.login-top-box .top-pass-linkbox {
	overflow:hidden;
	display:block;
}
.login-top-box .top-pass-linksp {
	display:block;
	float:right;
	padding-left:10px;
	width:50%;
	margin:10px 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.login-top-box .top-pass-linksp a {
	display:block;
	border:2px #ccc solid;
	padding:10px 0;
	font-size:12px;
	text-align:center;
	text-decoration:none;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
	behavior: url(../PIE.htc);
	position:relative;
}
.login-top-box .top-id-input input,.login-top-box .top-pass-input input {
	border:none !important;
}


}


.login-top-btn {
	margin:45px auto;
}
@media screen and (max-width: 767px) {
.login-top-btn {
    margin: 65px 0 80px;
    clear: both;
}
.login-top-btn li {
	float:left;
	width:50%;
	padding-left:20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.login-top-btn ul {
	margin-left:-20px;
}
.login-top-btn li+li {
	padding-top:0;
}
}
.login-top-telpc {
	display:inline;
}
.login-top-telsp {
	display:none;
}
.login-top-read {
	display:none;
}
@media screen and (max-width: 959px) {
.login-top-telpc {
	display:none;
}
.login-top-telsp {
	display:inline;
}
.login-top-telsp a {
	color:#0000ff;
}
.login-top-read {
	display:block;
	text-align:center;
	margin-top:50px;
}
}
@media screen and (max-width: 767px) {
.login-top-read {
	margin-top:30px;
}
}
.login-top-detail {
	border-bottom:1px #999 solid;
	border-top:1px #999 solid;
	padding:30px 0;
	margin-top:40px;
}
@media screen and (max-width: 959px) {
.login-top-detail {
	border:4px #ccc solid;
	padding:15px 20px;
	margin-top:20px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	behavior: url(../PIE.htc);
	position:relative;
}
}


/* !/login/password.html
---------------------------------------------------------- */
.password-txt {
	font-size:16px;
	text-align:center;
	margin-bottom:40px;
}
.password-table th {
	width:30%;
}
@media screen and (max-width: 479px) {
.password-table th {
	width:40%;
}
}
.password-table td {
	font-size:16px;
	color:#cacad8;
}
.password-btn {
	margin-top:75px;
}
@media screen and (max-width: 767px) {
.password-btn {
	margin-top:40px;
}
}
.password-box {
	display:none;
}
@media screen and (max-width: 959px) {
.password-txt {
	text-align:left;
	margin-bottom:30px;
}
.password-box {
	border:2px #dbdbea solid;
	padding:25px;
	font-size:16px;
	display:block;
	margin-bottom:50px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	behavior: url(../PIE.htc);
	position:relative;
}
.password-domain {
	width:100%;
	margin-top:10px;
}
.password-domain a {
	display:block;
	padding:20px 0;
	text-align:center;
	font-size:16px;
	text-decoration:none;
	border:1px #dadada solid;
	background: -moz-linear-gradient(top, #fff, #ccc);
	background: -webkit-gradient(linear, top, from(#fff), to(#ccc));
	background: -webkit-linear-gradient(top, #fff, #ccc);
	background: -o-linear-gradient(top, #fff, #ccc);
	background: -ms-linear-gradient(top, #fff, #ccc);
	-pie-background: linear-gradient(top, #fff, #ccc);
	behavior: url(../PIE.htc);
	position:relative;
}
}
@media screen and (max-width: 479px) {
.password-txt {
	font-size:15px;
}
}


/* !/login/statement.html
---------------------------------------------------------- */
.statement-txt {
	text-align:center;
	font-size:16px;
}
@media screen and (max-width: 959px) {
.statement-txt {
	text-align:left;
}
}

.statement-box {
	line-height:2;
}
.statement-box .hdl {
	font-size:16px;
	line-height:1.7;
}
.statement-box .section p {
	padding:0 5px;
}


/* !/login/register.html
---------------------------------------------------------- */
.register-table table+table {
	margin-top:20px;
}
.register-table table th {
	width:30%;
	padding-top:10px;
	padding-bottom:10px;
}
.register-table table td {
	padding-top:7px;
	padding-bottom:7px;
}
@media screen and (max-width: 959px) {
.register-table .fcred {
	display:block;
}
}
@media screen and (max-width: 479px) {
.register-table table th {
	width:35%;
	padding-left:5px;
	padding-right:5px;
}
.register-tel {
	width:25% !important;
}
}


/* !/login/read.html
---------------------------------------------------------- */

.read-tit {
	font-size:16px;
	text-align:center;
	background:#ccc;
	padding:15px 0;
	border:1px #999 solid;
	margin-bottom:10px;
}

.read-txt01 {
	text-align:center;
	margin:20px 0;
}
.read-txt01 span {
	display:inline-block;
	margin-left:15px;
	border:1px solid #999;
	width:150px;
	text-align:left;
	padding:10px 0 10px 15px;
}

.read-box01 {
	border:1px solid #ccc;
	padding:10px 15px;
	margin:20px 0 0;
}

.read-model + .read-model {
	margin-top:-2px;
}
.read-area {
	border-top:1px solid #ccc;
}
.read-hdl {
	font-size:18px;
	border-bottom:2px #ccc solid;
	border-top:2px #ccc solid;
	padding:20px 15px;
}
.read-hdl-s {
	font-size:16px;
	border-bottom:1px #000 solid;
	border-top:1px #000 solid;
	padding:10px 15px;
	margin-bottom:20px;
}
.read-plus {
	padding:5px 0 30px;
}
.read-plus .statement-box {
	padding: 0 0 20px;
}

.read-btn {
	width:250px;
	margin:20px auto 40px;
}
.read-btn a {
	display:block;
	text-align:center;
	text-decoration:none;
	padding:20px 0;
	border:1px solid #ccc;
	/* Firefox 3.6+ */
	background: -moz-linear-gradient(top, #fff, #dfdfdf);
	/* Safari 4-5, Chrome 1-9 */
	background: -webkit-gradient(linear, top, from(#fff), to(#dfdfdf));
	/* Safari 5.1+, Chrome 10+ */
	background: -webkit-linear-gradient(top, #fff, #dfdfdf);
	/* Opera 11.10+ */
	background: -o-linear-gradient(top, #fff, #dfdfdf);
	/* IE9+ */
	background: -ms-linear-gradient(top, #fff, #dfdfdf);
	/* IE8 */
	-pie-background: linear-gradient(top, #fff, #dfdfdf);
}


.read-table01 {
	margin:10px 0 0;
}
.read-table01 table th {
	background:#fff;
	text-align:center;
}


.read-panel {
	margin:50px 0 0;
}
.read-txt02 {
	font-size:18px;
}

.read-logo-list {
	width:60%;
	margin:auto;
	margin-top:5px;
}
.read-logo-list li {
	float:left;
	width:33.3%;
	padding-left:10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.read-logo-list li img {
	width:100%;
	border:1px solid #ccc;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}


.read-backlogin-btn {
	max-width:275px;
	margin:50px auto 25px;
}
.read-backlogin-btn a {
	text-decoration: none;
	padding:37px 0;
	display:block;
	font-size:18px;
	border:3px solid #ccc;
	text-align:center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}


#search_form {
	display: none;
}


.p-number {
	display: none;
}
@media screen and (max-width: 959px) {

.login-top-in.save {
	border:none;
	    width: 50%;
	    float: left;
	    font-size: 85%;
}

.login-top-in.save .top-pass-tit {
	display: none;
}


.top-pass-input.save input.save {
	width: 15px;
	height: 15px;
	margin-right: 5px;
	position: relative;

}

}

@media screen and (max-width: 767px) {
	
	.read-logo-list {
	margin-left:-10px;
	margin-top:5px;
	width:100%;
}
}