@charset "utf-8";
/*______________________________________

  コンポジーアム 2010

  Copyright (c) 2010 Tokyo Opera City Cultural Foundation
  http://www.operacity.jp/concert/compo/2010/
______________________________________*/

body {
 background: #cccccc url(../images/bg.jpg) repeat-x;
 color: #000000;
 font-family: "Hiragino Kaku Gothic Pro","\0030d2\0030e9\0030ae\0030ce\0089d2\0030b4\0030b7\0030c3\0030af\000020\000050\000072\00006f\000020\000057\000033","Meiryo","\0030e1\0030a4\0030ea\0030aa","\00ff2d\00ff33\000020\00ff30\0030b4\0030b7\0030c3\0030af",sans-serif;
 font-size: 16px;
 line-height: 1;
 margin: 0;
 padding: 0;
 /* behavior: url(/shared/scripts/iestartupevents.htc); */
}
* html body {
 font-size: 100%;
}
*:first-child+html body {
 font-size: 100%;
}

html * {
 margin: 0;
 padding: 0;
}
* html body {
 text-align: center;
}

a:link {
 color: #541b86;
}
a:visited {
 color: #541b86;
}
a:hover {
 color: #541b86;
}

img {
 border: none;
 vertical-align: top;
}

* table {
 font-size: 100%;
}

form input,
form textarea,
form select {
 font-size: 100%;
 font-family: "Hiragino Kaku Gothic Pro","\0030d2\0030e9\0030ae\0030ce\0089d2\0030b4\0030b7\0030c3\0030af\000020\000050\000072\00006f\000020\000057\000033","Meiryo","\0030e1\0030a4\0030ea\0030aa","\00ff2d\00ff33\000020\00ff30\0030b4\0030b7\0030c3\0030af",sans-serif;
}
form input,
form textarea {
}

hr.divider {
 position: absolute;
 top: -32768px;
 visibility: hidden;
 width: 1px;
 height: 1px;
 display: none;
}

.supplement {
 font-size: xx-small;
 position: absolute;
 top: -32768px;
 left: -32768px;
}

.clearfix:after {
 content: "";
 display: block;
 clear: both;
 height: 0;
 overflow: hidden;
 zoom: 1;
}
/*\*/
* html .clearfix {
 height: 1em;
 overflow: visible;
}
/* */

/*Otherfont*/
.cap {
	font-size:80%;
	line-height:140%;
}

#page-body {
	background: url(../images/page-body-bg.gif) 50% 0 no-repeat;
}
#header-zone {
	background: url(../images/header-bg.jpg) no-repeat;
	margin: 0 auto;
	padding-top: 35px;
	width: 950px;
	height: 250px;
	text-align: left;
}
#header-zone h1 img {
	width: 289px;
	height: 74px;
}
* html #header-zone img {
	behavior: url(/concert/compo/2010/shared/styles/alpha.htc);
}
#body-zone {
	position: relative;
	width: 950px;
	margin: -60px auto 0;
	text-align: left;
}
#body-zone #navi-area {
	width: 305px;
	margin-right: 19px;
	float: right;
}
* html #body-zone #navi-area {
	float: left;
	margin-right: 0;
}
#body-zone #navi-area ul {
	list-style: none;
}
* html #body-zone img {
 behavior: url(/concert/compo/2010/shared/styles/alpha.htc);
}


/*top用navi*/
#body-zone #navi-area ul#navi1top {
	margin-top: -23px;
}

#body-zone #navi-area ul#navi1top li {
	margin-top: 23px;
}
#body-zone #navi-area ul#navi2top {
	margin-top: 20px;
}
#body-zone #navi-area ul#navi2top li {
	margin-top: 14px;
}
#body-zone #navi-area ul#navi3top {
	margin-top: 20px;
}
#body-zone #navi-area ul#navi3top li {
	margin-top: 8px;
	margin-left: -1px;
}
#body-zone #navi-area ul li a:active {
	position: relative;
	top: 1px;
}

/*2th用navi*/

#body-zone #navi-area ul#navi1 {
	margin-top: -23px;
	border-bottom:dotted 1px #999;
	padding:0 0 20px 0;
}

#body-zone #navi-area ul#navi1 li {
	margin-top: 23px;
}
#body-zone #navi-area ul#navi2 {
	margin-top: 20px;
	border-bottom:dotted 1px #999;
	padding:0 0 20px 0;
}
#body-zone #navi-area ul#navi2 li {
	margin-top: 14px;
}
#body-zone #navi-area ul#navi3 {
	margin-top: 20px;
}
#body-zone #navi-area ul#navi3 li {
	margin-top: 16px;
	margin-left: 9px;
}
#body-zone #navi-area ul li a:active {
	position: relative;
	top: 1px;
}
* html #navi-100527 a:hover img {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/concert/compo/2010/shared/images/navi-100527_o.png', sizingMethod=crop) !important;
}
* html #navi-100530 a:hover img {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/concert/compo/2010/shared/images/navi-100530_o.png', sizingMethod=crop) !important;
}
* html #navi-about a:hover img {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/concert/compo/2010/shared/images/navi-about_o.png', sizingMethod=crop) !important;
}
* html #navi-artist-profile a:hover img {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/concert/compo/2010/shared/images/navi-artist-profile_o.png', sizingMethod=crop) !important;
}
* html #navi-lecture a:hover img {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/concert/compo/2010/shared/images/navi-lecture_o.png', sizingMethod=crop) !important;
}
* html #navi-award2010 a:hover img {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/concert/compo/2010/shared/images/navi-award2010_o.png', sizingMethod=crop) !important;
}
* html #navi-award a:hover img {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/concert/compo/2010/shared/images/navi-award_o.png', sizingMethod=crop) !important;
}
* html span.ticket a:hover img {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/concert/compo/2010/shared/images/navi_ticket_o.png', sizingMethod=crop) !important;
}


#body-zone #content-area {
	float: right;
	width: 613px;
	margin-right: 13px;
	padding-bottom: 50px;
}
#body-zone #content-area h2 {
	font-size: 112.5%;
	font-weight: normal;
	line-height: 1.2;
}
#body-zone #content-area p.sub {
	font-size: 75%;
	line-height: 1.2;
}
#body-zone #content-area div.section {
	background: url(../images/section-divider-bg.gif) repeat-x;
	font-size: 75%;
	margin-top: 20px;
	padding-top: 25px;
	clear: both;
}
#body-zone #content-area div.section:after {
 content: "";
 display: block;
 clear: both;
 height: 0;
 overflow: hidden;
 zoom: 1;
}
/*\*/
* html #body-zone #content-area div.section {
 height: 1em;
 overflow: visible;
}
/* */

#body-zone #content-area div.sub-section:after {
 content: "";
 display: block;
 clear: both;
 height: 0;
 overflow: hidden;
 zoom: 1;
}
/*\*/
* html #body-zone #content-area div.sub-section {
 height: 1em;
 overflow: visible;
}
/* */


#body-zone #content-area div.section-first-child {
	background: none;
	margin-top: 25px;
	padding-top: 0;
}
#body-zone #content-area div.section div.section-header p {
	font-weight: bold;
	line-height: 1.67;
	margin: 2em 0;
}
#body-zone #content-area div.section div.section-body {
	margin-top: 27px;
}
#body-zone #content-area div.section div.section-body h3 {
	font-size: 116.7%;
	line-height: 1.67;
	margin: 2em 0 1em;
}
#body-zone #content-area div.section div.section-body h4,
#body-zone #content-area div.section div.section-body h5 {
	font-size: 100%;
	line-height: 1.67;
	margin: 2em 0 1em;
}

#body-zone #content-area div.section div.section-body p {
	line-height: 1.67;
	margin-bottom: 1em;
}
#body-zone #content-area div.section div.section-body p.price {
	margin: 2em 0;
	font-weight:bold;
}
#body-zone #content-area div.section div.section-body p.note {
	margin: 4em 0 0;
}
#body-zone #content-area div.section div.section-body ul {
	line-height: 1.67;
	list-style: none;
	margin-bottom: 1em;
}
#body-zone #content-area div.section div.section-body ul.note {
	margin-bottom: 0;
}
#body-zone #content-area div.section div.section-body dl {
	line-height: 1.67;
	margin-bottom: 1em;
}
#body-zone #content-area div.section div.section-body dl dt {
	font-weight: bold;
}
#body-zone #content-area div.section div.section-body dl dd {
	margin: 1em 0 2em;
}

#page-footer {
	position: relative;
	background: #000000;
	height: 125px;
}
#page-footer address {
	width: 950px;
	margin: 0 auto;
	text-align: left;
}

div.section div.section-body img.pic {
	float: right;
	width: auto;
	margin: 0 0 10px 10px;
}


#cover #page-body {
	background: none;
}
#cover #header-zone {
	position: relative;
	background: url(../images/cover.jpg);
	padding-top: 0;
	height: 477px;
}
#cover #header-zone h1 {
	padding: 34px 0 0 25px;
}
#cover #header-zone p {
	position: absolute;
	top: 388px;
	left: 72px;
}
#cover #body-zone {
	position: static;
	background: #b19bce url(../images/cover-body-bg.gif) no-repeat;
	margin-top: 0 !important;
	padding-top: 30px;
	padding-bottom: 20px;
}
#cover #body-zone #navi-area {
	width: 469px;
	margin-right: 0;
}
#cover #body-zone #navi-area ul {
	margin-left: 30px;
}

/* top navi用*/
#cover #body-zone #navi-area ul#navi2top {
	position: absolute;
	top: 307px;
	margin-top: -5px;
}
#cover #body-zone #navi-area ul#navi2top li {
	margin-top: 5px;
}
#cover #body-zone #content-area {
	width: 481px;
	margin-right: 0;
	padding-bottom: 0;
	font-size: 75%;
	color: #ffffff;
}
#cover #body-zone #content-area p {
	line-height: 1.5;
	padding: 0 40px 0 30px;
	margin: 50px 0 0;
}
#cover #body-zone #content-area p.first-child {
	margin-top: 0;
}
#cover #body-zone #content-area p.note {
	margin: 25px 0 0;
}
#cover #page-footer {
	width: 950px;
	margin: 0 auto;
}
* html #cover #navi-100527 a:hover img {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/concert/compo/2010/shared/images/navi-100527_c_o.png', sizingMethod=crop) !important;
}
* html #cover #navi-100530 a:hover img {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/concert/compo/2010/shared/images/navi-100530_c_o.png', sizingMethod=crop) !important;
}
* html #cover #navi-about a:hover img {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/concert/compo/2010/shared/images/navi-about_c_o.png', sizingMethod=crop) !important;
}
* html #cover #navi-artist-profile a:hover img {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/concert/compo/2010/shared/images/navi-artist-profile_c_o.png', sizingMethod=crop) !important;
}
* html #cover #navi-lecture a:hover img {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/concert/compo/2010/shared/images/navi-lecture_c_o.png', sizingMethod=crop) !important;
}
* html #cover #navi-award2010 a:hover img {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/concert/compo/2010/shared/images/navi-award2010_c_o.png', sizingMethod=crop) !important;
}
* html #cover #navi-award a:hover img {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/concert/compo/2010/shared/images/navi-award_c_o.png', sizingMethod=crop) !important;
}

.ticketinfo {
	border:solid 1px #999; padding:10px;
}

/* 5/27コラム用*/

#column {
	background-color:#949494; 
	padding:10px; color:#fff; 
	margin-top:20px;
}

#body-zone #content-area #column div.section {
	margin-top:10px;padding:0;
}

/* 5/27コラム用*/
#program {
	margin:0;
}

#body-zone #content-area div.section div.section-body #program h5 {
	font-size: 100%;
	line-height: 1.67;
	margin: 3em 0 0em;
}

#body-zone #content-area div.section div.section-body #program p {
	margin: 0em 0 1em;
}