body, td {
	font-size: 10pt;
	font-family: Verdana, Arial, sans-serif;
	background-color: #FFF;
	color: #000;
}

body {
	margin: 0;
}

h1 {
	border-left: 10px solid #c19d30;
	padding-left: 1ex;
    font-size: 16pt;
}

h2 {
	margin-top: 2em;
	color: #c19d30;
    font-size: 120%;
}

h3 {
	margin-top: 3em;
    font-size: 120%;
}

h4 {
    font-size: 100%;
}

a:link, a:active {
	color: #333;
	text-decoration: none;
}

a:visited {
	color: #666;
	text-decoration: none;
}

a:hover {
	color: #c19d30;
	text-decoration: none;
}

div.navi-menu {
	margin: 10px 40px 0 40px;
    padding-bottom: 60px;
}

div.navi-menu a:visited {
	color: #666;
}

div.navi-menu a:hover {
	color: #c19d30;
}

div.navi-menu a {
	font-size: 120%;
	display: block;
	margin-right: 3ex;
	float: left;
}

div.welcome-banner {
	background-color: #151515;
	clear: left;
	border-bottom: 5px solid #c19d30;
	margin: 0;
	padding: 0;
}

div.welcome-banner-f {
	background-color: #151515;
	height: 140px;
}

div.welcome-banner img {
    border: none;
}

div.welcome-banner div.vr {
	padding: 60px 35px 7px 35px;
    vertical-align: bottom;
    float: left;
	/* border-bottom: 3px solid #999; */
}

div.welcome-banner div.vr-s {
	background-color: #151515;
	padding: 7px 35px 7px 35px;
	/* border-bottom: 3px solid #999; */
}

div.welcome-banner div.wb-box {
    width: 1000px;
}

div.welcome-banner div.wb-photo {
	white-space: nowrap;
	float: right;
	margin: 0;
	padding: 0;
}

div.wb-photo img {
	margin: 0;
	padding: 0;
}

div.content-main {
    padding-left: 30px;
    padding-bottom: 50px;
	width: 600px;
    float: left;
}

ul.film-list li {
	list-style-image: url(/images/list-point.gif);
	margin: 2ex 0 2ex 0;
    font-size: 12pt;
}

div.content {
	padding: 50px 40px 20px 40px;
}

div.sidebar {
    float: left;
	width: 250px;
}

div.backtotop {
	width: 920px;
	clear: both;
	padding-bottom: 30px;
    text-align: right;
}

div.backtotop img {
    border: none;
}

div.footer {
	clear: both;
	padding: 5px 40px 5px 40px;
	border-top: 1px solid #151515;
}

img.dvd-cover {
	float: right;
	margin: 0 0 1ex 1ex;
	border: 5px solid #c19d30;
}

ul.shortcut li {
	list-style-image: url(/images/list-point.gif);
	margin: 2ex 0 2ex 0;
}

table.schedule {
	border-collapse: collapse;
}

table.schedule td {
	vertical-align: top;
	border: 1px solid #CCC;
	padding: 5px 20px 5px 10px;
}

table.schedule th {
	background-color: #EEE;
	vertical-align: top;
	text-align: left;
	border: 1px solid #CCC;
	padding: 5px;
}
table.film-list {
	width: 100%;
}
table.film-list td {
	font-size: 12pt;
	padding: 1em 1em 1em 0;
}
.remarks {
	font-size: 8pt;
}
.film-info {
	font-size: 10pt;
}
a.title {
	color: #c19d30;
}
table.sort-list {
    margin-top: 30px;
	border-collapse: collapse;
	border: 1px solid #CCC;
    width: 100%;
}
table.sort-list td {
    padding: 0.5em 1em 0.5em 1em;
}
table.film-focus {
	border-collapse: collapse;
	border: 1px solid #CCC;
    width: 100%;
}
table.film-focus td {
    padding: 5px;
}

p.faq {
	margin-top: 2em;
	margin-bottom: 1em;
	color: #c19d30;
}

.film { clear: left; }

.film .title { font-size: 1.2em; }

.film ul { margin: 1em 0; padding: 0; list-style: none; }

.film .director, .film .info, .film .lang { float: left;
  margin: 0 1em 1em 0; font-size: 0.8em}

.film .syno { clear: left; margin-top: 1em; }

.film .history h5 { margin-bottom: 0; }

.film .history ul { margin-top: 0; }

.film .history .year { padding-right: 1em; }

.film .screening li { font-size: 1.5em; float: left; margin: 0 2em 2em 0; }

.featurefilm, .shortfilm { margin-top: 2em; clear: left; }

.timetable { clear: left; }

.timetable table { width: 100%; border-collapse: collapse; }

.timetable th { font-weight: bold; }

.timetable td { border: 1px solid #ccc; }