﻿@charset "utf-8";
/* CSS Document */

/* [style reset]-------------------------------------------------------- */
html {
	background-image: none;
	}
body {
	/text-align: center;
	font-family: sans-serif;
	font-size: 10px;
	}

html,body,h1,h2,h3,ul,li,dl,dt,dd,p {
	margin: 0;
	padding: 0;
}

ul li {
	list-style: none;
}
/*
ul:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}
*/
body {
	background-image: none;
	}

/* [ GENERAL STYLES ]============================================================ */
a { color: #0033FF; }
a:visited { color:#0099FF; text-decoration: none; }
a:hover { color: #e4007f; }

a img {	border: 0; }
p, li, dt, dd, caption { font-size: small; text-align: left; }

.attention { color: #c00; font-weight: bold; }
.right { text-align: right; }
.pagetop { display: none; }
.linksticky { 
	margin-bottom: 40px;
	font-size: small;
	text-align: right;
	}
	.linksticky a {
		min-height: 35px;
		padding: 10px 40px 10px 10px;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #aaa;
		border-right: 1px solid #aaa;
		border-left: 18px solid #ffa8d3;
		background: #fff;
		}


#body {
	width: 720px;
	margin-left: auto;
	margin-right: auto;
	/text-align: left;
	}


/* [ HEADER ]============================================================ */
#header {
	display: none;
	}

#rssticker {
	margin-bottom: 10px;
	background-color: #121212;
	background: url(images/bg_header.png) no-repeat center -30px;
	}
	#blogrss { 
		font-size: small;
		color: #ddd;
		}
		#blogrss a { 
			color: #00CCFF;
			}

#ssfflogo {
	display: none;
	}

#ssfftokyo {
	display: none;
	}

#location {
	clear: both;
	margin-bottom: 10px;
	padding: 3px 5px 3px 15px;
	background: #111;
	color: #eee;
	font-size: small;
	_margin-top: 10px;
	}
	#location a { 
			color: #00CCFF;
			 }

/* [ MAIN CONTENT ]============================================================ */
#content {
	clear: both;
	width: 720px;
	min-height: 640px;
	margin-bottom: 20px;
	background: none;
	}


#menu {
	display: none;
	}


#main {
	padding: 0;
	background: none;
	}
	#main h1 {
		}
	#main h2 {
		margin-top: 60px;
		margin-bottom: 20px;
		padding-top: 6px;
		padding-bottom: 6px;
		padding-left: 12px;
		border-left: 10px solid #111;
		border-bottom: 1px dashed #111;
		font-size: medium;
		line-height: 100%;
		}
		#lead {
			margin-bottom: 40px;
			font-weight: bold;
			font-size: medium;
			}
	#main h3 {
		margin-top: 30px;
		font-size: small;
		}
	.suspend {
		margin-top: 5px;
		margin-bottom: 30px;
		font-size: small;
		text-align: right;
		}
	
	#main p {
		margin-top: 10px;
		line-height: 150%;
		}
	/* [ LIST STYLES ]============================== */
	
	#main dl, #main ul { margin-top: 40px; }
		#main dd ul, #main dd li { margin-top: 0; margin-left: 0; }
	#main li { margin-top: 3px; }
	#main dt { margin-top: 20px; margin-bottom: 5px; }
	#main dd { margin-left: 20px; margin-top: 3px;}


/* [ FOOTER ]============================================================ */
#footer {
	display: none;
		}

/* [  ]============================================================ */
#ticketdata, .timetable {
	margin-top: 30px;
	margin-bottom: 20px;
	border-top: 1px solid #111;
	border-bottom: 1px solid #111;
	font-size: small;
	}
	#ticketdata th, .timetable th {
		padding: 7px 2px 5px 2px;
		border-bottom: 3px double #111;
		background: #111;
		color: #fff;
		}
	#ticketdata td, .timetable td {
		padding-top: 7px;
		padding-bottom: 5px;
		border-bottom: 1px dashed #111;
		}

.timetable {
	margin-top: 0;
	/margin-top: 30px;
	}
	.timetable caption {
		margin-top: 30px;
		font-size: medium;
		font-weight: bold;
		}
	.timetable th, .timetable td { width: 70px; }
	.timetable td { text-align: center; vertical-align: top; }
	.timetable img {
		width: 70px;
		height: 55px;
		}


/* [ PROGRAM ]============================================================ */
#introduction .program {
	position: relative;
	min-height: 150px;
	margin-top: 10px;
	margin-bottom: 45px;
	padding-left: 170px;
	_width: 100%;
	/padding-left: 0;
	}
	#introduction .program dt {
		margin-top: 0;
		padding-top: 0;
		padding-bottom: 5px;
		border-bottom: 3px solid #111;
		font-weight: bold;
		/margin-left: 170px;
		/clear: both;
		}
	#introduction .program dd {
		margin-left: 0;
		/margin-left: 170px;
		}
	#introduction .program dd.scene {
		position: absolute;
		left: 0;
		top: 0;
		border: 1px solid #888;
		padding: 5px;
		background-color: #fff;
		margin-left: 0;
		}
	#introduction .program .info {
		font-size: x-small;
		}
	#introduction .program .story {
		margin-top: 15px;
		line-height: 130%;
		}
	#introduction .program .play {
		margin-top: 5px;
		}


/* [ PROGRAM ]============================================================ */
#osakakorean {  }
	#osakakorean dl { float: left; width: 200px; margin-top: 0; margin-bottom: 30px; padding: 10px;x }
	#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;
		}


.pickimage {
	float: left;
	margin-top: 10px;
	margin-right: 15px;
	width: 140px;
	padding: 5px;
	border: 1px solid #aaa;
	background-color: #fff;}