@charset "Shift-JIS";
*------------------------------------------------------------------------------

								clearFix
								
------------------------------------------------------------------------------*/
dl#recruitment:after
{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	content: ".";
}

/* Win IE7 */
*:first-child + html dl#recruitment
{
	min-height: 1%;
}
/* End Win IE7 */

/* Win IE6 \*/
* html dl#recruitment
{
	height: 1%;
}
/* End Win IE6 */

/* Mac IE\*//*/
div#contentWrapper
{
	display: inline-table;
}
/* End Mac IE */





/*-------------------------------------------------------
					リセット
-------------------------------------------------------*/
body#musical2012.events div.article h3
{
	background:transparent no-repeat scroll left top;
	margin:0;
	padding:0;
	border:none;
	font-size:100%;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	list-style-type:none;
}






/*-------------------------------------------------------
					フロート解除
-------------------------------------------------------*/
body#musical2012.events div.article ul.phtWrapper:after
{
	content:".";
	display:block;
	clear:both;
	height:0;
	line-height:0;
	visibility:hidden;
}

body#musical2012.events div.article ul.phtWrapper
{
	zoom:1;
}






/*-------------------------------------------------------
					テキスト画像代替
-------------------------------------------------------*/
#x
{
	display:block;
	text-indent:-10000px;
	text-decoration:none;
	margin:0;
	padding:0;
/*\*/
	overflow:hidden;
/* */

}






/*-------------------------------------------------------
					非表示部
-------------------------------------------------------*/
#x
{
	position:absolute;
	top:-9999px;
	left:-9999px;
	width:0px;
	height:0px;
	overflow:hidden;
	z-index:-9999;
}


/*-------------------------------------------------------
					div#pageHeader
-------------------------------------------------------*/
body#musical2012.events div#pageHeader{
	background-image:url(../../events/musical2012/images/page_header.gif);
}



/*-------------------------------------------------------
					div.articleContent
-------------------------------------------------------*/
body#musical2012.events div.articleContent{
	margin-left: 55px;
	padding: 0;
	width: 650px;
}




/*-------------------------------------------------------
						h2
-------------------------------------------------------*/
body#musical2012.events div.article h2{
	display: block;
	text-indent: 0;
	text-decoration: none;
	margin: 0;
	padding: 0;
/*\*/
	overflow: visible;
/* */

	border-left: 7px solid #009078;
	padding: 8px;
	margin-top: 5px;
	margin-bottom: 20px;
	margin-left: 30px;
	font-weight: bold;
	font-size: 110%;
}

body#musical2012.events div.article h2 em{
	margin-left: -2px;
	font-weight: bold;
	font-size: 120%;
}

/*-------------------------------------------------------
					div.article
-------------------------------------------------------*/
body#musical2012.events div.article{
	text-align: left;
}

body#musical2012.events div.article p{
	text-indent: 0;
	line-height: 1.25em;
}

/*-------------------------------------------------------
						h3
-------------------------------------------------------*/
body#musical2012.events div.article h3{
	margin: 0;
	padding: 0;
	background: url(../../images/common/h4_bg.gif) repeat-x left bottom;
	margin-top: 10px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	
	font-weight: bold;
	color: #333333;
	line-height: 1em;
}
body#musical2012.events div.article h3 span,
body#musical2012.events div.article h3 a{
	margin: 0;
	padding: 0;
	background: url(../../images/common/h4_span_bg.gif) repeat-x left bottom;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 5px;
	font-weight: bold;
	color: #333333;
	line-height: 1em;
}


/*-------------------------------------------------------
					dl#info
-------------------------------------------------------*/
body#musical2012.events p#info{
	padding: 10px;
	padding-bottom: 5px;
	margin-bottom: 15px;
	background-color: #fff7f0;
	border: 3px solid #f4d771;

}


/*-------------------------------------------------------


-------------------------------------------------------*/
dl#recruitment dt{
	float: left;
/*	width: 130px;*/
	width: 9em;
}

dl#recruitment dd{
	float: left;
	width: 530px;
	padding-bottom: 10px;
	line-height: 1.2em;
/*	border: 1px solid red; */
}


* html dl#recruitment dt{
	width: 120px;
}

* html dl#recruitment dd{
	width: 520px;
}

dl#recruitment dd li{
	padding-left: 1em;
	text-indent: -1em;
}

dl#recruitment dd ul{
	padding-bottom: 5px;
}


p#photoImage{
	text-align: center;
}