@charset "utf-8";

#hNaviMain{
	background:#000000;
}

#hNaviMain{
	width:100%;
	min-width:980px;
}

#hNaviMain .inner{
	width:1180px;
	margin:0 auto;
	padding:22px 0 8px;
	text-align:center;
}

#hNaviMain ul{
	padding:24px 0 0;
	position:relative;
	letter-spacing: -.40em;
}

#hNaviMain ul > li{
	display:inline-block;
	position:relative;
	/*letter-spacing: normal;*/
	letter-spacing:0.1em;
	font-size:16px;
}

#hNaviMain ul > li a{
	display:inline-block;
	line-height:30px;
	padding:0 0.6em;
	color:#FFFFFF;
	text-decoration:none;
}

#hNaviMain ul > li.recruit a{
	color:#b7183f;
}

.wideslider {
    width: 100%;
    height: 370px;
    text-align: left;
    position: relative;
    overflow: hidden;
}
 
.wideslider ul,
.wideslider ul li {
    float: left;
    display: inline;
    overflow: hidden;
}
 
.wideslider_base {
    top: 0;
    position: absolute;
}
.wideslider_wrap {
    top: 0;
    position: absolute;
    overflow: hidden;
 
}
.slider_prev,
.slider_next {
    top: 0;
    overflow: hidden;
    position: absolute;
    z-index: 100;
    cursor: pointer;
}

.slider_prev span,
.slider_next span{
	display:block;
	width:20px;
	height:65px;
    position: absolute;
    z-index: 1000;
    cursor: pointer;
}

.slider_prev {background:url(../images/main/slider_bg.png) repeat left top}
.slider_next {background:url(../images/main/slider_bg.png) repeat left top}

.slider_prev span{background:url(../images/main/prev.png) repeat left top;top:150px;right:10px;}
.slider_next span{background:url(../images/main/next.png) repeat left top;top:150px;left:10px;}
 
.pagination {
    bottom: 10px;
    left: 0;
    width: 100%;
    height: 15px;
    text-align: center;
    position: absolute;
    z-index: 200;
}
 
.pagination a {
    margin: 0 5px;
    width: 15px;
    height: 15px;
    display: inline-block;
    overflow: hidden;
    background: #333;
}
.pagination a.active {
    filter:alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
}
 
/* =======================================
    ClearFixElements
======================================= */
.wideslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
.wideslider ul {
    display: inline-block;
    overflow: hidden;
}


/*-----------------------------------

■main_indexInfo_elements property

-------------------------------------*/

.indexInfo {
	margin:22px auto 22px;
	padding:0 22px 0;
}

.indexInfo h2{
	font-size:22px;
	margin-bottom:0.5em;
	clear:both;
	color:#666;
}

.indexInfo .newfaceArea {
	width:49%;
	box-sizing: content-box;
	float:left;
	margin-left:-100%;
}
.indexInfo .infoArea {
	width:100%;
	box-sizing: content-box;
	display:inline-block;
	float:left;
}

.indexInfo .infoArea .inner{
	margin-left:51%;
}

.newfaceArea {
	position:relative;
}
.newfaceBox {
	width:100%;
	display:inline-block;
	text-align:left;
	background:#FFF;
/*
	border:1px solid #AAA;
*/
}

.newfaceBox .castListMain{
	padding:13px 13px 0 13px;
	background:#FFF;
	border:none;
}

.newfaceBox .castListMain .inner {
	padding:0!important;
	/*width:2000px;*/
}

.newfaceBox .castListMain .inner ul{
	margin:0!important;
}

.infoArea div.read {
	border:1px solid #BBB;
	height:348px;
	box-sizing: content-box;
	background-color:#FFF;
	overflow:auto;
}

.infoArea div.read ul{
	padding:13px 13px 13px 8em;
}

.infoArea div.read ul li{
	text-indent:-5.2em;
	font-size:16px;
	margin-bottom:0.5em;
}

.infoArea div.read ul li img{
	display:inline-block;
	padding-right:0.5em;
}

/** Main New Face @160427 **/

.infoBox {
	box-sizing: content-box;
/*
	border:1px solid #BBB;
	background-color:#FFF;
*/
}

.infoBox div{
	/*padding:13px 13px 13px 13px;*/
}

.infoBox a.castLink{
	display:block;
}

ul.castListNewFace li{
	margin:0 auto;
	  position: relative;
	padding:13px 13px 0 13px;
}

ul.castListNewFace li a.castLink{
	display:block;
	  background: #FFF;
}

ul.castListNewFace li .castPhoto{
	text-align:center;
}

ul.castListNewFace li .castPhoto img{
	width:100%;
}

ul.castListNewFace li .castProfile
{
	text-align:center;
	/*height:40px;*/
	line-height:56px;
}

.infoBox .castProfile
{
	text-align:center;
	line-height:56px;
}

ul.castListNewFace li .castProfile .castName,
.infoBox .castName
{
	color:#212121;
	font-size:16px;
	line-height:0px;
}

ul.castListNewFace li .castProfile .castSize3,
.infoBox .castSize3
{
	color:#666666;
	font-size:13px;
	line-height:0px;
	display:inline-block;
	padding-left:0.5em;
}

ul.castListNewFace li .castStatus{
	text-align:left;
	  background: #DDD;
	font-size:14px;
	line-height:22px;
}

ul.castListNewFace li .castStatus .isWork{
	display:inline-block;
	background-color:#a41495;
	color:#FFF;
	height:21px;
	padding:0 1em;
}

ul.castListNewFace li .castStatus .time{
	display:inline-block;
	height:21px;
	padding-left:16px;
	background:url(../images/common/time_arrow.png) no-repeat 5px center;
}

ul.castListNewFace li .castStatus .status{
	display:inline-block;
	float:right;
}

.newfaceBox .bx-wrapper .bx-viewport {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.indexInfo table{
	width:100%;
	table-layout: fixed;
	border-spacing: 0;
	border-collapse: collapse;
}

.indexInfo table td.col_{
	/*border: 1px solid #BBB;*/
	background-color: #FFF;
	vertical-align:top;
}

/*-----------------------------------

■main_castListMain_elements property

-------------------------------------*/


.castListMain{
	background:#FFF;
	/*border:1px solid #AAA;*/
}


.castListMain .inner{
	padding:13px 13px 0 13px;
}

.castListMain .inner ul{
	position:relative;
	letter-spacing: -.40em;
	margin-bottom:13px;
}

.castListMain .inner ul li{
	width:185px;
	display:inline-block;
	letter-spacing: normal;
	float:left;
	margin-right:3px;
}

.castListMain .inner ul li.rowlast{
	margin-right:0px!important;
}

.castListMain .inner ul li a{
	display:inline-block;
}

.castListMain .inner ul li .castPhoto{
	width:185px;
	height:277px;
	overflow:hidden;
}

.castListMain .inner ul li img{
	width:185px;
}

.castListMain .inner ul li .castProfile{
	background:#DDD;
	text-align:center;
	padding:4px;
}

.castListMain .inner ul li .castProfile .castName{
	font-size:13px;
	color:#121212!important;
}

.castListMain .inner ul li .castProfile .castName .date{
	display:inline-bllock;
	padding-right:0.5em;
	color:#F20C7F!important;
}

.castListMain .inner ul li .castProfile .castSize3{
	font-size:11px;
	color:#666!important;
}

.castListMain .inner ul li:last-child{
	margin-right:0px;
}

#scheduleSection{
	width:966px;
	margin:0 auto 22px;
}

#newsSection{
	width:966px;
	margin:0 auto 22px;
}

.newsListMain{
	background:#FFF;
	/*border:1px solid #AAA;*/
}

.newsListMain .inner{
	padding:13px;
}

.newsListMain .inner ul{
	display:block;
	width:49.9%;
	position:relative;
	letter-spacing: -.40em;
	font-size:0;
	box-sizing:border-box;
	float:left;
}

.newsListMain .inner ul li{
	letter-spacing: normal;
	font-size:14px;
	line-height:1.48;
	margin-bottom:3px;
	display:inline-block;
	width:100%;
}

.newsListMain .inner ul li:last-child{
	margin-bottom:0px;
}

.newsListMain .inner ul li a{
	display:block;
	color:#a41495;
}
.newsListMain .inner ul li span{
	display:inline-block;
}

.newsListMain .inner ul li span.body_{
	width:100%;
	display:block;
}

.newsListMain .inner ul li span.date_{
	width:52px;
	box-sizing:border-box;
	color:#555;
}

.newsListMain .inner ul li span.category_{
	position:relative;
	height:22px;
	box-sizing:border-box;
}

.newsListMain .inner ul li span.category_ img{
	position:relative;
	top:-1px;
	width:64px;
	height:auto;
}