@charset "Shift_JIS";

@import url("common.css");

/*----------------------------
container
----------------------------*/

div#container {
	width: 790px;
	background-color: #FFFFFF;
	padding: 10px;
}

/*----------------------------
navi
----------------------------*/
div#navi {
	height: 30px;
	background-image: url(../img/navi_bg.jpg);
}
div#navi li{
	list-style-type: none;
	float: left;
}
/*----------------------------
title
----------------------------*/
/*-----------------------------
main
----------------------------*/
div#main {
	background-image: url(../img/main_bg.jpg);
	background-repeat: no-repeat;
	background-color: #D7D7D7;
	padding: 20px 20px 10px 20px;
}

div.mainbox {
	margin: 0 0 20px 0;
	font-size: 120%;
	text-align: left;
	padding: 15px 20px;
	line-height: 160%;
	background-color: #FFFFFF;
}
div.mainbox p {
	margin: 0 0 20px 0;
}
div.pagetop{
	text-align: right;
}
div.clear{
	clear: both;
}

/*-----------------------------
other
----------------------------*/
.img_r {
	float: right;
	margin: 0 0 10px 12px;
	border: #cccccc solid 1px;
}
.img_l {
	float: left;
	margin: 0 12px 10px 0;
	border: #cccccc solid 1px;
}
.img_waku {
	border: #cccccc solid 1px;
}
div.dotline {
	margin: 20px 0;
	border-top: #cccccc dotted 1px;
}
.emphasis_1 {
	/*font-size: 110%;*/
	color: #006699;
	font-weight: bold;
}
.mini {
	font-size: 10px;
}


/*//////////////////////////////////////////////////////////////////////////*/
/*-----------------------------
news
----------------------------*/
div.news dt {
	clear: left;
	float: left;
	text-align: left;
	color: #304387;
	padding: 0 0 5px 0;
	line-height: 1.5em;
	margin: 0 0 5px 0;
}
div.news dd {
	text-align: left;
	line-height: 1.5em;
	border-bottom: 1px dotted #999999;
	margin: 0 0 10px 0;
	padding: 0 0 10px 6em;
}
div.news dd strong {
	font-weight: bold;
}
div.news a:link {
	color: #333333;
	text-decoration: underline;
	font-weight: normal;
}
div.news a:visited {
	color: #333333;
	text-decoration: underline;
	font-weight: normal;
}
div.news a:hover {
	color: #006699;	
	text-decoration: underline;
	font-weight: normal;
}
/*
div.article {
	text-align: right;
	margin: 7px 0;
	background-color: #E6EFFF;
	padding: 7px 10px;
	width: 400px;	
}
div.article div.midashi {
	text-align: left;
	margin:0 0 7px 0;
	color: #336666;
	width: 400px;	
	font-weight: bold;
}
div.article div.midashi strong {
	color: #333333;
	font-weight: bold;
}
div.article div.midashi2 {
	text-align: center;
	margin:0 0 10px 0;
	font-weight: bold;
	color: #336666;
	width: 400px;	
}
div.article div.honbun {
	text-align: left;
}
div.article div.hp {
	margin:7px 0 0 0;
	width: 400px;	
}
*/
/*-----------------------------
introduction
----------------------------*/
div.intro h3 {
	text-indent: -3000px;
	border: none;
	background-image: url(../img/introduction/img_mirror.jpg);
	background-repeat: no-repeat;
	height: 353px;
	text-align: center;
	background-position: center;
}

/*-----------------------------
staff_cast
----------------------------*/
div.staff_cast h3{
	font-size: 120%;
	padding: 0 0 0 10px;
	margin: 0 0 12px 0;
	border-left: #999900 solid 3px;
	font-weight: bold;
}
div.staff_cast div.films {
	margin: 10px 0;
}
div.staff_cast div.films ul li {
	margin: 0 0 0 25px;
	list-style-type: disc;
}
div.staff_cast div.cast {
	margin: 15px 0;
}
div.staff_cast div.cast h4 {
	margin: 5px 0 5px 0;
	font-weight: bold;
	/*border-bottom: #D9D9D9 solid 3px;*/
}
/*-----------------------------
about
----------------------------*/
div.about h3{
	font-size: 140%;
	padding: 0 0 0 10px;
	margin: 0 0 12px 0;
	border-left: #999900 solid 3px;
	font-weight: bold;
}
div.about div.heading_1 {
	margin: 10px 0 7px 0;
	text-align: left;
}
p.credit {
	font-size: 10px;
}
div.about p.mikan {
	font-size: 10px;
}
div.about p.mikan strong {
	font-size: 120%;
	font-weight: bold;
}
/*-----------------------------
theater
----------------------------*/
div.theater h3{
	font-size: 130%;
	padding: 0 0 0 10px;
	margin: 5px 0 10px 0;
	border-left: #999900 solid 3px;
	font-weight: bold;
}
div.theater h3 strong {
	padding: 0 0 0 18px;
	background-image: url(../img/theater/mark01.gif);
	background-repeat: no-repeat;
	background-position: center left;
}
div.theater div.theater_1 {
	margin: 0 0 0 12px;
}
div.theater div.screenings_main {
}
div.theater div.screenings_main div.date {
	margin: 10px 0 5px 0;
}
div.theater div.screenings_main table.timetable {
	font-size: 110%;
	line-height: 100%;
	margin: 5px 0;
}
div.theater div.screenings_main table.timetable th {
	padding:6px;
	background-color: #DAE8F3;
	width: 11em;
	font-weight: bold;
	border: #cccccc solid 1px;
	text-align: center;
}
div.theater div.screenings_main table.timetable td {
	padding: 6px 8px ;
	background-color: #808080;
	color: #FFFFFF;
	letter-spacing: 1px;
	font-weight: bold;
	border: #808080 solid 1px;
}
div.theater div.screenings {
	margin: 20px 0 0 0;
	padding: 10px;
	border: #cccccc dotted 1px;
	line-height: 200%;
	background-color: #EEEEEE;
}
div.theater div.screenings ul li {
	margin: 0 0 0 25px;
	list-style-type: disc;
}
div.theater div.linktoabout {
	margin: 15px 0 0 0;
}
div.theater div.linktoabout a:link {
	font-weight: bold;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	background-color: #FFFF00;
	border: #cccccc solid 1px;
	padding: 3px 6px;
}
div.theater div.linktoabout a:visited {
	font-weight: bold;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	background-color: #FFFF00;
	border: #cccccc solid 1px;
	padding: 3px 6px;
}
div.theater div.linktoabout a:hover {
	font-weight: bold;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	background-color: #CCCC00;
	border: #cccccc solid 1px;
	padding: 3px 6px;
}

/*div.theater div.date_theater{
	border-left-color: #999999;
	border-left-style: solid;
	border-left-width: 3px;
	padding: 0 0 0 8px;
	margin: 15px 0 15px 0;
}
.date{
	font-size: 120%;
	font-weight: bold;
	line-height: 1.1em;
	margin: 0 0 7px 0;
}
.theater0{
	background-image: url(../img/mark01.gif);
	background-repeat: no-repeat;
	background-position: 2px center;
	font-size: 140%;
	font-weight: bold;
	padding: 0 0 0 25px;
	line-height: 1.1em;
}
.ticket {
	background-image: url(../img/theater/mark_ticket.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 33px;
	margin: 10px 0 0 0;
}
*/