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

/*
	Site Name:  2009/2010 henry6th website
	Description: staff,cast  html setting
	Version: 
	Author: 
*/

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

	1: cast top layout
	2: cast detail layout


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


/* -------------------------------------------------------
  1: cast top layout
------------------------------------------------------- */
#correlationMap {
/*	background: url(../../staff_cast/img/bg_correlation.gif) no-repeat left top;*/
	width     : 894px;
	height    : 502px;
	margin    :0 auto 10px auto;
}
#correlationMap table img {
	display            : inline;
	float              : left;
	margin             : 0px;
	padding            : 0px;
	border-top-style   : none;
	border-right-style : none;
	border-bottom-style: none;
	border-left-style  : none;
}
#correlationMap table td {
	margin : 0px;
	padding: 0px;
}

#mainContents h2 {
	text-align   : center;
	margin-bottom: 10px;
}
#mainContents .inner {
	width        : 886px;
	margin-right : auto;
	margin-bottom: 15px;
	margin-left  : auto;
	padding-left : 20px;
}
#mainContents .inner dl {
	float: left;
	width: 225px;
}
#mainContents .inner dl#dlNo2 {width: 135px;}
#mainContents .inner dl#dlNo3 {width: 180px;}
#mainContents .inner dl#dlNo4 {width: 310px;}
#mainContents .inner dt {
	float       : left;
	margin-right: 10px;
}
#mainContents table.cast {
	width : 880px;
	margin: 0 auto 25px auto;
}
#mainContents table.cast th {
	/*background-color: #FCFCFC;*/
	vertical-align: middle;
	width         : 90px;
	border-left   : 3px solid #FFF;
	padding       : 5px 0 5px 40px;
}
#mainContents table.cast td {
	vertical-align: middle;
	height        : 40px;
	padding       : 5px 0 5px 20px;
}

#ie6 #mainContents table.cast td {
	height        : 30px;
}
#ie7 #mainContents table.cast td {
	height        : 30px;
}
#mainContents table.cast .middle {
	text-align:center;
	width     : 8px;
	padding   : 5px 0px;
}

#mainContents table.cast .color th,
#mainContents table.cast .color td {
	background-color: #F0E7DA;
}
/*
#mainContents table.cast .color th {
	background-color: #EDE2D1;
}
#mainContents table.cast th.noColor {
	background-color: #FFF;
}
*/
#mainContents table.cast .blogLink,
#mainContents table.cast .blogLinkLong {
	width       : 110px;
	padding-left: 0px;
}


#staff #mainContents .pageTop {
	margin-right: 21px;
}
#staff #mainContents #marginSet{
	margin-right: 28px;
}
#ie6 table.cast .outlinkWhite {	padding-right: 0px;}
#ie7 table.cast .outlinkWhite {	padding-right: 0px;}

#ie6 table.cast .outlinkWhiteIE {
	padding-right: 15px;
	background: url(../img/icon_outlink_white.gif) no-repeat right 2px;
}
#ie7 table.cast .outlinkWhiteIE {
	padding-right: 15px;
	background: url(../img/icon_outlink_white.gif) no-repeat right 2px;
}



.castIcon123 {
	background    : url(../../staff_cast/img/icon_123.gif) no-repeat right top;
	padding-bottom: 3px;
	padding-right : 53px;
}
.castIcon12 {
	background    : url(../../staff_cast/img/icon_12.gif) no-repeat right top;
	padding-bottom: 3px;
	padding-right : 36px;
}
.castIcon23 {
	background    : url(../../staff_cast/img/icon_23.gif) no-repeat right top;
	padding-bottom: 3px;
	padding-right : 36px;
}
.castIcon1 {
	background    : url(../../staff_cast/img/icon_1.gif) no-repeat right top;
	padding-bottom: 3px;
	padding-right : 18px;
}
.castIcon2 {
	background    : url(../../staff_cast/img/icon_2.gif) no-repeat right top;
	padding-bottom: 3px;
	padding-right : 17px;
}
.castIcon3 {
	background    : url(../../staff_cast/img/icon_3.gif) no-repeat right top;
	padding-bottom: 3px;
	padding-right : 17px;
}

.pl15{
	padding-left:19px;
}





/* -------------------------------------------------------
  2: cast detail layout
------------------------------------------------------- */
#castDetail {
	width  : 660px;
	height : 480px;
	margin : 0px;
	padding: 0px;
}


#speech {
	width  : 660px;
	height : 75px;
	margin : 0px;
	padding: 0px;
}

#detailMain {
	background: url(../../staff_cast/img/bg_cast_detail.gif) repeat left top;
	width     : 610px;
	height    : 375px;
	margin    : 0;
	padding   : 15px 25px;
}
#detailLeft {
	float        : left;
	width        : 200px;
	margin-right : 30px;
	margin-bottom: 15px;
}
#ie6 #detailLeft {
	margin-bottom: 0px;
}
#ie7 #detailLeft {
	margin-bottom: 0px;
}
#detailLeft h1 {
	font-size  : 130%;
	font-weight: bold;
	text-align : center;
	padding-top: 10px;
}
#detailRight {
	float        : right;
	width        : 380px;
	margin-bottom: 15px;
	padding-top  : 10px;
}
#ie6 #detailRight {
	margin-bottom: 2px;
}
#ie7 #detailRight{
	margin-bottom: 2px;
}
#extra #detailRight {
	float        : none;
	width        : 100%;
	height		 : 302px;
}
#ie6 #extra #detailRight {
	height		 : 318px;
}
#ie7 #extra #detailRight {
	height		 : 318px;
}
#detailRight h2 {
	color        : #4B3416;
	font-size    : 130%;
	font-weight  : bold;
	margin-bottom: 15px;
}

#detailRight .firstParagraph {
	font-size     : 105%;
	font-weight   : bold;
	margin-bottom : 25px;
	padding-bottom: 25px;
	border-bottom : 1px dotted #141414;
}
#detailMain ul {
	clear      : both;
	padding-top: 12px;
	border-top : 1px dotted #141414;
}
#ie6 #detailMain ul {padding-top: 10px;}
#ie7 #detailMain ul {padding-top: 5px;}
#ie7 #detailMain #extra ul {padding-top: 11px;}

#detailMain ul li {
	float: left;
	width: 135px;
}
#detailMain ul .lastChild {
	float: right;
}
#borderImage {
	width       : 901px;
	margin-top  : 10px;
	margin-right: auto;
	margin-left : auto;
}