#wrapper{
	overflow			: hidden;
}

#wrapper UL LI{
/*	float				: left;
	margin				: 22px 0px 0px 23px;
	height				: 310px;
	width				: 310px;*/
}

A.btn_text{
	position			: relative;
	width				: 310px;
	height				: 310px;
	text-shadow			: none;
}

	SPAN.jp{
		display				: block;
		font-size			: 35px;
		left				: 0;
		position			: absolute;
		top					: 170px;
		width				: 100%;
	}

	SPAN.en{
		display				: block;
		font-size			: 20px;
		left				: 0;
		position			: absolute;
		top					: 230px;
		width				: 100%;
	}

.top_contents{
	max-width: 1280px;
	margin-top: 30px;
	margin-left: 80px;
	margin-right: 80px;
	height :auto;
}

.top_contents>.top_title{
	text-align: center;
	font-size: 32px;
	font-weight: bold;
}

.top_contents>.top_subtitle{
	text-align: center;
	font-size: 16px;
    /*color: #A9A9A9;*/
}


.top_contents>.video_list_user{
	margin-top: 50px;
	height: 300px;
	border-bottom: solid 1px;
}

.top_contents>.video_list_user>.video_user{
	color: #FFFFFF;
	background-color: #1C98D4;
	width : 200px;
	height : 260px;
	float: left;
	margin-right: 20px;
    border-radius: 7px;


}
.top_contents>.video_list_user>.video_user>.video_list_user_title{
	padding-top:15px;
	padding-left:15px;
	padding-right:15px;
	font-size: 22px;
	font-weight: bold
}

.top_contents>.video_list_user>.video_user>.video_list_user_caption{
	padding-top:15px;
	padding-left:15px;
	padding-right:15px;
	font-size: 16px;
}

.top_contents>.video_list_user li{
	display: inline-block;
	width: 15%;
	margin-right : 10px;
}

.top_contents>.video_list_interview{
	margin-top: 30px;
	height: 300px;
	border-bottom: solid 1px;
}

.top_contents>.video_list_interview>.video_interview{
	color: #FFFFFF;
	background-color: #EE6B7D;
	width : 200px;
	height : 260px;
	float: left;
	margin-right: 20px;
    border-radius: 7px;


}
.top_contents>.video_list_interview>.video_interview>.video_list_interview_title{
	padding-top:15px;
	padding-left:15px;
	padding-right:15px;
	font-size: 22px;
	font-weight: bold
}

.top_contents>.video_list_interview>.video_interview>.video_list_interview_caption{
	padding-top:15px;
	padding-left:15px;
	padding-right:15px;
	font-size: 16px;
}

.top_contents>.video_list_interview li{
	display: inline-block;
	width: 15%;
	margin-right : 10px;
}

.top_contents>.video_list_lesson{
	margin-top: 30px;
	height: 300px;
}

.top_contents>.video_list_lesson>.video_lesson{
	color: #FFFFFF;
	background-color: #37BC9E;
	width : 200px;
	height : 260px;
	float: left;
	margin-right: 20px;
    border-radius: 7px;


}
.top_contents>.video_list_lesson>.video_lesson>.video_list_lesson_title{
	padding-top:15px;
	padding-left:15px;
	padding-right:15px;
	font-size: 22px;
	font-weight: bold
}

.top_contents>.video_list_lesson>.video_lesson>.video_list_lesson_caption{
	padding-top:15px;
	padding-left:15px;
	padding-right:15px;
	font-size: 16px;
}

.top_contents>.video_list_lesson li{
	display: inline-block;
	width: 15%;
	margin-right : 10px;
}



.top_sub_contents>.member_regist_area{
	text-align: center;
	color : #FFFFFF;
	/*height :640px;*/
	height :466px;
	/*max-width :1440px;*/
	background-image: url("/static/img/top/blue_back.jpg");
	background-size: cover;
	background-position: 50%;
}

.top_sub_contents>.member_regist_area>.member_regist_area_title{
	padding-top: 50px;
	font-size: 46px;
	font-weight: bold;
}
.top_sub_contents>.member_regist_area>.member_regist_area_subtitle{
	padding-top: 30px;
	font-size: 34px;
}
.top_sub_contents>.member_regist_area>.member_regist_area_caption{
	padding-top: 40px;
	font-size: 14px;
}

.top_regist_btn_area {
	margin-top: 70px;
	width: 100%;
}

.top_regist_btn {
	font-size: 24px;
	text-align: center;
    line-height: 50px;
    height: 50px;
    width: 208px;
    padding: 0.5em 1em;
    text-decoration: none;
    color: #FFF;
    background: #27C568;
    border-radius: 4px;
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    font-weight: bold;

}

.top_sub_contents>.video_ad_area{
	position: relative;
	color : #FFFFFF;
	min-height :400px;
	background-image: url("/static/img/top/top_video.png");
	background-size: cover;
	background-position: 50%;
}

.top_sub_contents>.video_ad_area>.video_ad_area_title{
	font-size: 30px;
	padding-top: 30px;
	color : #1C98D4;
	position: absolute;
	right: 10px;
	width: calc(50% - 33px);
}

.top_sub_contents>.video_ad_area>.video_ad_area_subtitle{
	font-size: 24px;
	font-weight: bold;
	padding-top: 30px;
	color : #000000;
	position: absolute;
	top: 50px;
	right: 10px;
	width: calc(50% - 33px);
}

.top_sub_contents>.video_ad_area>.video_ad_area_caption{
	font-size: 20px;
	padding-top: 30px;
	color : #000000;
	position: absolute;
	top: 100px;
	right: 10px;
	width: calc(50% - 33px);
}


.top_sub_contents>.lesson_ad_area{
	position: relative;
	color : #FFFFFF;
	min-height :400px;
	background-image: url("/static/img/top/top_lesson.png");
	background-size: cover;
	background-position: 50%;
}

.top_sub_contents>.lesson_ad_area>.lesson_ad_area_title{
	font-size: 30px;
	padding-top: 30px;
	color : #79DA4C;
	position: absolute;
	right: 10px;
	width: calc(50% - 33px);
}

.top_sub_contents>.lesson_ad_area>.lesson_ad_area_subtitle{
	font-size: 24px;
	font-weight: bold;
	padding-top: 30px;
	color : #000000;
	position: absolute;
	top: 50px;
	right: 10px;
	width: calc(50% - 33px);
}

.top_sub_contents>.lesson_ad_area>.lesson_ad_area_caption{
	font-size: 20px;
	padding-top: 30px;
	color : #000000;
	position: absolute;
	top: 100px;
	right: 10px;
	width: calc(50% - 33px);
}

.top_sub_contents>.forum_ad_area{
	position: relative;
	color : #FFFFFF;
	min-height :400px;
	background-image: url("/static/img/top/top_forum.png");
	background-size: cover;
	background-position: 50%;
}

.top_sub_contents>.forum_ad_area>.forum_ad_area_title{
	font-size: 30px;
	padding-top: 30px;
	color : #F69B3D;
	position: absolute;
	right: 10px;
	width: calc(50% - 33px);
}

.top_sub_contents>.forum_ad_area>.forum_ad_area_subtitle{
	font-size: 24px;
	font-weight: bold;
	padding-top: 30px;
	color : #000000;
	position: absolute;
	top: 50px;
	right: 10px;
	width: calc(50% - 33px);
}

.top_sub_contents>.forum_ad_area>.forum_ad_area_caption{
	font-size: 20px;
	padding-top: 30px;
	color : #000000;
	position: absolute;
	top: 100px;
	right: 10px;
	width: calc(50% - 33px);
}

.top_sub_contents>.profile_ad_area{
	position: relative;
	color : #FFFFFF;
	min-height :400px;
	background-image: url("/static/img/top/top_profile.png");
	background-size: cover;
	background-position: 50%;
}

.top_sub_contents>.profile_ad_area>.profile_ad_area_title{
	font-size: 30px;
	padding-top: 30px;
	color : #EE6B7D;
	position: absolute;
	right: 10px;
	width: calc(50% - 33px);
}
.top_sub_contents>.profile_ad_area>.profile_ad_area_subtitle{
	font-size: 24px;
	font-weight: bold;
	padding-top: 30px;
	color : #000000;
	position: absolute;
	top: 50px;
	right: 10px;
	width: calc(50% - 33px);
}

.top_sub_contents>.profile_ad_area>.profile_ad_area_caption{
	font-size: 20px;
	padding-top: 30px;
	color : #000000;
	position: absolute;
	top: 100px;
	right: 10px;
	width: calc(50% - 33px);
}

.top_sub_contents>.sources_ad_area{
	position: relative;
	color : #FFFFFF;
	min-height :400px;
	background-image: url("/static/img/top/top_sources.png");
	background-size: cover;
	background-position: 50%;
}

.top_sub_contents>.sources_ad_area>.sources_ad_area_title{
	font-size: 30px;
	padding-top: 30px;
	color : #37BC9E;
	position: absolute;
	right: 10px;
	width: calc(50% - 33px);
}

.top_sub_contents>.sources_ad_area>.sources_ad_area_subtitle{
	font-size: 24px;
	font-weight: bold;
	padding-top: 30px;
	color : #000000;
	position: absolute;
	top: 50px;
	right: 10px;
	width: calc(50% - 33px);
}


.top_sub_contents>.sources_ad_area>.sources_ad_area_caption{
	font-size: 20px;
	padding-top: 30px;
	color : #000000;
	position: absolute;
	top: 100px;
	right: 10px;
	width: calc(50% - 33px);
}


.top_sub_contents>.introduction_ad_area{
	color : #FFFFFF;
	height :auto;
	padding-bottom: 100px;
	background-image: url("/static/img/img-c01-bg-introduction.jpg");
	background-size: cover;
	background-position: 50%;
}

.top_sub_contents>.introduction_ad_area>.introduction_ad_area_title{
	font-size: 40px;
	padding-top: 80px;
	color : #FFFFFF;
	position:relative;
	left:150px;
	width: calc(100% - 300px);
}

.top_sub_contents>.introduction_ad_area>.introduction_ad_area_caption1{
	font-size: 24px;
	padding-top: 20px;
	color : #FFFFFF;
	position:relative;
	left:150px;
	width: calc(100% - 300px);
	/*font-weight: bold;*/
}

.top_sub_contents>.introduction_ad_area>.introduction_ad_area_caption2{
	font-size: 24px;
	padding-top: 20px;
	color : #FFFFFF;
	position:relative;
	left:150px;
	width: calc(100% - 300px);
	font-weight: bold;
}

.top_sub_contents>.introduction_ad_area>.introduction_ad_area_caption2_1{
	font-size: 20px;
	color : #FFFFFF;
	position:relative;
	left:150px;
	width: calc(100% - 300px);
}

.top_sub_contents>.introduction_ad_area>.introduction_ad_area_caption3{
	font-size: 24px;
	padding-top: 20px;
	color : #FFFFFF;
	position:relative;
	left:150px;
	width: calc(100% - 300px);
}

.top_regist_btn_area2 {
	margin-top: 40px;
	width: 100%;
}

.top_regist_btn2 {
	font-size: 24px;
	text-align: center;
    line-height: 50px;
    height: 50px;
    width: 208px;
    padding: 0.5em 1em;
    text-decoration: none;
    color: #FFF;
    background: #27C568;
    border-radius: 4px;
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
    font-weight: bold;
	position:relative;
	left:150px;

}



.left_contents{
	float: left;
	width: 240px;
	/*background-color: ;*/
}
.right_contents{
	float: right;
	width: 1200px;
}



.left_navi ul {
	width: 240px;
	margin: 0px;
	padding: 0;
	list-style: none;
	border-top: 1px solid #ccccca;
}

.left_navi li {
	font-size: 16px;
	font-weight; bold;
	background:#fff;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.left_navi a {
	padding: 25px 0 25px 25px;
	display: block;
	text-decoration: none;
	color: #666;
}

.left_navi a:hover {
	color: #FFF;
	background-color: #ccffff;
}

	.top_sub_contents>.video_ad_area>.video_ad_area_caption span,
	.top_sub_contents>.lesson_ad_area>.lesson_ad_area_caption span,
	.top_sub_contents>.forum_ad_area>.forum_ad_area_caption span,
	.top_sub_contents>.profile_ad_area>.profile_ad_area_caption span,
	.top_sub_contents>.sources_ad_area>.sources_ad_area_caption span
	{
	font-size: 1.2em;
	}

@media screen and (max-width:1024px) {
	.top_sub_contents>.introduction_ad_area{
		padding-bottom: 70px;
	}
	.top_sub_contents>.introduction_ad_area>.introduction_ad_area_title{
		font-size: 30px;
		padding-top: 70px;
		left:100px;
		width: calc(100% - 200px);
	}

	.top_sub_contents>.introduction_ad_area>.introduction_ad_area_caption1{
		font-size: 20px;
		padding-top: 20px;
		left:100px;
		width: calc(100% - 200px);
	}

	.top_sub_contents>.introduction_ad_area>.introduction_ad_area_caption2{
		font-size: 20px;
		padding-top: 20px;
		left:100px;
		width: calc(100% - 200px);
		font-weight: bold;
	}
	.top_sub_contents>.introduction_ad_area>.introduction_ad_area_caption2_1{
		font-size: 14px;
		left:100px;
		width: calc(100% - 200px);
	}

	.top_sub_contents>.introduction_ad_area>.introduction_ad_area_caption3{
		font-size: 20px;
		padding-top: 20px;
		left:100px;
		width: calc(100% - 200px);
	}
	.top_regist_btn_area2 a{
		left: 100px;
	}
}


@media screen and (max-width:980px) {
	#top_video,#top_lesson,#top_forum,#top_profile,#top_sources{
		background-position: 30% 50%;
	}

	.top_sub_contents>.video_ad_area>.video_ad_area_title,
	.top_sub_contents>.lesson_ad_area>.lesson_ad_area_title,
	.top_sub_contents>.forum_ad_area>.forum_ad_area_title,
	.top_sub_contents>.profile_ad_area>.profile_ad_area_title,
	.top_sub_contents>.sources_ad_area>.sources_ad_area_title
	{
		font-size: 18px;
		margin-top: 30px;
		right: 20px;
		padding: 20px 20px 20px 20px;
		background-color: #ffffff;
		width: calc(50% - 25px);
		opacity: 0.8;
	}


	.top_sub_contents>.video_ad_area>.video_ad_area_subtitle,
	.top_sub_contents>.lesson_ad_area>.lesson_ad_area_subtitle,
	.top_sub_contents>.forum_ad_area>.forum_ad_area_subtitle,
	.top_sub_contents>.profile_ad_area>.profile_ad_area_subtitle,
	.top_sub_contents>.sources_ad_area>.sources_ad_area_subtitle
	{
		font-size: 16px;
		margin-top: 20px;
		right: 20px;
		padding: 10px 20px 20px 20px;
		background-color: #ffffff;
		width: calc(50% - 25px);
		opacity: 0.8;
	}

	.top_sub_contents>.video_ad_area>.video_ad_area_caption,
	.top_sub_contents>.lesson_ad_area>.lesson_ad_area_caption,
	.top_sub_contents>.forum_ad_area>.forum_ad_area_caption,
	.top_sub_contents>.profile_ad_area>.profile_ad_area_caption,
	.top_sub_contents>.sources_ad_area>.sources_ad_area_caption
	{
		font-size: 14px;
		margin-top: 24px;
		right: 20px;
		padding: 10px 20px 20px 20px;
		background-color: #ffffff;
		width: calc(50% - 25px);
		opacity: 0.8;
	}

}

@media screen and (max-width:767px) {
	.top_sub_contents>.member_regist_area{
		height: auto;
	}
	.top_sub_contents>.member_regist_area>.member_regist_area_subtitle{
		font-size: 16px;
	}
	.top_regist_btn_area{
		padding-bottom: 40px;
	}
	.top_regist_btn{
		width: calc(100% - 80px);
	}
	.bx-wrapper{
		margin-bottom: 70px;
	}
	#top_service{
		padding-top: 70px;
		margin-top: -70px;
		padding-bottom: 140px;
		position: relative;
	}
	#top_video,#top_lesson,#top_forum,#top_profile,#top_sources{
		padding-top: 40px;
		top: -70px;
		padding-bottom: 40px;
		background-image: none;
		min-height: 0px;
		position: relative;
	}
	#top_video,#top_forum,#top_sources{
		background: #ffffff;
	}
	#top_lesson,#top_profile{
		background: #f2f2f2;
	}

	.top_sub_contents>.video_ad_area>.video_ad_area_title,
	.top_sub_contents>.lesson_ad_area>.lesson_ad_area_title,
	.top_sub_contents>.forum_ad_area>.forum_ad_area_title,
	.top_sub_contents>.profile_ad_area>.profile_ad_area_title,
	.top_sub_contents>.sources_ad_area>.sources_ad_area_title{
		position: relative;
		width: calc(100% - 40px);
		left: 20px;
		padding: 0px;
		background: none;
		opacity: 1;
	}

	.top_sub_contents>.video_ad_area>.video_ad_area_subtitle,
	.top_sub_contents>.lesson_ad_area>.lesson_ad_area_subtitle,
	.top_sub_contents>.forum_ad_area>.forum_ad_area_subtitle,
	.top_sub_contents>.profile_ad_area>.profile_ad_area_subtitle,
	.top_sub_contents>.sources_ad_area>.sources_ad_area_subtitle{
		position: relative;
		width: calc(100% - 40px);
		margin-top: 22px;
		top: 0px;
		left: 20px;
		padding: 0px;
		background: none;
		opacity: 1;
	}

	.top_sub_contents>.video_ad_area>.video_ad_area_caption,
	.top_sub_contents>.lesson_ad_area>.lesson_ad_area_caption,
	.top_sub_contents>.forum_ad_area>.forum_ad_area_caption,
	.top_sub_contents>.profile_ad_area>.profile_ad_area_caption,
	.top_sub_contents>.sources_ad_area>.sources_ad_area_caption{
		position: relative;
		width: calc(100% - 40px);
		margin-top: 22px;
		top: 0px;
		left: 20px;
		padding: 0px;
		background: none;
		opacity: 1;
	}
	#top_video{
		border-top: solid #0082c0 30px;
	}
	#top_video:before{
		background-image: url(/static/img/top/top_video.png);
		background-position: 5% 50%;
		background-size: 220%;
		display: block;
		height: 70px;
		content: "";
	}
	#top_lesson{
		border-top: solid #ffffff 30px;
	}
	#top_lesson:before{
		background-image: url(/static/img/top/top_lesson.png);
		background-position: 5% 50%;
		background-size: 220%;
		display: block;
		height: 70px;
		content: "";
	}
	#top_forum{
		border-top: solid #f2f2f2 30px;
	}
	#top_forum:before{
		background-image: url(/static/img/top/top_forum.png);
		background-position: 5% 50%;
		background-size: 220%;
		display: block;
		height: 70px;
		content: "";
	}
	#top_profile{
		border-top: solid #ffffff 30px;
	}
	#top_profile:before{
		background-image: url(/static/img/top/top_profile.png);
		background-position: 5% 50%;
		background-size: 220%;
		display: block;
		height: 70px;
		content: "";
	}
	#top_sources{
		border-top: solid #f2f2f2 30px;
	}
	#top_sources:before{
		background-image: url(/static/img/top/top_sources.png);
		background-position: 5% 50%;
		background-size: 220%;
		display: block;
		height: 70px;
		content: "";
	}


	.top_sub_contents>.introduction_ad_area{
		padding-bottom: 40px;
	}
	.top_sub_contents>.introduction_ad_area>.introduction_ad_area_title{
		font-size: 20px;
		padding-top: 40px;
		left: 20px;
		width: calc(100% - 40px);
	}
	.top_sub_contents>.introduction_ad_area>.introduction_ad_area_caption1{
		font-size: 16px;
		padding-top: 20px;
		left: 20px;
		width: calc(100% - 40px);
	}
	.top_sub_contents>.introduction_ad_area>.introduction_ad_area_caption2{
		font-size: 16px;
		padding-top: 20px;
		left: 20px;
		width: calc(100% - 40px);
		font-weight: bold;
	}
	.top_sub_contents>.introduction_ad_area>.introduction_ad_area_caption2_1{
		font-size: 12px;
		left: 20px;
		width: calc(100% - 40px);
	}

	.top_sub_contents>.introduction_ad_area>.introduction_ad_area_caption3{
		font-size: 16px;
		padding-top: 20px;
		left: 20px;
		width: calc(100% - 40px);
	}
	.top_regist_btn_area2{
		margin-top: 20px;
	}
	.top_regist_btn_area2 a{
		width: calc(100% - 80px);
		left: 20px;
	}
}