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

/*
	Site Name: New National Theatre, tokyo
	Description: tosca setting
*/

/*
===== CONTENTS ===========================================

  Default Reset & Base Style Sheet

  1: base setting
  2: layout setting

==========================================================
*/


/* -------------------------------------------------------
  1: base setting
------------------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	color:#ffffff;
	line-height:1.3;
	font-family:"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	font-style:normal;
	background:#000;
	text-align:center;
}


h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote{
	font-size: small;
}


object {
	margin: 0;
	padding: 0;
}


hr {display:none;}

p {
	margin:0;
	padding:0;
}

h1,h2,h3,h4,h5,h6 {
	margin:0;
	padding:0;
}

address {
	margin:0;
	padding:0;
}

em {
	font-style:normal;
	font-weight:bold;
}
strong {
	font-style:normal;
	font-weight:bold;
}

a,img {
	padding:0px;
	margin:0px;
	border:none;
}

ul,ol,dl {
	margin:0;
	padding:0;
	list-style:none;
}

li,dt,dd {
	margin:0;
	padding:0;
	font-size:100%;
	list-style:none;
}

/*   clear       */

.clr {
	clear: both;
	margin: 0;
	padding: 0;
	border: none;
	font-size:1%;
}
.clearfix{
    zoom:1;/*for IE 5.5-7*/
}
.clearfix:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
* html .clearfix{
	display:inline-table;
	/*\*/display:block;/**/
}


/* -------------------------------------------------------
  2: layout setting
------------------------------------------------------- */
#layoutWrapper {
	width: 979px;
	height:573px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -286px;
	margin-left: -489px;
	text-align:left;
	border:1px #282828 solid;
}

#layoutHeader {
	width:977px;
	height:56px;
	margin:1px;
	background:url(../img/bg_header.jpg) top left repeat-x;
}

#layoutHeader p,
#layoutHeader h1 {
	float:left;
}

#layoutHeader p#btnMovie {
	margin:5px 0 0 276px ;
}

#flashArea {
	width: 979px;
	height: 456px;
	border-top:1px solid #3c0400;
	border-bottom:1px #282828 solid;
	padding:1px 0;
	clear:both;
}

#layoutFooter {
	width: 977px;
	height:53px;
	margin:1px;
	background:url(../img/bg_footer.jpg) top left no-repeat;
}

#layoutFooter ul#outLinkL {
	width:300px;
	float:left;
	padding:28px 0 0 10px;
}

#layoutFooter ul#outLinkL li {
	float:left;
	margin-right:19px;	
}

#layoutFooter ul#outLinkR {
	width:488px;
	float:right;
	padding:3px 2px 0 0;
}

#layoutFooter ul#outLinkR li {
	float:left;
	padding-left:10px;
}