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

/*
	Site Name: New National Theatre, tokyo
	Description: staff page setting
	Version: 
	Author: 
*/

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

	01. content layout

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

/* -------------------------------------------------------
 	01. content layout
------------------------------------------------------- */
#layoutContent {
	margin    : 0 auto;
	padding   : 18px 0 25px; 
	width     : 928px;
}



/*  staff list style  */
.content01 {
	margin : 0px auto;
	padding: 0 0 45px;
	width  : 930px;
}
.content01 #director {
	border-right  : 1px solid #4F421F;
	padding       : 3px 15px 3px 0;
	vertical-align: top;
	width         : 600px;
}
.mac .content01 #director dl,
.mac .content01 td dl{
	font-size: 93%;
}
.content01 #director dt {
	float       : left;
	margin-right: 15px;
	width       : 111px;
}
.content01 #director dd{
	float      : left;
	line-height: 1.9;
	width      : 470px;
}
.content01 #director .name {
	font-size  : 123%;
	font-weight: bold;
	line-height: 1.6;
	padding    : 0;
}
.content01 #director .position {
}
.content01 #director .english {	
	padding: 0px 0 10px;
}
.content01 td {
	padding       : 0 0 20px 20px;
	vertical-align: top;
}
.content01 td.firstChild{
	padding: 5px 0 30px 20px;
}
.content01 td dl {
	padding: 0 0 5px;
}
.content01 td dt {
	font-weight: bold;
	font-size  : 113%;
}
.content01 td dd {
	line-height: 1.1;
}
.content01 td .position {
	padding-right: 8px;
}
.content01 td .english{
	display: block;
}
.content01 td .firstChild .english{
	padding-bottom: 6px; 
}
.content01 td .firstChild .profileBtn{
	padding-bottom: 6px; 
}
.content01 #staffList td dt em{
	padding-left: 48px;
}







/*  cast schedule style  */

.content02 {
	margin : 0 auto;
	padding: 0 0 0 ;
	width  : 920px;
}
.content02 #dancerSchedule .inner {
	float: left;
}
.content02 #dancerSchedule p {
	float    : right;
	font-size: 93%;
	padding  : 3px 10px 0 0;
}

.content02 .scheduleTables {
	border-collapse: collapse;
	margin         : 0px auto;
	width          : 920px;
}
.content02 .scheduleTables th{
	background-color: #35352D;
	border          : solid 1px #000000;
	color           : #FFF;
	padding         : 6px 0;
	text-align      : center;
	width           : 130px;
}
.content02 .scheduleTables .castGroup th{
	background-color: #3F3F3F;	
	padding: 2px 0;
}
.content02 .scheduleTables .castGroup td{
	font-size  : 113%;
	font-weight: bold;
	padding    : 2px 0;
}
.content02 .scheduleTables .castGroup td.castGroupA{
	background: #281717;
	color     : #FF3535;
}
.content02 .scheduleTables .castGroup td.castGroupB{
	background: #171724;
	color     : #3579FF;
}
.content02 .scheduleTables .castGroup td.castGroupC{
	background: #1E1E17;
	color     : #E1CA68;
}

.content02 .scheduleTables thead th{
	background-color: #373726;
	font-size       : 113%;
	font-weight     : bold;
	line-height     : 1.2;
}
.mac .content02 .scheduleTables thead th{
	font-size       : 103%;
}
.content02 .scheduleTables thead th.corner{
	background-color: #414135;
	font-size       : 103%;
	font-weight     : normal;
	width           : 110px;
}
.content02 .scheduleTables td{
	background: #191919;
	border    : solid 1px #000000;
	padding   : 10px 0;
	text-align: center;
}

.content02 .attention {
	font-size: 93%;
	margin   : 0px auto;
	padding  : 5px 0 0 2px;
	width    : 918px;
}







/*  cast lisr style  */

.content03 {
	margin : 30px auto 0;
	padding: 0 0 0 ;
	width  : 920px;
}
.content03 .sectionDancerWrap {
	border-bottom : 1px solid #3F392A;
	padding-bottom: 25px;
}
.content03 .secttionDancerGroup {
	float       : left;
	margin-right: 7px;
	width       : 301px;
}
.content03 .secttionDancerGroup h4 {
	border: 1px solid #3A3830;
	margin: 0px 0 5px;
}
.content03 .dancerDetail {
	border : 1px solid #3A3830;
	margin : 0px 0 5px;
	padding: 15px 5px 14px 12px;
}
.content03 #dancerGroupA .dancerDetail { background: #281717;}
.content03 #dancerGroupB .dancerDetail { background: #171724;}
.content03 #dancerGroupC .dancerDetail { background: #1E1E17;}

.content03 .dancerDetail p{
	float: left;
	width: 108px;
}
.mac .content03 .dancerDetail p{
	width: 103px;
}
.content03 .dancerDetail dl{
	float: left;
	width: 170px;
}
.mac .content03 .dancerDetail dl{
	width: 175px;
}
.content03 .dancerDetail dt {
	color      : #D5B780;
	font-size  : 103%;
	font-weight: bold;
	line-height: 1.2;
	padding    : 0 0 13px;
}
.content03 .dancerDetail dd a {
	font-size  : 113%;
	font-weight: bold;
}
.content03 #dancerGroupC {
	float       : right;
	margin-right: 0px;
}













/*  other style  */
.position {
	color  : #D5B780;
	padding: 3px 0 0;
}
.english {
	color    : #808080;
	font-size: 93%;
}
.roll{
	color  : #DDBF80;
	padding: 0 0 10px;
}
.mac .date{
	font-size: 83%;
}
.headLine {
	margin-bottom: 15px;
}
.pagetop {
	padding  : 15px 0 0px 0;
}