@charset "utf-8";
/* CSS Document */

/*
	Site Name: New National Theatre, tokyo
	Description: common setting
	Version: 
	Author: 
*/

/*
===== CONTENTS ===========================================

	1: base layout
	2: header layout
	    2-1: logo setting
		2-2: header navigation setting
	3: global navigation layout
	4: main image layout
	5: main content erea layout
	6: breadCrumb layout
    7: mainContentsLeft layout
		7-1: mainContentsLeft layout setting
	    7-2: setTicketS erea setting
	    7-3: entry ereaS setting
	    7-4: buy ticketS erea setting 
	8: mainContentsRight layout
	9: footer layout
	10: space setting
	11: tools
	12: for opera
	13: for IE6
	14: for IE7
	15: for safari

==========================================================
*/

/* -------------------------------------------------------
  0: base
------------------------------------------------------- */
h2 {
	clear: both;
}

h3 {
	color: #FFFFFF;
	font-weight: bold;
	border: 1px solid #000066;
	background-color: #999999;
	padding: 6px 10px;
}

/* -------------------------------------------------------
  1: #ancList
------------------------------------------------------- */
strong img {
	display: block;
}

#ancList {
	background: url(../../buying/img/bg_anclist.jpg) left top repeat-x;
	width: 690px;
	height: 59px;
	padding: 13px 3px 11px 7px;
}

#ancList li {
	float: left;
	width: 180px;
	height: 59px;
	margin-right: 5px;
}

#ancList li.end {
	width: 130px;
	margin-right: 0;
}

/* -------------------------------------------------------
  2: .recList
------------------------------------------------------- */
.recList {
	background: url(../../buying/img/bg_reclist.gif) left top repeat-x;
	width: 688px;
	height: 200px;
	padding: 6px;
	margin-bottom: 15px;
}

.recList dl {
	float: left;
	width: 171px;
	margin-right: 1px;
}

.recList dt,
.recList dd {
	width: 161px;
	padding: 0 5px;
}

.recList dt {
	font-size: 14px;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
}

.recList dd.image {
	padding-top: 10px;
	text-align: center;
}

.recList dd.item {
	height: 30px;
	line-height: 30px;
}

.recList dd.price {
	color: #F20608;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	line-height: 25px;
	height: 25px;
}

/* -------------------------------------------------------
  3: .flow
------------------------------------------------------- */
.flow dt {
	font-weight: bold;
}

.flow {
	width: 700px;
	clear: both;
	background: url(../img/bg_flow.gif) center bottom no-repeat;
	padding-bottom: 25px;
	margin-bottom: 10px;
}

.end {
	background: none;
	padding-bottom: 0;
	margin-bottom: 25px;
}

#post h3 {
/*	border: 1px solid #669933;
	background-color: #66CC33;*/
}

#counter h3 {
/*	border: 1px solid #0066CC;
	background-color: #0099CC;*/
}

.flow .thumb {
	float: left;
	width: 200px;
	padding: 15px;
}

.flow .txt {
	float: right;
	width: 445px;
	padding: 15px 15px 15px 0;

}

#post .flowInner {
	border-right: 1px solid #000066;
	border-bottom: 1px solid #000066;
	border-left: 1px solid #000066;
}

#counter .flowInner {
	border-right: 1px solid #000066;
	border-bottom: 1px solid #000066;
	border-left: 1px solid #000066;
}
