@charset "utf-8";

/* キャスト・スタッフ・ゲスト 共通
------------------------------------------------------------------*/
/* 背景 */
#csg .contentsArea{
	position: relative;
	width: 690px;
  margin: 0 auto;
	background: url(../images/csg/bg_csg.jpg) repeat-y;
	margin-bottom: 82px;
}
#csg .contentsArea:after {
	content: "";
	position: absolute;
	background: url(../images/csg/bg_bottom.png) no-repeat;
	width: 100%;
	height: 50px;
	bottom: -50px;
}
#csg .contents{
	background: url(../images/csg/bg_top.jpg) no-repeat;
}

/* title */
#csg .ttl{
	width:690px;
	height:528px;
	margin:0 auto;
	background:url(../images/csg/ttl.png) no-repeat top center;
}

/* menu */
#csg .ttl ul{
	overflow:hidden;
	margin:0 auto;
	padding-top:228px;
	width:562px;
}
#csg .ttl li{
	float:left;
	margin-bottom:8px;
	margin-right:18px;
}
#csg .ttl li:nth-of-type(2n){
	margin-right:0;
}

/* コンテンツ内 */
.bgContents{
	width: 628px;
	background: url(../images/csg/bg_contents.png) repeat-y;
	margin: 0 auto;
	padding: 10px 0;
}
#csg h2{
	text-align: center;
	padding: 10px;
}
.centerWrap{
	text-align: center;
}
.textArea{
	font-size: 12px;
	width: 600px;
	text-align: left;
	margin: 20px auto 40px;
	color: #7D3E2B;
}


/* cast
-----------------------------------------------------------*/
.castWrap{
	padding: 40px 0;
}

/* gest
-----------------------------------------------------------*/
.gestWrap .bgContents {
	position: relative;
}
.gestWrap .bgContents .coverImg{
	position: absolute ;
	top: 0;
}
.gestWrap .bgContents h3{
	text-align:center;
	margin:10px 0 15px;
}