@font-face {
font-family: 'fontello';
src: url("font/fontello.eot");
src: url("font/fontello.eot?#iefix") format('embedded-opentype'),
	 url("font/fontello.woff") format('woff'),
	 url("font/fontello.ttf") format('truetype'),
	 url("font/fontello.svg") format('svg');
font-weight: 400;
font-style: normal;
}
.ico-help:before { content: '\e805'; }
.ico-glasses:before { content: '\e83b'; }
.ico-tag:before { content: '\e806'; }
.ico-pencil:before { content: '\e836'; }
.ico-cog:before { content: '\e802'; }
.ico-block:before { content: '\e839'; }
.ico-down-dir:before { content: '\e80b'; }
.ico-left-dir:before { content: '\e80d'; }
.ico-right-dir:before { content: '\e80e'; }
.ico-angle-left:before { content: '\e813'; }
.ico-angle-right:before { content: '\e814'; }
.ico-angle-double-left:before { content: '\e817'; }
.ico-angle-double-right:before { content: '\e818'; }
.ico-smile:before { content: '\e81d'; }
.ico-frown:before { content: '\e81e'; }
.ico-meh:before { content: '\e81f'; }
.ico-attention:before { content: '\e823'; }
.ico-megaphone:before { content: '\e808'; }
.ico-link:before { content: '\e815'; }
.ico-cancel:before { content: '\e803'; }
.ico-plus:before { content: '\e804'; }
.ico-quote-left:before { content: '\e829'; }
.ico-quote-right:before { content: '\e82a'; }
.ico-comment:before { content: '\e82f'; }
.ico-delete:before { content: '\e80a'; }
.ico-signal:before { content: '\e822'; }
.ico-chart-bar:before { content: '\e835'; }
.ico-chat:before { content: '\e830'; }
.ico-user:before { content: '\e833'; }
.ico-thumbs-up:before { content: '\e807'; }
.ico-thumbs-down:before { content: '\e81c'; }
.ico-down-open-1:before { content: '\e80f'; }
.ico-left-open-1:before { content: '\e810'; }
.ico-right-open-1:before { content: '\e811'; }
.ico-up-open-1:before { content: '\e812'; }
.ico-right-hand:before { content: '\e81b'; }
.ico-ok:before { content: '\e826'; }


.clear { clear: both; }
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.clearfix { min-height: 1px; }
* html .clearfix { height: 1px; /**//*/ height:auto; overflow:hidden; /**/ }

.error {
	color: Crimson;
	padding-top: 0.5em;
	font-size: 75.0%;
}
.warning {
	border:1px solid #cc5200;
	box-shadow: 0 0 6px #ffa366;
	background: #fff;
}
	.warning:focus {
		box-shadow: 0 0 6px #ffa366;
	}

.hidden { visibility: hidden; }
.hide { display: none; }
.none { display: none; }

.nowrap { white-space: nowrap;}

.block { display: block !important;}
.inline { display: inline !important;}

.b {font-weight: 700 !important;}
.n {font-weight: 400 !important;}
.under { text-decoration: underline; }
.through { text-decoration: line-through; }

.left { text-align: left;}
.right { text-align: right;}
.center { text-align: center;}
.fleft { float: left;line-height:1;}
.fright { float: right;line-height:1;}
.fnone { float: none; }

.red { color: #dc143c; }
.blue { color: #0066CC; }
.orange { color: #ffa500; }
.oricolor { color: inherit;}
.note { color: #dc143c; }

.ellipsis { text-overflow: ellipsis !important;}
.clip { text-overflow: clip; height: auto; overflow: visible; white-space: normal;}

.px6 {font-size: 37.5% !important;}
.px7 {font-size: 43.8% !important;}
.px8 {font-size: 50.0% !important;}

.px9 {font-size: 56.3% !important;}
.px10 {font-size: 62.5% !important;}
.px11 {font-size: 68.8% !important;}
.px12 {font-size: 75.0% !important;}
.px13 {font-size: 81.3% !important;}
.px14 {font-size: 87.5% !important;}
.px16 {font-size: 100.0% !important;}
.px18 {font-size: 112.5% !important;}
.px20 {font-size: 125.0% !important;}
.px22 {font-size: 137.5% !important;}
.px24 {font-size: 150.0% !important;}

.roundIco {
	border-radius: 16%;
	box-shadow: 
		0 0 2px 0 rgba(0,0,0,.5) inset,
		0 5px 10px 0 rgba(255,255,255,1) inset,
		0 6px 5px -3px rgba(0,0,0,.5),
		0 10px 20px -20px rgba(0,0,0,1);
}

.label {
	display: inline-block;
	width: 38px;
	height: 14px;
	background: url(../img/ico-label.png) no-repeat 0 0 transparent;
	line-height: 1.0;
	vertical-align: middle;
	margin-right: 1px;
	border-radius: 3px;
	background-position: 0 -196px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
	.label.platform28,
	.label.platform42 {background-position: 0 -42px;text-indent: -65536em;}
	.label.platform35 {background-position: 0 0;text-indent: -65536em;}
	.label.platform55 {background-position: 0 -14px;text-indent: -65536em;}
	.label.platform48 {background-position: 0 -28px;text-indent: -65536em;}
	.label.platform27 {background-position: 0 -56px;text-indent: -65536em;}
	.label.platform47 {background-position: 0 -70px;text-indent: -65536em;}
	.label.platform36 {background-position: 0 -84px;text-indent: -65536em;}
	.label.platform52 {background-position: 0 -98px;text-indent: -65536em;}
	.label.platform15 {background-position: 0 -112px;text-indent: -65536em;}
	.label.platform34 {background-position: 0 -126px;text-indent: -65536em;}
	.label.platform39,
	.label.platform46 {background-position: 0 -140px;text-indent: -65536em;}
	.label.platform49 {background-position: 0 -154px;text-indent: -65536em;}
	.label.platform29,
	.label.platform30 {background-position: 0 -168px;text-indent: -65536em;}
	.label.platform38 {background-position: 0 -182px;text-indent: -65536em;}
	.label.platform0 {background-position: 0 -196px;text-indent: -65536em;}

	.label.cat {
		background: none;
		width: auto;
		height: auto;
		margin: 0 3px 0 0;
		line-height: 1.0;
		vertical-align: middle;
		font-weight: 400;
		font-size: 0.688rem;
		padding: 0.2em 0.6em 0.2em 0.3em;
		display: inline-block;
		white-space: nowrap;
		color: #fff;
		background-color: #656565;

		font-size: 10px\9;
		*font-size: 10px;
		*padding-right: 5px;
		*margin-top: 2px;
		*display: inline;
		*zoom: 1;
	}

	.Xuwasa,
	.XurawazaXkouryaku,
	.Xkouryaku,
	.Xurawaza,
	.Xkowaza,
	.Xcode {
		background: none;
		width: auto;
		height: auto;
		margin: 0 3px 0 0;
		line-height: 1.0;
		vertical-align: middle;
		font-weight: 400;
		font-size: 0.688rem;
		padding: 0.2em 0.6em 0.15em 0.4em;
		display: inline-block;
		white-space: nowrap;
		color: #fff;
		background-color: #555;

		font-size: 10px\9;
		*font-size: 10px;
		*padding-right: 5px;
		*margin-top: 2px;
		*display: inline;
		*zoom: 1;
	}

	.Xuwasa:before,
	.XurawazaXkouryaku:before,
	.Xkouryaku:before,
	.Xurawaza:before,
	.Xkowaza:before,
	.Xcode:before {
		font-family: 'fontello';
		font-style: normal;
		font-weight: 400;
		margin-right: 0.3em;
		content: '\e81d';
	}

.textIco {
	font-size: 0.750rem;
	padding: 0.2em 0.4em 0.2em 0.4em;
	margin-left: 3px;
	letter-spacing: 0;
	line-height: 1.0;
	text-indent: 0;
	text-align: center;
	vertical-align: 0;
	width: auto;
	height: auto;
	color: #fff;
	border-radius: 2px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	background-image: none;

	*font-size: 10px;
	font-size: 10px\9;
}

.genreIco {
	width: auto;
	height: auto;
	margin: 0 3px 0 0;
	line-height: 1.0;
	vertical-align: middle;
	font-weight: 400;
	font-size: 56.3%;
	border-radius: 2px;
	padding: 0.2em 0.4em 0.2em 0.4em;
	display: inline-block;
	white-space: nowrap;
	text-align: center;
	border: 1px solid #666;
	color: #fff !important;
	background-color: #666;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#555), to(#ccc));
	background-image: -webkit-linear-gradient(to bottom, #555 0%, #ccc 100%);
	background-image: -moz-linear-gradient(to bottom, #555 0%, #ccc 100%);
	background-image: -ms-linear-gradient(to bottom, #555 0%, #ccc 100%);
	background-image: -o-linear-gradient(to bottom, #555 0%, #ccc 100%);
	background-image: linear-gradient(to bottom, #555 0%, #ccc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#555555', EndColorStr='#cccccc');
}

.btn {
	cursor: pointer;
	line-height: 1.0;
	text-decoration: none;
	display: inline-block;
	border-radius: 4px;
	background: #0a3364;
	color: #fff;
	text-align: center;
	position: relative;
	opacity: 0.95;
	padding: 0.3em 1em;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25),1px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0 0 1px 1px rgba(255,255,255,.8) inset, 0 1px 0 rgba(0,0,0,.3), inset 0 -1px 3px rgba(255,255,255,0.2);
}
.btn:hover { opacity: 1.0; }

.more {
	font-size: 0.750rem;
	height: 2.6em;
	line-height: 2.7em;
	font-weight: 400;
	text-indent: 0;
	text-align: right;
	padding: 0 34px 0 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
	clear: both;
	margin: 0 0 1.5em 0;
	opacity: 1.0;
	border: none;
	-webkit-transition: all .4s ease-in-out;
	-moz-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
	box-shadow: none;
	text-shadow: none;
	background: #005ab0;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);

	*font-size: 13px;
	font-size: 13px\9;
}

.index .contentSub .btn.more,
.sub .platformCount .btn.more {
	margin: 10px 1% 3px 1%;
	width: 98%;
}
	.more:before {
		content: '';
		height: 0;
		position: absolute;
		width: 0;
		border: 10px solid transparent;
		border-bottom-color: #0a3364;
		right: 8px;
		top: 0px;
		-webkit-transition: all .3s ease-in-out;
		-moz-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;
		display: none\9;
	}
	.more:hover {
		background: #0a3364;
		color: #fff;
		box-shadow: inset 0 -1px 3px rgba(255,255,255,0.2);
		padding-right: 10px;
		text-decoration: none;
	}
		.btn.more:hover:before {
			border-bottom-color: #0a3364;
			top: -20px;
		}

.more em {
	font-weight: 700;
	font-size: 106.3%;
}


.ico01 {
	background-color: #363636;
	color: #fff;
}
.ico02,
.yet {
	background: #6f0001;
	color: #fff;
	border: none;
}
.ico03,
.checked {
	background: #999;
	background: linear-gradient(to bottom, #999, #ccc);
	color: #fff;
	border: none;
}

.ico01 a,
.ico02 a,
.yet a,
.ico03 a,
.checked a {
	color: #fff;
}


.withIco {
	display: inline-block;
	white-space: nowrap;
	background-color: #ccc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
	background-image: -webkit-linear-gradient(top, #eee, #ccc);
	background-image: -moz-linear-gradient(top, #eee, #ccc);
	background-image: -ms-linear-gradient(top, #eee, #ccc);
	background-image: -o-linear-gradient(top, #eee, #ccc);
	background-image: linear-gradient(top, #eee, #ccc);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#cccccc');
	padding: 0 1.5em;
	margin: 0 2px 0 0;
	line-height: 2.0em;
	font-weight: 400;
	text-decoration: none;
	color: #333;
	text-shadow: 0 1px 0 rgba(255,255,255,.8);
	-moz-border-radius: .25em;
	-webkit-border-radius: .25em;
	border-radius: .25em;
	border: 1px solid #333;
}
.withIco.px10 {
	padding: 0 1.5em 0 1.3em;
}

.withIco:hover {
	background-color: #ddd;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ddd));
	background-image: -webkit-linear-gradient(top, #fafafa, #ddd);
	background-image: -moz-linear-gradient(top, #fafafa, #ddd);
	background-image: -ms-linear-gradient(top, #fafafa, #ddd);
	background-image: -o-linear-gradient(top, #fafafa, #ddd);
	background-image: linear-gradient(top, #fafafa, #ddd);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dddddd');
}



.withIco:before {
	font-family: 'fontello';
	font-style: normal;
	font-weight: 400;
	font-size: 150%;
	speak: none;
	display: inline-block;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	float: left;
	text-align: center;
	margin: 0 1.0em 0 -1.0em;
	padding: 0em .3em 0 .3em;
	border-radius: .1em 0 0 .1em / .1em 0 0 .1em;
	box-shadow: 1px 0 0 rgba(0,0,0,.5), 2px 0 0 rgba(255,255,255,.5);
	text-shadow: none;
}
.withIco.spLeft:before {
	font-size: 125%;
	margin: 0 1.0em 0 -1.2em;
}
.withIco.spRight:before {
	font-size: 125%;
	margin: 0 -1.2em 0 1.0em;
	float: right;
	border-right: none;
	box-shadow: -1px 0 0 rgba(0,0,0,.2), -2px 0 0 rgba(255,255,255,.5);
	border-radius: 0 .1em .1em 0 / 0 .1em .1em 0;
}
.withIco.spLeft.rated,
.withIco.spRight.rated {
	color: #ccc;
}
.withIco.spLeft.rated:before,
.withIco.spRight.rated:before {
	background: transparent;
	content: '\e839';
}





html.ie9 .withIco:before {
	font-size: 100%;
	margin: 0 1.0em 0 -1.0em;
}
html.ie9 .withIco.spRight:before {
	font-size: 100%;
	margin: 0 -1.0em 0 1.0em;
}

html.ie8 .withIco:before {
	font-size: 100%;
	margin: 0 1.0em 0 -1.0em;
}
html.ie8 .withIco.spLeft:before {
	font-size: 100%;
	margin: 0 1.0em 0 -1.3em;
}
html.ie8 .withIco.spRight:before {
	font-size: 100%;
	margin: 0 -1.4em 0 1.0em;
}


.withIco.icoColor01:before {
	box-shadow: none;
}
.withIco.icoColor02:before {
	box-shadow: none;
}
.withIco.icoColor03:before {
	box-shadow: none;
}
.withIco.icoColor04:before {
	box-shadow: none;
}

.icoColor01:before {
	background: #0a3364;
	color: #fff;
}
.icoColor02:before {
	background: #6f0001;
	color: #fff;
}
.icoColor03:before {
	background: #3f9f0c;
	color: #fff;
}
.icoColor04:before {
	background: #212626;
	color: #fff;
}