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

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

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

  0: news common setting
  1: news subNavi layout
  2: detail setting
  3: newStyle common setting
  4: newStyle typeA setting
  5: newStyle typeB setting
  6: newStyle typeC setting
  7: 2009 wozzeck news setting

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

/* -------------------------------------------------------
  0: news common setting
------------------------------------------------------- */

.alignC {
	text-align: center;
}

.alignR {
	text-align: right;
}

.alignL {
	text-align: left;
}

#content h1 {
	font-size: x-large;
}

#content h2 {
	font-size: large;
}

#content h3 {
	font-size: medium;
}

#content em {
	font-style: italic;
}

#content ul li {
	list-style: disc inside;
}
/*news_walkure.html*/
#content #chapter ul li {
	list-style: none;
}

#content ol li {
	list-style: decimal inside;
}

/* -------------------------------------------------------
  1: news subNavi layout
------------------------------------------------------- */

.searchBox {
	width: 183px;
	background  : url(../../faq/img/pct_linetop.gif) top left #E7E7D7 no-repeat;
	padding     : 8px 7px 5px 8px;
	margin-top  : 6px;
}

#rMainBox h3.period {
	font-size : large;
	background: url(../../news/img/bg_period.gif) no-repeat left bottom;
	width  : 680px;
	padding: 10px 0px 10px;
	margin : 0px auto 5px ;
	clear  : both ;
}
.rContentsBox {
	width  : 709px;
	margin : 0 auto 10px;
	padding-top:15px;
}
.rContentsBox table {
	width : 680px;
	margin: 0px auto;
	clear : both;
}
.rContentsBox th {
	width  : 95px;
	padding: 10px 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #999999;
	border-bottom-color: #999999;
}
.rContentsBox td {
	width  : 565px;
	padding: 10px 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #999999;
	border-bottom-color: #999999;
}
/*   2-2: pageLink setting   */

#pageLink {
	padding-top: 20px;
	width: 450px;
	margin:0 auto;
}

#pageLink .noLink {
	width: 20px;
	float: left;
	padding: 5px;
	color: #303030;
	text-align:center;
	display: block;
}

#pageLink .border {
	padding: 5px 0;
	display: block;
	float: left;
}

#pageLink .page {
	width: 20px;
	float: left;
	text-align:center;
	padding: 5px;
	display: block;
}

#pageLink .prev {
	background: url(../img/arrow_gray01.gif) no-repeat 15px 7px #FFFFFF;
	width: 75px;
	float: left;
	padding: 5px 5px 5px 10px;
	display: block;
	text-align: right;
}

#pageLink .prev a {
	background:url(../img/arrow_red05-2.gif) no-repeat 5px 2px #FFFFFF;
	width: 75px;
	display: block;
	float: left;
}

#pageLink .next {
	background: url(../img/arrow_gray02.gif) no-repeat 65px 7px #FFFFFF;
	float: left;
	width: 75px;
	padding: 5px 10px 5px 5px;
	display: block;
	text-align: left;
}

#pageLink .next a {
	background: url(../img/arrow_red05.gif) no-repeat 60px 2px #FFFFFF;
	float: left;
	width: 75px;
	display: block;
}

/* -------------------------------------------------------
  2: detail setting
------------------------------------------------------- */

#content {
	width: 880px;
	margin-right: auto;
	margin-left : auto;
	clear: both;
}

#content hr {
	display: block;
}

#detail #content h1 {
	font-size : 120%;
	background: url(../../news/img/h_detail_news.jpg) repeat-x left top;
	height : 34px;
	padding-top  : 17px;
	padding-left :  5px;
	margin-bottom: 15px;
}

#detail #content h2 {
	font-size: 110%;
}

#detail #content .newsBox {
	background  : url(../../news/img/bg_bottom_dots.gif) repeat-x left bottom;
	width: 846px;
	padding: 25px 17px 20px 17px;
	clear  : both;
}

#detail #content input {
	font-size: small;
	margin: 0 5px 5px 0;
}

#detail .sideR img {
	display: block;
	float: right;
	padding-left:25px;
}

#detail .sideL img {
	display: block;
	float: left;
	padding-right:25px;
}

#detail #content h2.cntTtl {
	font-size: 110%;
	padding-bottom : 20px;
}

#detail #content #prime img,
#detail #content #third img {
	margin-bottom: 15px;
}

#detail #content #second img {
	margin-bottom: 15px;
}

#detail #subNavi .select {
	color: #D41D00;
}

/* -------------------------------------------------------
  3: newStyle common setting
------------------------------------------------------- */

.newStyle #content {
	width: 820px;
}

.newStyle #content h2.cntTtl {
	font-size : 120%;
	padding-bottom : 0;
	background: url(../../news/img/bg_title_type.gif) left bottom no-repeat;
	width: 805px;
	height : 38px;
	padding-left : 15px;
	margin-bottom: 20px;
}

h3.articleTtl {
	line-height: 1.2;
	background: #E6DEDA url(../../news/img/bg_title_article.gif) left top repeat-y;
	padding: 5px 10px;
	margin-bottom: 20px;
}

.newStyle .pageTop {
	padding: 0;
	margin-bottom: 20px;
	margin-right: 10px;
}

/* -------------------------------------------------------
  4: newStyle typeA setting
------------------------------------------------------- */

#typeA .contentBox {
	width: 760px;
	padding: 20px;
	margin: 0 auto 10px;
	border: 1px solid #B4B4B4;
	clear: both;
}

#typeA .articleArea {
	width: 390px;
}

#typeA #prime .articleArea {
	float: left;
}

#typeA #second .articleArea {
	float: right;
}

#typeA .articleArea .txt {
	background: url(../../news/img/bg_article.gif) right bottom no-repeat;
	width: 390px;
	min-height: 350px;
	height: auto !important;
	height: 350px;
	padding-bottom: 40px;
}

#typeA .thumbArea {
	width: 350px;
}

#typeA #prime .thumbArea {
	float: right;
}

#typeA #second .thumbArea {
	float: left;
}

#typeA .thumbArea img {
	margin-bottom: 10px;
}

#typeA .thumbArea td {
vertical-align: top;
}

#typeA .thumbArea td.valignM {
vertical-align: middle;
}

#typeA .thumbArea .imgLeft {
	width: 170px;
	padding-right: 10px;
}

#typeA .thumbArea .caption .txt {
	font-size: 85%;
	margin-bottom: 20px;
}

/* -------------------------------------------------------
  5: newStyle typeB setting
------------------------------------------------------- */

#typeB .contentBox {
	margin-bottom: 20px;
}

#typeB #contentInner {
	width: 760px;
	margin: 0 auto 10px;
	padding-top: 20px;
	border: 1px solid #B4B4B4;
}

#typeB h3.articleTtl {
	width: 700px;
	margin: 0 auto 20px;
}

#typeB .articleArea {
	background-color: #E6DEDA;
	width: 592px;
	padding: 4px;
	margin: 0 auto 20px;
}

#typeB .articleArea .txt {
	width: 490px;
	padding: 15px 50px;
	border: 1px solid #FFFFFF;
}

#typeB .thumbArea {
	width: 600px;
	margin: 0 auto 20px;
}

#typeB .thumbArea .imgLeft {
	width: 290px;
	padding-right: 20px;
}

#typeB .thumbArea td {
	text-align: center;
}

#typeB .thumbArea td.caption {
	text-align: left;
	vertical-align: top;
	border-top: 1px solid #FFFFFF;
	border-bottom: 10px solid #FFFFFF;
}

#typeB .thumbArea td.caption p.btnInput {
	background: #FFFFFF;
	padding: 5px 0;
}

#typeB .thumbArea td.caption p.txt {
	font-size: 85%;
	background: url(../../news/img/bg_caption.gif) left top repeat-y;
	padding: 5px 10px;
}

/* -------------------------------------------------------
  6: newStyle typeC setting
------------------------------------------------------- */

#typeC #contentInner {
	background: url(../../news/img/bg_article_02.gif) right top no-repeat;
	width: 760px;
	margin: 0 auto 10px;
	padding: 20px;
	border: 1px solid #B4B4B4;
}

#typeC .contentBox {
	min-height: 305px;
	height: auto !important;
	height: 305px;
}

#typeC h3.articleTtl {
	width: 370px;
}

#typeC .articleArea {
	width: 390px;
}


/* -------------------------------------------------------
  7:  2009 wozzeck news setting
------------------------------------------------------- */
/* common */
#wozzeck #content {
	width      : 886px;
	margin-top : 0px;
	padding-top: 0px;
}
#wozzeck .blockWrap {
	background-color: #FFF;
	background      : url(../../temporary/img/wozzeck/bg_para.jpg) repeat-x left bottom;
	width           : 880px;
	margin-top      : 15px;
	margin-right    : auto;
	margin-left     : auto;
}
#wozzeck .blockWrap .block {
	background: url(../../temporary/img/wozzeck/bg_wozzeck_type.jpg) left bottom no-repeat;
	padding-bottom: 45px;
}
#wozzeck .blockWrap h3 {
	float        : left;
	margin-bottom: 10px;
}
#wozzeck .blockWrap img {
	float: right;
}
#wozzeck .blockWrap .block h3 img {
	float: none;
}
#wozzeck .blockWrap p {
	width      : 450px;
	margin-left: 20px;
}

/* first sentens block */
#wozzeck #primeBlock{
	margin-top: 15px;
}
#wozzeck #primeBlock .widthSet01 {
	width     : 840px;
	margin-top: 15px;
}

/* second sentens block */
#wozzeck #secondary .block {
	background: url(../../temporary/img/wozzeck/bg_wozzeck_type.jpg) right bottom no-repeat;
}
#wozzeck #secondary h3 {
	float: right;
}
#wozzeck #secondary img {
	float: left;
}
#wozzeck #secondary p {
	width      : 430px;
	min-height : 450px;
	margin-left: 435px;
}

/* third sentens block */
#wozzeck #thirdBlock p {
	width     : 435px;
	min-height: 300px;
}

/* linkbottom area  */
#wozzeck .detailBtnArea {
	background      : url(../../temporary/img/wozzeck/bg_bottom_para.jpg) repeat-x left top;
	background-color: #F2E6D5;
	text-align      : center;
	clear           : both;
	height          : 53px;
	padding-top     : 28px;
}
#wozzeck .pageTop {
	padding-top: 10px;
}
#newCard .pageTop {
	background    : url(../../temporary/img/newCard/bg_pagetop.gif) repeat-x left bottom;
	margin-bottom : 20px;
	padding-top   : 5px;
	padding-bottom: 13px;
}
#newCard #content {
	width: 883px;
}
#newCard  #content .btnArea {
	background      : url(../../temporary/img/newCard/bg_news_button_top.jpg) repeat-x left top;
	background-color: #F1E5D5;
	text-align      : center;
	width           : 883px;
	margin          : 10px auto 8px;
	padding-top     : 18px;
	padding-bottom  : 14px;
}
#newCard  #content .btnArea a{
	margin : 0;
	padding: 0;
}
#newCard .content01 img {
	display: block;
	margin: 0px;
	padding: 0px;
}