@charset "UTF-8";

#header {
	height           : 102px;
	margin           : 0;
}

ul.gnav {
	position         : absolute;
	left             : 0;
	top              : 433px;
}

#main-content {
	float            : none;
	width            : 895px;
	margin           : 0;
}

#main-content #feature-area {
	height           : 331px;
	background       : #000;
	overflow         : hidden;
}

#contents {
	background       : url(../../img/bg_contents.gif) repeat-y;
	width            : 895px;
	padding-top      : 0;
}

#contents .main_area {
	padding-top      : 64px;
}

/* main area *******************/

.main {
	float             : left;
	width             : 624px;
	padding           : 0 15px;
	font-size         : 84%;
}

#main-content  .main h2 {
	margin            : 0 0 17px 0;
	padding           : 0;
	border            : none;
}

.main_area p.date {
	background        : #EEEEEE;
	clear             : both;
	padding           : 2px 10px;
	font-weight       : bold;
	border-left       : 1px solid #CCCCCC;
}


.main .performance {
	width             : 304px;
	float             : left;
	margin            : 0 15px 1em 0;
}

.main .performance.mr0 {
	margin-right      : 0;
}

.main .performance p {
	margin-bottom     : 0 !important;
}



.main .performance .photo {
	width             : 72px;
	float             : left;
}

.main .performance .detail {
	width             : 232px;
	float             : left;
}

.main .performance .detail h3 {
	background        : url(../img/dot.gif) bottom repeat-x;
	padding-bottom    : 3px !important;
	margin-bottom     : 5px !important;
}

.main .performance .detail span {
	font-size         : 80%;
}

.main .performance .detail h3 a {
	background        : url(../img/ico_arrow.gif) 0 4px no-repeat;
	padding-left      : 10px;
	color             : #15336b;
	font-size         : 12px;
	text-decoration   : none;
	display: block;
}

.main .performance .detail h3 a:hover {
	text-decoration   : underline;
}


.main .performance .photo img.thumbnail {
	background        : url(../img/bg_photo.gif) no-repeat;
	width             : 57px;
	padding           : 2px;
}

.main .performance .photo img.ico_genre {
	margin            : 1px 0 0 1px;
}

#main-content h3 {
	margin            : 0;
	padding           : 0;
	border            : none;
}


.main #noteworthy,
.main #info,
.main #cancell {
	margin-top        : 10px;
}


#info dl {
	font-size         : 110%;
	line-height       : 1.9;
	padding           : 0 8px;
}

#info dl a {
	color             : #333333;
	text-decoration   : none;
}

#info dl a:hover {
	text-decoration   : underline;
}

#info dl dt {
	float             : left;
	width             : 8em;
	color             : #807c59;
}

#info dl dd {
	margin-left       : 8em;
}

#info p {
	text-align        : right;
	padding-right     : 10px;
}
#info p a.links {
	background        : url(../img/ico_arrow.png) 0 4px no-repeat;
	padding-left      : 8px;
	color             : #000000;
	text-decoration   : none;
}

#info p a.links:hover {
	text-decoration   : underline;
}

.footer_links {
	width             : 625px;
	background        : url(../../img/bg_footer_nav.gif) left bottom no-repeat;
	margin-top        : 15px;
}

.footer_links .nav {
	width             : 203px;
	float             : left;
	margin-right      : 8px;
	padding           : 0;
}

.footer_links .nav.mr0 {
	margin-right      : 0;
}


.footer_links h4 {
	margin-bottom     : 10px !important;
}

.footer_links p {
	padding           : 0 10px 0 12px;
}


/* sub area *******************/

.sub {
	float             : right;
	width             : 221px;
	padding           : 0 10px;
	_padding           : 0 8px;
}

.sub .guide p.title {
	margin            : 0 0 8px -1px !important;
	
}

.sub .guide,
.sub .info {
	background        : #FFFFFF;
	border-left       : 1px solid #d2d2d2;
	border-right      : 1px solid #d2d2d2;
	border-bottom     : 1px solid #d2d2d2;
}

.sub .guide ul li {
	list-style-type   : none;
	margin            : 0 !important;
	background        : url(../img/dot.gif) bottom repeat-x;
	padding-bottom    : 8px !important;
	margin-bottom     : 8px !important;
}

.sub .guide ul li a {
	background        : url(../img/ico_arrow.png) 0 5px no-repeat;
	padding-left      : 10px;
	margin-left       : 12px;
	color             : #000000;
	text-decoration   : none;
	width             : 190px;
	display           : block;
}

.sub .guide ul li a:hover {
	text-decoration   : underline;
}

.sub .guide dl dt,
.sub .guide dl dd {
	text-align        : center;
	font-weight       : normal;
	line-height       : 1.5;
}

.sub .guide dl dt {
	font-size         : 90%;
}
.sub .guide dl dd.phone {
	background        : url(../../img/ico_phone.gif) 35px 6px no-repeat;
	padding-left      : 10px;
	color             : #1a178f;
	font-weight       : bold;
	font-size         : 150%;
	font-family       : Arial;
}

.sub .info {
	margin-top        : 10px;
}


.sub .info dl {
	line-height       : 1.5;
}

.sub .info dl a {
	color             : #333333;
	text-decoration   : none;
}

.sub .info dl a:hover {
	text-decoration   : underline;
}

.sub .info dl dt {
	float             : left;
	color             : #807c59;
	font-family       : Arial;
	padding           : 0 6px 0 12px
}

.sub .info dl dd {
	padding           : 0 10px 5px 8em;
	background        : url(../img/dot.gif) bottom repeat-x;
	font-size         : 84%;
	margin-bottom     : 5px;
}

.sub .info dl dd.none {
	background        : none;
}

.sub .banner_area.campaign {
	margin            : 0px 0 10px 0;
}

.sub .banner_area.campaign img {
	margin-bottom     : 5px;
}

.sub .banner_area {
	text-align        : center;
	margin-top        : 10px;
}

/* 公演スケジュール *********************************/

#schedule {
	width             : 624px;
	background        : url(../../img/bg_schedule.gif) no-repeat bottom;
	padding-bottom: 2px;
	margin-bottom: 20px;
}

#schedule h2 {
	margin-bottom: 0 !important;
}

#schedule ul {
	text-align      : center;
	margin          : 10px auto;
}

#schedule ul a {
	background      : url("../img/ico_arrow.png") no-repeat 0 7px;
	padding-left    : 10px;
	text-decoration : none;
	margin-right    : 20px;
	display         : block;
	margin-top      : 6px;
	font-size       : 13px;
	color           : #333333;
}

#schedule ul a:hover {
	text-decoration : underline;
}

#main-content ul li {
    margin-left: 0px;
}

#schedule ul li {
	/float          : left;
	display         : inline-block;
	list-style-type : none;
	background      : url(../img/dot_v.gif) right repeat-y;
	height          : 30px;
 	margin-left     : 20px;
}

#schedule ul li, x:-moz-any-link { 	float: left; }

#schedule ul li.last {
	background      : none;
}

/* clear ****************************************/

#schedule ul:after
{content:" "; height:0px; clear:both; visibility:hidden; display:block;}

#schedule ul
{display :inline-block;}

/*\*/
* html #schedule ul
{height:1%;}

#schedule ul
{display:block;}
/*/*/


/* clear ****************************************/

#contents .main_area:after,
.main .performance:after,
.main #noteworthy:after,
.main #future:after,
.main #info:after,
.main #cancell:after,
.footer_links:after,
.sub .info dl:after
{content:" "; height:0px; clear:both; visibility:hidden; display:block;}

#contents .main_area,
.main .performance,
.main #noteworthy,
.main #future,
.main #info,
.main #cancell,
.footer_links,
.sub .info dl
{display :inline-block;}

/*\*/
* html #contents .main_area,
* html .main .performance,
* html .main #noteworthy,
* html .main #future,
* html .main #info,
* html .main #cancell,
* html .footer_links,
* html .sub .info dl
{height:1%;}

#contents .main_area,
.main .performance,
.main #noteworthy,
.main #future,
.main #info,
.main #cancell,
.footer_links,
.sub .info dl
{display:block;}
/*/*/