@charset "utf-8";


/*--------------------------------------
  STRUCTURE
---------------------------------------*/

	/* inner
	##################################### */

	/*div#contents {
		float: left;
		overflow: hidden;
		width: 1000px;
		margin-top: 80px;
		padding: 0 0px;
		background:url(../img/cast_bg.png) top center no-repeat ;
	}
*/
	div#main-cast {
		position: relative;
		left: 0;
		margin: 0 auto;
		overflow: hidden;
		width: 750px;
		/*height: 5912px;*/
	}

		div#cast-box {
			/*position: absolute;
			top: 0;
			left: 0;*/
			overflow: hidden;
			width: 750px;
			margin: 0 auto;
			padding-bottom: 450px;
			background:url(../img/cast_bg.png) bottom center no-repeat #d90b18;
			/*background-color: #d90b18;*/
		}


		.ttl-cast { background: url(../img/ttl_01.png) 0 0 no-repeat ;
			position: relative;
			margin: 0 auto;
			width: 750px;
			height: 101px;
			overflow: hidden;
			text-indent: 100%;
			white-space: nowrap;
			margin-top: 0px;
		}

	/*	.ttl-staff { background: url(../img/ttl_02.png) 0 0 no-repeat ;
			position: relative;
			margin: 0 auto 20px;
			width: 750px;
			height: 82px;
			overflow: hidden;
			text-indent: 100%;
			white-space: nowrap;
			margin-top: 0px;
		}
*/



	/* cast dl dt dd
	##################################### */

	.box-chara {
		width: 690px;
		margin: 0 30px 50px 30px;
		overflow: hidden;
	}

		.box-chara dl {
			float: left;
			width: 540px;
			overflow: hidden;
			padding: 0 0 0 0 ;
			color: #fff;
		}

		.box-chara-mc {
			width: 690px;
			margin: 0 30px 50px 30px;
			overflow: hidden;
		}

			.box-chara-mc dl {
				float: left;
				width: 100%;
				overflow: hidden;
				padding: 0 0 0 0 ;
				color: #fff;
			}

		.staff-box-chara {
			width: 690px;
			margin: 0 auto 30px;
			overflow: hidden;
			text-align: center;
			font-weight: bold;
			/*font-size: 10px;*/
		}


	/* photo
	##################################### */

	.box-photo {
		float: left;
		width: 150px;
		height: 180px;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
		background-repeat: no-repeat;
		padding-bottom: 30px;
	}

		.photo-01 { background: url(../img/photo/photo_01.png) 0 0 no-repeat ;}
		.photo-02 { background: url(../img/photo/photo_02.png) 0 0 no-repeat ;}
		.photo-03 { background: url(../img/photo/photo_03.png) 0 0 no-repeat ;}
		.photo-04 { background: url(../img/photo/photo_04.png) 0 0 no-repeat ;}
		.photo-05 { background: url(../img/photo/photo_05.png) 0 0 no-repeat ;}
		.photo-06 { background: url(../img/photo/photo_06.png) 0 0 no-repeat ;}
		.photo-07 { background: url(../img/photo/photo_07.png) 0 0 no-repeat ;}
		.photo-08 { background: url(../img/photo/photo_08.png) 0 0 no-repeat ;}
		.photo-09 { background: url(../img/photo/photo_09.png) 0 0 no-repeat ;}
		.photo-10 { background: url(../img/photo/photo_10.png) 0 0 no-repeat ;}
		.photo-11 { background: url(../img/photo/photo_11.png) 0 0 no-repeat ;}
		.photo-12 { background: url(../img/photo/photo_12.png) 0 0 no-repeat ;}
		.photo-13 { background: url(../img/photo/photo_13.png) 0 0 no-repeat ;}
		.photo-14 { background: url(../img/photo/photo_14.png) 0 0 no-repeat ;}
		.photo-15 { background: url(../img/photo/photo_15.png) 0 0 no-repeat ;}
		.photo-16 { background: url(../img/photo/photo_16.png) 0 0 no-repeat ;}
		.photo-17 { background: url(../img/photo/photo_17.png) 0 0 no-repeat ;}
		.photo-18 { background: url(../img/photo/photo_18.png) 0 0 no-repeat ;}
		.photo-19 { background: url(../img/photo/photo_19.png) 0 0 no-repeat ;}
		.photo-20 { background: url(../img/photo/photo_20.png) 0 0 no-repeat ;}
		.photo-21 { background: url(../img/photo/photo_21.png) 0 0 no-repeat ;}
		.photo-22 { background: url(../img/photo/photo_22.png) 0 0 no-repeat ;}
		.photo-23 { background: url(../img/photo/photo_23.png) 0 0 no-repeat ;}
		.photo-24 { background: url(../img/photo/photo_24.png) 0 0 no-repeat ;}
		.photo-25 { background: url(../img/photo/photo_25.png) 0 0 no-repeat ;}
		.photo-26 { background: url(../img/photo/photo_26.png) 0 0 no-repeat ;}
		.photo-27 { background: url(../img/photo/photo_27.png) 0 0 no-repeat ;}
		.photo-28 { background: url(../img/photo/photo_28.png) 0 0 no-repeat ;}
		.photo-29 { background: url(../img/photo/photo_29.png) 0 0 no-repeat ;}
		.photo-30 { background: url(../img/photo/photo_30.png) 0 0 no-repeat ;}
		.photo-31 { background: url(../img/photo/photo_31.png) 0 0 no-repeat ;}
		.photo-32 { background: url(../img/photo/photo_32.png) 0 0 no-repeat ;}
		.photo-33 { background: url(../img/photo/photo_33.png) 0 0 no-repeat ;}
		.photo-34 { background: url(../img/photo/photo_34.png) 0 0 no-repeat ;}
		.photo-35 { background: url(../img/photo/photo_35.png) 0 0 no-repeat ;}


	/* ttl name
	##################################### */

	/*斜め*/
	/*.ttl-name {
		position: relative;
		display: block;
		font-size: 30px;
		line-height: 1.4em;
		font-weight: bold;
		padding: 7px 50px 0 10px;
		margin: 0 0 10px 0;
		color: #d90b18;
		background: #fff;
		overflow: hidden;
	}

	.ttl-name:before {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		border-width: 0 50px 50px 0;
		border-style: solid;
		border-color: #d90b18 #d90b18 #fff #fff;
		background: #d90b18;
		display: block;
		width: 0;
	}
*/
.ttl-name {
	position: relative;
	display: block;
	font-size: 30px;
	line-height: 1.4em;
	font-weight: bold;
	padding: 7px 35px 0 10px;
	margin: 0 0 10px 0;
	color: #d90b18;
	/*background: #fff;*/
	background: url(../img/bg_ttl_name_end.png) right top repeat-y #fff;
	overflow: hidden;
}
/*
.ttl-name:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 35px;
	height: 100%;
	background: url(../img/bg_ttl_name_end.png) center top repeat-y;
	display: block;
}
*/
	.box-chara-mc .ttl-name {
		display: block;
		margin-left: 0;
		font-size: 30px;
		line-height: 1.4em;
		font-weight: bold;
		margin-bottom: 15px;
	}

	/*斜め*/
	/*.ttl-name-2 {
		position: relative;
		display: block;
		font-size: 30px;
		line-height: 1.2em;
		font-weight: bold;
		padding: 7px 81px 0 10px;
		margin: 0 0 10px 0;
		color: #d90b18;
		background: #fff;
		overflow: hidden;
	}

	.ttl-name-2:before {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		border-width: 0 81px 81px 0;
		border-style: solid;
		border-color: #d90b18 #d90b18 #fff #fff;
		background: #d90b18;
		display: block;
		width: 0;
	}*/

/*格子*/
.ttl-name-2 {
	position: relative;
	display: block;
	/* margin-left: 30px; */
	font-size: 30px;
	line-height: 1.2em;
	font-weight: bold;
	padding: 7px 35px 0 10px;
	margin: 0 0 10px 0;
	color: #d90b18;
	/*background: #fff;*/
	background: url(../img/bg_ttl_name_end.png) right top repeat-y #fff;
	overflow: hidden;
}
/*
.ttl-name-2:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 35px;
	height: 100%;
	background: url(../img/bg_ttl_name_end.png) center top repeat-y;
	display: block;
}
*/

	/* chara-setting
	##################################### */

	.chara-setting {
		margin-left: 10px;
		font-size: 15px;
		line-height: 22.5px;
		margin-bottom: 10px;
	}

	.box-chara-mc .chara-setting {
		margin-left: 10px;
		font-size: 15px;
		line-height: 22.5px;
		margin-bottom: 10px;
	}

	.chara-setting2 {
		padding: 0 0 12px 0;
		margin-left: 21px;
		margin-bottom: 10px;
		line-height: 1.4em;

	}

		.chara-setting-noline {
			padding-bottom: 5px;
			margin-bottom: 6px;
			line-height: 1.4em;
		}


		.chara-profile {
			padding: 0 0 0 10px;
			font-size: 85%;
			line-height: 1.4em;
		}

		.box-chara-mc .chara-profile {
			padding: 0 0 0 10px;
			font-size: 85%;
			line-height: 1.4em;
		}

		.chara-profile strong {
			font-weight: bold;
		}

	img {
		vertical-align: baseline !important;
	}