/*
*******************************************************************************************************
# /ja/member/css/common.css
*******************************************************************************************************
*/

/*------------------------------------
	Override
------------------------------------*/
[class*="mod-btn"] {
	font-size: 18px;
}

[class*="mod-btn"] .btn-inner {
	padding-top: 12px;
	padding-bottom: 12px;
}

.mod-checkbox input[type="checkbox"] + .checkbox {
	top: 3px;
}

.mod-checkbox input[type="checkbox"] + .checkbox {
	margin-right: 10px;
	top: 5px;
}

/*------------------------------------
	checkbox
------------------------------------*/

.box-line {
	text-align: center;
	padding-bottom: 35px;
}

/*------------------------------------
	form japan only
------------------------------------*/

.extra-text {
    width: 8em;
    display: inline-block;
	text-align: left;
}


/*------------------------------------
	Parts
------------------------------------*/
.mod-table-form {
	margin-bottom: 46px;
}

.box-form-area {
	width: 800px;
	margin: 0 auto;
	*zoom: 1;
}

.box-form-area:before, .box-form-area:after {
	content: "";
	display: table;
}

.box-form-area:after {
	clear: both;
}

.box-lead {
	position: relative;
	margin-bottom: 50px;
	padding-bottom: 35px;
	border-bottom: solid 1px #dddddd;
}

.text-lead {
	margin-bottom: 30px;
}

.text-lead-large {
	margin-bottom: 50px;
}

.box-text-attention {
	height: 300px;
	overflow: auto;
	margin-bottom: 40px;
	background-color: #eff0f3;
}

.box-text-attention .inner {
	padding: 25px 30px;
}

.text-attention {
	margin-bottom: 40px;
}

/* btn-area */
.box-btn-area {
	padding-top: 30px;
	border-top: solid 1px #dddddd;
	text-align: center;
}

.box-btn-area form {
	display: inline-block;
}

.box-btn-area input {
	display: none;
}

.box-btn-area .btn-confirm {
	display: inline-block;
}

.box-btn-area .btn-confirm a {
	padding-right: 40px;
	padding-left: 40px;
}

.box-btn-area .btn-cancel {
	display: inline-block;
	margin: 0 7px;
}

.box-btn-area .btn-cancel a {
	padding-right: 19px;
	padding-left: 19px;
}

.box-btn-area .btn-complete {
	display: inline-block;
	margin: 0 7px;
}

.box-btn-area .btn-complete a {
	padding-right: 40px;
	padding-left: 40px;
}

/*------------------------------------
	page layout
------------------------------------*/
/* login */
.page-login .box-signin {
	float: left;
	width: 469px;
	padding-right: 76px;
	border-right: solid 1px #dddddd;
}

.page-login .box-signin li {
	margin-bottom: 25px;
}

.page-login .box-signin .btn-signin {
	width: 188px;
	margin: 30px auto 0;
}

.page-login .box-signup {
	float: left;
	width: 331px;
	height: 190px;
	margin-top: 1.8em;
	padding-top: 34px;
	text-align: center;
}

.page-login .box-signup .btn-signup {
	width: 188px;
	margin: 17px auto 0;
}

.page-login .text-reissue {
	clear: both;
	padding-top: 45px;
	color: #7f8894;
}

/* signup */
.page-signup .text-attention-required {
	margin-top: 32px;
}

.page-signup .text-attention-required .icn-required {
	margin-right: 5px;
	color: #ce4844;
}

.page-signup .btn-confirm button {
	padding-right: 40px;
	padding-left: 40px;
}

/* confirm */
.page-confirm .text-lead-confirm {
	margin-bottom: 30px;
}

.page-confirm .btn-cancel {
	display: inline-block;
	margin: 0 7px;
}

.page-confirm .btn-cancel button {
	padding-right: 19px;
	padding-left: 19px;
}

.page-confirm .btn-complete {
	display: inline-block;
	margin: 0 7px;
}

.page-confirm .btn-complete button {
	padding-right: 40px;
	padding-left: 40px;
}

/* complete */
.page-complete .text-lead-large {
	margin-bottom: 30px;
}

.page-complete .btn-top {
	display: inline-block;
	margin-top: 45px;
}

.page-complete .btn-top a {
	padding-right: 20px;
	padding-left: 20px;
}

/* page-mypage */
.page-mypage .box-lead {
	padding-bottom: 10px;
}

.page-mypage .sttl-mypage {
	margin-top: 45px;
	font-size: 24px;
}

.page-mypage .btn-withdrawal {
	position: absolute;
	right: 0;
	bottom: 20px;
	width: 110px;
}

.page-mypage .btn-withdrawal .mod-btn-redline {
	min-height: 36px;
	font-size: 15px;
}

.page-mypage input#base-pass {
	float: left;
	width: 255px;
	margin-right: 16px;
}

.page-mypage .btn-password-update {
	float: left;
}

.page-mypage .btn-password-update .mod-btn {
	display: block;
	min-height: 36px;
	padding: 0 10px;
	font-size: 15px;
}

.page-mypage .btn-password-update .mod-btn .btn-inner {
	line-height: 34px;
}

.page-mypage .btn-update {
	display: inline-block;
	margin-top: 16px;
}

.page-mypage .btn-update .mod-btn-blue {
	padding: 0 40px;
}

.page-mypage .btn-update .mod-btn-blue .btn-inner {
	line-height: 34px;
}

.page-mypage .box-download-log {
	margin-top: 80px;
}

.page-mypage .box-download-log .sttl-mypage {
	margin-top: 0;
	margin-bottom: 5px;
}

.page-mypage .box-download-log .list-log {
	height: 197px;
	overflow: auto;
	border: solid 1px #dddddd;
}

.page-mypage .box-download-log .list-log li {
	padding: 15px 19px;
    border-bottom: 1px solid #eee;
    display: inline-block;
    width: 100%;
	line-height: 34px;
}

.page-mypage .box-download-log .list-log li:first-child {
	border-top: none;
}

.page-mypage .box-download-log .list-log li .date  {
	float: left;
	width: 100px;
}

.page-mypage .box-download-log .list-log li .column-model  {
	float: left;
	width: 60px;
}

.page-mypage .box-download-log .list-log li .column-code  {
	float: left;
	width: 100px;
}

.page-mypage .box-download-log .list-log li .column-mechanism  {
	float: left;
	width: 300px;
	padding-right: 10px;
}

.page-mypage .box-download-log .list-log li .column-result  {
	float: left;
	width: 45px;
}

.page-mypage .box-download-log .list-log li .column-cal-no  {
	float: left;
}

.page-mypage .box-download-log .list-log li .column-result-btn  {
	float: right;
	width: 70px;
    padding-top: 2px;
    font-size: 12px;
}

.page-mypage .box-download-log .list-log li .column-result-btn a  {
    font-size: 12px !important;
    padding: 7px;
}

.page-mypage .box-download-log .list-log li .text {
	margin-left: 115px;
}


/* page-withdrawal */
.page-withdrawal .text-lead {
	margin-bottom: 40px;
}

.page-withdrawal .box-section {
	margin-bottom: 26px;
}

.page-withdrawal .box-section .sttl-section {
	font-size: 24px;
	margin-bottom: 5px;
}

.page-withdrawal .box-section .list-reason li {
	margin-bottom: 3px;
}

.page-withdrawal .box-section .list-reason li label {
	float: left;
	top: 3px;
}

.page-withdrawal .box-section .list-reason li .text {
	margin-left: 34px;
}

.page-withdrawal .box-section .text-feedback {
	width: 100%;
	height: 160px;
	padding: 17px;
}

.page-withdrawal .box-btn-area {
	margin-top: 52px;
	padding-top: 0;
	border-top: none;
}

.page-withdrawal .box-btn-area .text-withdrawal {
	font-size: 18px;
	margin-bottom: 30px;
}

.page-withdrawal .box-btn-area .btn-withdrawal {
	display: inline-block;
}

.page-withdrawal .box-btn-area .btn-withdrawal .mod-btn-red {
	padding: 0 44px;
}

/* page-password-update */
.page-password-update .text-lead {
	margin-bottom: 50px;
}

.page-password-update .mod-table-form {
	margin-bottom: 0;
}

.page-password-update .btn-area .btn-update, .page-password-update .btn-area .btn-cancel {
	display: inline-block;
	margin-top: 16px;
}

.page-password-update .btn-area .btn-cancel {
	margin-right: 12px;
}

.page-password-update .btn-area .btn-update .mod-btn-blue {
	padding: 0 40px;
}