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

/*
	Site Name: New National Theatre, tokyo
	Description: toppage setting
	Version: 
	Author: 
*/

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

	01. content layout

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

/* -------------------------------------------------------
 	01. content layout
------------------------------------------------------- */

#bottomText {
	text-align : center;
	padding-top: 60px;
}
#mainImg {
	background : url(../../img/main_flash.jpg) no-repeat left top;
	width      : 978px;
	height     : 422px;
	margin-left: 1px;
}
#layoutContent {
	width       : 885px;
	margin-right: auto;
	margin-left : auto;
}

#layoutContent .floatLeft {
	width: 400px;
}
#layoutContent .floatRight {
	width: 465px;
}
#layoutContent .floatLeft dl {
	background: url(../../img/bg_top_news_01.jpg) no-repeat left top;
	float     : right;
	width     : 398px;
}
#layoutContent .floatLeft dt,
#layoutContent .floatLeft dd {
	background-color: #1a1a1a;
	float           : left;
	height          : 16px;
	border-top      : 1px solid #262626;
	border-bottom   : 1px solid #000000;
}
#layoutContent .floatLeft dt {
	width  : 85px;
	padding: 6px 10px 7px 10px;
}
.mac #layoutContent .floatLeft dt {
	font-size: 85%;
}
#layoutContent .floatLeft dd {
	width  : 293px;
	padding: 6px 0 7px;
}
.mac #layoutContent .floatLeft dd {
	font-size: 85%;
}
#layoutContent .floatLeft .colored {
	background-color: #000;
}
#layoutContent .floatLeft .firstChild {
	border-top: 1px solid #000000;
}
#layoutContent .floatLeft dt.twoline {
	height : 38px;
	padding: 6px 10px 7px 10px;
}
.mac #layoutContent .floatLeft dt.twoline {
	height : 33px;
}
#layoutContent .floatLeft dd.twoline {
	width  : 288px;
	height : 38px;
	padding: 6px 5px 7px 0px;
}
.mac #layoutContent .floatLeft dd.twoline {
	height : 33px;
}
#layoutContent .floatLeft .lastChild {
	border-bottom   : 1px solid #262626;
}
#layoutContent .floatLeft .textTrue{
	height        : 20px;
	padding-top   : 10px;
	padding-bottom: 18pxx;
}
#layoutContent .floatRight .btnArea {
	padding-top : 15px;
	padding-left: 12px;
}
#layoutContent .floatRight .btnArea a {
	display     : block;
	float       : left;
	width       : 146px;
	margin-right: 10px;
}
#layoutContent .floatRight .btnArea span {
	display    : block;
	float      : left;
	width      : 150px;
	padding-top: 2px;
}