@charset "UTF-8";

/* CSS Reset
---------------------------------------------------------------------------------------------------- */

body,div,ul,li,h1,h2,h3,h4,h5,p,th,td{margin:0;padding:0;}
em,strong {font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5 {font-size:100%;font-weight:normal;}

img{margin:0;padding:0;vertical-align:bottom;border:0;}
p{margin:1em 0 0 0;}
strong{font-weight:bold;}
object,embed{vertical-align:top;}

/* table ------------------------------ */
table {
	border-collapse:separate;
	border-spacing:0;
}

caption, th {
	text-align:left;
	font-style:normal;
	font-weight:normal;
}

/* Clearfix
------------------------------------------------------------ */
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;overflow:hidden;}
/*IE7*/
*:first-child+html .clearfix{overflow:hidden;}
/*IE v5/v6>*/
@media all{
* html .clearfix{height:1%;}}
/*IE mac v5>*/
* html>body .clearfix{display:inline-block;}

/* Base
---------------------------------------------------------------------------------------------------- */
html,body{width:100%;height:100%;}

#home h1,
#home h2,
#home h3,
#home h4,
#home h5{display:none;}

#flash{
	width:100%;
	height:100%;
	background-color:#fff;
}

/* link ------------------------------ */
a:link, a:visited {color:#89c200;text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {text-decoration:underline;}

.theater-list a:link, .theater-list a:visited {color:#000;text-decoration:none;}
.theater-list a:hover {text-decoration:underline;}
.theater-list a:active {text-decoration:underline;}

/* POP
---------------------------------------------------------------------------------------------------- */
body#pop{
	background:#FFF url(../images/pop_bg.jpg) left top no-repeat fixed;
	font-size:87%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#444444;
}

#pop h1{
	text-align:right;
	margin:20px 20px 0 0;
}

#pop h2{
	margin:20px;
	border-left:#89c200 6px solid;
	height:22px;
	padding:13px 0 0 10px;
}

.one-news{
	background-color:#fcfdfe;
	margin:0 20px 20px;
	padding:20px;
	border:#999 1px solid;
}

.date{font-size:85%; margin-bottom:5px;}

#pop h3{
	font-size:133%;
	font-weight:bold;
	color:#77a800;
	margin:0 0 15px 0;
}

.text{
	line-height:1.5;
	letter-spacing:0.1em;
	text-align:justify;
	text-justify: inter-ideograph;
}

.img-right{
	width:300px;
	float:right;
	margin:0.25em 0 0 1em;
}

.cap{
	font-size:75%;
}

#close{
	text-align:center;
	padding-bottom:20px;
}

#trailer{
	background-color:#fcfdfe;
	margin:0 20px 20px;
	padding:20px;
	border:#999 1px solid;
	text-align:center;
}

/* THEATERS
---------------------------------------------------------------------------------------------------- */

.attention{margin:0 0 20px 20px;}

#update{
	text-align:right;
	margin-right:20px;
}

.theater-list{
	margin:10px auto;
	border-spacing:2px;
	font-size:80%;
	width:660px;
}

.theater-list th{
	white-space:nowrap;
}

.theater-list caption{
	margin-left:5px;
	font-size:150%;
	color:#C00;
}

.theater-list .place{
	width:55px;
}

.theater-list .tickets{
	width:35px;
	text-align:center;
}

.theater-list td.center-pos{
	text-align:center;
}

.theater-list .tel{
	width:95px;
}

.theater-list .days{
	width:145px;
}

.theater-list th{
	background-color:#222;
	color:#FFF;
	padding:5px;
	letter-spacing:0.2em;
}


.theater-list td{
	border:#999 1px solid;
	padding:5px;
	letter-spacing:0;
	background-color:#fcfcfc;
}

.theater-list td.fine{
	color:#999;
	background-color:#eee;
}

.theater-list td.fine a{
	color:#999;
}