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

.center {
	text-align: center;
}

.centerBox {
	margin-left: auto;
	margin-right: auto;
}

.right {
	text-align: right;
}

.small {
	font-size: 85%;
}

.notice2 {
	color: #990000;
}

strong {
	font-weight: bold;
}

div.spacer {
	height: 15px;
}

sup {
	font-size: 80%;
}

.notice {
	color: #CC0000;
}

.contentSpacer {
	min-height: 20em;
	_height: 20em;
}

#pageEnd {
	text-align: right;
	margin: 15px 0 0 0;
	padding: 3px;
}

div#contents p {
	margin-bottom: 1.5em;
}

div#contents p.imgL {
	display: block;
	float: left;
	margin-right: 20px;
	margin-bottom: 0.5em;
	width: auto;
	height: auto;
}

div#contents p.imgR {
	display: block;
	float: right;
	margin-left: 10px;
	margin-bottom: 0.5em;
	width: auto;
	height: auto;
}

div#contents .clear {
	clear: both;
}

div#contents .bottom0 {
	margin-bottom: 0px;
}

div#contents .bottom1em {
	margin-bottom: 1em;
}

div#main span.highlight {
	color: #008000;
}

/* ===== Heading ============================================ */

h2 {
	color: #ffffff;
	background: #006600 url(../images/bg_head2.jpg) 0 0 no-repeat;
	font-size: 16px;
	font-weight: bold;
	line-height: 26px;
	margin: 0;
	padding: 0 0 0 26px;
}

/* ===== Table ============================================= */

div#main .explanation .sectionBody table.tblStd {
	margin-bottom: 1.5em;
	border-collapse: separate;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

div#main .explanation .sectionBody table.tblStd th, div#main .explanation .sectionBody table.tblStd td {
	padding: 3px 5px;
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}

div#main .explanation .sectionBody table.tblStd th {
	background-color: #F5F5F5;
	font-weight: bold;
}

div#main .explanation .sectionBody table.tblStd tr.headTH th {
	background-color: #EAF3FF;
}

div#main .explanation .sectionBody table.tblStd table td {
	border: 0;
	padding: 0;
}

div#contents table ul { margin-bottom: 0px;}

/* ===== List =============================================== */
div#contents dl, div#contents ul, div#contents ol {
	margin: 0px 1.2em 1.5em 1.2em;
	padding: 0;
}

div#contents ul {
	margin-left: 0px;
	list-style: circle;
}

div#contents li { margin: 0.1em 0em 0.2em 1.5em;}

div#contents ol.lowalp li { list-style-type: lower-alpha; margin-left: 0.8em;}
div#contents ol.lowrom li { list-style-type: lower-roman; margin-left: 0.8em;}
div#contents ol.uppalp li { list-style-type: upper-alpha; margin-left: 0.8em;}
div#contents ol.upprom li { list-style-type: upper-roman; margin-left: 0.8em;}
div#contents ol.noNumber li {
	list-style-type: none;
	padding-left: 0;
	text-indent: -1.5em;
}

div#contents dl dt {
	margin-bottom: .2em;
}

div#contents dl dd {
	margin-left: 1.2em;
}

/* ===== Contents =============================================== */

div#main .search {
	margin: 0 0 15px 0;
	padding: 0px;
}

div#main .search .sectionBody {
	background: #f3e6cb;
	border: 1px solid #cccccc;
	border-top: 0 none;
	margin: 0;
	padding: 3px;
}

div#main .search .sectionBody dl {
	margin: 10px 1.5em 5px 1.5em;
	padding: 0;
}

div#main .search .sectionBody p {
	margin: 10px 1.5em 10px 1.5em;
	padding: 0;
}

div#main .search .sectionBody dl dt {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 1px;
}

div#main .search .sectionBody dl dd {
	margin: 0;
	padding: 0;
}

div#main .explanation {
	color: #333333;
	background: #f5f5f5 url(../images/bg_contents2.gif) 0 0 no-repeat;
	margin: 0 auto;
	padding: 15px 0 0 0;
}

div#main .explanation h2,
div#main .explanation h3 {
	width: 524px;
	color: #4a5230;
	background: transparent url(../images/bg_head3.gif) 0 100% no-repeat;
	font-size: 16px;
	font-weight: bold;
	margin: 0 auto;
	padding: 3px 6px;
}

div#main .explanation .sectionBody {
	color: #333333;
	background: #f5f5f5 url(../images/bg_contents1.gif) 0 100% no-repeat;
	margin: 0;
	padding: 0 0 15px 0;
}

div#main .explanation .sectionBody table {
	width: 90%;
	border-collapse: collapse;
	empty-cells: show;
	border: 0 none;
	margin: 15px auto;
	padding: 0;
}

div#main .explanation .sectionBody table tr th {
	color: #4a5230;
	background: transaparent;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	padding: 5px;
}

div#main .explanation .sectionBody table tr td {
	text-align: left;
	vertical-align: top;
	padding: 5px;
}

div#main #searchResult .searchItem {
	width: 546px;
	background: #fff url(../images/bg_seachresult1.jpg) 0 100% no-repeat;
	border: 1px solid #c4c0bb;
	margin: 0 0 10px 0;
	padding: 10px;
}

div#main #searchResult .searchItem h3 {
	font-size: 16px;
}

div#main #searchResult .searchItem p {
	margin: 0;
	padding: 3px;
}

div#main table.detailTbl {
	width: 566px;
	background: #fff;
	border-collapse: separate;
	border-spacing: 0;
	empty-cells: show;
	border: 1px solid #b0aba4;
	margin: 10px auto 10px auto;
}

div#main table.detailTbl tr th {
	width: 90px;
	color: #444;
	background: #ecebe8;
	text-align: left;
	vertical-align: top;
	border: 1px solid #b0aba4;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	margin: 0;
	padding: 5px;
}

div#main table.detailTbl tr td {
	color: #000;
	font-size: 14px;
	text-align: left;
	vertical-align: top;
	border: 1px solid #b0aba4;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 2px solid #fff;
	margin: 0;
	padding: 5px;
}

div#main table.detailTbl tr.last th {
	border-bottom: 1px solid #ecebe8;
}

div#main table.detailTbl tr.last td {
	border-bottom: 1px solid #fff;
}

div#main table.detailTbl tr td.theater {
	color: #004200;
	font-size: 16px;
	font-weight: bold;
}

div#main table.detailTbl tr td.performDate {
	color: #008000;
	font-weight: bold;
}

div#main table.detailTbl tr td p span.casting {
	color: #004200;
	font-weight: bold;
}

div#main table.detailTbl tr td.detailLink {
	width: 120px;
	background: #f4f4f4;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid #f0f0f0;
	border-left: 1px solid #f0f0f0;
	border: 0 none;
}

div#main ul.searchAbout {
	margin: 10px 2em;
	padding: 0;
}

div#main ul.searchAbout li {
	list-style-type: disc;
}

div#main ul.searchAbout table {
	width: 100%;
	margin: 0;
	padding: 0;
}

div#main .pager p {
	margin: 0;
	padding: 0;
}

div#main .pager p {
	margin: 3px;
	padding: 2px;
}

/* ===== Cross Search Parameter Table ===================================== */

div#main #parameter {
	padding: 1px;
}

div#main table.parameterTable {
	width: 100%;
	empty-cells: show;
}

div#main table.parameterTable tr th,td {
	text-align: left;
	border-bottom: 1px solid #cccccc;
}

div#main table.parameterTable tr th {
	width: 20%;
	font-weight: bold;
}

div#main table.parameterTable tr td {
	border-left: 1px solid #cccccc;
}

div#main #parameter div.parameter_link {
	text-align: right;
}


/* ===== Cross Search Table =============================================== */

div#main .search #cross {
	padding: 0;
}

div#main table.crossTable {
	width: 100%;
	border-collapse: separate;
	border-style : solid;
	border-width : 1px 0 0 1px ;
	border-spacing: 0;
	empty-cells: show;
}

div#main table.crossTable tr td {
	font-size: 14px;
	text-align: left;
	vertical-align: top;
	border-style : solid;
	border-width : 0 1px 1px 0 ;
	margin: 0;
	padding: 5px;
}

div#main div.search div.sectionBody div.cross_link {
	text-align: right;
}

div#main #searchResult .searchSort {
	text-align: right;
}

.search #parameter .parameter_link .inactive {
	color: #666666;
}

/* ===== Search Table =============================================== */

div#contents div.search div.sectionBody ul.helpInfo {
	margin: 0;
}

div#contents div.search div.sectionBody ul.helpInfo li {
	background-image:url(/kouendb/images/btn_question.jpg);
	background-repeat:no-repeat;
	margin: 0em 0.5em 0.2em 0.5em;
	padding-left:18px;
	display:block;
	line-height:16px;
}

/* ===== link button =============================================== */
a.btn_link {
	background-position:0px 0px;
	background-repeat: no-repeat;
	display:block;
	text-indent:-9999px;
	overflow:auto;
	height:58px;
}
a.btn_link:hover {
	background-position:0px -58px;
}

a#btn_repertoire {
	float:left;
	width:140px;
	background-image: url(../images/btn_repertoire.jpg);
}
a#btn_perform {
	float:left;
	width:92px;
	background-image: url(../images/btn_perform.jpg);
}
a#btn_theator {
	width:156px;
	background-image: url(../images/btn_theator.jpg);
}
a#btn_actor {
	width:156px;
	background-image: url(../images/btn_actor.jpg);
}

/* ===== 20110131 =============================================== */
table.new {
	width: 566px;
	background: #fff;
	border-collapse: separate;
	border-spacing: 0;
	empty-cells: show;
	border: 1px solid #b0aba4;
	border-bottom: 0 none;
	margin: 10px auto 10px auto;
}

table.new tr th {
	width: 90px;
	color: #444;
	text-align: left;
	vertical-align: top;
	border: 1px solid #b0aba4;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	margin: 0;
	padding: 5px;
}

table.new tr td {
	color: #000;
	font-size: 14px;
	text-align: left;
	vertical-align: top;
	border: 1px solid #b0aba4;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 0 none;
	margin: 0;
	padding: 5px;
}

table.new tr td.goDtl {
	width: 80px;
	background: #f4f4f4;
	text-align: center;
	vertical-align: middle;
	border-left: 0 none;
	border-right: 0 none;
}

table.new tr.index th {
	font-size: 18px;
	color: #008000;
}

table.new tr.index th span {
	font-size: 16px;
}

table.new tr.contents th {
	background-color: #ecebe8
}

table.new tr.contents th.single {
	width: 102px;
}

table.new tr.contents th.double {
	width: 48px;
}

table.new tr.contents th.double.before {
	width: 60px;
}

table.new tr.contents th.double.after {
	width: 36px;
}



table.new tr.contents th.after {
	border-left: none;
}

table.new tr.contents th.before {
	border-right: none;
}

/* ===== 20110509 =============================================== */
.search_hit{
	background-color: #fee;
}

/* ===== 20110531 =============================================== */
.afterLifeName {
	border-bottom: dotted 1px #666;
	cursor: help;
}
.afterLifeName:after {
	content: url('http://dev.kabuki.ne.jp/kouendb/images/btn_question.jpg');
	font-size: 75%;
	padding-left: 3px;
}