@charset "UTF-8";

/* ---------------------------------------------------------------
	* Date : 2008-10
	* File : css/index.css
	* @COMHOUSE Inc. All Rights Reserved.
--------------------------------------------------------------- */
/*
	*01 topics
*/
/*--------------------------------------------------------
	*01 topics
----------------------------------------------------------*/

#topics {
	width: 670px;
	margin-bottom: 15px;
}

#topics dl{
	font-size: 10px;
}
#topics dl dt {
	float: left;
	display: block;
	width: 75px;
	font: 10px Verdana, sans-serif;
	font-weight: bold;
	padding: 1px 5px 1px 0;
	_padding: 1px 5px 2px 0;
	margin-bottom: 10px;
	letter-spacing: 0px;
	_letter-spacing: 1px;
	left: 0px;
}
*+html #topics dl dt {
	letter-spacing: 1px;
	padding: 1px 5px 2px 0;
}

#topics dl dd {
	float: left;
	width: 575px;
	font-size: 11px;
	padding: 1px 0 1px 10px;
	_padding: 2px 0 1px 10px;
	margin-bottom: 10px;
	background: url(../resource/img_common/dot_vertical.gif) repeat-y left top;
	line-height: 1.4em;
	letter-spacing: 0.5px;
	_letter-spacing: 1.5px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
*+html #topics dl dd {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	padding: 2px 0 1px 10px;
	letter-spacing: 1.5px;
}
#topics dl dd span {
	color: #666;
	padding: 0 2px;
	margin:0 3px 0 0;
	border: 1px solid #CCC;
}

#topics dl dd a {
	width: auto;
	display: inline;
	padding: 0 0 0 10px;
	margin: 0 5px;
	background: #e9e9e9 url(../resource/img_common/bar_red.gif) no-repeat 0 0;
}
#topics dl dd a:hover {	
	color:#FFF;
	background:#ba0000;
	text-decoration: none;
}


/**** btn ****/

#topics .btnRecruit {
	width: 55px;
	height: 11px;
	margin: 3px 0 0;
}
#topics .btnRecruit a {
	display: block;
	width: 55px;
	height: 11px;
	padding: 0;
	background: url(../resource/img_common/btn_recruit.gif) no-repeat left top;
	text-indent: -99999em;
}

#topics .btnMore {
	width: 55px;
	height: 11px;
	margin: 3px 0 0;
}
#topics .btnMore a {
	display: block;
	width: 40px;
	height: 11px;
	padding: 0;
	background: url(../resource/img_common/btn_more.gif) no-repeat center top;
	text-indent: -99999em;
}


/**** movie ****/
#movie .substance {
	width: 670px;
	padding: 0 0 8px;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	border: none;
	line-height: 1.4em;
}
#movie .substance p#siteTitle {
	display: block;
	font-size:14px;
	font-weight: bold;
	padding-left: 10px;
	margin: 0 0 15px;
	border-left: 4px solid #303030;
}
#movie .substance .movieBlock{
	float: left;
	display: block;
	width: 230px !important;
	height: 180px;
	padding: 0;
	border: none !important;
	
}
#movie .substance .movieBlock a {
	float: left;
	display: block;
	width: 230px !important;
	height: 180px;
	padding: 0;
	border: none !important;
	background: url(../works/movie/hibinaohiro/img/main.jpg) no-repeat center center;
	
}

#movie .substance .movieBlock a span {
	display: none;
}
#movie .substance .movieBlock a:hover {
	display: block;
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}

#movie .substance .txtBlock {
	float: right;
	width: 420px;
	padding: 0;
	margin-bottom: 15px;
}

#movie .substance .txtBlock dl {
	padding-bottom: 6px;
}
#movie .substance .txtBlock dd {
	font-size: 10px;
	padding-left: 60px;
	padding-bottom: 4px;
	vertical-align: text-top;
	letter-spacing: 0.5px;
	_letter-spacing: 1px;
}
*+html #movie .substance .txtBlock dd {
	letter-spacing: 1px;
}
#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;
}
#movie .substance .txtBlock .btnPlay {
	margin: 0 0 10px;
	_margin: 2px 0 10px;
}
#movie .substance .txtBlock .btnPlay a {
	float: left;
	display: block;
	width: 40px;
	height: 11px;
	background: url(../works/img/btn_play.gif) no-repeat center center;
	text-indent: -99999em;
	margin: 0.2em 0 0;
	min-height: 11px;
	line-height: 11px;
}
#movie .substance .txtBlock .btnPlay a:hover {
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}