@charset "UTF-8";

/*================================================
*
*	About the XOI Style Sheet
*	Version: 06 Dec 2008
*
*	1.Body
*	2.Flash
*	3.Header-Footer
*	4.Breadcrumbs Navigation
*	5.コンテンツエリア
*	6.見出し・テキスト
*	7.表
*	8.フォトギャラリー
*
=================================================*/


/*------------------------------------------------
	1.Body
-------------------------------------------------*/
body.xoi div#outerwrap { background: url(images/bg_xoi.jpg) no-repeat center top; }


/*------------------------------------------------
	2.Flash
-------------------------------------------------*/


/*------------------------------------------------
	3.Header-Footer
-------------------------------------------------*/


/*------------------------------------------------
	4.Breadcrumbs Navigation
-------------------------------------------------*/


/*------------------------------------------------
	5.コンテンツエリア
-------------------------------------------------*/
body.xoi #inner { background: url(images/bg_content_bottom.gif) no-repeat left bottom; }



/*------------------------------------------------
	6.見出し・テキスト
-------------------------------------------------*/
body.xoi dl#date dt {
	color: #912337;
}
body.xoi dl#date dd {
	margin: 0 0 1em 1em;
}


/*------------------------------------------------
	7.表
-------------------------------------------------*/
body.xoi #content table {
	width: 538px;
	margin: 0 0 0 32px;
}
body.xoi #content th {
	background: url(images/tr_border.gif) no-repeat left bottom;
	text-align: left;
	white-space: nowrap;
	padding: 8px 10px 10px 0;
}
body.xoi #content td {
	background: url(images/tr_border.gif) no-repeat right bottom;
	padding: 10px 0 15px 0;
}
#content table#submenu,
#content table#submenu td {
	width: auto;
	margin: 0;
	padding: 0;
	background: none;
}


/*------------------------------------------------
	8.フォトギャラリー
-------------------------------------------------*/
body.xoi #rehearsal {
	background: url(images/bg_rehearsal.jpg) no-repeat left bottom;
	padding: 34px 0 86px 90px; 
}
body.xoi #past {
	background: url(images/bg_xoi2007.jpg) no-repeat left bottom;
	padding: 32px 0 84px 90px; 
}
body.xoi #rehearsal p,
body.xoi #past p { margin: 0; }

#inner2 {
	width: 598px;
	padding: 0 0 0 2px;
}
#inner2 span.red {
	font-size: 92%;
}

div#gallery {
	width: 900px;
	margin: 0 auto;
}
div#gallery td {
	width: 150px;
	padding: 0 0 10px 0;
	text-align: left;
	color: #fff;
}
div#gallery p {
	padding: 0 5px;
	text-align: center;
	line-height: 1.2;
	font-size: 92%;
}

td.horizontal-pink h2 {
	margin: 0;
	padding: 14px 0 15px 14px;
	background: url(images/bg_horizontal_pink.jpg) no-repeat;
}
td.vertical-pink h2 {
	margin: 0;
	padding: 14px 0 15px 32px;
	background: url(images/bg_vertical_pink.jpg) no-repeat;
}

td.horizontal-gold h2 {
	margin: 0;
	padding: 14px 0 14px 14px;
	background: url(images/bg_horizontal_gold.jpg) no-repeat;
}
td.vertical-gold h2 {
	margin: 0;
	padding: 14px 0 14px 32px;
	background: url(images/bg_vertical_gold.jpg) no-repeat;
}