@charset "utf-8";

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

PROGRAM

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

/* contents
---------------------------------------------------- */
#contents{
	margin-bottom: 20px;
}


/* EYHプログラムとは
---------------------------------------------------- */
/*aaaBox*/
#aaaBox {
	background-color: #F4FAE2;
	border: #C2D364 solid 2px;
	border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	padding: 20px 0px;
}

#aaaBox .read{
	min-height: 84px;
	height: auto !important;
	height: 84px;
	color: #7F8D27;
	font-weight: normal;
	letter-spacing: -0.3px;
	text-align: center;
	background-image: url(/gapyear/sp/program/img/bg_wood.png), url(/gapyear/sp/program/img/bg_wood.png);
	background-position: left bottom, right bottom;
	background-repeat: no-repeat, no-repeat;
	background-size: 60px auto, 60px auto;
		-webkit-background-size: 60px auto, 60px auto;
		-moz-background-size: 60px auto, 60px auto;
		-ms-background-size: 60px auto, 60px auto;
	margin: 0px 5px 12px;
}

/*aaaList*/
#aaaBox .aaaList{
	margin: 15px 15px 0px;
}

#aaaBox .aaaList li{
	color: #545454;
	font-size: 0.9rem;
	margin-bottom: 5px;
}

#aaaBox .aaaList li dl dt{
	float: left;
	width: 72px;
}

#aaaBox .aaaList li dl dd{
	padding-left: 72px;
}


#aaaBox .aaaList li dl dt span{
	display: inline-block;
	height: 7px;
	padding: 0px 16px;
	/*margin: 0px 3px;*/
}
	#aaaBox .aaaList li dl dt span.aaa01{
		background-color: #653101;
	}
	#aaaBox .aaaList li dl dt span.aaa02{
		background-color: #FFF100;
	}
	#aaaBox .aaaList li dl dt span.aaa03{
		background-color: #EA5413;
	}
	#aaaBox .aaaList li dl dt span.aaa04{
		background-color: #0B6DB9;
	}

/*詳しく見るボタン*/
#aaaBox .btnFull{
	width: 60.625%;
	border: #618F27 solid 1px;
	border-radius: 30px;
		-moz-border-radius: 30px;
		-webkit-border-radius: 30px;
	margin: 15px auto 0px;
}

#aaaBox .btnFull a{
	display: block;
	color: #618F27;
	text-align: center;
	background: url(/gapyear/sp/cmn/arw06.png) 85% 50% no-repeat;
	background-size: 4px auto;
		-webkit-background-size: 4px auto;
		-moz-background-size: 4px auto;
		-ms-background-size: 4px auto;
	padding: 11px 30px 11px 30px;
}

/*ボタン*/
#program .btnList{
	background-color: #F3DCEA;
	padding: 17px 10px;
	margin-top: 30px;
}

#program .btnList li{
	float: left;
	width: 49.15%;
	box-shadow: 0px 3px 0px 0px #BEACB7;
		-moz-box-shadow: 0px 3px 0px 0px #BEACB7;
		-webkit-box-shadow: 0px 3px 0px 0px #BEACB7;
	margin-right: 1.7%;
}
	#program .btnList li:nth-child(even){
		margin-right: 0;
	}

#program .btnList li a{
	display: block;
	color: #FFFFFF;
	font-size: 1.1rem;
	text-align: center;
	background-color: #9A2C6B;
	background-image: url(/gapyear/sp/cmn/arw_w.png);
	background-position: 92% 50%;
	background-repeat: no-repeat;
	background-size: 4px auto;
		-webkit-background-size: 4px auto;
		-moz-background-size: 4px auto;
		-ms-background-size: 4px auto;
	padding: 20px 16px 19px 10px;
}


/* EYHの3つのコース
---------------------------------------------------- */
/*tblEYH*/
.tblEYH{
	width: 100%;
	font-size: 1.1rem;
	text-align: center;
	border: #CCCCCC solid 1px;
	border-collapse: collapse;
}

.tblEYH th {
	color: #FFFFFF;
	font-weight: normal;
	vertical-align: middle;
	background-color: #9A2C6B;
	border: #CCCCCC solid 1px;
	padding: 10px 5px;
}

.tblEYH td {
	word-break: break-all;
	vertical-align: middle;
	border: #CCCCCC solid 1px;
	padding: 10px 5px;
}
	.tblEYH td.bgC01{
		background-color: #FAEBF2;
	}
	
	.tblEYH td.bgC01 img{
		display: inline-block;
		margin: -3px 4px 0px 0px;
	}

/*courseList*/
.courseList dt{
	padding: 8px 10px;
	margin-bottom: 10px;
}
	.courseList dt.course01{
		border: #FF330D solid 2px;
	}
	.courseList dt.course02{
		border: #EEDD11 solid 2px;
	}
	.courseList dt.course03{
		border: #2780FF solid 2px;
	}

.courseList dt img{
	display: inline-block;
	margin: -3px 4px 0px 0px;
}

.courseList dd{
	padding: 0px 10px;
	margin-bottom: 20px;
}

/*eyhBox*/
.eyhBox{
	border: #ADD1EF solid 3px;
	padding: 1px;
}

.eyhBox .eyhBnr{
	text-align: center;
	background: url(/gapyear/sp/cmn/texture01.gif) left top repeat;
	background-size: 10px auto;
		-webkit-background-size: 10px auto;
		-moz-background-size: 10px auto;
		-ms-background-size: 10px auto;
	padding: 7px;
}

.eyhBox > p{
	padding: 12px 10px 10px;
}