@charset "UTF-8";

@import url("common.css");
@import url("library.css");

/* ---------------------------------------------------------------
	* Date : 2007-8
	* File : works/detail.css
	* @COMHOUSE Inc. All Rights Reserved.
--------------------------------------------------------------- */
/*
	*01 heading
	*02 photo block
	*03 btn
*/
/*--------------------------------------------------------
	*01 heading
----------------------------------------------------------*/

.substance p#siteTitle {
	display: block;
	font-size:14px;
	font-weight: bold;
	padding-left: 10px;
	margin: 5px 0 15px;
	border-left: 4px solid #303030;
}
.substance .thumbBlock {
	float: left;
	width: 230px;
	padding: 0;
}
.substance .thumbBlock img {
	width: 230px;
	margin-bottom: 15px;
	border: 1px solid #CCCCCC;
}
.substance .txtBlock {
	float: right;
	width: 395px;
	padding: 0;
	margin-bottom: 15px;
}

.substance .txtBlock dl {
	padding-bottom: 6px;
}
.substance .txtBlock dd {
	font-size: 10px;
	padding-left: 60px;
	padding-bottom: 4px;
	vertical-align: text-top;
	letter-spacing: 0.5px;
	_letter-spacing: 1px;
}
*+html .substance .txtBlock dd {
	letter-spacing: 1px;
}
/*--------------------------------------------------------
	*03 photo block
----------------------------------------------------------*/

.substance .detailBlock {
	display: block;
	font-size: 10px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	padding: 15px 0 7px 14px;
	margin: 0 0 5px 0;
	background-color: #e9e9e9;
	zoom:100%;/*IE6*/
	overflow:auto;/*IE7 and Firefox*/
}
/*\*/
* html .substance .detailBlock{
	overflow: visible;
	height:1px;
}
/**/

.substance .detailBlock .detailItem {
	float: left;
	display: inline;
	width: 130px;
	padding: 0;
	margin: 0 0 5px 20px;
}

.substance .detailBlock .detailItem img {
	width: 130px;
	height: 130px;
	padding: 0;
	margin: 0 0 5px;
}

.substance .detailBlock .detailItem a{
	width: 130px;
	height: 130px;
	display: block;
	margin-bottom: 5px;
}
	
.substance .detailBlock .detailItem a:hover{
	filter: alpha(opacity=50);
	background-color: #e9e9e9;
	-moz-opacity:0.50;
	opacity:0.50;
}

/*--------------------------------------------------------
	*03 btn
----------------------------------------------------------*/
#playBlock {
	display: block;
	padding: 10px 0 0;
	margin: 10px 0 0;
	border-top: 1px solid #CCC;
}

.txtMovie {
	float: left;
	display: inline;
	font-weight: bold;
	margin-right: 10px;
	vertical-align: middle;
}
.substance .txtBlock .btnLaunch, .substance .txtBlock .btnPlay {
	margin: 0 0 10px;
	_margin: 2px 0 10px;
}
.substance .txtBlock .btnLaunch a {
	display: block;
	width: 80px;
	height: 11px;
	background: url(../img/btn_launch.gif) no-repeat center top;
	text-indent: -99999em;
}
.substance .txtBlock .btnPlay a {
	float: left;
	display: block;
	width: 40px;
	height: 11px;
	background: url(../img/btn_play.gif) no-repeat center center;
	text-indent: -99999em;
	margin: 0.2em 0 0;
	min-height: 11px;
	line-height: 11px;
}
.substance .txtBlock .btnLaunch a:hover, .substance .txtBlock .btnPlay a:hover {
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}