@charset "UTF-8";

.errorMessage {
    color: #ff0000;
    padding: 5px 20px;
    font-weight: normal;
    font-size: medium;
    text-align: left;
    list-style-type: none;
}

.errorMessageLogin {
    color: #ff0000;
    padding: 8px 8px;
    font-weight: normal;
    font-size: small;
    text-align: left;
    list-style-type: none;
    padding: 1px;
}

.messages {
	margin-top: 4px;
	margin-left: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
}


/* 告知枠 */
.announce_box {
	border:double #eeba11;
	background: #fef8e2;
	padding: 12px 15px 10px;
	line-height: 1.5;
	margin-bottom: 10px;
}
.announce_box .title {
	font-weight: bold;
	margin-bottom: 6px;
	background: url(../images/common/ico_info.png) no-repeat;
	padding-left: 40px;
	min-height: 32px;
	line-height: 24px;
}
.announce_box p {
	font-size: 87.5%;
	margin: 0 0 0 14px;
	line-height: 1.6;
}
.font15 {
	font-size: 15px;
}


/* 201403追記 */
.announce_box .title2 {
	font-weight: bold;
	margin-bottom: 2px;
	background: url(../images/common/ico_info_s.png) no-repeat;
	padding-left: 40px;
	min-height: 28px;
	line-height: 28px;
}

/* 201404追記 */
.announce_box .title3 {
	margin-bottom: 2px;
	min-height: 28px;
	line-height: 18px;
}

/* 201506追記 開始 ===========================================*/
.alert_text{
	font-weight: bold;
	  border: 1px solid #F00;
	  padding: 6px 16px;
	  background-color: #fff;
	} 


h3.section-title{
	font-size: 1rem;
	margin-top:40px;
}

.table-service-list td.consent{
	overflow: hidden;
	vertical-align: middle;
	min-height: 64px;
}

.table-service-list td.consent .arrow_link{
	cursor: pointer;
}
.table-service-list td.consent span{
	display: inline-block;
	white-space: nowrap;
}

.table-service-list td .left-col,
.table-service-list td .right-col{
	width: 80%;
	text-align: left;
	float: none;
}

.table-service-list td.consent .consent-text p{
	padding-left: 8px;
}
.table-service-list td.consent .consent-link p{
	padding-top: 14px;
}
.table-service-list td.cancel{
	width: 20%;
	vertical-align: middle;
	text-align: center;
}

@media (min-width: 680px) {
	.table-service-list td .left-col,
	.table-service-list td .right-col{
		width: 50%;
	}
	.table-service-list td .left-col{
		float: left;
	}
	.table-service-list td .right-col{
		float: right;
		text-align: right;
	}
}

@media (max-width: 480px) {
	.table-service-list th.consent_logo{
		display: none;
	}

	.table-service-list td .left-col,
	.table-service-list td .right-col{
		padding-left: 5px;
		font-size: 90%;
		width: 100%;
	}
	.table-service-list td.consent .consent-link p{
		padding-top:  5px;
		padding-left: 5px;
	}
}

/* .layout2 */
.layout2 h5 {
	font-weight: bold;
	line-height: 1.2;
}
.layout2 h6{
	margin-top:20px;
}

.layout2 .item_list {
	width:97%;
	margin: 0 0 20px 0;
	padding-left: 10px;
	text-align:left;
}
.layout2 .item_list li {
	line-height: 1.5;
	margin-left:20px;
	margin-bottom:10px;
	font-size:87%;
	list-style: square;
}

.layout2 .item_list.disc li{
	list-style: disc;
}

.layout2 .item_list p {
	line-height:1.3;
	margin: 0;
	font-size:87%;
}

@media only screen and (max-width : 480px) {

	.layout2  .item_list {
		padding-left:1em;
	}
	.layout2 .item_list li {
		margin-left:0;
	}
}


/* ポップアップの設定 */
.popup-box{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99999;
	display: none;
}


.popup-box .bg-black{
	position: absolute;
	top:0;
	left: 0;
	background-color: rgba(0,0,0,0.6);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99000000,EndColorStr=#99000000);
	width: 100%;

}
.popup-box .bg-black:not(:target){
    filter: none;
}

.popup-box .popup-inner{
	position: relative;
	top:0;
	width: 80%;
	max-width: 980px;
	min-width: 310px;
	min-height: 120px;
	margin: 0 auto;
	z-index: 100000;
	background-color: #FFF;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;

	box-shadow: 0 1px 10px rgba(0,0,0,0.4);
}

.popup-box .popup-inner .popup-content{
	display: none;
}

.popup-box .popup-inner .popup-body,
.popup-box .popup-inner .btn-area{
	padding: 16px;
}

.popup-box .popup-inner .popup-title{
	font-size: 120%;
	border-bottom:1px solid #DDD;
}
.popup-box .popup-inner .popup-title span{
	display: inline-block;
	padding: 20px 0 16px 16px;
}
.popup-box .popup-inner .popup-title span.title-close-btn{
	float: right;
	padding:16px 16px 16px 0;
	cursor: pointer;
	font-size: 135%;
}

.popup-box .popup-inner .btn-area{
	text-align: center;
}

.popup-box .popup-inner .btn-area .btn{
	font-size: 18px;
	margin-bottom: 20px;
	min-width: 220px;
}


/* 閉じるボタン */
.close-btn{
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857;
	border-radius: 2px;
	border: 1px solid #DDD;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
	background: -webkit-linear-gradient(top,#FFF 0%,#EEE);
	background: -moz-linear-gradient(top,#FFF 0%,#EEE);
	background: -o-linear-gradient(top,#FFF 0%,#EEE);
	background: linear-gradient(to bottom, #FFF, #EEE);

	filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF,endColorstr=#EEEEEE, GradientType=0)";
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF,endColorstr=#EEEEEE, GradientType=0)";
}

.close-btn-left{
	position: static;
	margin-bottom: 18px;
	width: 220px;
}



@media (min-width: 520px) {
	.close-btn-left{
		position: static;
	}

}

@media (min-width: 820px) {
	.popup-box .popup-inner .btn-area .btn{
		width: auto;
		min-width: 0;
	}
	.close-btn-left{
		position: absolute;
		left: 20px;
	}
}

@media (max-width: 820px) {
	.popup-box .popup-inner .btn-area .btn{
		width: 80%;
	}
}

@media (max-width: 450px) {
	.popup-box .popup-inner .popup-title{
		font-size: 90%;	
	}
	.popup-box .popup-inner .popup-title span{
		padding: 20px 0 16px 16px;
	}
	.popup-box .popup-inner .popup-title span.title-close-btn{
		padding:16px 8px 16px 0px;
	}
}

@media (max-width: 320px) {
	.popup-box .popup-inner .popup-title span.title-close-btn{
		display: none;
	}
}

.pt20{padding-top: 20px;}/* 201506追記 終了 ===========================================*/