@charset "UTF-8";

/* -----------------------------------------------
FileName:layout.css
----------------------------------------------- */
/* 
-------------------------------------------------------------------------*/
a,
a:link,
a:visited{}
a:hover,
a:active{}
#NAVIGATION{height:56px;}

/* 画像装飾 */
.face{
display:block;
position:relative;top:auto;left:auto;
padding:0!important;
border:0px solid transparent!important;
overflow:hidden;
zoom:100%;
}
.face .makeup{
display:block;
position:absolute;top:0px;left:0px;
width:100%;height:100%;
background-repeat:no-repeat;
background-color:transparent;
zoom:100%;
}
.face .makeup_w{
display:block;
position:absolute;top:0px;left:0px;
width:100%;height:100%;
background-repeat:no-repeat;
background-color:transparent;
zoom:100%;
}
.face a,
.face a .makeup{cursor: pointer;}
.face .txt_hide{display:none;}
/* 流し込み無し */
.rect{
overflow:hidden;
zoom:1;
}
.bg_black_b{
	padding-bottom:20px;
	background:#222 url(/ods/images/bg_black_b.gif) no-repeat left bottom;
}
.list_socialBtn li{
	margin-left:2px;
	display:inline-block;
	/display:inline;
	/zoom:1;
}

.sp,
.spOnly{
	display:none;
}

/********************************************************************
	#CONTENTS
 */

/* CONTENTS */
#CONTENTS {
	margin:0 auto;
	padding-bottom:0px;
	width:950px;
	background-color:#fff;
	text-align:left;
	line-height:120%;
}


/* etc */
#EVENT {
	margin:40px 0 2px 15px;
}
#content_after_opening{display:none;}
/* #pagetitle */
#pagetitle{
	height:73px;
	overflow:hidden;
	background:#f89c3e url(/ods/images/bg_orange_grade.gif) repeat-x left bottom;
}
#pagetitle h1{
	float:left;
	margin:6px 0 0 9px;
	width:520px;height:54px;}
#pagetitle h1 .makeup{background:url(/ods/images/pic_h1.gif)}
#pagetitle .list_socialBtn{
	margin-top:24px;
	float:right;
}


/********************************************************************
	#pic_content_opening
 */
#pic_content_opening{
	position:relative;left:0;top:0;z-index:120;
	width:950px;height:529px;
}
#pic_content_opening #only_start.makeup{background:url(/ods/images/pic_content_opening.gif) no-repeat left top;}



/********************************************************************
	#main
 */
#main{padding:11px 18px 0 20px;}
#main .left{
	float:left;
	width:620px;
}
	/* main画像 */
	#bg_mian_m{width:618px;background:url(/ods/images/bg_mian_m.gif) repeat-y left top;}
	#bg_mian_b{width:618px;background:url(/ods/images/bg_mian_b.gif) no-repeat left bottom;padding-bottom:8px;}
	#bg_mian_t{width:618px;background:url(/ods/images/bg_mian_t.gif) no-repeat left top;}
	#pic_main{
		position:relative;left:0;top:0;
		min-height:250px;
	}
	#pic_main a{position:absolute;left:0;top:0;border:1px solid #000;}
	/* mainのサムネイル画像 */
	#list_main_pic_thum{position:absolute;zoom:1;left:10px;top:334px;width:640px;text-align:center;}
	#list_main_pic_thum li{
		text-align:left;
		margin:0 2px 0 0;padding:0px 0 0 0;
		width:198px;height:73px;
		display: -moz-inline-box;
		display:inline-block;
		/display:inline;
		/zoom:1;
		background:url(/ods/images/parts_main_pic.gif) no-repeat -200px top;
	}
	#list_main_pic_thum li a{width:190px;height:73px;}
	#list_main_pic_thum li.active,
	#list_main_pic_thum li.active a{cursor:default;}
	#list_main_pic_thum li.active a .makeup{background:url(/ods/images/parts_main_pic.gif) no-repeat left top;}
	#list_main_pic_thum li a img{position:relative;left:0;top:15px;}
#main .right{
	float:right;
	width:282px;
}
	#btn_what_is_theatus a{width:282px;height:76px;}
	#btn_what_is_theatus a .makeup{background:url(/ods/images/btn_what_is_theatus.gif) left -80px;}
	#btn_what_is_theatus a:hover .makeup{background-position:left top;}
	#main .right .flashArea{margin-bottom:25px;}
	#bnn_newTheatus_youtube{position:relative;z-index:999;}


/********************************************************************
	#lineups
 */
#lineups{
/*	position:relative;left:0;top:-60px;z-index:130;*/
	margin:0 auto;
	width:870px;
}
#lineups #lineups_inner{padding-left:20px;}
#lineups .bg_black_b{padding:20px 0 10px;}
#lineups #tit_lineup{
	margin:0 auto;
	width:870px;height:58px;
	font-size:0;
}
#lineups #tit_lineup .makeup{background:url(/ods/images/tit_lineup.gif);}
#lineups #list_lineup li{
	display:inline-block;
	margin:0 10px 10px 0;
}
* html #lineups #list_lineup li{
	display: inline;
	zoom: 1;
}
*:first-child+html #lineups #list_lineup li{
	display: inline;
	zoom: 1;
}
#lineups .lineup{
	width:410px;
	font-size:90%;
}
/* 各種角丸画像 */
#lineups .bg_tl{background-position:left top;background-repeat:no-repeat;}
	#lineups .cate_concert .bg_tl{background-image:url(/ods/images/bg_tl_lineup_concert.gif);}
	#lineups .cate_sports  .bg_tl{background-image:url(/ods/images/bg_tl_lineup_sports.gif);}
	#lineups .cate_drama   .bg_tl{background-image:url(/ods/images/bg_tl_lineup_drama.gif);}
	#lineups .cate_engeki  .bg_tl{background-image:url(/ods/images/bg_tl_lineup_engeki.gif);}
	#lineups .cate_anime   .bg_tl{background-image:url(/ods/images/bg_tl_lineup_anime.gif);}
	#lineups .cate_musical .bg_tl{background-image:url(/ods/images/bg_tl_lineup_musical.gif);}
	#lineups .cate_game    .bg_tl{background-image:url(/ods/images/bg_tl_lineup_game.gif);}
	#lineups .cate_doc     .bg_tl{background-image:url(/ods/images/bg_tl_lineup_doc.gif);}
	#lineups .cate_other   .bg_tl{background-image:url(/ods/images/bg_tl_lineup_other.gif);}
#lineups .bg_bl{background-position:left bottom;background-repeat:no-repeat;}
	#lineups .cate_concert .bg_bl{background-image:url(/ods/images/bg_bl_lineup_concert.gif);}
	#lineups .cate_sports  .bg_bl{background-image:url(/ods/images/bg_bl_lineup_sports.gif);}
	#lineups .cate_drama   .bg_bl{background-image:url(/ods/images/bg_bl_lineup_drama.gif);}
	#lineups .cate_engeki  .bg_bl{background-image:url(/ods/images/bg_bl_lineup_engeki.gif);}
	#lineups .cate_anime   .bg_bl{background-image:url(/ods/images/bg_bl_lineup_anime.gif);}
	#lineups .cate_musical .bg_bl{background-image:url(/ods/images/bg_bl_lineup_musical.gif);}
	#lineups .cate_game    .bg_bl{background-image:url(/ods/images/bg_bl_lineup_game.gif);}
	#lineups .cate_doc     .bg_bl{background-image:url(/ods/images/bg_bl_lineup_doc.gif);}
	#lineups .cate_other   .bg_bl{background-image:url(/ods/images/bg_bl_lineup_other.gif);}
#lineups .bg_br{background-position:right bottom;background-repeat:no-repeat;}
	#lineups .cate_concert .bg_br{background-image:url(/ods/images/bg_br_lineup_concert.gif);}
	#lineups .cate_sports  .bg_br{background-image:url(/ods/images/bg_br_lineup_sports.gif);}
	#lineups .cate_drama   .bg_br{background-image:url(/ods/images/bg_br_lineup_drama.gif);}
	#lineups .cate_engeki  .bg_br{background-image:url(/ods/images/bg_br_lineup_engeki.gif);}
	#lineups .cate_anime   .bg_br{background-image:url(/ods/images/bg_br_lineup_anime.gif);}
	#lineups .cate_musical .bg_br{background-image:url(/ods/images/bg_br_lineup_musical.gif);}
	#lineups .cate_game    .bg_br{background-image:url(/ods/images/bg_br_lineup_game.gif);}
	#lineups .cate_doc     .bg_br{background-image:url(/ods/images/bg_br_lineup_doc.gif);}
	#lineups .cate_other   .bg_br{background-image:url(/ods/images/bg_br_lineup_other.gif);}
/* カテゴリicon */
#lineups .icn{background-position:right top;background-repeat:no-repeat;}
	#lineups .cate_concert .icn{background-image:url(/ods/images/icn_lineup_concert.gif);}
	#lineups .cate_sports  .icn{background-image:url(/ods/images/icn_lineup_sports.gif);}
	#lineups .cate_drama   .icn{background-image:url(/ods/images/icn_lineup_drama.gif);}
	#lineups .cate_engeki  .icn{background-image:url(/ods/images/icn_lineup_engeki.gif);}
	#lineups .cate_anime   .icn{background-image:url(/ods/images/icn_lineup_anime.gif);}
	#lineups .cate_musical .icn{background-image:url(/ods/images/icn_lineup_musical.gif);}
	#lineups .cate_game    .icn{background-image:url(/ods/images/icn_lineup_game.gif);}
	#lineups .cate_doc     .icn{background-image:url(/ods/images/icn_lineup_doc.gif);}
	#lineups .cate_other   .icn{background-image:url(/ods/images/icn_lineup_other.gif);}
/* 各カテゴリの罫線 */
#lineups .cate_border{
	margin:0 20px 10px 20px;padding-top:20px;
	min-height: 160px;
	height: auto !important;
	height: 160px;
}
	#lineups .cate_concert .cate_border{border-bottom:1px solid #e84a95;}
	#lineups .cate_sports  .cate_border{border-bottom:1px solid #009de1;}
	#lineups .cate_drama   .cate_border{border-bottom:1px solid #17af55;}
	#lineups .cate_anime   .cate_border{border-bottom:1px solid #fff100;}
	#lineups .cate_engeki  .cate_border{border-bottom:1px solid #7b6cd6;}
	#lineups .cate_musical .cate_border{border-bottom:1px solid #a1c400;}
	#lineups .cate_game    .cate_border{border-bottom:1px solid #ff7800;}
	#lineups .cate_doc     .cate_border{border-bottom:1px solid #ff3c3c;}
	#lineups .cate_other   .cate_border{border-bottom:1px solid #0063dd;}
/* 中身 */
#lineups .thum{
	float:left;
	width: 120px;
	margin-right:15px;
}
#lineups .detail .status{
	margin-bottom:5px;padding-top:4px;
	font-weight:bold;
}
#lineups .detail .status.status1{color:#ff6600;}
#lineups .detail .status.status2{color:#003dd7;}
#lineups .detail .link{margin-bottom:5px;}
#lineups .detail .expla{margin-bottom:5px;}
#lineups .detail .link_check_jyouei_inner{margin-bottom:5px;}
#lineups .detail .link_check_jyouei_inner a{width:121px;height:13px;}
#lineups .detail .link_check_jyouei_inner a .makeup{background:url(/ods/images/link_check_jyouei.gif) left -20px;}
#lineups .detail .link_check_jyouei_inner a:hover .makeup{background:url(/ods/images/link_check_jyouei.gif) left top;}
#lineups .copy {margin-top: 3px;color:#666666;font-size:80%;}
/* socialボタン */
#lineups  #list_lineup .lineup .cate_socialBtn{padding-bottom:8px;}
#lineups  #list_lineup .lineup .cate_socialBtn ul li{
	display:inline;
	margin-left:60px;
}



/********************************************************************
	#theatus
 */
#about_theatus{
	margin:0 auto 30px;
	width:870px;
	background:#222;
}
#about_theatus #about_theatus_inner{
	position:relative;
	padding-left:20px;
}
#tit_about_theatus{
	margin:0 auto 20px;
	width:870px;height:58px;
}
#tit_about_theatus .makeup{background:url(/ods/images/tit_about_theatus.gif);}
#bnn_newTheatus{
	margin-bottom:28px;
	width:830px;height:217px;
}
#bnn_newTheatus .makeup{background:url(/ods/images/bnn_newTheatus.jpg);}
#tit_more_enjoy{
	margin-bottom:12px;
	width:431px;height:23px;
}
#tit_more_enjoy .makeup{background:url(/ods/images/tit_more_enjoy.gif);}
#cont_more_enjoy{width:830px;height:461px;}
#cont_more_enjoy .makeup{background:url(/ods/images/cont_more_enjoy.gif);}

#btn_about-3d{position:absolute;left:477px;top:452px;}
* html #btn_about-3d{position:absolute;left:457px;top:452px;}
#btn_about-3d a{width:334px;height:48px;}
#btn_about-3d a .makeup{background:url(/ods/images/btn_about-3d.gif) left top;}
#btn_about-3d a:hover .makeup{background:url(/ods/images/btn_about-3d.gif) left bottom;}
/*
#btn_ultira{position:absolute;left:650px;top:452px;}
* html #btn_ultira{position:absolute;left:630px;top:452px;}
#btn_ultira a{width:184px;height:48px;}
#btn_ultira a .makeup{background:url(/ods/images/btn_ultira.gif) left bottom;}
#btn_ultira a:hover .makeup{background:url(/ods/images/btn_ultira.gif) left top;}
*/
/********************************************************************
	#theatus_twitter
 */
#theatus_twitter{
	margin:0 auto 30px;
	width:870px;
}
#theatus_twitter_m{width:870px;background:url(/ods/images/bg_theatus_twitter_m.gif) repeat-y left top;}
#theatus_twitter_b{width:870px;background:url(/ods/images/bg_theatus_twitter_b.gif) no-repeat left bottom;padding-bottom:8px;}
#theatus_twitter_t{width:870px;background:url(/ods/images/tit_theatus_twitter.gif) no-repeat left top;}
#tit_theatus_twitter{
	margin:0 0 25px;
	width:212px;height:40px;
}
#tit_theatus_twitter .makeup{background:url(/ods/images/tit_theatus_twitter.gif);}
#tit_twitter_comment{
	margin:0 0 20px 23px;
	width:441px;height:31px;
}
#tit_twitter_comment .makeup{background:url(/ods/images/tit_twitter_comment.gif);}
#theatus_twitter .left{
	float:left;
	width:465px;
}
	#theatus_twitter .lead{
		margin-bottom:18px;
		text-align:center;
	}
	#theatus_twitter .btn_theatus_twitter{margin:0 0 10px 50px;}
	#theatus_twitter .link{zoom:1;margin:10px 0 10px 63px;}
	#theatus_twitter .icn_rarr_orange{
		display:inline-block;
		padding-left:21px;
		min-height:16px;
		background:url(/ods/images/icn_rarr_orange.gif) no-repeat left center;
	}
	* html #theatus_twitter .icn_rarr_orange{
		display: inline;
		zoom: 1;
	}
	*:first-child+html #theatus_twitter .icn_rarr_orange{
		display: inline;
		zoom: 1;
	}
	#theatus_twitter .anno{
		display:inline-block;
		margin-left:10px;
		font-size:80%;
		color:#000;
	}
	* html #theatus_twitter .anno{
		display: inline;
		zoom: 1;
	}
	*:first-child+html #theatus_twitter .anno{
		display: inline;
		zoom: 1;
	}
#theatus_twitter .right{
	float:right;
	margin-top:13px;
	width:387px;min-height:223px;
	background:url(/ods/images/pic_theatus-kun.gif) no-repeat left top;
}
	#theatus_twitter #tit_atasukun_t-check{width:374px;height:65px;}
	#theatus_twitter #tit_atasukun_t-check .makeup{background:url(/ods/images/pic_theatus-kun.gif);}
	#theatus_twitter #expla_atasukun{
		margin:23px 0 9px 167px;
		width:154px;height:35px;
	}
	#theatus_twitter #expla_atasukun .makeup{background:url(/ods/images/pic_theatus-kun.gif) -167px -88px;}
	#theatus_twitter .btn_twitter_follow{
		margin:0 0 0 152px;
	}
	#theatus_twitter #prof_atasukun{
		margin:23px 0 9px 112px;
		width:240px;height:10px;
	}
	#theatus_twitter #prof_atasukun .makeup{background:url(/ods/images/pic_theatus-kun.gif) -112px -175px;}



/********************************************************************
	#mob_touroku
 */
#mob_touroku{
	margin:0 auto 30px;
	width:870px;height:52px;
	overflow:hidden;
	background:url(/ods/images/pic_mob_touroku.gif) no-repeat left top;
}
/* 見出し */
#mob_touroku #tit_mob_touroku{
	float:left;
	width:671px;height:52px;
}
#mob_touroku #tit_mob_touroku .makeup{background:url(/ods/images/pic_mob_touroku.gif) no-repeat left top;}
/* 詳細はこちら */
#mob_touroku .btn_detail_here_navy{
	display: inline;
	float:right;
	margin:10px 24px 0 0;
	width:164px;height:32px;
}
#mob_touroku .btn_detail_here_navy a{width:164px;height:32px;}
#mob_touroku .btn_detail_here_navy a .makeup{background:url(/ods/images/btn_detail_here.gif) left bottom;}
#mob_touroku .btn_detail_here_navy a:hover .makeup{background:url(/ods/images/btn_detail_here_navy.gif) left top;}



/********************************************************************
	#haisinteian
 */
#haisinteian{
	margin:0 auto 30px;padding:10px;
	width:850px;
	background:#fff5af;
}
#haisinteian dt{
	float:left;
	width:80px;
}
#haisinteian dd{
	float:right;
	width:755px;
}
#haisinteian #tit_haisinteian{
	margin-bottom:15px;
	width:754px;height:18px;
}
#haisinteian #tit_haisinteian .makeup{background:url(/ods/images/tit_haisinteian.gif);}

#haisinteian .cont_haisinteian .left{
	float:left;
	width:574px;
}
#haisinteian .cont_haisinteian .right{
	float:right;
	width:164px;
}
	#haisinteian .btn_detail_here_lyellow a{
		width:164px;height:32px;
	}
	#haisinteian .btn_detail_here_lyellow a .makeup{background:url(/ods/images/btn_detail_here_lyellow.gif) left bottom;}
	#haisinteian .btn_detail_here_lyellow a:hover .makeup{background:url(/ods/images/btn_detail_here_lyellow.gif) left top;}



/********************************************************************
	他社バナー
 */
#ft_bnn{
	display: inline;
	float: right;
	margin-right: 40px;
	width:300px;
}
#ft_bnn .expla{
	display:block;
	margin-bottom:5px;
	font-weight:bold;
}
#bnn_moe-moe-moe{
	margin-bottom:30px;
}
#bnn_moe-moe-moe a{
	width:300px;height:75px;
}
#bnn_moe-moe-moe a .makeup{background:url(/ods/images/bnn_moe-moe-moe.jpg);}



/********************************************************************
	.socialBtnWrapperBottom
 */
.socialBtnWrapperBottom{
	display: inline;
	float: left;
	width:570px;
	margin: 40px 0 0 40px;
}


/********************************************************************
	template_superscription
 */
p.ToCateTop{
	margin:0px 15px 10px 15px;
	padding:10px 0px;
	background:url(../images/util_bg.gif) repeat-x 0px bottom;
}
#PAGE{
	background-position:0 0;
	background-repeat:no-repeat;
	padding:17px 0pt 10px;
}
#PAGE .back,
#PAGE .top{display:inline; /* IE6 */}
.SECOND-CONTAINER{
	margin: 0 auto;
	width: 950px;
	background: url(/eseki/pc/common/images/bg_cont02.jpg) no-repeat center top;
}
#spHeader,
#spMain,
.spCenter,
#spFooter{display: none;}
.pcOnly{display:block;}
.group:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
}
.group{zoom: 1;}
.mb0{margin-bottom: 0 !important;}

.spOnly{
	display:none;
}

#theatus2012 #sectionTop .about.spOnly{
	display:none;
}

/********************************************************************
	theatus2012
 */

/*----------common----------*/

/* For modern browsers */
#theatus2012 .cf:before,
#theatus2012 .cf:after {
	content:"";
	display:table;
}

#theatus2012 .cf:after {
	clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
#theatus2012 .cf {
	zoom:1;
}

/*----------common----------*/


#CONTENTS{	
	color:#333333;
}


#theatus2012{
	margin:0 auto;
	background:#000000;
}

#theatus2012 #sectionTop{
}

#theatus2012 #sectionTop .top_area{
	position: relative;
	height: 244px;
}

#theatus2012 .topSns{
	position: absolute;
	top: 0;
	right: 10px;
	height:35px;
	padding:20px 0px 0px;
}

#theatus2012 .topSns .list_socialBtn{
}

#theatus2012 .topSns .list_socialBtn li{
	margin-left:2px;
	float:left;
}

#theatus2012 .topMain {
	position: absolute;
	left: 248px;
	top: 75px;
}

#theatus2012 #sectionTop .title{
	position: relative;
	text-align:center;
}

#theatus2012 #sectionTop h1{
	position: absolute;
}

#theatus2012 #sectionTop h2{
	position: absolute;
	left: 15px;
	top: 45px;
}

#theatus2012 #sectionTop h2 img {
	margin-top: 20px;
}

#theatus2012 #sectionTop #topMovie{
	background:url(/ods/images/new/top_moviebg.gif) no-repeat 0px 0px;
	width:350px;
	height:286px;
	padding:14px 0px 0px;
}

#theatus2012 #sectionTop #topMovie .inner{
	background:url(/ods/images/new/top_moviebg2.gif) no-repeat 0px 0px;
	width:307px;
	height:242px;
	margin:0 auto;
	padding:6px 0px 0px 6px;
}

#theatus2012 #sectionTop #topMovie .inner iframe{
	width:300px;
	height:236px;
}

#theatus2012 #sectionTop #topMovie .btnchk{
	width:216px;
	height:30px;
	margin:6px auto 0px; 
}

#theatus2012 #sectionTop #topMovie .btnchk a{
	background:url(/ods/images/new/top_movie_tex.gif) no-repeat 0px 0px;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	width:216px;
	height:30px;
}

#theatus2012 #sectionTop .about.pcOnly{
	margin:30px auto 40px;
	display:block;
	text-align:center;
}

#theatus2012 #sectionTop .about.spOnly{
	display:none;
}

#theatus2012 #sectionMain h3{
	width:950px;
	height:50px;
	background:url(/ods/images/new/lineup.gif) no-repeat 0px 0px;
	text-indent:-9999px;
	overflow:hidden;
	margin-bottom:13px;
}


#theatus2012 #sectionMain h4{
	width:910px;
	height:54px;
	text-indent:-9999px;
	overflow:hidden;
	margin:13px auto 10px;
}

#theatus2012 #sectionMain h4.ttl01{
	background:url(/ods/images/new/ttl_concert.gif) no-repeat 0px 0px;
}

#theatus2012 #sectionMain h4.ttl02{
	background:url(/ods/images/new/ttl_anime.gif) no-repeat 0px 0px;
}

#theatus2012 #sectionMain h4.ttl03{
	background:url(/ods/images/new/ttl_movie.gif) no-repeat 0px 0px;
}

#theatus2012 #sectionMain h4.ttl04{
	background:url(/ods/images/new/ttl_play.gif) no-repeat 0px 0px;
}

#theatus2012 #sectionMain h4.ttl05{
	background:url(/ods/images/new/ttl_other.gif) no-repeat 0px 0px;
}

#theatus2012 #sectionMain h5.subttl{
	margin:15px 0px 20px 20px;
}

#theatus2012 #sectionMain .sectionlineup{
	width:915px;
	*width:920px;
	margin:0 auto;
}

#theatus2012 #sectionMain .sectionlineup li{
	float:left;
	*display: inline;
	*zoom: 1;
	margin:0 3px 10px 0;
	*margin:0 5px 10px 0;
}


#theatus2012 #sectionMain .sectionlineup .lineupBlock{
	width:437px;
	height:194px;
	background:url(/ods/images/new/lineupbg.gif) no-repeat 0px 0px;
	padding:20px 0px 0px 20px;
}

#theatus2012 #sectionMain .sectionlineup .lineupBlock2{
	width:432px;
	height:194px;
	background:url(/ods/images/new/lineupbg.gif) no-repeat 0px 0px;
	padding:20px 0px 0px 20px;
}

#theatus2012 #sectionMain .sectionlineup .lineupBlockNo{
	width:450px;
	height:214px;
}


#theatus2012 #sectionMain .sectionlineup .thumb{
	width:135px;
	float:left;
}

#theatus2012 #sectionMain .sectionlineup .detail{
	width:270px;
	float:left;
	height:120px;
	position: relative;
}

#theatus2012 #sectionMain .sectionlineup .detail dt{
	color:#ff6600;
	font-weight:bold;
	margin-bottom:5px;
	padding-top:4px;
	font-size:93%;
}

#theatus2012 #sectionMain .sectionlineup .detail dt img{
	display:inline;
	vertical-align: middle;
	margin-right:5px;
}

#theatus2012 #sectionMain .sectionlineup .detail dd{
	margin:3px 0px 0px;
	font-size:108%;
	line-height:1.5em;
}

#theatus2012 #sectionMain .sectionlineup .btnChk{
	width:130px;
	height:25px;
	position:absolute;
	bottom:0px;
	left:0px;
}

#theatus2012 #sectionMain .sectionlineup .btnChk a,
#theatus2012 #sectionMain .sectionlineup .btnChk a:link,
#theatus2012 #sectionMain .sectionlineup .btnChk a:visited{
	width:130px;
	height:25px;
	display:block;
	background:url(/ods/images/new/img_check.gif) no-repeat 0px 0px;
	overflow:hidden;
	text-indent:-9999px;
}

#theatus2012 #sectionMain .sectionlineup .btnChk a:hover,
#theatus2012 #sectionMain .sectionlineup .btnChk a:active{
	width:130px;
	height:25px;
	display:block;
	background:url(/ods/images/new/img_check_on.gif) no-repeat 0px 0px;
	overflow:hidden;
	text-indent:-9999px;
}

#theatus2012 #sectionMain .sectionlineup .btnLook{
	width:130px;
	height:25px;
	position:absolute;
	bottom:0px;
	left:140px;
}

#theatus2012 #sectionMain .sectionlineup .btnLook a,
#theatus2012 #sectionMain .sectionlineup .btnLook a:link,
#theatus2012 #sectionMain .sectionlineup .btnLook a:visited{
	width:130px;
	height:25px;
	display:block;
	background:url(/ods/images/new/img_look.gif) no-repeat 0px 0px;
	overflow:hidden;
	text-indent:-9999px;
}

#theatus2012 #sectionMain .sectionlineup .btnLook a:hover,
#theatus2012 #sectionMain .sectionlineup .btnLook a:active{
	width:130px;
	height:25px;
	display:block;
	background:url(/ods/images/new/img_look_on.gif) no-repeat 0px 0px;
	overflow:hidden;
	text-indent:-9999px;
}

#theatus2012 #sectionMain .sectionlineup .lineupcopy{
	height:25px;
	color:#333333;
	font-size:77%;
	padding:5px 20px 0px 0px;
	line-height:1.2em;
}

#theatus2012 #sectionMain .sectionlineup .cate_socialBtn{
		margin:10px 0px 0px;
}

#theatus2012 #sectionMain .sectionlineup .cate_socialBtn ul li{
	display:inline;
	margin:0 10px 10px 60px;
}

#theatus2012 .bottomSns{
	display: inline;
	width:570px;
}

#theatus2012 .bottomSns .list_socialBtn{
	margin:20px 20px 0px;
	padding-bottom:20px;
}

#theatus2012 .bottomSns .list_socialBtn li{
	margin-left:2px;
	float:left;
}

#theatus2012 .lineupList{
	width:910px;
	margin:20px auto 30px;	
}

#theatus2012 .lineupList li{
	float:left;
	font-size:138.5%;
	font-weight:bold;
}

#theatus2012 .lineupList li{
	background:url(/ods/images/new/lineuplist_line.gif) no-repeat 0px 0px;
}

#theatus2012 .lineupList li a{
	background:url(/ods/images/new/lineuplist_arrow.gif) no-repeat 15px 4px;
	padding:0px 0px 10px 0px;
	color:#ffffff;
	text-decoration:none;

}

#theatus2012 .lineupList li.lineup_01 a{
	background:url(/ods/images/new/lineup_01.gif) no-repeat 0px 0px;
	width:125px;
	height:30px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}

#theatus2012 .lineupList li.lineup_02 a{
	background:url(/ods/images/new/lineup_02.gif) no-repeat 0px 0px;
	width:152px;
	height:30px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}

#theatus2012 .lineupList li.lineup_03 a{
	background:url(/ods/images/new/lineup_03.gif) no-repeat 0px 0px;
	width:273px;
	height:30px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}

#theatus2012 .lineupList li.lineup_04 a{
	background:url(/ods/images/new/lineup_04.gif) no-repeat 0px 0px;
	width:187px;
	height:30px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}

#theatus2012 .lineupList li.lineup_05 a{
	background:url(/ods/images/new/lineup_05.gif) no-repeat 0px 0px;
	width:173px;
	height:30px;
	text-indent:-9999px;
	display:block;
	overflow:hidden;
}

#theatus2012 .attend{
	font-size:116%;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	height:50px;
}


.pickup {
	width: 915px;
	height: 241px;
	background: url(/ods/images/pickup/pickup_bg-pc.png) no-repeat;
	box-sizing: border-box;
	margin: 40px auto;
	padding: 50px 25px 40px;
}
.pickup_list {
	display: flex;
	margin: 0 0 0 -30px;
}
.pickup_list_items {
	width: 50%;
	margin: 0 0 0 30px;
}
.pickup_2column {
	display: flex;
}
.pickup_2column-img {
	width: 202px;
}
.pickup_2column-img img {
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.pickup_2column-txt {
	flex: 1;
	margin-left: 20px;
}
.pickup .icon {}
.pickup .date {
	color: #ffffff;
	font-size: 14px;
	margin-top: 10px;
}
.pickup .title {
	font-size: 16px;
	line-height: 1.5;
	margin-top: 10px;
}

/* pick-up */
.pick-up {
	width: 910px;
	height: auto;
	border-radius: 5px;
	background-color: #f5f2e2;
	box-sizing: border-box;
	margin: 40px auto;
	padding: 30px 25px;
}
.pick-up .pick-up_headline {
	max-width: 860px;
	max-height: 18px;
	background-image: url(/ods/images/pickup/pick-up_headline.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: auto;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin: 0;
	padding-bottom: 30px;
}
.pick-up_list {
	display: flex;
	margin: 0 0 0 -30px;
}
.pick-up_list_items {
	width: 50%;
	margin: 0 0 0 30px;
}
.pick-up_2column {
	display: flex;
}
.pick-up_2column-img {
	width: 202px;
}
.pick-up_2column-img a {
	width: 100%;
}
.pick-up_2column-img a:hover {
	opacity: .8;
}
.pick-up_2column-img img {
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.pick-up_2column-txt {
	flex: 1;
	margin-left: 20px;
}
.pick-up .date {
  font-size: 14px;
	font-weight: 600;
  color: rgb(255, 102, 0);
  line-height: 1.357;
  text-align: left;
	margin-top: 12px;
}
.pick-up .title {
  font-size: 16px;
	font-weight: 600;
  color: rgb(83, 133, 232);
  text-decoration: underline;
  line-height: 1.5;
  text-align: left;
	margin-top: 10px;
}
.pick-up .title:hover {
	text-decoration: none;
}

/*-------------------------------------
pick-up_links
-------------------------------------*/
.pick-up_links {
  display: flex;
	flex-wrap: wrap;
	gap: 20px;
  min-width: 120px;
  margin: 24px 0 0;
}
.pick-up_links .pick-up_link {
	position: relative;
	max-width: 100%;
}
.pick-up_link a {
  position: relative;
  display: inline-block;
	border-style: solid;
  border-width: 2px;
  border-color: rgb(174, 174, 174);
  border-radius: 5px;
  background-color: rgb(227, 227, 227);
  padding: 8px 36px 8px 18px;
  text-decoration: none !important;
  width: 100%;
	max-height: 36px;
  box-sizing: border-box;
  font-size: 14px;
	font-weight: 600;
  border-radius: 5px;
  text-align: center;
  line-height: 1rem;
	color: #333333;
}
.pick-up_link a:hover {
  color: #ffffff;
  border: solid 2px #cc45a3;
  background-color: #cc45a3;
}
.pick-up_link a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 18px;
  display: inline-block;
  width: 7px;
  height: 7px;
  border-left: 2px solid #b60081;
  border-top: 2px solid #b60081;
  transform: translateY(-60%) rotate(135deg);
}
.pick-up_link a:hover::after {
  border-left: 2px solid #ffffff;
  border-top: 2px solid #ffffff;
}
