@charset "UTF-8";
/* program
------------------------------------------------------------------------------------------------------------------------------ */

/* top
--------------------------------------------------------------- */
#program-top {
}
/* ---------- header ---------- */
#program-top .header {
	margin-bottom: 40px;
	padding-top: 35px;
}
#program-top .header h2 {
	float: left;
	width: 380px;
}
#program-top #archives {
	float: right;
	height: 23px;
	padding-left: 22px;
	background: url(/13/en/common/images/bg_archives.gif) no-repeat -6px 0;
}
#program-top #archives li {
	float: left;
	height: 23px;
	padding: 0 22px 0 6px;
	background: url(/13/en/common/images/bg_archives.gif) no-repeat right top;
}
#program-top #archives li a,
#program-top #archives li span {
	display: block;
	overflow: hidden;
	width: 50px;
	height: 23px;
	background-image: url(/13/en/common/images/archives12_en.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#program-top #archives li#ft09a a,
#program-top #archives li#ft09a span,
#program-top #archives li#ft09s a,
#program-top #archives li#ft09s span {
	width: 110px;
}
#program-top #archives li#ft12 a { background-position: 0 0;}
#program-top #archives li#ft12 a:hover,
#program-top #archives li#ft12 span { background-position: 0 -23px;}
#program-top #archives li#ft11 a { background-position: -100px 0;}
#program-top #archives li#ft11 a:hover,
#program-top #archives li#ft11 span { background-position: -100px -23px;}
#program-top #archives li#ft10 a { background-position: -200px 0;}
#program-top #archives li#ft10 a:hover,
#program-top #archives li#ft10 span { background-position: -200px -23px;}
#program-top #archives li#ft09a a { background-position: -300px 0;}
#program-top #archives li#ft09a a:hover,
#program-top #archives li#ft09a span { background-position: -300px -23px;}
#program-top #archives li#ft09s a { background-position: -460px 0;}
#program-top #archives li#ft09s a:hover,
#program-top #archives li#ft09s span { background-position: -460px -23px;}

/* ---------- tag ---------- */
#program-top #tab {
	margin-bottom: 50px;
}
#program-top #tab .nav {
	width: 650px;
	height: 27px;
}
#program-top #tab .nav li {
	float: left;
	height: 27px;
}
#program-top #tab .nav li a {
	display: block;
	height: 27px;
	background-image: url(/13/en/program/images/13/tab.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#program-top #tab .nav li.nav01 a { width: 72px; background-position: 0 0;}
#program-top #tab .nav li.nav02 a { width: 129px; background-position: -72px 0;}
#program-top #tab .nav li.nav03 a { width: 121px; background-position: -201px 0;}
#program-top #tab .nav li.nav04 a { width: 182px; background-position: -322px 0;}
#program-top #tab .nav li.nav05 a { width: 146px; background-position: -504px 0;}
#program-top #tab .box {
	width: 940px;
	height: 82px;
	padding: 30px 30px 0;
	color: #000;
	background-color: #DCE700;
	overflow: hidden;
}
#program-top #tab #index01 { color: #000; background-color: #DCE700;}
#program-top #tab #index02 { color: #101010; background-color: #FFF;}
#program-top #tab #index03 { color: #101010; background-color: #E8458B;}
#program-top #tab #index04 { color: #fff; background-color: #54318F;}
#program-top #tab #index05 { color: #101010; background-color: #CCC;}
#program-top #tab .box .select {
	width: 970px;
}
#program-top #tab .box .select dt {
	clear: both;
	float: left;
	width: 130px;
	font-weight: bold;
}
#program-top #tab .box .description dt {
	display: table-cell;
	width: 180px;
	height: 60px;
	vertical-align: middle;
	font-size: 16px;
	font-weight: bold;
}
#program-top #tab .box .select dd {
	margin-bottom: 16px;
	padding-left: 132px;
}
#program-top #tab .box .description dd {
	display: table-cell;
	width: 760px;
	vertical-align: middle;
}
#program-top #tab .box dd a {
	text-decoration: none;
}
#program-top #tab #genre li {
	display: inline-block;
	margin-right: 1px;
	padding: 4px;
	line-height: 1;
	color: #101010;
	background-color: #fff;
	cursor: pointer;
	*display: inline;
	*zoom: 1\9;
}
#program-top #tab #genre li.hot {
	color: #fff;
	background-color: #101010;
}
#program-top #tab #genre li.active {
	font-weight: bold;
}
#program-top #tab .object li {
	display: inline;
	padding-right: 16px;
}
#program-top #tab .object li a {
	padding-left: 22px;
	background-repeat: no-repeat;
	background-position: left center;
}
#program-top #tab .object li.watch a {background-image: url(/13/en/program/images/13/icon_cat-watch.png);}
#program-top #tab .object li.free a {background-image: url(/13/en/program/images/13/icon_cat-free.png);}
#program-top #tab .object li.join a {background-image: url(/13/en/program/images/13/icon_cat-join.png);}

/* ---------- program list ---------- */
#program-top .programList {
	width: 1000px;
	overflow: hidden;
	padding-bottom: 30px;
	position: relative;
}
#program-top #closed {
	padding-top: 30px;
	border-top: 1px solid #ddd;
}
#program-top .programList .tiles {
	position: relative;
}
#program-top .programList .article {
	display: none;
	width: 229px;
	/*float: left;
	margin: 0 28px 28px 0;*/
	color: #101010;
	background-color: #fff;
	border-bottom: 2px solid #E5E5E5;
}
#program-top .programList .inactive {
  visibility: hidden;
  opacity: 0;
}
#program-top .programList .article:hover {
	color: #101010;
	background-color: #DCE700;
}
#program-top .programList .article a {
	text-decoration: none;
}
#program-top .programList .article .pik {
	width: 229px;
	overflow: hidden;
}
#program-top .programList .article dl {
	padding: 10px 15px 12px;
}
#program-top .programList .article dt {
	margin-bottom: 0.5em;
	font-size: 14px;
}
#program-top .programList .article dd {
	font-size: 10px;
}
#program-top .programList .article .tags {
	margin: 0 15px;
	padding: 12px 0;
	border-top: 1px solid #ededed;
}
#program-top .programList .article .tags li {
	display: inline-block;
	margin: 0 2px 2px 0;
	padding: 0 4px;
	font-size: 10px;
	color: #fff;
	background-color: #999;
	*display: inline;
	*zoom: 1\9;
}

/* detail
--------------------------------------------------------------- */
#program-detail {
}

/* ---------- header ---------- */
#program-detail .header {
	width: 1000px;
	min-height: 82px;
	padding: 28px 0 0;
}
#program-detail .header .caption {
	width: 700px;
	float: left;
}
#program-detail .header .caption h2 {
	margin-bottom: 6px;
	padding-left: 22px;
	font-size: 30px;
	line-height: 1.2;
	background: url(/13/en/common/images/marker_caption.png) no-repeat 0 5px;
}
#program-detail .header .caption div {
	padding-bottom: 5px;
	font-size: 16px;
	line-height: 1.4;
}
#program-detail .header .tagline {
	width: 300px;
	float: right;
	text-align: right;
}
#program-detail .header .tagline li {
	display: inline-block;
	text-align: left;
	*display: inline;
	*zoom: 1\9;
}
#program-detail .header .category {
	padding: 8px 0;
}
#program-detail .header .category li {
	height: 18px;
	margin-left: 10px;
	padding: 0 2px 0 24px;
	line-height: 18px;
	background-repeat: no-repeat;
	background-position: left center;
}
#program-detail .header .category li.watch { background-image: url(/13/en/program/images/13/icon_cat-watch.png);}
#program-detail .header .category li.free { background-image: url(/13/en/program/images/13/icon_cat-free.png);}
#program-detail .header .category li.join { background-image: url(/13/en/program/images/13/icon_cat-join.png);}
#program-detail .header .tag li {
	height: 22px;
	padding: 0 10px;
	margin: 0 0 0 5px;
	line-height: 22px;
	color: #101010;
	background-color: #fff;
}
/* ---------- mainVisual ---------- */
#program-detail .mainVisual {
	width: 1000px;
	height: 300px;
	margin: 0 auto 15px;
	position: relative;
	/*dummy*/
	background-color: #ccc;
}
#program-detail .mainVisual dl {
	width: 254px;
	padding: 32px 28px 12px;
	position: absolute;
	top: 42px;
	left: 664px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.6);
}
#program-detail .mainVisual dt {
	clear: both;
	float: left;
	width: 64px;
	margin: 0 0 8px;
	font-family: Helvetica,arial,Verdana,sans-serif;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.1;
	color: #DCE700;
	background-color: transparent;
}
#program-detail .mainVisual dd {
	margin-bottom: 20px;
	padding-left: 66px;
	/*
	font-size: 12px;
	line-height: 1.6;
	*/
}

/* ---------- social button ---------- */
#program-detail .socialButton {
	width: 1000px;
	height: 37px;
	margin: 0 auto 10px;
	text-align: right;
}
#program-detail .socialButton li {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	*display: inline;
	*zoom: 1\9;
}
#program-detail .socialButton li.tw {
	width:100px;
	padding: 7px 0 3px;
}
#program-detail .socialButton li.fb {
	padding: 7px 10px 3px 5px;
}

/* ---------- main contents ---------- */
#program-detail #main-contents {
	float: left;
	width: 720px;
	margin-top: -24px;
	padding: 4px 0 0;
}
/* txtBlock */
#program-detail #main-contents .txtBlock {
	margin-bottom: 30px;
}
#program-detail #main-contents .txtBlock h3 {
	margin-bottom: 16px;
	font-size: 20px;
	line-height: 1.2;
}
#program-detail #main-contents .txtBlock h4 {
	margin-bottom: 10px;
	font-weight: normal;
	font-size: 16px;
	line-height: 1.6;
}
#program-detail #main-contents .txtBlock p {
	margin: 1em 0;
}

/* pdfBlock */
#program-detail #pdfBlock {
	margin: 0 0 24px;
	overflow: hidden;
}
#program-detail #pdfBlock ul {
	width: 740px;
}
#program-detail #pdfBlock li {
	width: 340px;
	float: left;
	margin: 0 30px 20px 0;
}
#program-detail #pdfBlock li:nth-child(even){
	margin-right: 0;
}
#program-detail #pdfBlock li .thumbs {
	display: block;
	float: left;
	width: 128px;
	margin: 0 20px 10px 0;
	overflow: hidden;
}
#program-detail #pdfBlock li .link {
	margin: 1em 0;
}
#program-detail #pdfBlock li .link a {
	display: inline-block;
	width: 78px;
	height: 24px;
	padding: 0 8px;
	line-height: 24px;
	text-decoration: none;
	background: #fff url(/13/en/common/images/maker_link.gif) no-repeat 74px center;
	border: 5px solid #DCE700;
	*display: inline;
	*zoom: 1\9;
}
/* artistBlock */
#program-detail .artistBlock {
	width: 680px;
	min-height: 100px;
	margin-bottom: 20px;
	padding: 20px;
	color: #111;
	background-color: #fff;
}
#program-detail .artistBlock img {
	float: left;
	height: 100px;
	margin-right: 20px;
}
#program-detail .artistBlock dt {
	font-size: 16px;
	margin: -2px 0 10px;
}
#program-detail .artistBlock dd.link {
	margin-top: 1em;
	text-align: right;
}
#program-detail .artistBlock dd.link a {
	display: inline-block;
	width: 105px;
	height: 12px;
	padding-left: 5px;
	font-size: 10px;
	line-height: 12px;
	text-align: left;
	text-decoration: none;
	color: #101010;
	background: #DCE700 url(/13/en/common/images/maker_link.gif) no-repeat right center;
	border: 5px solid #DCE700;
	*display: inline;
	*zoom: 1\9;
}

/* recommendBlock */
#program-detail #recommendBlock {
	margin-bottom: 30px;
}
#program-detail #recommendBlock .article {
	margin-bottom: 10px;
	padding: 1px 0;
	background: url(/13/en/common/images/bg_qend.png) no-repeat right bottom;
}
#program-detail #recommendBlock .article div {
	margin-bottom: 0.5em;
	padding: 0 48px;
	font-size: 14px;
	background: url(/13/en/common/images/bg_qstart.png) no-repeat left top;
}
#program-detail #recommendBlock .article p {
	padding: 0 48px;
}
#program-detail #recommendBlock .article .link {
	text-align: right;
}
#program-detail #recommendBlock .article .link a {
	padding-left: 1em;
	background: url(/13/en/common/images/maker_link.gif) no-repeat left center;
}
/* galleryBlock */
#program-detail #galleryBlock {
	margin-bottom: 20px;
}
#program-detail #galleryBlock .youtube {
	margin-bottom: 20px;
}
#program-detail #galleryBlock .youtube iframe {
	width: 720px;
	height: 360px;
}
#program-detail #galleryBlock .youtube .article li {
	width: 350px;
}
#program-detail #galleryBlock .youtube .article li iframe {
	width: 350px;
	height: 197px;
}
#program-detail #galleryBlock .photos {
	overflow: hidden;
}
#program-detail #galleryBlock .photos ul {
	width: 800px;
}
#program-detail #galleryBlock .photos li {
	float: left;
	width: 128px;
	height: 96px;
	margin-right: 20px;
	overflow: hidden;
}
#program-detail #galleryBlock .photos li:nth-child(5n) {
	margin-right: 0;
}

/* caststaffBlock */
#program-detail #caststaffBlock h4 {
	margin: 1em 0 0.4em;
	padding-left: 18px;
	font-size: 14px;
	background: url(/13/en/common/images/ico_ft.png) no-repeat left center;
}
#program-detail #caststaffBlock dl {
	clear: both;
	margin: 0 0 24px;
}
#program-detail #caststaffBlock dt{
	clear: both;
	float: left;
	width: 220px;
	padding: 10px 0;
}
#program-detail #caststaffBlock dd{
	padding: 10px 10px 10px 230px;
	border-bottom: 1px dotted #cdcdcd;
}

/* ---------- side contents ---------- */
#program-detail #side-contents {
	float: right;
	width: 240px;
}
#program-detail #side-contents h3 {
	margin: 1em 0 0.8em;
	padding-left: 18px;
	font-size: 14px;
	background: url(/13/en/common/images/ico_ft.png) no-repeat left center;
}
/* page-nav */
#program-detail #page-nav {
	margin-bottom: 20px;
	padding: 5px 20px;
	color: #101010;
	background-color: #fff;
}
#program-detail #page-nav li {
	margin: 1em 0;
	padding-left: 18px;
	font-size: 14px;
	background: url(/13/en/common/images/ico_ft.png) no-repeat left center;
}
#program-detail #page-nav li a {
	color: #333;
	background-color: transparent;
	text-decoration: none;
}
#program-detail #page-nav li.current {
	color: #DCEA00;
	background-color: transparent;
}
/* newest */
#program-detail #newest {
	margin-bottom: 20px;
	padding: 5px 20px;
	color: #101010;
	background-color: #fff;
}
#program-detail #newest li {
	margin-bottom: 1em;
	padding-left: 1em;
	background: url(/13/en/common/images/maker_link.gif) no-repeat 0 0.5em;
}
#program-detail #newest li span {
	display: inline-block;
	margin-left: 5px;
	padding: 1px 4px;
	font-size: 10px;
	line-height: 1.2;
	color: #fff;
	background-color: #999;
	*display: inline;
	*zoom: 1\9;
}

/* schedule */
#program-detail #schedule {
	margin-bottom: 20px;
	padding: 5px 20px 10px;
	color: #101010;
	background-color: #fff;
}
#program-detail #schedule table {
	width: 200px;
	margin: 0 0 5px;
	font-size: 12px;
	color: #101010;
	background-color: transparent;
}
#program-detail #schedule th {
	padding: 5px;
	font-weight: normal;
	color: #DCE700;
	background-color: #101010;
	border: 1px solid #D0D0D0;
}
#program-detail #schedule td {
	padding: 5px 10px;
	border: 1px solid #D0D0D0;
}
#program-detail #schedule tr:nth-child(odd) {
	color: #101010;
	background-color: #EDEDED;
}

/* venue */
#program-detail #venue {
	margin-bottom: 20px;
	padding: 5px 20px 20px;
	color: #101010;
	background-color: #fff;
}
#program-detail #venue h4 {
	margin: 0 0 0.8em;
	font-size: 12px;
	line-height: 1;
}
#program-detail #venue .map p {
	margin-bottom: 1em;
}
#program-detail #venue .map iframe {
	width: 100%;
}

/* ---------- bottom contents ---------- */
#program-detail #bottom-contents {
	clear: both;
	width: 1000px;
	padding: 20px 0 0;
}
/* ticketBlock */
#program-detail #ticketBlock {
	width: 950px;
	padding: 20px 25px;
	margin-bottom: 30px;
	color: #111;
	background-color: #fff;
}
#program-detail #ticketBlock .txtBlock {
	float: left;
	width: 600px;
	margin: 0;
}
#program-detail #ticketBlock .txtBlock p {
	margin-bottom: 1em;
}
#program-detail #ticketBlock .button {
	float: right;
	width: 305px;
	padding: 0 5px;
}
/* socialBlock */
#program-detail #socialBlock {
	width: 1000px;
	margin-bottom: 30px;
}
#program-detail #socialBlock .article h4 {
	margin-bottom: 0.8em;
	font-size: 14px;
	line-height: 1.2;
}
#program-detail #socialBlock #togetterTL {
	float: left;
	width: 480px;
	margin-right: 40px;
}
#program-detail #socialBlock #facebookCB {
	float: left;
	width: 480px;
}
/* relatedBlock */
#program-detail #relatedBlock {
	width: 1000px;
	margin-bottom: 30px;
}
#program-detail #relatedBlock h4 {
	margin-bottom: 0.8em;
	font-size: 14px;
	line-height: 1.2;
}
#program-detail #relatedBlock .article {
	float: left;
	width: 325px;
	margin: 0 20px 0 0;
}
#program-detail #relatedBlock .article li {
	margin-bottom: 1em;
	padding-left: 1em;
	background: url(/13/en/common/images/maker_link.gif) no-repeat 0 0.5em;
}
#program-detail #relatedBlock .article li span {
	display: inline-block;
	margin-left: 5px;
	padding: 1px 4px;
	font-size: 10px;
	line-height: 1.2;
	color: #DCE700;
	background-color: #000;
	*display: inline;
	*zoom: 1\9;
}
#program-detail #relatedBlock #searchFactor {
	float: right;
	width: 280px;
	height: 180px;
	margin-top: 5px;
	padding: 20px 10px 0 20px;
	color: #333;
	background-color: #fff;
}
#program-detail #searchFactor .object li {
	display: inline-block;
	width: 90px;
	text-align: center;
	*display: inline;
	*zoom: 1\9;
}
#program-detail #searchFactor .object img {
	margin-bottom: 8px;
}
#program-detail #searchFactor .button {
	margin: 12px 0;
}
#program-detail #searchFactor .button li {
	display: inline-block;
	width: 131px;
	*display: inline;
	*zoom: 1\9;
}
#program-detail #searchFactor .button li:first-child {
	margin-right: 10px;
}