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

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

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

	01. content layout

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

/* -------------------------------------------------------
 	01. content layout
------------------------------------------------------- */

/*   main staff,cast    */
.sectionStaff,
.sectionCast{
	border-bottom: 1px dotted #524D41;
	margin-bottom: 35px;
	padding      : 0 20px 30px;
}
.staffBox{
	clear: both;
	float: left;
	width: 410px;
}
.staffBox h3 {
	padding-bottom: 15px;
}
.staffBox dl {
	background  : url(../../staff/img/ph_staff_01.jpg) no-repeat left top;
	margin-left : 4px;
	padding-left: 120px;
}
.staffBox dt {
	color      : #D5BEA0;
	font-size  : 123%;
	font-weight: bold;
	line-height: 1.2;
	padding    : 0 0 3px;
}
.staffBox .name {
	color      : #fff;
	font-size  : 123%;
	font-weight: bold;
	line-height: 1.2;
}
.staffBox .englishName {
	color    : #9D9D9D;
	font-size: 83%;
	padding  : 1px 0 0;
}
.ie .staffBox .englishName {
	font-size: 93%;
	padding  : 0px 0 0;
}
.staffBox .profile {
	padding-top: 10px;
}
#staff02 dl {background : url(../../staff/img/ph_staff_02.jpg) no-repeat left top;}
#cast01 dl  {background : url(../../staff/img/ph_staff_03.jpg) no-repeat left top;}
#cast02 dl  {background : url(../../staff/img/ph_staff_04.jpg) no-repeat left top;}
#cast03 dl  {background : url(../../staff/img/ph_staff_05.jpg) no-repeat left top;}
#cast04 dl  {background : url(../../staff/img/ph_staff_06.jpg) no-repeat left top;}
#cast05 dl  {background : url(../../staff/img/ph_staff_07.jpg) no-repeat left top;}
#cast06 dl  {background : url(../../staff/img/ph_staff_08.jpg) no-repeat left top;}


#staff02,
#cast02,
#cast04,
#cast06{
	clear: none;
	float: right;
}
#cast01,
#cast02,
#cast03,
#cast04{
	padding-bottom: 30px;
}
#staff02 a{
	display: block;
	margin : 15px 0 0;
	width  : 163px;
}





/*   second staff,cast    */
.sectionCastSecond {
	border-bottom: 1px dotted #524D41;
	margin-bottom: 15px;
	padding      : 0 20px 30px;
}
.castSecondListWrap {
	width: 670px;
}
.staffSecondListWrap {
	clear: both;
}

.staffSecondListWrap ul {
	float  : left;
	padding: 0 60px 0 0;
}

.staffSecondListWrap .songDirector {
	padding-top: 0.7em;
}
#staff #layoutWrapBackImage #layoutWrap #layoutWrapInner #layoutMainBavckImage #layoutMain .sectionCastSecond.clearfix .staffSecondListWrap.clearfix .firstList{
	line-height: 1.7;
}


.castSecondListLeft{
	float: left;
	width: 215px;
}
.castSecondListCenter {
	float: left;
	width: 230px;
}
.castSecondListRight {
	float: left;
	width: 215px;
}
.castSecondDetail {
	background: url(../../staff/img/ph_staff_sub_01.jpg) no-repeat left top;
	min-height: 70px;
	height    : auto !important;
	height    : 70px;
	padding   : 10px 0 0 85px;
}
#castSub01 { background: url(../../staff/img/ph_staff_sub_01.jpg) no-repeat left top;}
#castSub02 { background: url(../../staff/img/ph_staff_sub_02.jpg) no-repeat left top;}
#castSub03 { background: url(../../staff/img/ph_staff_sub_03.jpg) no-repeat left top;}

#castSub01,
#castSub02,
#castSub03{
	padding-bottom: 30px;
}
.castSecondDetail dt{
	color      : #D5BEA0;
	font-size  : 93%;
	font-weight: bold;
	line-height: 1.3;
}
.castSecondDetail .name{
	color      : #fff;
	font-size  : 113%;
	font-weight: bold;
}
.castSecondDetail .englishName{
	color    : #9D9D9D;
	font-size: 83%;
}

.attention{
	padding-left: 20px;
}


#afterCast{
	padding: 0 0 0;
}