@charset "utf-8";
img.dancerpic:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 1;
	opacity: 0.8;
}
html,body {
	height:100%;
}
img.dancerpic{
	float:left;
}

table.dancertable{
	width:100%;
	min-height: 100%;
	border: 2px white solid;
}
table.dancertable tr td{
	color:#757573;
	border: 2px white solid;
	text-align:center;
	background-color:#dfe0db;
	height:8%;
	width:57px;
	font-size:15px;
	padding:8px 6px;
}
table.dancertable tr th{
	text-align:center;
	color:black;
	border: 2px white solid;
	background-color:#dfe0db;
	width:57px;
	padding:0 8px;
}	
.dancerschdule {
	display:none;
	width:100%;
	height:100%;
	background-color:black;
	color:white;
}
	div.rotate {
	position: relative;
	white-space:nowrap;
	text-align:left;
	//width:600px;
	font-family: 'Times New Roman;';
	//font-weight:800;
	-moz-transform:    scale( 3,1  );  /* Firefox */
	-webkit-transform: scale( 3,1 );  /* Chrome,Safari */
	-o-transform:      scale( 3,1 );  /* Opera */
	-ms-transform:     scale( 3,1 );  /* IE */
	transform:         scale( 3,1 );  /* CSS3 */
	white-space:nowrap;
	color:#f4cf73;
	text-shadow: 1px 1px 3px black;
    rotation-point: left bottom;
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
	top:650px;
	right:-40px;
	}

	div.rotate  p{
	font-size:50px;

	}

	div.rotate:before {
		color:#f4cf73;
  		-webkit-mask-image:-webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,1) 40%, rgba(0,0,0,0) 90%, rgba(0,0,0,0));
	}
	div.rotate:after {
		color:#fff;
  		-webkit-mask-image:-webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0) 20%, rgba(0,0,0,0.2) 36%, rgba(0,0,0,0.5) 40%, rgba(0,0,0,0.2) 44%, rgba(0,0,0,0) 60%, rgba(0,0,0,0));
	}


	div.castname {
	font-family: 'Times New Roman;';
	position: absolute;
	font-size:20px;
	font-weight:800;
	white-space:nowrap;
	color:#f4cf73;
	text-shadow: 1px 1px 3px black;
	top:30%;
	left:10px;
	text-align:left;
	}
	div.castname:before {
		color:#f4cf73;
  		-webkit-mask-image:-webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,1) 40%, rgba(0,0,0,0) 90%, rgba(0,0,0,0));
	}
	div.castname:after {
		color:#fff;
  		-webkit-mask-image:-webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0) 20%, rgba(0,0,0,0.2) 36%, rgba(0,0,0,0.5) 40%, rgba(0,0,0,0.2) 44%, rgba(0,0,0,0) 60%, rgba(0,0,0,0));
	}

	neon {
	    color: #fdf;
	    font-family: "Grand Hotel", fantasy;
	    font-style: italic;
	    text-shadow:
	        0 0 .1em #fdf,
	        0 0 .5em #fdf,
	        0 0 1em #fdf;
	    -moz-transition: text-shadow 1s;
	    -ms-transition: text-shadow 1s;
	    -o-transition: text-shadow 1s;
	    -webkit-transition: text-shadow 1s;
	    transition: text-shadow 1s;
	}
	.neon:hover {
	    text-shadow:
	        0 0 .1em #fdf,
	        0 0 .1em #fdf,
	        0 0 .1em #fdf,
	        0 0 .5em #fdf,
	        0 0 1em #fdf;
	}
	.neon a {
	    color: #f9f;
	}

	.neon.green {
	    color: #cfc;
	    text-shadow:
	        0 0 .1em #cfc,
	        0 0 .5em #cfc,
	        0 0 1em #cfc;
	}
	.neon.green:hover {
	    text-shadow:
	        0 0 .1em #cfc,
	        0 0 .1em #cfc,
	        0 0 .1em #cfc,
	        0 0 .5em #cfc,
	        0 0 1em #cfc;
	}
	
.imgWrap {
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	width: 136px;	/*画像の幅*/
	height: 1175px;	/*画像の高さ*/
}
.imgWrap img {
	display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
.imgWrap img:hover {
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
.cp_imghover {
overflow: hidden;
width: 136px;
/*height: 1175px;*/
/*margin: 20px auto;
border: 10px solid #ffffff;
box-shadow: 0 0 5px #cccccc;*/
cursor: pointer;
}
/*Morphing*/
.cp_morph {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.cp_morph img:hover {
/*-webkit-transform: rotate(360deg);
transform:rotateY(360deg);*/

	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
#dancer_page table {
	position: absolute;
    top: 0;	
}
#dancer_page table tr{
	overflow:hidden;

}
#dancer_page table td{
	/*height: 900px;*/
	/*overflow:hidden;*/
	background-color: black;

}
#dancer_page{
	background-color: black;
}