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






@media only screen and (max-width: 1024px) {
	#course_top{
		width:95%;
		margin: 0 auto;
		
	}
	#course_title{
		
		width:90%;
		margin: 0 auto;
		text-align:left;
		padding:10px;
		border-left: 6px solid #E7E4E2;
		border-bottom: 1px solid #E7E4E2;
	}
	#course_name{
		font-size:30px; 
		font-weight:bold;
		width:70%;
	}
	#course_time{
		font-size:12px; 
		width:30%;
	}

	.Introduction_title{
		font-size:20px;
		text-align:left;
		border-left: 6px solid #9C0;
		border-bottom: 1px solid #E7E4E2;
		padding:5px;
		
	}
	#course_img{
		width:98%;
		display:inline-block;
		margin: 5px;
	}

	#course_Introduction{
		width:98%;
		display:inline-block;
		vertical-align:top;
		margin: 5px;
	}
	#course_info{
		width:98%;
		margin: 0 auto;
		text-align:center;
	}

}


@media only screen and (min-width: 1025px) {
	#course_top{
		width:70%;
		margin: 0 auto;
	}
	#course_title{
		
		width:70%;
		margin: 0 auto;
		text-align:left;
		padding:10px;
		
		border-left: 6px solid #E7E4E2;
		border-bottom: 1px solid #E7E4E2;
	}
	#course_name{
		font-size:30px; 
		font-weight:bold;
		width:70%;
	}
	#course_time{
		font-size:18px; 
		width:30%;
	}
	.Introduction_title{
		font-size:20px;
		text-align:left;
		border-left: 6px solid #9C0;
		border-bottom: 1px solid #E7E4E2;
		padding:5px;
		
	}

	#course_img{
		width:58%;
		display:inline-block;
		margin: 5px;
	}

	#course_Introduction{
		width:98%;
		display:inline-block;
		vertical-align:top;
		margin: 5px;
	}
	
	#course_info{
		width:70%;
		margin: 0 auto;
		text-align:center;
	}

}


.block_sp{
	color:#0000CC;
	text-decoration:underline;
	cursor:pointer;
}

#block_sp2{
	text-decoration:underline;
	background-color:#EEE;
}




.chapter_box{
	width:90%;
	text-align:left;
	margin: 0 auto;
	padding:10px;
	font-size:20px;
	border-bottom: 1px dashed #333;
}


.block_box{
	font-weight:0;
	font-size:16px;
	padding:10px;
	cursor:pointer;
}


.block_box2{
	font-weight:0;
	font-size:16px;
	padding:10px;
}