@CHARSET "UTF-8";

.channelListBlock {
 padding:0px 0 40px;
 border:none;
}

.channelHeading2 h2 {
 border-left: #E20011 5px solid;
 background: #EBECEE;
 padding: 5px 15px;
 font-size: 20px;
 font-weight: bold;
 margin:40px 0 0;
}

.channelHeading3 h3 {
 border-bottom: 2px solid #EBECEE;
 padding: 5px 0;
 font-size: 20px;
 font-weight: bold;
 margin:5px 0 0;
}
.channelHeading3 h3 span {
 border-left: #E20011 5px solid;
 padding: 0 15px;
}

.channelInfo {
 display:table;
 width:960px;
 margin-top:10px;
 background-color: #EAEEF6;
}
.channelInfo .channelInfoThumb {
 display:table-cell;
 width:230px;
 box-sizing:content-box;
 vertical-align:middle;
 background-color:#000;
}
.channelInfo .channelInfoThumb a,
.channelInfo .channelInfoThumb img{
 display:block;
 min-height:130px;
}
.channelInfo .channelInfoMain {
 display:table-cell;
 width:530px;
 min-height:130px;
 box-sizing: border-box;
 padding: 20px 15px 20px;
 border-top: 3px solid #DFE0E2;
 border-bottom: 3px solid #DFE0E2;
 border-left: 3px solid #DFE0E2;
}
.channelInfo .channelInfoMain h4 {
 font-weight: bold;
/* padding: 20px 15px 0;*/
}
.channelInfo .channelInfoMain h4 a {
 font-weight: bold;
 text-decoration: underline;
 background: url(http://www.tac-school.co.jp/library/renew-common/img/parts/arrowSquareSmall.png) no-repeat;
 background-position:0 2px;
 display: inline-block;
 padding-left: 26px;
}
.channelInfo .channelInfoMain h4 span {
 color: #E20011;
 display: inline-block;
 margin-left: 20px;
}
.channelInfo .channelInfoMain p {
 font-size: 12px;
 line-height: 1.3;
}
.channelInfo .channelInfoMain p.subTitle {
 font-weight: bold;
}
.channelInfo .channelInfoMain h4 + p {
 margin-top: 10px;
}
.channelInfo .channelInfoSub {
 display:table-cell;
 width:200px;
 min-height:130px;
 box-sizing: border-box;
 padding: 20px 15px 20px;
 border-top: 3px solid #DFE0E2;
 border-bottom: 3px solid #DFE0E2;
 border-right: 3px solid #DFE0E2;
 border-left: 1px solid #DFE0E2;
 background-color:#fff;
}
.channelInfo .channelInfoSub p.icon img {
 margin-left: 5px;
}
.channelInfo .channelInfoSub p.icon img:first-child {
 margin-left: 0;
}
.channelInfo .channelInfoSub dl {
 margin-top: 10px;
 font-size: 12px;
 line-height: 1.3;
}
.channelInfo .channelInfoSub dt {
 display: none;
}
.channelInfo .channelInfoSub dd {
}
.channelInfo .channelInfoSub dd.info {
 display: block;
 padding: 5px;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 -o-border-radius: 5px;
 border: 2px solid #E20011;
 color: #E20011;
 margin-top: 10px;
}
.channelInfo.noShow {
 color: #7f7f7f;
}
.channelInfo.noShow, 
.channelInfo.noShow .channelInfoSub {
 background-color: #F6F6F6;
}
.channelInfo.noShow dt {
 display: block;
}





/* 動画チャンネル
--------------------------------------------------------- */
#dougakozaMain {
    overflow: hidden;
    background-image: url(http://www.tac-school.co.jp/library/renew-common/img/parts/graphPaper.png);
    border-bottom: 4px solid #E20011;
}

#dougakozaMain .lecturer {
font-size:120%;
margin:0 0 30px;
}

.dougaBlock {
 padding:0;
 border:none;
}
.channelHeading3 div.dougaProperty {
 padding: 5px 0;
 font-size: 20px;
 font-weight: bold;
 margin:5px 0 0;
}
.channelHeading3 div.dougaProperty span {
 border-left: #E20011 5px solid;
 padding: 0 15px;
}

.channelHeading3 .dougaInfo {
border:1px solid #ccc;
border-left:none;
border-right:none;
padding:6px 0;
margin:10px 0 0;
overflow:hidden;
}
.dougaInfo div {
color:#fff;
font-weight:bold;
font-size:82%;
text-align:center;
border-radius:4px;
float:right;
padding:0 0 2px;
margin:0 0 0 8px;
}
.channelHeading3 .dougaInfo p.broadcastTerm {
float:left;
}
.channelHeading3 .dougaInfo p.icon {
float:right;
}
.channelHeading3 .dougaInfo p.icon img,
.recommendList .dougaInfo p.icon img {
 margin-left: 5px;
}
.recommendList .dougaInfo p.icon img:first-child {
 margin-left: 0;
}
.dougaInfo div.ic_seminar {
background:#EC0063;
width:67px;
}
.dougaInfo div.ic_syogakusya {
background:#1DC57A;
width:22px;
}


/* 動画：プレイヤーエリア */
.dougaMain {
padding:0;
margin:40px 0;
/*background:#ccc;*/
}
.dougaMain .douga {
width:640px;
float:left;
padding:10px;
background:#ccc;
}
.dougaMain .dougaSub {
width:290px;
min-height:360px;
float:right;
position:relative;
background:#ccc;
padding-bottom: 20px;
}
.dougaMain .dougaSub .title {
background:#686868;
color:#fff;
font-weight:bold;
padding:5px 15px;
margin:0;
}
.dougaMain .dougaSub .pdfList {
margin:10px;
}
.dougaMain .dougaSub .pdfList li {
padding:10px 2px 10px 45px;
background-color: #fff;
background-image: url(ic_resumepdf.png);
background-repeat: no-repeat;
background-position: 5px 5px;
margin-bottom: 5px;
}
.dougaMain .dougaSub .pdfList li a {
    font-weight: bold;
    text-decoration: underline;
    background: url(http://www.tac-school.co.jp/library/renew-common/img/parts/arrowSquareSmall.png) no-repeat;
    background-position: 0 2px;
    display: inline-block;
    padding-left: 26px;
    padding-right: 5px;
}
/*.dougaMain .dougaSub .pdfList li:before {
content: '＞';
margin:0 0 0 -1em;
color:#E20011;
font-weight:bold;
display:inline-block;
}
.dougaMain .dougaSub .pdfList li:after {
content:url('ic_pdf.gif');
margin:0 0 0 5px;
display:inline-block;
}*/

.dougaMain .dougaSub .widgetBox {
width:290px;
position:absolute;
bottom:0;
padding:0;
}
.dougaMain .dougaSub .widgetBox .clearfix {
 padding: 0 10px; 
}
.dougaMain .dougaSub .widgetBox .widgetTwitter {
float:left;
margin-right: 10px;
padding-top: 2px;
}
.dougaMain .dougaSub .widgetBox .widgetFacebook {
float:left;
margin-right: 10px;
}
.dougaMain .dougaSub .widgetBox .widgetG-plusone {
float:left;
}
.dougaMain .dougaSub .enquate a {
 display: block;
 padding: 5px 10px 5px 35px;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 -o-border-radius: 5px;
 border: 2px solid #E20011;
 color: #E20011;
 background-color: #fff;
    background-image: url(http://www.tac-school.co.jp/library/renew-common/img/parts/arrowSquareSmall.png);
    background-repeat: no-repeat;
    background-position: 10px 8px;
 margin: 10px;
}

/*動画：レコメンドエリア*/
.recommendMain {
width:100%;
border-top: 4px solid #E20011;
padding:30px 0 40px;
}
.recommendMain p {
text-align:center;
font-size:220%;
font-weight:bold;
margin:0 0 30px;
}
.recommendMain p span {
color:#E20011;
}

.recommendList {
width:972px;
margin:0 -12px 0 0;
}
.recommendList li {
width:231px;
float:left;
margin:0 12px 0 0;
}

.recommendList .bcDetail {
background:#ccc;
padding:0px 3px 3px 3px;
}

.recommendList .bcStatus {
padding:2px;
}
.recommendList .bcStatus div {
display:inline-block;
font-size:60%;
}
.recommendList .bcStatus div.ic_bcNow {
background:#1DC5AB;
width:32px;

color:#fff;
text-align:center;
border-radius:2px;
padding:0 1px;
margin:0 0 0;
}

.recommendList .dougaInfo {
margin:0 0 5px;
}
.recommendList .dougaInfo div {
float:left;
margin:0 5px 0 0;
}

.recommendList .bcDetail .bcSummary {
background:#fff;
padding:8px 5px 8px 5px;
}

.recommendList .bcDetail .bcSummary h2 {
margin:0 0 5px;
}
.recommendList .bcDetail .bcSummary h2 a {
font-weight: bold;
text-decoration: underline;
}
.recommendList .bcDetail .bcSummary p {
font-size:83%;
font-weight:normal;
text-align:left;
margin:0;
}
.recommendList .bcDetail .bcSummary .lecturer {
font-weight:bold;
}

.recommendList li .thumbBox{
	background-color: black;
	display: table;

}
.recommendList li .thumbBox img{
	display: table-cell; /* p要素でテーブルの構造を表現 */
	vertical-align: middle; /* 画像を垂直に */
	line-height: 0; /* ボックス内でのp要素の余分な下スペースを消去 */

}

/* HTML5 Video Player  */

/* video container */
.videoContainer{
	width:640px;
	height:480px;
	position:relative;
	overflow:hidden;
	background:#000;
	color:#ccc;
}
/* video caption css
.caption{
display:none;
position:absolute;
top:0;
left:0;
width:100%;
padding:10px;
color:#ccc;
font-size:20px;
font-weight:bold;
box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
background: #1F1F1F;
background:-moz-linear-gradient(top,#242424 50%,#1F1F1F 50%,#171717 100%);
background:-webkit-linear-gradient(top,#242424 50%,#1F1F1F 50%,#171717 100%);
background:-o-linear-gradient(top,#242424 50%,#1F1F1F 50%,#171717 100%);
}*/

/*** VIDEO CONTROLS CSS ***/
/* control holder */
.control{
	background:#333;
	color:#ccc;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	z-index:5;
	display:none;
}
/* control top part */
.topControl{
	height:11px;
	border-bottom:1px solid #404040;
	padding:1px 5px;
	background:#1F1F1F; /* fallback */
	background:-moz-linear-gradient(top,#242424 50%,#1F1F1F 50%,#171717 100%);
	background:-webkit-linear-gradient(top,#242424 50%,#1F1F1F 50%,#171717 100%);
	background:-o-linear-gradient(top,#242424 50%,#1F1F1F 50%,#171717 100%);
}
/* control bottom part */
.btmControl{
	clear:both;
	background: #1F1F1F; /* fallback */
	background:-moz-linear-gradient(top,#242424 50%,#1F1F1F 50%,#171717 100%);
	background:-webkit-linear-gradient(top,#242424 50%,#1F1F1F 50%,#171717 100%);
	background:-o-linear-gradient(top,#242424 50%,#1F1F1F 50%,#171717 100%);
}
.control div.btn {
	float:left;
	width:34px;
	height:30px;
	padding:0 5px;
	border-right:1px solid #404040;
	cursor:pointer;
}
.control div.text{
	font-size:12px;
	font-weight:bold;
	line-height:30px;
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;;
	width:30px;
	border:none;
	color:#777;
}
.control div.btnPlay{
	background:url(control.png) no-repeat 0 0;
	border-left:1px solid #404040;
}
.control div.paused{
	background:url(control.png) no-repeat 0 -30px;
}
.control div.btnStop{
	background:url(control.png) no-repeat 0 -60px;
}
.control div.spdText{
	border:none;
	font-size:14px;
	line-height:30px;
}
.control div.selected{
	font-size:14px;
	color:#ccc;
}
.control div.sound{
	background:url(control.png) no-repeat -88px -30px;
	border:none;
	float:right;
}
.control div.sound2{
	background:url(control.png) no-repeat -88px -60px !important;
}
.control div.muted{
	background:url(control.png) no-repeat -88px 0 !important;
}
.control div.btnFS{
	background:url(control.png) no-repeat -44px 0;
	float:right;
}
.control div.btnLight{
	background:url(control.png) no-repeat -44px -60px;
	border-left:1px solid #404040;
	float:right;
}
.control div.lighton{
	background:url(control.png) no-repeat -44px -30px !important;
}

/* PROGRESS BAR CSS */
/* Progress bar */
.progress {
	width:85%;
	height:10px;
	position:relative;
	float:left;
	cursor:pointer;
	background: #444; /* fallback */
	background:-moz-linear-gradient(top,#666,#333);
	background:-webkit-linear-gradient(top,#666,#333);
	background:-o-linear-gradient(top,#666,#333);
	box-shadow:0 2px 3px #333 inset;
	-moz-box-shadow:0 2px 3px #333 inset;
	-webkit-box-shadow:0 2px 3px #333 inset;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
.progress span {
	height:100%;
	position:absolute;
	top:0;
	left:0;
	display:block;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
.timeBar{
	z-index:10;
	width:0;
	background: #3FB7FC; /* fallback */
	background:-moz-linear-gradient(top,#A0DCFF 50%,#3FB7FC 50%,#16A9FF 100%);
	background:-webkit-linear-gradient(top,#A0DCFF 50%,#3FB7FC 50%,#16A9FF 100%);
	background:-o-linear-gradient(top,#A0DCFF 50%,#3FB7FC 50%,#16A9FF 100%);
	box-shadow:0 0 1px #fff;
	-moz-box-shadow:0 0 1px #fff;
	-webkit-box-shadow:0 0 1px #fff;
}
.bufferBar{
	z-index:5;
	width:0;
	background: #777;
	background:-moz-linear-gradient(top,#999,#666);
	background:-webkit-linear-gradient(top,#999,#666);
	background:-o-linear-gradient(top,#999,#666);
	box-shadow:2px 0 5px #333;
	-moz-box-shadow:2px 0 5px #333;
	-webkit-box-shadow:2px 0 5px #333;
}
/* time and duration */
.time{
	width:15%;
	float:right;
	text-align:center;
	font-size:11px;
	line-height:12px;
}

/* VOLUME BAR CSS */
/* volume bar */
.volume{
	position:relative;
	cursor:pointer;
	width:70px;
	height:10px;
	float:right;
	margin-top:10px;
	margin-right:10px;
}
.volumeBar{
	display:block;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background-color:#eee;
	z-index:10;
}

/* OTHERS CSS */
/* video screen cover */
.loading, #init{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(loading.gif) no-repeat 50% 50%;
	z-index:2;
	display:none; 
}
#init{
	background:url(bigplay.png) no-repeat 50% 50% !important;
	cursor:pointer;
}
.btnStop{
display:none;
}



/* 動作環境 */
.operatingEnvironmentBlock{
border-top:1px solid #d2d2d2;
background-color:#dfe0e2;
padding:40px 0;
}
.operatingEnvironmentBlock_messageArea{
border:#cecece 2px solid;
background-color:#ffffff;
box-sizing:border-box;
padding:20px;
width:960px;
margin:0 auto;

}
.operatingEnvironmentlock_tacchannel{
font-size:13px;
}
.operatingEnvironmentlock_tacchannel a{
color:#630062;
text-decoration:underline;
font-weight:bold;
}

.operatingEnvironmentlock_tacchannel:before{
content:url(operationenvironment_tacchannel.png);
margin-right: 4px;
}


.operatingEnvironmentlock_webschool{
font-size:11px;
margin-top:2px;
}
.operatingEnvironmentlock_webschool a{
color:#630062;
text-decoration:underline;
font-weight:bold;
}


/* ULIZAプレイヤー */
.ulizahtml5 {
  width: 100%;
  padding-top: calc(480 / 640 * 100%) !important;
  height: 0;
}
.vjs-center-menu {
  position: absolute;
  top: 0;
  width: 100%;
}
.douga.column.uliza {
  height: calc(480 / 640 * 100%);
  padding: 10px;
}

/* Webtac iframe */
.enquate-container {
  padding-bottom: 20px;
}
.enquate-title {
  background: #686868;
  color: #fff;
  font-weight: bold;
  padding: 5px 15px;
  margin: 0;
}
.enquate-url a {
  display: block;
  padding: 5px 10px 5px 35px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  border: 2px solid #e20011;
  color: #e20011;
  background-color: #fff;
  background-image: url(//www.tac-school.co.jp/library/renew-common/img/parts/arrowSquareSmall.png);
  background-repeat: no-repeat;
  background-position: 10px 8px;
  margin: 10px;
}