@charset "utf-8";

/********** #headerImg **********/
h1{
	text-align: left;
	}
#headerImg{
	background: url(../../profile/images/profile_img.jpg) no-repeat right 0 #000;
	height: 279px;	
	}


/********** #main **********/
#mainWrapBg{
	text-align: left;
	position: relative;
	z-index: 400;
	background: url(../images/contents_bg_shadow.png) no-repeat center 0;
	width: 100%;
	height: 69px;
	margin: -58px 0 0 0;
	}
h2{
	margin: 0 0 70px 0;	
	}
#mainWrap{
		margin: 70px auto 0 auto;
		width: 1097px;
	}
#mainWrap #cast_big{
	margin: 80px auto 110px auto;
	font-size: 116.7%;
	text-align: center;	
	}
#cast_big li{
	position: relative;
	width: 580px;
	margin: 0 auto 20px auto;
	}
#cast_big .name{
	position: absolute;
	top: 133px;
	left: 0;
	width: 580px;
	z-index: 100;
	}	
#cast_big .name span{
	font-size: 85.7%;
	}

#castBox{
	width: 750px;
	margin: 33px auto 55px auto;
	line-height: 1.5em;	
	}
#castBox #castL{
	float: left;	
	}
#castBox #castL h2{
	margin: 0 0 1em;
}
#castBox ul{
	display: flex;
	align-items: center;
	}
#castBox li{
	padding: 0 5px 0 0;	
	width: 25px;
}
#castBox li a{
	display: block;
	cursor: pointer;
	}
#castBox li a img{
	width: 100%;
	height: auto;
}
#castBox li#amebaBox,
#castBox li#webBox{
	width: auto;
	margin: 0 0 0 3px;
}
#castBox li#amebaBox a{
	border: 1px solid #2e8c3b;
	border-radius: 5px;
	color: #2e8c3b;
	line-height: 1em;
	display: inline-block;
	padding: 0.4em;
}
#castBox li#webBox a{
	border: 1px solid #000;
	border-radius: 5px;
	line-height: 1em;
	display: inline-block;
	padding: 0.4em;
}
#castBox ul{
	margin: 3px 0 0 0;
	}
#castBox dl{
	margin: 0 0 0 360px;
	padding: 20px 0 0 0;	
	}
#castBox dt{
	float: left;
	}
#castBox dd{
	margin: 0 0 10px 8em;
	}

.newsBigWrap{
	width: 600px;
	margin: 0 auto 100px auto;	
	}
.newsBox{
	padding: 7px 8px 7px 8px;
	border-bottom: 1px solid #c5cec7;				
	}
.dayBox{
	float: left;
	}
.ttlBox{
	margin: 0 0 0 70px;
	padding: 0 0 0 50px;
	}
	.detailBtn{
	margin: 20px 0 0 0;
	padding: 0 22px 0 0;
	text-align: right;
	background: url(../../news/images/arrow_square.gif) no-repeat right 1px;
	}

	
.castDesBox{
	width: 750px;
	margin: 33px auto 55px auto;
	line-height: 1.5em;	
	font-size: 14px;
}
.castDesBox p{
	margin: 1em 0;
}
.castDesBox ul{
	margin: 1em 0;
}
.castDesBox ul li{
	list-style: disc;
	margin: 0 0 0 20px;
}
	
/********** slider **********/
#slideBox{
	width: 750px;
	margin: 0 auto;
	position: relative;
	}

.slides_container {
	width:750px;
	overflow:hidden;
	position:relative;
	display:none;
	background: pink;
}

.slides_container a img {
	display:block;
}

#slides .prev{
	position:absolute;
	top:156px;
	left: -51px;
	width:51px;
	height:126px;
	display:block;
	z-index:110;
}
#slides .next{
	position:absolute;
	top:156px;
	right: -51px;
	width:51px;
	height:126px;
	display:block;
	z-index:110;
}



/********** #footer **********/
#footerWrap{
	background: url(../images/footer_RL.gif) repeat-x 0 bottom;
	height: 124px;
	z-index: 1100;
	}
#footerBg{
	background: url(../images/footer_bg.gif) no-repeat center 19px;
	z-index: 1200;
	}
#bannerWrap{
	width: 640px;
	margin: 0 auto 15px auto;
	}
#bannerWrap ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
#bannerWrap li{
	padding: 0 5px 0 5px;
}
	
#otherWrap{
	margin: 0 auto 0 auto;
	padding: 0 0 22px 0;
	width: 950px;
	}
#otherL div{
	float: left;
	padding: 0 20px 0 0;	
	}
#otherR div{
	float: left;	
	}
#otherRdeco{
	padding: 0 20px 0 7px;	
	}

.cast_slide_single{
	width: 400px;
    margin: 0 auto;
}