@charset "utf-8";
/* CSS Document */

/*
===== CONTENTS ===========================================

  01. content base
  02. content：staff
  03. content：cast
  04. content：ticket info

==========================================================
*/




/* -------------------------------------------------------
  01. content base
------------------------------------------------------- */

#layoutLeft {	
	height: 4500px;
}
#layoutMain {
	color : #505050;
	height: 3800px;
}

.headlineStaffSub {
	margin : 0 auto;
	padding: 0 0 30px;
	width  : 920px;
}
.headlineContentSub{
	padding: 0 0 30px;
}










/* -------------------------------------------------------
   02. content：staff
------------------------------------------------------- */

#parallaxStaff01{
	top: -35px;
}
#block_staff_01 .content_inner{
	padding: 100px 0 50px;
}
#block_staff_01 .txt_area_inner{
	top: -50px;
}


#block_staff_01 .whiteBox {
	padding: 70px 0 45px 45px;
}
#block_staff_01 .leftSide {
	background: url(../../staff/img/bg_staff_border.png) repeat-y right top;
	float     : left;
	min-height: 351px;
	height    : auto !important;
	height    : 351px;
	margin    : 0 40px 0 0;
	width     : 520px;
}
#block_staff_01 .leftSide dd {
	float  : left;
	padding: 12px 0 0;
	margin : 0 7px 0 0; 
}
#block_staff_01  .rightSide {
	float: left;
	width: 320px;
}
#block_staff_01  .rightSide dt {
	font-size  : 16px;
	font-weight: bold;
}
#block_staff_01  .rightSide dd {
	padding: 0 0 15px;
}
#block_staff_01  .rightSide .english {
	font-size: 10px;
}













/* -------------------------------------------------------
   03. content：cast
------------------------------------------------------- */

/*  cast01  */
#parallaxStaff02{
	top: 0px;
}
#block_staff_02 .content_inner{
	padding: 100px 0 100px;
}
#block_staff_02 .txt_area_inner{
	top: 0;
}



#block_staff_02 .whiteBox {
	padding: 35px 0 45px;
}
#block_staff_02 .dancerTableWrap{
	border: 1px solid #B93D3B;
	margin: 0 auto 25px;
	width : 900px;
}
#block_staff_02 .dancerTable thead th {
	background : url(../../staff/img/bg_dancer_table_02.jpg) repeat left top;
	border     : 1px solid #FFF;
	color      : #FFF;
	font-size  : 12px;
	font-weight: bold;
	padding    : 10px 0 8px;
	text-align : center;
}
#block_staff_02 .dancerTable thead th.corner {
	background : url(../../staff/img/bg_dancer_table_01.jpg) repeat left top;
}

#block_staff_02 .dancerTable tbody th {
	background : url(../../staff/img/bg_dancer_table_03.jpg) repeat left top;
	border     : 1px solid #FFF;
	color      : #FFF;
	font-size  : 14px;
	font-weight: bold;
	line-height: 1.4;
	padding    : 9px 0 3px;
	text-align : center;
	width      : 100px;
}
#block_staff_02 .dancerTable tbody th span {
	display    : block;
	font-size  : 10px;
	font-weight: normal;
}

#block_staff_02 .dancerTable td {
	background: url(../../staff/img/bg_dancer_table_04.jpg) no-repeat left top;
	border    : 1px solid #FFF;
	font-size : 10px;
	padding   : 10px 0 10px 25px; 
	width     : 88px;
}
#block_staff_02 .dancerTable td.colored {
	background: url(../../staff/img/bg_dancer_table_05.jpg) no-repeat left top;
}
#block_staff_02 .dancerTable a {
	color          : #505050;
	display        : block;
	font-size      : 14px;
	font-weight    : bold;
	left           : -12px;
	position       : relative;
	text-decoration: underline;
}
#block_staff_02 .dancerTable a:hover {
	color          : #E7CF88;
	text-decoration: none;
}
#block_staff_02 ul{
	margin: 0 auto;
	width : 900px;
}








/*  cast02  */
#parallaxStaff03{
	top: 0px;
}
#block_staff_03 .content_inner{
	padding: 50px 0 50px;
}
#block_staff_03 .txt_area_inner{
	top: 50px;
}



#block_staff_03 .whiteBox {
	padding: 35px 0 45px;
}
#block_staff_03 h4 {
	margin : 0 auto;
	padding: 0 0 3px;
	width  : 494px;
}
#block_staff_03 h4 img {
	display: block;
}
#block_staff_03 .castWrap {
	background: url(../../staff/img/bg_head_dancer.png) no-repeat center 17px;
	margin    : 0 auto;
	padding   : 0 0 30px;
	width     : 896px;
}
#block_staff_03 #castWrap02 {
	background: url(../../staff/img/bg_head_dancer.png) no-repeat center 24px;
}
#block_staff_03 .castDetail {
	float : left;
	margin: 0 32px 0 0;
	width : 277px;
}
#block_staff_03 #castDetail03,
#block_staff_03 #castDetail06 {
	margin: 0;
}
#block_staff_03 .castDetail dt {
	padding: 0 0 10px;
}
#block_staff_03 .castDetail dd {
	padding   : 0 0 3px;
	text-align: center;
}











/* -------------------------------------------------------
   04. content：ticket info
------------------------------------------------------- */


#parallaxStaff04{
	top: 0px;
}
#block_staff_04 .content_inner{
	padding: 100px 0 100px;
}
#block_staff_04 .txt_area_inner{
	top: 0px;
}