/*----------------------------------------------------------------------------------*/
/*                                                                                  */
/*  TOP LAYOUT STYLE                                                                */
/*                                                                                  */
/*----------------------------------------------------------------------------------*/

/* ================================================================================ */
/*  1.TOP                                                                           */  
/* ================================================================================ */

.sptopBanner{display:none;}

/* -------------------------------------------------------------------------------- */
/*  1-1.TOPHEAD                                                                     */  
/* -------------------------------------------------------------------------------- */

.topHead{
	height:350px;
	background:url(../img/bg_tophead.jpg);	
	}
	
.topHeadInner{
	width:1046px;
	height:350px;
	margin:0 auto;
	position:relative;
	background:url(../img/top_main_photo.png) no-repeat;
	}
	
.photoSlide{
	width:750px; /* width + prev/next Btn  */
	height:100px;
	background:url(../img/bg_photoSlide.png) no-repeat bottom;
	position:absolute;
	left:12px;
	/*top:270px;*/
	bottom:0;
	z-index:10;
	overflow:hidden;
	}

#slider1 {
	height:60px;
	position:absolute;
	top:46px !important;
	left:0;
	}

#slider1 div p{
	/*height:100px;
	width:680px;*/
	position:absolute;
	left:0px;
	top:0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	padding:12px 10px 0 10px;
	z-index:60;
	/*display:none;*/
	}

.bnrBox , .bnrBox2{
	display:inline-block;
	/*border:solid 1px #fff;*/
	/*color:#333;*/
	line-height:36px;
	font-size:10pt;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;	
	}

.bnrBox{
	width:610px;
	}

.bnrBox2{
	width:650px;
	}

.bnrBox.bnrDrama{background:url(../img/title_topBnr_drama.png) no-repeat 0 5px;padding-left:120px;}
.bnrBox.bnrMusical{background:url(../img/title_topBnr_musical.png) no-repeat 0 5px;padding-left:139px;}
.bnrBox.bnrCinema{background:url(../img/title_topBnr_cinema.png) no-repeat 0 5px;padding-left:100px;}
.bnrBox2.bnrKokuchi{padding-left:94px;}

.bnrBox a , .bnrBox2 a{
	color:#000;
	font-weight:bold;
	}

#slider1 div span.new{
	display: inline-block;
	margin-right:5px;
	margin-top:5px;
	float:left;
	}

#slider1 div span.kokuchi{
	position:absolute;
	top:-35px;
	left:15px;
	display:block;
	z-index:3000000000000;
	}
	

	.topImg1{
		display:none;
	}
	
/* -------------------------------------------------------------------------------- */
/*  1-2.TOPNAV                                                                      */  
/* -------------------------------------------------------------------------------- */

.topNav{
	width:100%;
	/*min-width:1046px;*/
	height:84px;
	background:url(../img/bg_topnav.gif) repeat-x;
	margin-bottom:45px;
    padding-top: 4px;
	box-sizing: border-box;
	}

.topNav p{
	display:none;
	}
	
.topNav li{
	float:left;
	}
	
.topNav li a{
	width:106px;
	height:80px;
	display:block;
	background-repeat:no-repeat;
	}

.topNav li a#topnavMain1{background-image:url(../img/btn_topnav_01.png);} /* drama */
.topNav li a#topnavMain2{background-image:url(../img/btn_topnav_02.png);} /* movie */
.topNav li a#topnavMain3{background-image:url(../img/btn_topnav_03.png);} /* star */
.topNav li a#topnavMain4{background-image:url(../img/btn_topnav_04.png);} /* cineme */
.topNav li a#topnavMain5{background-image:url(../img/btn_topnav_05.png); width: 105px;} /* shuzai column */
.topNav li a#topnavMain6{background-image:url(../img/btn_topnav_06.png); width: 105px;} /* blog */
.topNav li a#topnavMain7{background-image:url(../img/btn_topnav_07.png); width: 105px;} /* musical */
.topNav li a#topnavMain8{background-image:url(../img/btn_topnav_08.png); width: 105px;} /* guest */
.topNav li a#topnavMain9{background-image:url(../img/btn_topnav_09.png); width: 116px;} /* community */


/* -------------------------------------------------------------------------------- */
/*  1-2.TOPNAV --SP                                                                 */  
/* -------------------------------------------------------------------------------- */

.topNav--sp{
	display:none;
	}



/* -------------------------------------------------------------------------------- */
/*  1-3.TOPICS                                                                      */  
/* -------------------------------------------------------------------------------- */

.topics{
	background-color:#f9f7f4;
	-moz-border-radius: 8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	padding:70px 20px 50px 20px;
	position:relative;
	margin-bottom:60px;
	}
	
.topics h3{
	width:206px;
	height:69px;
	position:absolute;
	top:0;
	left:0;
	background:url(../img/title_topics.gif) no-repeat;
	}

/*.topics div{
	padding-right:15px;
	height:155px;
	overflow: auto;
}*/

/* common ****************************/
		
.topics dl{
	border-top:dotted 1px #b7b7b9;
	padding:20px 0;
	}

.topics dl:first-child{
	border-top:none;
	}

.topics dt , .topics dd{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	}

.topics h4{
	font-weight:bold;
	font-size:12pt;
	}

.topics .date > span{
	background-color:#fff;
	padding:0 5px;
	line-height:1em;
	font-size:8pt;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	}

.oshirase{
	/*border-bottom:solid 5px #dbd7d1;
	margin-bottom:20px;
	padding-bottom:10px;*/
	}

.news{
	/*
	height:400px;
	overflow: auto;
	*/
	}

.newsLine{
	border-top:solid 5px #dbd7d1;
	padding-top:20px;
	margin-top:10px;
	}

.topics .news dl{
	width:540px;
}

.boshu{
	font-size:10pt;
	background-color:#fa6e6e;
	color:#fff;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding:0 3px;
	}

.newmark{
	background-color:#E8282B;
	color:#fff;
	font-weight:normal;
	font-size:8pt;
	-moz-border-radius: 3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding:3px;
	display:inline-block;
	position:relative;
	top:-3px;
	line-height:1em;
	}

/* oshirase & news  (non photo ver)***********************/

.topics .phnon h4{
	padding-left:25px;
	background:url(../img/icon_topics.gif) no-repeat;
	}

.phnon dd{
	padding-left:25px;
	margin-top:5px;
	}



/* oshirase & news  (photo ver)**************************/


.ph dt{
	float:left;
	width:190px;
	box-sizing: border-box;
	margin-right:10px;
	}

.ph dt img{
	border:solid 5px #fff;
	}

.ph dd{
	float:left;
	width:365px;
	box-sizing: border-box;
	}

.topics .news .ph dd{
	width:335px;
	}
	
.topics p.btnTopics{
	position:absolute;
	right:20px;
	top:27px;
	font-size:10pt;
	}
	
	
/* -------------------------------------------------------------------------------- */
/*  1-4.TOPINFO                                                                     */  
/* -------------------------------------------------------------------------------- */

.topInfo{	
	/*border:solid 1px #eaeaea;
	border:solid 1px #e5e0e0;
	background:#fcf8f7 url(../img/bg_com_01.gif) no-repeat;
	padding:55px 20px 50px 20px;*/
	background-color:#fff;
	border:solid 1px #eaeaea;
	-moz-border-radius: 8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	padding:90px 20px 50px 20px;
	position:relative;	
	margin-bottom:50px;
	}

.topInfo h3{
	/*
	margin-bottom:25px;
	height:29px;
	*/
	width:375px;
	height:69px;
	position:absolute;
	left:-1px;
	top:-1px;
	}
	
#topInfoTit1{background:url(../img/title_topinfo_01_2.gif) no-repeat;}	
#topInfoTit2{background:url(../img/title_topinfo_02.gif) no-repeat;}
	
.topInfo div{
	height:400px;
	padding-right:15px;
	overflow:auto;
	}
	
.topInfo dl{
	border-top:dotted 1px #b7b7b9;
	padding:15px 0 15px 0;
	}

.topInfo dl:first-child{
	border-top:none;
	}
	
.topInfo dt{
	width:100px;
	float:left;
	}
	
.topInfo dd{
	float:right;
	width:435px;
	padding-top:5px;
	}
	
.topInfo dd p:first-child{
	font-weight:bold;
	/*margin-bottom:5px;*/
	font-size:11pt;
	color:#3d3735;
	}
	
.topInfo dd p:first-child + p{
	/*margin-bottom:5px;*/
	}

.evtUrl{
	color:#989898;
	}
	
.topDate{
	color:#848383;
	}
	
.topinfoList{
	position:absolute;
	top:27px;
	right:20px;
	}

.topInfo ul{
	padding-top:15px;
	}

.topInfo ul li{
	width:230px;
	height:230px;
	margin-bottom:40px;
	margin-left:35px;
	float:left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	}

.topInfo ul li p:first-child{
	margin-bottom:5px;
	}

.topInfo ul li p:first-child + p{
	color:#848383;
	}

.topInfo p.movTitle{
	font-size:11pt;
	}


/* -------------------------------------------------------------------------------- */
/*  2-1.TOPICS (PAGE)                                                               */  
/* -------------------------------------------------------------------------------- */

.topicsPage dl{
	border-top:dotted 1px #b7b7b9;
	padding:20px 0 15px 0;
	}

.topicsPage dt{
	width:100px;
	float:left;
	}
	
.topicsPage dd{
	float:right;
	width:500px;
	}

.topicsPage h4{
	font-weight:bold;
	font-size:11pt;
	}



/* -------------------------------------------------------------------------------- */
/*  4-1.IMG                                                                         */  
/* -------------------------------------------------------------------------------- */

.topNav li a,#topInfoTit1,#topInfoTit2,.topHead h1 + p , .topics h3 , a.btntopDetail{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
    }	
	
/* -------------------------------------------------------------------------------- */
/*  5-1.CLEARFIX                                                                    */  
/* -------------------------------------------------------------------------------- */	

.topNav ul:after,.topics dl:after,.topInfo dl:after,.topicsPage dl:after , .topInfo ul:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}