@charset "utf-8";



/*---------------------------------------------------------
応募要項
---------------------------------------------------------*/

header {
/*    background: url(../form/img/main_bg.png) 50% 0%;
    background-size: cover;*/
}

/* cntArea */
#cntArea {
	padding: 20px 0 20px;
}

/* cntList */
#cntList > li {
	border-top: #bbb dotted 1px;
	padding: 15px 10px 10px;
}

#cntList > li h3{
	text-align: center;
	margin-bottom: 15px;
}

/* orderList */
.orderList li{
	padding-left: 1em;
	text-indent: -1em;
	margin-bottom: 10px;
}

/*lapseWaku*/
.lapseWaku{
	border: #03405a solid 1px;
	padding: 10px;
}

.lapseWaku li{
	background: url(../common/list01.gif) left 7px no-repeat;
	background-size: 11px 2px;
	-webkit-background-size: 11px 2px;
	-moz-background-size: 11px 2px;
	-ms-background-size: 11px 2px;
	padding-left: 15px;
	margin-bottom: 3px;
}

.chance-border{
    padding-top: 20px;
    border-top: 1px dotted #ccc;
}



/*---------------------------------------------------------
応募フォーム
---------------------------------------------------------*/
/* form */
#formArea{
    margin-top: 5px;
	background-color: #009cde;
	padding: 20px 0 20px;
}

/*intro*/
#formArea .intro{
	font-size: 1.2rem;
	color: #FFF;
}
	#formArea .intro img{
		margin-right: 5px;
	}

.blockTtl{
	font-size: 1.4rem;
	background-color: #FDFFEE;
	border: #CCCCCC solid 2px;
	padding: 9px 10px 7px;
}

.blockTtl .attentionTxt {
	color: #D80000;
	font-size: 1.15rem;
}


.formWrap{
	font-size: 1.2rem;
	border-bottom: #CCCCCC solid 2px;
	padding:0px;
}
	
	.formWrap > dd{
		background-color: #FFF;
		border-right: #CCCCCC solid 2px;
		border-left: #CCCCCC solid 2px;
		padding:10px;
	}
	
	.formWrap > dd.courseArea{
		padding: 0 !important;
	}	

	.formWrap dd.courseArea dl {
		overflow:hidden;
	}
	
	.formWrap dd.courseArea dl dt {
		padding:12px 5px 0px 5px;
		float:left;
		border-top:1px dotted #909090;
	}
		
	.formWrap dd.courseArea dl dd {
		overflow:hidden;
		background:#fff;
		padding:14px 10px 14px 0px;
		border-top:1px dotted #909090;
	}	

	.formWrap dd.courseArea dl > dt:first-child {
		border-top: none;
	}

	.formWrap dd.courseArea dl > dt:first-child + dd {
		border-top: none;
	}

	.formWrap > dd dl.adList dt{
		float:left;
		padding:0px;
		margin-top: 5px;
		width:120px;
	}
  
	.formWrap > dd dl.adList dd{
		overflow:hidden;
		padding-bottom:10px;
	}
		.formWrap > dd dl.adList dd:last-child{
			padding-bottom: 0 !important;
		}

	.formWrap > dd dl.adList dd img{
    margin-left:3px;
    vertical-align:middle;
	}
	
	.formCheck dd{
		color: #14126F;
	}
	
	.formWrap input,
	.formWrap textarea,
	.formWrap select{
		font-size:116%;
	}
	
	.formWrap .w01,
	.formWrap .w02,
	.formWrap .w03{
		width:100%;
		border: #A8A8A8 solid 1px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-sizing : border-box ;
		-moz-box-sizing : border-box ;
		box-sizing : border-box ;
	}
	
	.formWrap .w01{
		width:100%;
	}
	
	.formWrap .w02{
		width:40%;
	}

	.formWrap .w03{
		width:70%;
	}
	
	.formWrap .memo{
		height:120px;
	}
	
	.formWrap .errorMes{
		margin: 5px 0 0;
		color: #D80000;
	}
	
.must{
	background: url(../form/img/icon_hissu.gif) right top no-repeat;
	background-size: 38px 20px;
	-webkit-background-size: 38px 20px;
	-moz-background-size: 38px 20px;
	-ms-background-size: 38px 20px;
}

/*table*/
.formWrap .tbl01{
	width: 100%;
	background-color: #FFF;
	border-collapse: collapse;
}

	.formWrap .tbl01 th{
		width: 25%;
		color: #FFF;
		padding:10px;
		vertical-align: middle;
		border-bottom: #CCCCCC dotted 2px;
	}
		.formWrap .tbl01 tr:last-child th{
			border-bottom: none;
		}
		.formWrap .tbl01 th.courseA{
			background-color: #0085B2;
		}
		.formWrap .tbl01 th.courseB{
			background-color: #85B200;
		}
		.formWrap .tbl01 th.courseC{
			background-color: #E33900;
		}
		.formWrap .tbl01 th.courseD{
			background-color: #FCA503;
		}
		
	.formWrap .tbl01 td{
		padding:10px;
		vertical-align: middle;
		border-bottom: #CCCCCC dotted 2px;
	}
		.formWrap .tbl01 tr:last-child td{
			border-bottom: none;
		}
	
#alertBox{
	width: 100%;
	margin:0 0px 15px;
}
	
	#alertBox span{
		display:block;
		padding:10px;
		background:#FFE6E6;
		border:#D80000 2px solid;
		
		color:#D80000;
		font-weight:bold;
		text-align:center;
	}


.confMes{
	margin: 0 0 15px;
	padding: 15px 20px 15px;
	text-align: center;
	background-color: #FFF;
	border: 2px solid #005B99;
}

.thanksMes {
	text-align: center;
	padding: 30px 25px 30px;
	background-color: #FFF;
}

.thanksTxt{
	color: #222;
	font-size: 1.4rem;
	font-weight: bold;
}

.thanksTxt span{
    display: block;
	color: #222;
	font-size: 1.2rem;
	font-weight: normal;
}