/**********************************************************/
/* GameBoxのベーシックなCSS                             */
/**********************************************************/
/*-- position --*/
@media screen and (min-width:1330px) {
	.box{
		width:1300px;
		margin:10px auto;
		padding:10px;
		clear:both;
	}
	/* posting */
	.box .header{
		width:300px;
		float:left;
	}
	.box .play{
		width:200px;
		float:left;
	}
	.box .detail{
		width:400px;
		float:left;
	}
	.box .infomation{
		width:300px;
		float:left;
	}
}
@media screen and (min-width:500px) and (max-width:1329px) {
	
	.box{
		text-align:center;
		width:500px;
		margin:10px auto;
		padding:10px;
	}
	.box .comment{
		margin:0 auto;
	}
}
@media screen and (max-width:499px) {
	.box{
		text-align:center;
		width:100%;
		margin:10px;
	}
}
.box{
	padding-top:0;
	padding-left:0;
	padding-right:0;
}
.box h2{
	background-color: #ccbafe;
	padding:10px;
	margin:0;
	margin-bottom:15px;
	font-size:medium;
	font-weight:normal;
}
.box .header{
	margin-left: 30px;
}
/**********************************************************/
/* Detail Page                                            */
/**********************************************************/
/*-- H2 : Year & Count --*/
.seedate{
	text-align:right;
	font-weight:normal;
}
.createdate{
	text-align:right;
	font-weight:normal;
}
/**********************************************************/
/*-- Status Info > Table ( All Basic --*/
/************************************************/
.push_info{
    background:url(/top/push_star_blue.png) no-repeat scroll top right;
}
/************************************************/
.setunai,.ero,.commedy{
	padding:10px;
	margin:10px;
}
.setunai{
  border:1px double skyblue;
}
.ero{
  border:1px double hotpink;
}
.commedy{
  border:1px double orange;
}
.husigi{
  border:1px double #8cc78c;
}
/**********************************************************/
/*-- Status Info > Table > Image ( Left --*/
.box .sm{
	padding:10px;
}
.box .webplay, .box .download{
	padding:10px;
	margin:10px;
}
.box .series,
.box .tag,
.box .infomation{
	padding:10px;
	margin:10px;
	text-align:left;
}
.box .news{
	padding:10px;
	margin:10px;
	text-align:right;
}
/*-- Status Info > Table > Status > detail --*/
.detail .comment{
	line-height:120%;
	padding:20px;
	text-align:left;
}
.detail .notice{
	padding-left:10px;
	margin:10px;
	line-height:120%;
	text-align:left;
}
/*-- Status Info > Table > Info ( Right > Status --*/
.label_all{
	padding:10px;
	margin:10px;
	font-size:small;
}
.label_detail{
	padding:5px;
	margin:10px;
}
.box .tag{
	font-size:small;
	text-align:left;
	
}

.clear{
	clear:both;
}