@charset "utf-8";
/* CSS Document for PROGRAM PAGES */

/* [ PROGRAM ]============================================================ */
#main h1 {
	position: relative;
	margin-bottom: 20px; }
#main h3 {
	margin-top: 40px;
	font-size: small;
	margin-bottom: 5px;
	_font-size: 12px;
	_padding-bottom: 3px;
	}

#main h2#lead {
	margin-bottom: 0px;
	}
	#main #sublead {
		color: #888;
		font-weight: nomal;
		_font-size: 12px;
		}

#main .showing {
	margin: 20px 0;
	padding: 2px 5px;
	border-left: 5px solid #e4007f;
	background: #000 url(images/bg_header.png) repeat-x left top;
	color: #fff;
	font-size: small;
	font-weight: bold;
	_font-size: 12px;
	}
	#main .showing a {
		color: #00bfff;
		}
	#main .showing a:hover {
		color: #e4007f;
		}

/* [ category link list ] */
#main dl.dl-inline, #main ul.dl-inline {
	padding: 5px;
	border: 1px solid #ccc;
	border-left-width: 7px;
	background-color: #fff;
	}
	#main dl.dl-inline dt,
	#main dl.dl-inline dd,
	#main ul.dl-inline li {
		margin: 0;
		display: inline;
		font-size: 0.7em;
		_font-size: 10px;
		}
	
		#main dl.dl-inline dt {
			margin: 2px 0;
			padding-right: 5px;
			border-right: 5px double #555;
			}
		#main dl.dl-inline dd,
		#main ul.dl-inline li {
			margin-left: 5px;
			padding: 2px;
			padding-left: 23px;
			background: url(images/mark_arrow_s.gif) no-repeat left center;
			}


/* [ INTRODUCTION DATA TABLE ]============================================================ */
#introduction {
	margin-top: 40px;
	}

#introduction h2 {
	margin-top: 40px;
	margin-bottom: 20px;
	padding: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	border: 1px solid #333;
	border-top: 3px solid #e4007f;
	background: url(images/bg_header.png);
	color: #fff;
	font-size: medium;
	/font-size: 14px;
	text-align: right;
	}

#introduction h3 {
	margin-top: 40px;
	padding-left: 18px;
	background: url(images/point/mark_flw_pnk.png) no-repeat left 0px;
	}

#main #introduction dl.dl-inline {
	margin-bottom: 20px;
	}

#introduction .clipping {
	width: 450px;
	margin: 0;
	padding: 2px 10px;
	border: 1px solid #ccc;
	border-left-width: 7px;
	/width: 450px;
	_width: 470px; }


#introduction .program {
	position: relative;
	min-height: 200px;
	margin-top: 5px;
	margin-bottom: 45px;
	_width: 100%;
	/padding-left: 0;
	}
	#introduction dl.program {
		_height: 200px;
		}
	#introduction .program dt {
		margin-top: 0;
		padding-top: 0;
		padding-bottom: 5px;
		border-bottom: 3px solid #111;
		color: #e4007f;
		line-height: 150%;
		font-weight: bold;
		/clear: both;
		}
	#introduction .program dd {
		margin-left: 0;
		line-height: 150%;
		}
		#introduction .program .data {
			margin-left: 170px;
			font-size: x-small;
			_font-size: 10px;
			}
		#introduction .program .info {
			margin-left: 170px;
			font-size: x-small;
			_font-size: 10px;
			}
		#introduction .program .story {
			margin-left: 170px;
			margin-top: 15px;
			}
	#introduction .program dd.scene {
		position: absolute;
		left: 0;
		top: 50px;
		margin-left: 0;
		padding: 5px;
		border: 1px solid #888;
		background-color: #fff;
		}
		#introduction .program .play {
			margin-top: 5px;
			padding: 2px 5px;
			background: url(images/bg_header.png);
			text-align: right;
			font-weight: bold;
			}
		#introduction .program .play a {
			color: #fff;
			}

.mature {
	position: absolute;
	left: 450px;
	top: 10px;
	width: 30px;
	}
	.maturetext {
		font-size: x-small;
		_font-size: 10px;
	}
	#main .maturetext .eng {
		font-size: small;
		_font-size: x-small;
		}
	.maturetext img { width: 15px; height: 15px; }

/* [ PROGRAM BRANCH PAGE ]============================================================ */
#osakakorean {
	margin-top: 40px;
	text-align: center;
	}
	#osakakorean table {
		margin-top: 0;
		margin-bottom: 30px;
		margin-left: auto;
		margin-right: auto;
		border: 1px solid #555;
		}
	#osakakorean table th {
		padding: 7px 0 5px 0;
		border-bottom: 3px solid #111;
		background: #000 url(images/bg_header.png) repeat-x left top ;
		font-weight: bold;
		text-align: center;
		font-size: small;
		_font-size: 12px;
		}
		#osakakorean table th a { color: #fff; }

	#osakakorean table td {
		width: 200px;
		padding: 10px 0;
		border: 1px solid #ccc;
		border-bottom: 1px dashed #111;
		line-height: 150%;
		text-align: center;
		font-size: small;
		_font-size: 12px;
		}
		#osakakorean table td p {
			text-align: center;			
			}
		#osakakorean table td .crossline {
			margin-bottom: 5px;
			font-weight: bold;
			color: #e4007f;
			}
		#osakakorean table td.text {
			text-align: left;
			}

/* 不使用 */
#osakakorean {  }
	#osakakorean dl { float: left; width: 220px; margin-top: 0; margin-bottom: 30px; padding: 10px; }
	#osakakorean dt {
		margin-bottom: 20px;
		padding-bottom: 10px;
		border-bottom: 3px solid #111;
		font-size: 1em;
		font-weight: bold;
		text-align: center;
		}
	#osakakorean dd {
		margin-left: 0;
		padding: 10px 0;
		border-bottom: 1px dashed #111;
		text-align: center;
		line-height: 150%;
		}
	#osakakorean dd.scene {
		border: 1px solid #888;
		background-color: #fff;
		}


/* [KMC OTHER FILMS TABLE] */
#kmctable {
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	border-top: 1px solid #000;
	}
	#kmctable th {
		width: 200px;
		padding-bottom: 5px;
		border-bottom: 2px solid #111;
		background-image: url(images/bg_header.png);
		color: #fff;
		font-size: small;
		_font-size: 12px;
		}
	#kmctable td {
		text-align: center;
		padding: 10px;
		border: 1px solid #888;
		background-color: #fff;
		}
	#kmctable td img {
		border: 1px solid #222;
		}

#kmcnotes {
	width: 100%;
	border-top: 1px dashed #222;
	border-bottom: 1px dashed #222;
	_width: 480px;
	}
	#kmcnotes td {
		text-align: center;
		}


/*
dl, dt, dd { border: 1px solid lime; }
*/