@charset "shift_jis";

body, p, form, h1, h2, h3, h4, h5, h6, img {
	margin: 0;
	padding: 0;
}

img {
	border: 0px none;
}

body {
	font-family: "Osaka", "MS UI Gothic";
	/*padding: 20px 0px 0px 25px;*/
	background-color: #999;
	background-color: #888;
	color:#CCC;
	color:#000;
	/*font-size: 12px;
	line-height:18px;*/
	text-align: center;
}

/* 基本リンクカラー */
a:link {
	color: #F06;
	/*color: #C96;*/
	text-decoration: underline;
	/*text-decoration: none;*/
	}
a:visited {
	color: #E05;
	/*color: #036;*/
	text-decoration: underline;
	/*text-decoration: none;*/
	}
a:hover {
	color: #F60;
	text-decoration: underline;
	}
a:active {
	color: #F00;
	text-decoration: underline;
	}

#top a:link {
	color: #FFF;
	text-decoration: none;
	}
#top a:visited {
	color: #EEE;
	text-decoration: none;
	}
#top a:hover {
	color: #FAA;
	text-decoration: underline;
	}
#top a:active {
	color: #F00;
	text-decoration: underline;
	}

/* 全体 */
/*
#container {
	width: 650px;
	margin: 0 auto 0 auto;
	padding: 0;
	background-color: #EC0567;
	background: #EC0467 url(../pic/back_all.jpg) no-repeat 0px 0px;
}
*/

#container {
	width: 652px;
	margin: 0 auto 0 auto;
	padding: 0;
}

#container2 {
	margin: 0;
	padding: 0;
	/*padding-top: 1px;  これを指定しないとNetscapeで問題あり？ */
	border-left: solid 1px #444;
	border-right: solid 1px #444;
}

#container3 {
	width: 650px;
	margin: 0;
	padding: 0;
	background: #EC0467 url(../pic/back_all.jpg) no-repeat 0px 0px;
}

#top1 {
	text-align: left;
	position: relative;
	width: 650px;
	height: 300px;
	background-image: url(../pic/back01.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

/* 作品ラインナップ、リンク */
#top1 .lineup {
	width: 300px;
	position: absolute;
	top: 20px;
	left: 321px;
}

#top1 .lineup ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	/*display: inline;*/
	text-align: right;
}

#top1 .aori {
	font-size: 12px;
	position: absolute;
	top: 270px;
	left: -1000px;
}

#top2 {
	text-align: left;
	position: relative;
	width: 650px;
	height: 200px;
	background-image: url(../pic/back02.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#top2 h1 {
	font-size: 18px;
	position: absolute;
	top: 0px;
	left: -1000px;
}

#top2 .datetime {
	font-size: 12px;
	position: absolute;
	top: 100px;
	left: -1000px;
}

#top2 .infolink {
	width: 618px;
	text-align: right;
	position: absolute;
	top: 145px;
	left: 0px;
}

#top2 .laputalink {
	width: 40px;
	position: absolute;
	top: 123px;
	left: 501px;
}

#main {
	/*background-color: #F06;
	background-color: #EC0567;*/
	text-align: left;
	padding: 0px 40px 10px 50px;
	padding: 20px 0px 10px 100px;
	padding: 15px 0px 10px 98px;
}

/* 上映作品解説 */
.works {
	width: 560px;
	width: 480px;
	width: 476px;
	width: 528px;
	/*margin-bottom: 27px;*/
	padding-bottom: 27px;
}

.works2 {
	padding: 16px 20px 10px;
	padding: 16px 22px 10px;
	padding: 0px 22px 10px; /* padding-topを0にしないとWin IEで乱れる */
	border: dashed 4px #EEE;
	/*border: dotted 4px #EEE;*/
	background-color: #000;
	color:#EEE;
	/*margin-bottom: 25px;*/
}

.date {
	/*margin: 0px 0px 2px 0px;*/
	/*margin: 2px 0px 0px 0px;*/
	padding: 2px 0px 0px 0px;
	padding-top: 18px; /* works2のpadding-topの代わりに指定 */
	font-size: 12px;
	float: right;
}

.title {
	/*margin: 0px 0px 3px 0px;*/
	/*margin: 0px 12px 2px 0px;*/
	padding: 0px 12px 2px 0px;
	padding-top: 16px; /* works2のpadding-topの代わりに指定 */
	font-family: "Osaka", "MS UI Gothic";
	font-size: 14px;
	/*font-weight: normal;*/
	font-weight: bold;
	/*color: #36C;*/
	color: #CCC;
	color: #FFF;
	float: left;
	/*vertical-align: bottom;*/
}

.wrapper {
	clear: both;
	width: 560px;
	width: 480px;
	border-top: solid 1px #CCC;
	padding-top: 3px;
}

.text {
	/*clear: both;*/
	/*width: 435px;*/
	width: 375px;
	width: 300px;
	width: 296px;
	float: left;
	padding-top: 3px;
}

.data {
	/*margin: 4px 0px 0px 0px;
	float: left;*/
	margin: 0px 0px 0px 0px;
	/*vertical-align: bottom;
	height: 14px;*/
}

.staff {
	margin: 0px 0px 6px 0px;
	padding-bottom: 1px;
}

.kaisetsu {
	margin: 0px 0px 1px 0px;
	font-family: "Osaka", "MS UI Gothic";
	font-size: 12px;
	line-height:18px;
}

.photo {
	width: 170px;
	float: left;
	margin-left: 15px;
	margin-left: 10px;
	margin-top: 7px;
	text-align: right;
}

.to_top {
	margin: 0px 0px 10px 0px;
	font-family: "Osaka", "MS UI Gothic";
	font-size: 12px;
	text-align: right;
}

/* 料金、インフォメーション */
.info {
	width: 528px;
}

.info2 {
	/*padding: 0px 22px 10px;  padding-topを0にしないとWin IEで乱れる */
	padding: 20px 27px 10px 22px;
	border: dashed 4px #EEE;
	/*border: dotted 4px #EEE;*/
	background-color: #000;
	color:#EEE;
	/*margin-bottom: 25px;*/
}

.info h3 {
	width: 475px;
	font-family: "Osaka", "MS UI Gothic";
	font-size: 12px;
	line-height:18px;
	/*font-weight: normal;*/
	font-weight: bold;
	margin-bottom: 2px;
	padding-bottom: 2px;
	color: #CCC;
	border-bottom:solid 1px #CCC;
}

.info p {
	font-family: "Osaka", "MS UI Gothic";
	font-size: 12px;
	line-height:18px;
	/*color:#CC0033;*/
	margin-top:0em;
	/*margin-bottom:1em;*/
}

/* ログ取得＆カウンターボックス */
.o_counter {
	/*width:230px;*/
	margin: 0;
	padding: 0;
	padding-top: 5px;
}