@charset "UTF-8";

/*=========================================================


	Site Name   XDCAM
	File Name   sample.css

	Create Date 2016/03/1


==========================================================*/

/* Start of "Micro clearfix" */
.clearfix { zoom: 1; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
/* End of "Micro clearfix" */


/*  Common page style
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/



.mod-sample-block .sample-detail-profile02 {
	padding: 10px;
	border: 5px solid #efefef;
}


.mod-sample-block .sample-detail-profile02 dl dt.mw140 {
	float: left;
	display: inline;
	width: 140px;
	margin-right: 10px;
}
.mod-sample-block .sample-detail-profile02 dl dd.mw140 {
	margin: 0 0 0 15px;
	padding: 0;
}


.mod-sample-block .sample-detail-profile02 dl dd p {
	margin: 0;
	padding: 0;
}
.mod-sample-block .sample-detail-profile02 dl dd p.title {
	margin: 0 0 1em;
	padding: 0;
}
.mod-sample-block .sample-detail-profile02 dl dd p a {
	margin-top: 1em;
}

.mod-sample-block .float_left02 {
	float: left;
	width:320px;
}
.mod-sample-block .float_right02 {
	float: right;
	width:320px;
	clear: none;
}

.mod-sample-block .sample-detail-box{
	padding-right: 0;
}


/* detail style tv-tokyo */
.mod-sample-block .sample-detail-box p.tvtokyo_txt{
	padding: 5px 7px;
}

.mod-sample-block div.sample-detail-corporate-tvtokyo {
    margin: 0;
	padding: 10px 20px;
	background: #efefef url(/xdcam/sample/images/icon_bg_corporate.jpg) no-repeat left bottom;
}

.mod-sample-block div.sample-detail-corporate-tvtokyo p {
	margin: 0;
	padding: 0;
	margin-bottom: 1em;
}
.mod-sample-block div.sample-detail-corporate-tvtokyo div.photo-box {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	margin-top: 10px;
	margin-left: 30px;
	display: block;
}
.mod-sample-block div.sample-detail-corporate-tvtokyo div.photo-box p {
	float: left;
	display: inline;
	width: 130px;
	margin-bottom: 10px;
	line-height: 1.3;
	font-size: 0.84615em;
}
.mod-sample-block div.sample-detail-corporate-tvtokyo div.photo-box p img {
	margin-right: 10px;
}

.contents_wrap{
	width: 950px;
	margin: 0 auto;
}

.table_style{
	top: -5px;
	width:950px!important;
	position: relative;
	margin: 0 auto;
	table-layout: fixed;
	word-wrap: break-word;
	background-color: #fff!important;
}

.table_style th{
		height: auto;
    padding: 14px 10px;
    border: 1px solid #999;
    word-wrap: break-word;
    vertical-align: middle;
	text-align:center;
	font-weight:bold;
	background-color:#eeeeee;
	}

.table_style td{
		height: auto;
    padding: 14px 10px;
    border: 1px solid #999;
    word-wrap: break-word;
    vertical-align: middle;
	}

	.table01{
		width: 179px!important;
	}

	.center{
		text-align:center;}


.mt_15{
	margin-top: 15px!important;
}
.c_table{
	text-align: center;
}

.t_align_r{
	text-align: right;
	padding-right:10px;
}

.pro_link{
	width: 950px;
	display: block;
	padding: 0px!important;
	margin-bottom: 10px;
}

.pro_link:after{
	content: "";
	clear: both;
	display: block;
}

.pro_link li{
	display: inline-block;
	float: left;
	list-style: none;
	margin-right: 10px;
}

/* Shine */
.pro_link .c5-shine,.pro_link_ft li {
	position: relative;
	overflow: hidden;
}
.pro_link .c5-shine::before,.pro_link_ft li::before {
	position: absolute;
	top: 0;
	left: -80%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
	background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
	background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
	-webkit-transform: skewX(-25deg);
	-ms-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.pro_link .c5-shine:hover::before,.pro_link_ft li:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

:root .pro_link .c5-shine img:hover,:root .pro_link_ft li img:hover {
	-ms-filter: "alpha(opacity=80)";
}

.last_list{
	margin: 0!important;
}

.anker_btn{
	width: 950px;
	display: block;
	padding: 0px!important;
	margin-bottom: 25px;
}

.anker_btn:after{
	content: "";
	clear: both;
	display: block;
}

.anker_btn li{
	display: inline-block;
	float: left;
	list-style: none;
	margin-right: 11px;
}

.list_text{
	width: 950px;
	text-align: right;
}

.pro_link_ft{
	width: 950px;
	display: block;
	padding: 0px!important;
	margin: 20px 0px 40px 0px;
}

.pro_link_ft:after{
	content: "";
	clear: both;
	display: block;
}

.pro_link_ft li{
	display: inline-block;
	float: left;
	list-style: none;
	margin-right: 10px;
}

.bg-c-bk{
	background-color: #000;
	padding-bottom: 1px;
}
.bg-c-bk + p {
  margin-top: 20px;
}
.bg-c-bk p{
	color: #fff;
}
.red-cf{
	color: #FE0000;
}


.img00 {background: url("../images/b0.jpg") no-repeat;}
.img01 {background: url("../images/b1.jpg") no-repeat;}
.img02 {background: url("../images/b2.jpg") no-repeat;}
.img03 {background: url("../images/b3.jpg") no-repeat;}
.img04 {background: url("../images/b4.jpg") no-repeat;}
.img05 {background: url("../images/b5.jpg") no-repeat;}
.img06 {background: url("../images/b6.jpg") no-repeat;}

.anker_btn li a {
    display: inline-block;
}

.anker_btn li a:hover {
	background-color: transparent; /* IE6対応 */
}

.anker_btn li a:hover img {
    visibility: hidden;
}


@media (max-width:320px){

.mod-sample-block div.sample-detail-corporate-tvtokyo div.photo-box {
	margin-left: 0px;
}

	.mod-sample-block div.sample-detail-corporate-tvtokyo div.photo-box p img {
	margin-right: 15px;
}

}

/* END style tv-tokyo */
