/* -------------------------------------------
受講生作品紹介
--------------------------------------------*/
#contentsArea{
}
#contentsArea .contentsArea__pageTitle{
	width: auto;
	padding-top:70px;
	height:50px;
}
.contentsArea__pageText{
	letter-spacing:0.79em;
	height:77px;
	font-weight: bold;
	color:#6e6e6e;
	margin-top:17px;
	background: url(../../images/sakuhin_lead.png) no-repeat center 0;
	text-indent: -500%;
	overflow: hidden;
}
.contentsArea__pageText br{
	display:none;
}
.contentsArea__wrap{
	background: url(../../../common/images/contents_bg.gif) repeat center 0;
}
.contentsArea__body{
	padding-top:88px;
	width:946px;
	margin: 0 auto;
	padding-bottom:6px;
}
.contentsArea__body:after{
	content:"";
	display:table;
	clear:both;
}
.mainArea{
	width:704px;
	float:right;
	border:23px solid #ffe600;
	background:#ffe600;
	box-sizing:border-box;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.mainArea__body{
	position:relative;
	padding:0 22px 38px;
	-webkit-border-radius:6px;
	border-radius:6px;
	-webkit-box-shadow:1px 1px rgba(0,0,0,0.11);
	box-shadow:1px 1px rgba(0,0,0,0.11);
	background:#fff;
}
.team--a .mainArea__title{
	position:absolute;
	top:-100px;
	left:50%;
	margin-left:-126px;
}
.team--b .mainArea__title{
	position:absolute;
	top:-120px;
	left:50%;
	margin-left:-86px;
}
.team--x .mainArea__title{
	position:absolute;
	top:-70px;
	left:50%;
	margin-left:-166px;
}
.team--y .mainArea__title{
	position:absolute;
	top:-81px;
	left:50%;
	margin-left:-150px;
}
.mainArea__wrap{
	padding:51px 0 0 0;
}
.mainArea__slide{
	width:614px;
	height:567px;
	position:relative;
}
.mainArea__slide:after{
	content:"";
	display:block;
	position:absolute;
	bottom:0;
	width:100%;
	height:1px;
	background:url(../images/border--dotline.png)repeat-x;
}
.mainArea__slideBody{
	position:relative;
	height:auto;
	margin-left:33px;
}
.mainArea__slideItem {
  position: absolute;
  width:549px;
  height:552px;
}
.mainArea__slideItem .item * {
	filter: inherit;
}
.mainArea__slidePrev{
	position:absolute;
	top:184px;
	left:2px;
	cursor:pointer;
}
.mainArea__slideNext{
	position:absolute;
	top:184px;
	right:2px;
	cursor:pointer;
}
.mainArea__slidePrev:hover,
.mainArea__slideNext:hover{
	opacity:0.7;
}
.mainArea__slideMovie{
	position:absolute;
	top:360px;
	left:0;
	text-align:left;
}
.mainArea__slideMovie-title{
	display:inline-block;
	vertical-align:middle;
	margin-bottom:9px;
	font-weight: bold;
	position:relative;
	padding-left:14px;
	line-height:1.4;
	text-indent:-500%;
	overflow:hidden;
	width: 77px;
	height:16px;
	background: url(../images/mainArea__slideMovie-title.png) no-repeat 14px 0;
}
.mainArea__slideMovie-title br{
	display:none;
}
.mainArea__slideMovie-title:before{
	content:"";
	display:inline-block;
	width:5px;
	height:100%;
	background:#ffe600;
	-webkit-border-radius:3px;
	border-radius:3px;
	vertical-align:middle;
	position:absolute;
	top:0;
	left:1px;
}
.mainArea__slideMovie-image{
	padding-left:2px;
	margin-bottom:19px;
}
.mainArea__slideMovie-image a:hover{
	opacity:0.7;
}
.mainArea__movieBtn {
	display:none;
}
.mainArea__slideMovie-category{
	display:inline-block;
	vertical-align:middle;
	font-weight: bold;
	position:relative;
	padding-left:16px;
	line-height:1.6;
}
.mainArea__slideMovie-category:before{
	content:"";
	display:inline-block;
	width:5px;
	height:63px;
	background:#ffe600;
	-webkit-border-radius:3px;
	border-radius:3px;
	vertical-align:middle;
	position:absolute;
	top:0;
	left:1px;
}
.mainArea__detail{
	padding-top:23px;
	text-align:left;
}
.mainArea__detailTitle{
	margin-bottom:18px;
}
.mainArea__detailText{
	padding-left:8px;
	margin-bottom:28px;
	line-height:1.8;
	font-weight: bold;
	font-size:116.6666667%;
}
.mainArea__detailBtn{
	text-align:center;
	line-height:40px;
	position:relative;
	font-size:116.6666667%;
	font-weight: bold;
	font-weight:bold;
	letter-spacing:0.2em;
	text-indent: -500%;
	overflow:hidden;
}
.mainArea__detailBtn br{
	display: none;
}
.mainArea__detailBtn a{
	display:block;
	border:6px solid #ffe600;
	width:568px;
	height:100%;
	margin-left:7px;
	text-decoration:none;
	background: url(../images/mainArea__detailBtn.png) no-repeat center center;
}
.btn--arrow a:after{
	content:"";
	position:absolute;
	top:50%;
	right:54px;
	margin-top:-11px;
	width:24px;
	height:22px;
	background:url(../images/btn--arrow.png) no-repeat;
}
.btn--arrow a:hover{
	opacity:0.5;
	color:#000;
}
.directorArea{
	padding-top:27px;
}
.directorArea__title{
	margin-bottom:44px;
}
.directorArea__comment{
	position:relative;
	margin-bottom:31px;
}
.directorArea__comment:after{
	content:"";
	display:table;
	clear:both;
}
.directorArea__images{
	position:absolute;
	top:50%;
}
.comment--left .directorArea__images{
	left:-4px;
	margin-top:-66px;
}
.comment--right .directorArea__images{
	right:-1px;
	margin-top:-62px;
}
.directorArea__textArea{
	width:477px;
	padding:33px 11px 7px 29px;
	font-size:108.3333333%;
	font-weight: bold;
	line-height:2;
	text-align:left;
	-webkit-border-radius:30px;
	border-radius:30px;
	letter-spacing:0em;
	position:relative;
	-webkit-box-shadow:1px 1px rgba(0,0,0,0.11);
	box-shadow:1px 1px rgba(0,0,0,0.11);
	background:#fff;
}
.comment--left .directorArea__textArea{
	float:right;
}
.comment--left .directorArea__textArea:before{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: -11px;
	width: 11px;
	height: 22px;
	margin-top: -11px;
	background:url(../images/comment--left.png);
}
.comment--right .directorArea__textArea{
	float:left;
}
.comment--right .directorArea__textArea:before{
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: -12px;
	width: 12px;
	height: 24px;
	margin-top: -12px;
	background:url(../images/comment--right.png);
}
.directorArea__text{
	margin-bottom:21px;
	font-weight: bold;
}
.sideArea{
	width:221px;
	float:left;
}
.sideArea__body{
	padding-top:23px;
	padding-bottom:12px;
	background:#ffe600;
	-webkit-border-radius:10px;
	border-radius:10px;
	margin-bottom:20px;
}
.sideArea__title{
	padding-right:3px;
	margin-bottom:23px;
}
.sideArea__nav{
}
.sideArea__navList{
	position:relative;
	width:181px;
	height:110px;
	margin:0 auto 14px;
}
.sideArea__navList img {
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.navList--current::after{
	content:"";
	position:absolute;
	display:block;
	top:-7px;
	left:50%;
	margin-left:-24px;
	width:51px;
	height:24px;
	background:url("../images/navList--current.png") 0 0 no-repeat;
	z-index:10;
}
.sideArea__bannerImages{
	margin-bottom:5px;
}
.sideArea__bannerImages a{
	display:block;
	width:100%;
	height:100%;
	position:relative;
}
.sideArea__bannerImages:hover a:before{
	content:"";
	position:absolute;
	width:100%;
	height:100%;
	background:#fff;
	opacity:0.3;
	-webkit-border-radius:12px;
	border-radius:12px;
}
.sideArea__bannerText{
	font-weight: bold;
	color:#6e6e6e;
	width: 221px;
	height: 31px;
	background: url(../images/sideArea__bannerText.png) no-repeat center center;
	text-indent: -500%;
	overflow:hidden;
}
.sideArea__bannerText br{
	display: none;
}