@charset "UTF-8";
/* ======================
    purchase
====================== */

.label-area{
	display: block;
/*	box-shadow: 0 -20px 0 0 #fff inset;*/
/*	margin-top:20px;*/
	padding-top:20px;
    
/*    border: solid;*/
}


.label-area:hover{
	background: #eef3fb;
}

.label-area.checked{
	background: #dde8f8;
}

.label-area > .radioBtn{
/*	padding-top:15px;*/
	padding-left:15px;
/*	padding-bottom:40px;*/
}

.label-area .formTbl.line.space{
	padding-bottom: 0;
}


.formTbl.paymentLabel {
    margin-top: 30px;
    margin-bottom: 20px;
}




.creditCardSel {
    position:relative;
    margin-bottom:30px;
}

.cardImg {
    background: url("../images/card.png") no-repeat;
    width: 170px;
    height: 60px;
    position:absolute;
    top:0px;
    left:210px;
}

@media only screen and (max-width: 7in) {
    .creditCardSel {
        position:relative;
        margin-bottom:60px;
    }
    .cardImg {
        position: static;
        width: 100%;
        float: left;
        left:20px;
        margin-left: 35px;
/*        border: solid;*/
    }
}

.iconDsp {
/*
    position: relative;
    display: table-cell;
*/

    display: inline-block;
    vertical-align: middle;
}



/*
-------------------------------------------------- */

.formTbl.applicationNum{
	background: #dde8f8;
	margin-top:20px;
	display: table;
}

.formTbl.applicationAttention{
	padding-bottom: 30px;

}

.formTbl.applicationNum dt{
	padding:30px 0;
}

.formTbl.applicationNum p{
	padding:29px 0;
}

.formTbl.applicationNum b{
	font-size:16px;	
}

@media only screen and (max-width: 7in) {

	.applicationNum dt{
		text-align: center;
	}
    
    .cardImg {
/*        margin-left: 170px;*/
    }

}


/*
-------------------------------------------------- */

@media only screen and (min-width: 7in) {

	.label-area{
/*		margin:0 170px;*/
		display: block;
/*		margin-top:20px;*/
	}

	.label-area .formTbl{
		padding:0 30px;
		margin:0;
	}

	.label-area .formTbl.line{
/*		padding-bottom:20px;*/
	}

	.label-area .formTbl dt{
		width:170px;
	}

	.label-area .formTbl dd{
		width:390px;
		margin-left:170px;
	}

	.alignRight{
		text-align: right;
	}

	.formTbl.applicationNum dt{
		text-align: right;
	}

	.formTbl.applicationNum p{
		margin-left: -200px;
	}

	.dateTbl dd{
		margin-left:250px;
	}
}

/*
-------------------------------------------------- */
@media only screen and (max-width: 7in) {

	.label-area{
/*		margin:0;*/
/*		margin-top:20px;*/
	}

}


/* ======================
    のちに共通CSSヘ入れるもの
====================== */

a.normal{
	background: #fff;
	
}

.formTbl p{
	text-align: center;
	width:100%;
	padding-top:20px;
}

.formTbl dd p{
	text-align: left;
	padding-top:10px;
}

.grey{
	margin-top:20px;
	background: #f5f5f5;
}

.grey .guideLogIn {
	padding-top: 20px;
}


.selectBox{
	display:inline-block;
}

.w70{
	width:70px;
}

.w100{
	width:100px;
}

.w120{
	width:120px;
}

.w180{
	width:180px;
}

.w200{
	width:200px;
}

.w240{
	width:240px;
}

.marginBottom-10{
	margin-bottom: 10px;
}

.marginBottom-30{
	margin-bottom: 30px;
}

.negativeMarginBottom-35{
	margin-bottom:-35px;
}

.negativeMarginBottom-50{
	margin-bottom:-50px;
}

.dateTbl dt{
	
}

.dateTbl dd{
	width: 60%;
}

.dateTbl dd .radioBtn{
	display: block;
}

.dateTbl dd .radioBtn:first-child{
	margin-top:30px;
}

.dateTbl dd p{
	margin-left:15px;
}

.secTitle {
    margin: 20px auto 10px;
}

/*
-------------------------------------------------- */
@media only screen and (max-width: 7in) {

	.dateTbl dd{
		width:100%;
	}
	.dateTbl dd .radioBtn{
		margin-left: 37%;
	}
	.dateTbl dd p{
		text-align: center;
		margin-left: 0;
	}
	.sp-w70{
		width:70px;
	}
    .grey .guideLogIn {
        margin-left: 20px;
        margin-right: 20px;
}


}



.line{
/*	margin-bottom: 20px;*/
}

.btn.sizeM1.wide{
	width:230px;
}

/* clearfix */

.clearfix:before,
.clearfix:after {
	content: " ";
	display: block;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}