@charset "utf-8";
/*--------------------  wrapper  --------------------*/
div#wrapper{
	margin: 0 auto;
	padding-bottom: 30px;
	text-align: left;
	width: 920px;
	display: inline-block;
}
div#wrapper:after {
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
}
/*--------------------  container  --------------------*/
div#bgCover {
	float: right;
	margin: 0;
	padding:0;
	background:#FFF;
	border:#CCC 1px solid;
	display:inline;
}
div#bgCover a {
	text-decoration: none;
}
img#imgCover {
	margin: 0;
	padding: 6px;
}
div#bgCover .releaseDate {
	display:block;
	margin:0px;
	width: 244px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #FFF;
	background-color: #333;
	font-size: 14px;
	font-weight: bold;
}
div#bgCover a:hover img{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
/*-------------------  bottomContent  -------------------*/
div#bottomContent{
	clear:both;
	padding-top:10px;
}
/*--------------------  mainContent  --------------------*/
div#mainContent {
	width: 666px;
	float: right;
	margin: 0;
	padding-bottom: 10px;
	display:inline;
}
div#bnrMainTop {
	margin-top: 15px;
}
div#topNews {
	margin: 0px 2px 16px;
	padding: 8px 11px 5px 11px;
	border-radius: 5px;
	background: url(../images/bgNews.png) no-repeat top left;
}
div#topNews .moreLink{
	font-size:10px;
	text-align:right;
	margin-bottom:10px;
}
div#topNews ul {
	list-style-type: none;
	padding-top:10px;
	margin-bottom:10px;
	font-size: 12px;
	color: #FFF;
	font-weight:normal;
	display: inline-block;
}
div#topNews ul:after  {
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
div#topNews ul li {
	line-height: 140%;
	margin-bottom:0px;
}
div#topNews ul li.borderTopNews {
	margin-bottom: 8px;
	padding-bottom: 8px;
	background: url(../images/borderTopNews.png) no-repeat bottom;
	display: inline-block;
}
div#topNews ul li.borderTopNews:after  {
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
div#topNews .newsDate {
	display:block;
	float: left;
	font-weight:bold;
}
div#topNews .newsText {
	display:block;
	float: left;
}
div#topNews a {
	color: #FFF;
}


/*  Update  */
#updateBox {
	width: 662px;
	margin:0px auto 12px;
}
#updateBox h2{
	margin: 4px 0px 10px 8px;
}
#updateBox div {
	clear: both;
	margin-bottom: 7px;
}
#updateBox div.border{
	border-bottom: dotted 1px #CCCCCC;
	padding-bottom: 7px;
}
#updateBox div:after  {
    content: ".";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
#updateBox p {
	width: 197px;
	min-height:30px;
	height: auto !important;
	height: 30px;
	padding-left: 134px;
	font-size: 11px;
	line-height:15px;
}
.left {
	float: left;
}
.right {
	float: right;
}
.iconBluenest {background: url(..//images/iconBluenest.png) no-repeat 7px 0px;}
.iconBuddy {background: url(..//images/iconBuddy.png) no-repeat 7px 0px;}
.iconDragoneffect {background: url(..//images/iconDragoneffect.png) no-repeat 7px 0px;}
.iconElmaro {background: url(..//images/iconElmaro.png) no-repeat 7px 0px;}
.iconFuma {background: url(..//images/iconFuma.png) no-repeat 7px 0px;}
.iconHerocom {background: url(..//images/iconHerocom.png) no-repeat 7px 0px;}
.iconkerberos {background: url(..//images/iconkerberos.png) no-repeat 7px 0px;}
.iconMajestic {background: url(..//images/iconMajestic.png) no-repeat 7px 0px;}
.iconMomo {background: url(..//images/iconMomo.png) no-repeat 7px 0px;}
.iconSoul {background: url(..//images/iconSoul.png) no-repeat 7px 0px;}
.iconUltraman {background: url(..//images/iconUltraman.png) no-repeat 7px 0px;}
.iconHeromask {background: url(..//images/iconHeromask.png) no-repeat 7px 0px;}

/*  作品リスト  */
ul#works li {
	list-style-type: none;
	width: 206px;
	border: 1px solid #CCC;
	background: #FFF;
	margin: 2px 2px 12px 2px;
	padding: 5px;
	float: left;
	display:inline;
}
ul#works li span.title {
	width: 206px;
	text-align: center;
	/*font-size: 14px;*/
	height:34px;
	font-size: 79%;
	font-weight: bold;
	margin-bottom: 4px;
	display: block;
}
ul#works li span.title .newIcon {
	font-size:10px;
	margin-right:3px;
	color:#C00;
}
ul#works li span.staff {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width: 206px;
	height: 38px;
	line-height: 19px;
	text-align: center;
	font-size: 11px;
	color: #FFF;
	margin: 0px;
	background: #999;
	display: block;
}
ul#works img {
	display: block;
	margin: 0px;
}
ul#works img.btnTrial,
ul#works img.btnIntroduction {
	width: 103px;
	height: 37px;
	float:left;
}
ul#works img.btnTrialKer,
ul#works img.btnIntroductionKer {
	width: 206px;
	height: 37px;
	float:left;
}
/*--------------------  subContent  --------------------*/
div#subContent {
	width: 242px;
	float: left;
	margin: 0;
}
div#subContent a img.bnr {
	display:block;
	margin: 8px auto;
}
div.fbBox{
	width:240px;
	margin-bottom:10px;
	text-align:center;
	background:#FFF;}
div.twitterBox {
	margin:15px 0;
}
div.twitterBtn {
	margin:5px 5px 15px 5px;
}
div.side_banner p {
	font-size: 12px;
	line-height: 140%;
	color: #333;
	margin: 20px 7px;
}
.sideMovie{
	font-size:12px;
	margin-bottom:10px;}
/*--------------------  slideshow  --------------------*/
#slideshow {
	width:630px;
	height:397px;
	float:left;
	margin-left:15px;
}