@charset "utf-8";
/* CSS Document */

/*-------------------------------------
#sub-menu
---------------------------------------*/

	#sub-menu ul li h3 {
		padding: 10px 0;
		margin: 10px 10px 0;
		background: url(../wp-content/themes/ialpha/share/images/bg_line_02.png);
	}

	#sub-menu ul li ul li {
		display: block;
		height: auto;
		background: url(../wp-content/themes/ialpha/share/images/ico_liimg_07_1.png) left center no-repeat;
		text-align: left;
		padding: 10px 10px 10px 30px;
		margin: 0 20px;
		border: none;
	}

		#sub-menu ul li ul li:hover {
			background: url(../wp-content/themes/ialpha/share/images/ico_liimg_07_1.png) left center no-repeat;
		}


	/*---------- #sub-menu text ----------*/

	#sub-menu ul li ul li {
		color: #4a4944;
		font-size: 14px;
		font-weight: bold;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
	}

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

	#sub-menu ul {
		width: 100%;
		padding: 10px;
	}

	#sub-menu ul li {
		margin: 0;
		padding: 10px;
	}

	#sub-menu ul li h3 {
		padding: 10px;
		margin: 0;
	}

	/*---------- #sub-menu text ----------*/

	#sub-menu ul li h3 {
		font-size: 20px;
	}

}

/*-------------------------------------
#introduction
---------------------------------------*/

#introduction {
	width: 100%;
	height: auto;
	background: url(../wp-content/themes/ialpha/share/images/bg_line_02.png);
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	padding: 20px;
	margin: 40px 0;
	box-sizing: border-box;
}

	/*---------- #introduction text ----------*/

	#introduction .title {
		font-size: 36px;
		font-weight: bold;
		text-align: center;
		color: #fff;
		text-shadow:
			-1px -1px 0px #ff8a00,
			1px -1px 0px #ff8a00,
			1px 1px 0px #ff8a00,
			-1px 1px 0px #ff8a00,
			-2px -2px 0px #ff8a00,
			2px -2px 0px #ff8a00,
			2px 2px 0px #ff8a00,
			-2px 2px 0px #ff8a00,
			3px 3px 0px #c19239,
			4px 4px 0px #c19239;
		padding: 20px 0 30px;
		margin: 0;
	}

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

#introduction {
	width: 100%;
	height: auto;
	background: url(../wp-content/themes/ialpha/share/images/bg_line_02.png);
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	padding: 10px;
	margin: 20px 0;
	box-sizing: border-box;
}

	/*---------- #introduction text ----------*/

	#introduction .title {
		font-size: 24px;
		padding: 10px 0 20px;
	}

}

/*-------------------------------------
#course
---------------------------------------*/

	#course h4 {
		width: 100%;
		border: 1px solid #ffb11b;
		background: url(../wp-content/themes/ialpha/share/images/bg_line_02_h10.png) top repeat-x;
		padding: 20px 10px 10px;
		margin-bottom: 20px;
		box-sizing: border-box;
	}

		#course h5.num1 {
			border-bottom: 1px solid #ffb11b;
			background: url(../wp-content/themes/ialpha/share/images/ico_liimg_08_1_1.png) left center no-repeat;
			padding-left: 60px;
		}
	
		#course h5.num2 {
			border-bottom: 1px solid #ffb11b;
			background: url(../wp-content/themes/ialpha/share/images/ico_liimg_08_1_2.png) left bottom no-repeat;
			padding-left: 60px;
		}
	
		#course h5.num3 {
			border-bottom: 1px solid #ffb11b;
			background: url(../wp-content/themes/ialpha/share/images/ico_liimg_08_1_3.png) left center no-repeat;
			padding-left: 60px;
		}
	
		#course h5.num4 {
			border-bottom: 1px solid #ffb11b;
			background: url(../wp-content/themes/ialpha/share/images/ico_liimg_08_1_4.png) left center no-repeat;
			padding-left: 60px;
		}

	
		#course h6 {
			border-bottom: 1px solid #dae4e2;
			background: url(../wp-content/themes/ialpha/share/images/ico_liimg_09_1.png) left center no-repeat;
			padding-left: 40px;
		}

		#course .lineup.lineup-btn li {
			display: inline-block;
			background: #ffb11b;
			border: 1px solid #ffb11b;
			border-radius: 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			padding: 10px 20px;
			margin: 10px;
			box-sizing: border-box;
		}

			#course .lineup.lineup-btn li:hover {
				background: #fff3dd;
			}

		#course .cpt {
			background: url(../wp-content/themes/ialpha/share/images/ico_liimg_06_1.png) left center no-repeat;
		}

		#course .style {
			float: left;
			width: 530px;
			height: 40px;
			border-bottom: 1px solid #dae4e2;
			background: url(../wp-content/themes/ialpha/share/images/ico_liimg_09_1.png) left center no-repeat;
			padding: 8px 0 0 40px;
			margin: 0 20px 10px 40px;
			box-sizing: border-box;
		}

			#course .left tr.first {
				background: #fff9ef;
			}

	#course .five-step .step {
		margin-right: 10px;
	}

	#course .link {
		background: url(../wp-content/themes/ialpha/share/images/ico_liimg_03_02.png) left center no-repeat;
		padding-left: 20px;
		margin: 20px 20px 40px;
	}

	/*---------- #course text ----------*/

	#course h4, #course h5, #course h6, #course .cpt, #course p.style {
		color: #ffb11b;
		font-weight: bold;
	}

	#course .lineup.lineup-btn li {
		color: #fff;
		font-weight: bold;
	}

		#course .lineup.lineup-btn li:hover {
			color: #ffb11b;
		}

	#course .five-step .step {
		color: #ffb11b;
	}

	#course .link a {
		color: #ffb11b;
	}

		#course .link a:hover {
			text-decoration: underline;
		}


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

	#course h4 {
		width: auto;
		margin: 0 10px 10px;
		box-sizing: border-box;
	}

		#course .style {
			width: auto;
			border-bottom: 1px solid #dae4e2;
			background: url(../wp-content/themes/ialpha/share/images/ico_liimg_09_1.png) left center no-repeat;
			padding: 8px 0 0 30px;
			margin: 0 10px;
			box-sizing: border-box;
		}

	/*---------- #coursen text ----------*/

		#course .style {
			font-size: 1.1em;
		}

}