@charset "shift_jis";
@import url(https://fonts.googleapis.com/css?family=Lato:400,700|Philosopher:700);
/*20130805 v3*/

/* [ 00.ROOT ]
___________________________________________________________ */
* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	/*font-family: Lato, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;*/
	font-family: Lato, "�ｿｽ�ｿｽ�ｿｽC�ｿｽ�ｿｽ�ｿｽI", Meiryo, "�ｿｽq�ｿｽ�ｿｽ�ｿｽM�ｿｽm�ｿｽp�ｿｽS Pro W3", "Hiragino Kaku Gothic ProN", Osaka, "�ｿｽl�ｿｽr �ｿｽo�ｿｽS�ｿｽV�ｿｽb�ｿｽN", "MS PGothic", sans-serif;
	color: #212626;
	font-size: 100%;
	line-height: 1.5;
	padding-top: 30px;
}
@media screen and (min-width: 981px) {
	body {
		overflow: hidden;
	}
}

/* [ 01.LAYOUT ]
___________________________________________________________ */
.wrap {
	width: 980px;
	padding: 5px;
	margin: 0 auto 0 auto;
	position: relative;
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 0 16px rgba(0,0,0, 0.1);
}


/* [ 00.HEADER ]
___________________________________________________________ */

.fixedLine {
	z-index: 65536;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 30px;
	line-height: 30px;
	background: #005ab0;
	font-size: 87.5%;
	border-bottom: 1px solid #003360;
	box-shadow: 0 1px 10px rgba(0,0,0, 0.4);
	min-width: 690px;
}
	.fixedLine a {
		color: #fff;
	}
	.fixedLine ul {
		width: 100%;
		height: 30px;
	}
		.fixedLine ul li {
			float: left;
			height: 30px;
			line-height: 20px;
			padding: 3px 0 0 0;
			display: block;

		}
		.fixedLine ul li:first-child {
			padding: 0 10px;
		}
		.fixedLine ul li:last-child {
			float: right;
		}
			.fixedLine ul li:last-child a {
				margin-right: 20px;
				display: inline-block;
				zoom:1;
				color: #ddd;
			}
			.fixedLine ul li:last-child a:hover {
				text-decoration: none;
				color: #fff;
			}
			.fixedLine ul li:last-child a:before {
				content: '\E818';
				font-family: fontello;
				font-size: 125%;
				margin-right: 0.2em;
				text-decoration: none;
			}

		.fixedLine ul li input {
			border: 1px solid #000;
			border-radius: 3px 0 0 3px / 3px 0 0 3px;
			width: 300px;
			height: 24px;
		}
		.fixedLine ul li button {
			border: 1px solid #000;
			border-left: none;
			border-radius: 0 3px 3px 0 / 0 3px 3px 0;
			padding: 0em 0.5em;
			height: 24px;
			vertical-align: bottom;
			background: #166ba9;
			color: #fff;
			-moz-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.2);
			-webkit-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.2);
			box-shadow: inset 0 -1px 3px rgba(255,255,255,0.2);
			font-size: 1em;

		}
		.fixedLine ul li button:hover,
		.fixedLine ul li button:focus {
			background: #3390CF;
		}






	.header * {
		-moz-box-sizing:content-box;
		-webkit-box-sizing:content-box;
		-ms-box-sizing:content-box;
		box-sizing: content-box;
	}
	.header {
		z-index: 10000;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 30px;
		line-height: 30px;
		background: #005ab0;
		font-size: 87.5%;
		border-bottom: 1px solid #003360;
		box-shadow: 0 1px 10px rgba(0,0,0, 0.4);
		min-width: 800px;
	}
	.header .headerTop {
		float: left;
		width: 100%;
	}
	.header .headerTop .logo {
		float: left;
		margin-left: 10px;
		margin-right: 10px;
	}
	.header .headerTop .logo img {
		width: auto;
	}
	.header .headerTop .search {
		padding: 0;
		line-height: 1;
	}

	.header .headerTop .search #header_search {
		float: left;
	}

	.header .headerTop .search .serviceList {
		margin-left: 40px;
		cursor: pointer;
	}
	.serviceList li {
		line-height: 1.55!important;
	}

	.header .headerTop .search #header_search_input {
		border: 1px solid #000;
		border-radius: 3px 0 0 3px / 3px 0 0 3px;
		width: 300px;
		height: 22px;
		line-height: 22px;
		padding-left: 0.2em;
		vertical-align: bottom;
	}
	.header .headerTop .search #header_search_sumbit {
		border: 1px solid #000;
		border-left: none;
		border-radius: 0 3px 3px 0 / 0 3px 3px 0;
		padding: 0em 0.5em;
		height: 24px;
		background: #166ba9;
		color: #fff;
		-moz-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.2);
		-webkit-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.2);
		box-shadow: inset 0 -1px 3px rgba(255,255,255,0.2);
		margin-left: -3px;
		margin-top: 2px;
	}
	.header .headerTop .search #header_search_sumbit:hover,
	.header .headerTop .search #header_search_sumbit:focus {
		background: #3390CF;
	}


#suggest { max-width:400px; position:absolute; top:30px; left: 0px; z-index:9999; } #header_search_input-suggest-cancel {top: 40px !important;} ul.suggestResult li:hover, ul.suggestResult li.active{ background-color:#ccc; } ul.suggestResult { padding:10px;margin:0px; border:1px solid black; background-color:white; } ul.suggestResult li { list-style:none; white-space:nowrap; overflow:hidden; }



/*
	#suggest { position: absolute;top:30px; left: 50px;}
	#header_search_input-suggest {
		
	}
	ul.suggestResult {
		padding:10px;
		margin: 0;
		border:1px solid #212626;
		background-color: #fff;
		max-width: 460px;
		border-radius: 0 0 8px 8px / 0 0 8px 8px;
		-moz-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.2),1px 2px 2px rgba(0,0,0,0.4);
		-webkit-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.2),1px 2px 2px rgba(0,0,0,0.4);
		box-shadow: inset 0 -1px 3px rgba(255,255,255,0.2),1px 2px 2px rgba(0,0,0,0.4);
	}
	ul.suggestResult li {
		white-space: nowrap;
		overflow: hidden;
		width: 100%;
		text-overflow: ellipsis;
	}
	ul.suggestResult li:hover, ul.suggestResult li.active{ background-color:#ccc; }

*/




	#i2imenu {
		top: 32px;
		margin-left: 100px;
		position: fixed;
		z-index: 50000;
	}

	.loginMenu {
		height: 30px!important;
		padding: 0!important;
		font-size: 100%!important;
		line-height: 27px!important;
		position: static!important;
		text-align: right;
		float: right;
		width: auto!important;
	}
	.loginMenu a {
		width: 21px;
		margin-right: 15px;
		color: #fff;
	}
	.loginMenu a img {
		width: 21px;
		height: 21px;
	}
	.loginMenu a img.userPic {
		width: 19px;
		height: 19px;
		margin-right: 5px;
		border: 1px solid #fff;
	}

	#login-sub {
		top: 30px;
		right: 7px;
		position: absolute!important;
		z-index: 50000;
		padding: 0!important;
		width: auto!important;
		display: block;
		border: none!important;
	}
	#login-sub * {
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing: border-box;
	}
	#login-sub ul {
		padding: 0.2em 10px 10px 10px!important;
		border-radius: 0 0 7px 7px / 0 0 7px 7px;
		background: #005ab0;
		box-shadow: 1px 1px 2px rgba(0,0,0,0.6);
	}
	#login-sub li {
		white-space: nowrap;
		margin-top: 0.2em;
		padding-bottom: 0.2em;
		border-bottom: 1px dotted #00488d;
	}
	#login-sub a {
		display: block;
		line-height: 1;
		width: 100%;
		color: #fff;
		padding: 0.5em 0.5em;
	}
		#login-sub a:before {
			content: '\E818';
			font-family: 'fontello';
			font-weight: 400;
			margin-right: 0.2em;
			text-decoration: none;
			vertical-align: top;
			line-height: 1;
		}
		#login-sub a:hover {
			background: #00488d;
			color: Yellow;
			border-radius: 3px;
		}



	#logout {
		padding-right: 1em!important;
	}
	#logout .login-register {
		padding: 0!important;
		font-size: 100%!important;
		line-height: 30px!important;
		color: #fff;
	}
	#logout .login-register a {
		color: #fff;
		padding: 0.2em 0.3em;
	}
		#logout .login-register a:before {
			content: '\E818';
			font-family: 'fontello';
			font-weight: 400;
			margin-right: 0.2em;
			margin-left: 0.5em;
			text-decoration: none;
			vertical-align: top;
			line-height: 28px;
		}
		#logout .login-register a:hover {
			background: #00488d;
			color: Yellow;
			border-radius: 3px;
		}











#globalHeader {
	width: 980px;
	height: 120px;
	position: relative;
	overflow: hidden;
	margin: 0 auto 0 auto;
}
	#globalHeader h1 {
		position: absolute;
		top: 16px;
		left: 40px;
		width: 200px;
		height: 63px;
	}
	#globalHeader h1 img {
		width: 160px;
		height: auto;
	}
	#globalHeader .siteInfo {
		width: 230px;
		position: absolute;
		top: 70px;
		left: 5px;
	}
	#globalHeader .siteInfo a {
		text-decoration: underline;
	}
	#globalHeader .siteInfo a:hover {
		text-decoration: none;
	}
	#globalHeader dl dt {
		float: left;
		clear: both;
		line-height: 1.0em;
		font-size: 68.8%;
		text-align: center;
		white-space: nowrap;
		width: 8.2em;
		padding: 0.2em 0;
		margin-bottom: 0.2em;
		position: relative;
		color: #fff;
		border-radius: 2px 2px 2px 2px / 2px 2px 2px 2px;
		text-shadow: 1px 1px 3px rgba(0,0,0,0.4),1px 1px 1px rgba(255,255,255,0.5);
		box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
		background: #005ab0;
	}
	#globalHeader dl dt:after {
		content: " ";
		height: 0;
		position: absolute;
		width: 0;
		border: 4px solid transparent;
		border-left-color: #005ab0;
		top: 4px;
		right: -8px;
	}
	#globalHeader dl dd {
		float: left;
		white-space: nowrap;
		line-height: 1.0em;
		padding: 0.1em 0 0.1em 0.5em;
		margin-bottom: 0.2em;
		font-size: 81.3%;
	}


/* [ 00.breadCrumb ]
___________________________________________________________ */
.breadCrumbs {
	overflow: hidden;
	width: 100%;
	margin: 0 auto 14px auto;
}
.breadCrumbs.fixNav {
	z-index: 65536;
	position: fixed;
	width: 100%;
	top: 30px;
	left: 0;
	background: #fff;
	box-shadow: 0 1px 10px rgba(0,0,0, 0.3);
	font-size: 106.3%;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

	.breadCrumbs li {
		display: block;
		float: left;
		font-size: 75%;
	}
	.breadCrumbs a {
		padding: 0em 0.2em 0em 1.5em;
		float: left;
		text-decoration: none;
		color: #212626;
		position: relative;
		background-color: #ddd;
		background-image: linear-gradient(to right, #f5f5f5, #ccc);
	}
	.breadCrumbs li:first-of-type a {
		padding-left: 1em;
		border-radius: 4px 0 0 4px / 4px 0 0 4px;
	}
	.breadCrumbs a:hover {
		background: #0D68AF;
		color: #fff;
	}
	.breadCrumbs a:after,
	.breadCrumbs a:before {
		content: "";
		position: absolute;
		top: 50%;
		margin-top: -1.5em;
		border-top: 1.5em solid transparent;
		border-bottom: 1.5em solid transparent;
		border-left: 1em solid;
		right: -0.9em;
	}
	.breadCrumbs a:after { 
		z-index: 2;
		border-left-color: #ccc;
	}

	.breadCrumbs a:before {
		border-left-color: #ccc;
		right: -0.9em;
		z-index: 1;
	}
	.breadCrumbs a:hover:after {
		border-left-color: #0D68AF;
	}
	.breadCrumbs .current,
	.breadCrumbs .current:hover {
		font-weight: bold;
		background: none;
		color: #005ab0;
	}
	.breadCrumbs .current:after,
	.breadCrumbs .current:before {
		content: normal;
	}


/* [ 00.gnav ]
___________________________________________________________ */
.gnav {
	clear: both;
	width: 100%;
	margin: 0 0 14px 0;
	background: url(../img/bg-gnav.png) repeat-x #005bb0;
	box-shadow: 1px 1px 10px rgba(0,0,0, 0.4);
	border-radius: 6px 6px 0 0 / 6px 6px 0 0;
}
	.gnav > ul {
		width: 100%;
		height: 36px;
		float: left;
	}
	.gnav > ul > li {
		display: inline-block;
		*display: inline;
		zoom:1;
		float: left;
		height: 36px;
		background: #005bb0;
		position: relative;
		border-radius: 4px 0 0 0 / 4px 0 0 0;
	}
	.gnav > ul > li.current,
	.gnav > ul > li:hover {
		background: #a4000a;
	}
	.gnav > ul > li a {
		text-overflow: ellipsis;
		white-space: nowrap;
		display: inline-block;
		padding: 0 1.0em;
		font-size: 81.3%;
		color: #fff;
		width: 100%;
		height: 31px;
		line-height: 32px;
		font-weight: 400;
		text-decoration: none;
		border-bottom: 1px solid #1a8bd3;
		border-right: 1px solid #0762b7;
		border-left: 1px solid #1881cd;
		background: #1768b4;
		background: linear-gradient(to bottom,  #1768b4 0%,#1278d7 100%);
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	}
	.gnav > ul > li:first-of-type a{
		border-radius: 4px 0 0 0 / 4px 0 0 0;
	}
	.gnav > ul > li:hover a {
		background: #005bb0;
		background: linear-gradient(to bottom,  #005bb0 0%,#1278d7 100%);
	}


.gnav.isPull {
	width: 100%;
	margin: 14px 0 0 0;
	box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	border-radius: 0 2px 0 0 / 0 2px 0 0;
	background: #555;
}
	.gnav.isPull > ul > li {
		background: #333;
		width: 132px;
		padding: 0;
	}
	.gnav.isPull > ul > li.current,
	.gnav.isPull > ul > li:hover {
		background: #005ab0;
	}
	.isPull > ul > li a {
		width: 100%;
		color: #fff;
		display: block;
		padding: 0 0;
		text-align: center;
		border-bottom: 1px solid #222;
		border-right: 1px solid #000;
		border-left: 1px solid #888;
		background: #555;
	}
	.isPull > ul > li:first-child a {
		border-left: none;
	}
	.isPull > ul > li:last-child a {
		border-right: none;
	}

	.isPull > ul > li.current a,
	.isPull > ul > li:hover a {
		background: #333;
	}

	.isPull > ul li > span {
		display: block;
	}
	.isPull > ul .subNav {
		display: none;
		top: -500px;
		left: 0;
		position: absolute;
		width: 132px;
		z-index: 9999999;
		padding: 10px 5px;
		background: #333;
		border-top: 1px solid #000;
		border-radius: 0 0 6px 6px / 0 0 6px 6px;
	}

	.isPull > ul .subNav ul li {
		line-height: 1.0;
		background: none!important;
		padding: 0;
		display: block;
	}
	.isPull > ul .subNav ul li a {
		background: none;
		border: none;
		cursor: pointer;
		padding: 0 0.3em;
		width: 100%;
		display: block;
		margin-bottom: 1px;
		font-size: 75%;
		letter-spacing: 0;
		text-align: left;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	}


	.currentPullNav a:before,
	.isPull > ul .subNav ul li a:before {
		content: '\E818';
		font-family: fontello;
		font-size: 106.3%;
		font-weight: 400;
		margin-right: 0.1em;
		text-decoration: none;
	}

		.subNav ul li.current a,
		.currentPullNav ul li.current a,
		.currentPullNav a:hover,
		.isPull > ul .subNav ul li a:hover {
			background: #005ab0;
			color: #fff;
			border-radius: 3px;
		}


	.isPull > ul .subNav ul li {
		position: relative;
	}

	.isPull > ul > li a > span {
		margin-left: 0.3em;
	}

	.currentPullNav a {
		padding: 0.3em 0.3em;
	}
	.currentPullNav a span:before,
	.isPull > ul > li a > span:before {
		content: "\0028";
		display: inline;
		margin-right: 0em;
	}
	.currentPullNav a span:after,
	.isPull > ul > li a > span:after {
		content: "\0029";
		display: inline;
		margin-left: 0.15em;
	}


	.currentPullNav {
		margin-bottom: 16px;
		padding: 5px 0 3px 10px;
		width: 100%;
		clear: both;
		background: #333;
	}
	.currentPullNav li {
		float: left;
		margin-right: 20px;
		font-size: 81.3%;
	}
	.currentPullNav li a {
		color: #fff;
	}





/* [ 00.Main Column ]
___________________________________________________________ */
.content {
	width: 660px;
	float: left;
	display: block;
	margin-bottom: 40px;
}

	.content .section.half {
		width: 324px;
		float: left;
	}
	.section.qa.half {
		clear: both;
		margin-right: 10px;
	}
	.section.cheat.half {
		
	}
	.product .content .section.half .itemPostTitle {
		white-space: nowrap;
		text-overflow: ellipsis;
		display: inline-block;
		overflow: hidden;
		width: 100%;
	}
		.index .content .section {
			width: 460px;
			float: right;
		}
		.index .content .section.half {
			width: 226px;
			float: left;
			margin: 0 0 10px 5px;
		}


	/* [ Content Headline on Main Column for Index ]
	___________________________________________________________ */
	.index .content .section .sectionHeader {
		width: 100%;
		height: 46px;
		position: relative;
		overflow: hidden;
	}
		.index .content .section .sectionHeader h1 {
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
		}
		.index .content .section .sectionHeader h1:after {
			content: url(../img/headline-contentSection.png);
			display: block;
			width: 460px;
			height: 46px;
			position: absolute;
		}
			.index .content .section.cheat .sectionHeader h1:after {
				clip: rect(0,460px,46px,0);
				top: 0;
			}
			.index .content .section.news .sectionHeader h1:after {
				clip: rect(46px,460px,92px,0);
				top: -46px;
			}
			.index .content .section.thread .sectionHeader h1:after {
				clip: rect(92px,460px,138px,0);
				top: -92px;
			}


		/* [ specific index thread headline ]
		___________________________________________________________ */
		.index .content .section.thread .sectionHeader .threadMod {
			background: #555;
			position: absolute;
			top: 7px;
			right: 0;
			text-indent: 0;
			font-size: 62.5%;
			line-height: 1.0;
			border-radius: 3px 0 0 3px / 3px 0 0 3px;
			box-shadow: inset 1px 1px 2px rgba(0,0,0,0.8);
			padding: 2px 2px 2px 5px;
			color: #fff;
			overflow: hidden;
			display: inline-block;
			white-space: nowrap;
		}
			.threadMod img {
				vertical-align: -2px;
				margin-right: 0;
				margin-left: 0.3em;
				float: none;
				width: auto;
				height: auto;
			}

	.index .content .section.half .sectionHeader {
		width: 226px;
		height: 30px;
		position: relative;
		overflow: hidden;
	}
		.index .content .section.half .sectionHeader h1 {
			position: absolute;
			width: 226px;
			height: 100%;
			top: 0;
			left: 0;
		}
		.index .content .section.half .sectionHeader h1:after {
			content: url(../img/headline-contentSection-half.png);
			width: 226px;
			height: 30px;
		}
			.index .content .section.half.review .sectionHeader h1:after {
				clip: rect(0,226px,30px,0);
				top: 0;
			}
			.index .content .section.half.question .sectionHeader h1:after {
				clip: rect(30px,226px,60px,0);
				top: -30px;
			}
			.index .content .section.half.check100k .sectionHeader h1:after,
			.index .content > section.half.check100k header h1:after {
				clip: rect(60px,226px,90px,0);
				top: -60px;
			}
			.index .content .section.half.check10k .sectionHeader h1:after {
				clip: rect(90px,226px,120px,0);
				top: -90px;
			}




		.itemTitle {
			font-size: 68.8%;
		}
		.itemPostTitle {
			font-weight: 700;
			padding: 0.2em 0;
			clear: both;
			line-height: 1.2;
			font-size: 118.8%;
		}

		.itemPostExplain {
			font-size: 68.8%;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			position: relative;
			padding-left: 14px;
			line-height: 1;
			height: 1.2em;
			clear: both;
		}
			.itemPostExplain:before {
				content: '\e82f';
				font-family: 'fontello';
				color: #999;
				font-size: 118.8%;
				font-size: 81.3%\9;
				position: absolute;
				z-index: 0;
				top: 0px;
				left: 1px;
			}

		.itemPostTags {
			font-size: 68.8%;
			padding-top: 0.2em;
			padding-bottom: 0.2em;
			float: left;
			width: 100%;
		}
			.itemPostTags a {
				position: relative;
				padding-left: 15px;
				padding-right: 3px;
				padding-bottom: 2px;
			}
			.itemPostTags a:hover {
				text-decoration: underline;
			}
			.itemPostTags a:before,
			.itemPostTags a:hover:before {
				content: '\e806';
				font-family: 'fontello';
				color: #999;
				position: absolute;
				top: 0px;
				left: 3px;
			}

		.user,
		.itemPostDate,
		.listSummery {
			font-size: 68.8%;
			line-height: 1;
		}
			.user a,
			.itemPostDate a {
				position: relative;
				padding-left: 18px;
				padding-right: 3px;
			}
			.user a:hover,
			.itemPostDate a:hover {
				background: #f5f5f5;
				text-decoration: underline;
			}
			.user a:before,
			.itemPostDate a:before {
				content: '\E833';
				font-size: 118.8%;
				font-family: 'fontello';
				color: #999;
				position: absolute;
				top: 0;
				left: 3px;
			}





		.viewInfo {
			text-align: right;
			width: 100%;
			float: right;
			padding-top: 1em;
			position: relative;
		}

		.viewUser {
			vertical-align: middle;
			padding: 0 0.5em 0 0.5em;
			line-height: 1.2;
			text-align: center;
			font-size: 87.5%;
			color: #fff;
			background: #6f0001;
			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);
		}
			html.ie9 .viewUser {
				vertical-align: bottom;
			}
			.viewUser:before {
				content: '\e83b';
				font-family: 'fontello';
				margin-right: 5px;

			}



		.viewZup {
			vertical-align: middle;
			position: relative;
			padding: 0 0.5em 0 2em;
			line-height: 1.2;
			text-align: center;
			font-size: 87.5%;
			color: #fff;
			background: #005ab0;
			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);
		}
			.viewZup:before {
				position: absolute;
				top: -7px;
				left: 0px;
				content: url(https://jp.wazap.com/css/default3/img/ico-siteid.png);
			}
			html.ie9 .viewZup {
				vertical-align: bottom;
			}
			html.ie8 .viewZup {
				padding: 0 0.5em 0 0.5em;
			}
			html.ie8 .viewZup:before {
				top: -7px;
				left: -24px;
			}

			.viewZup.withZupIco {
				cursor: pointer;
				padding: 0 0.5em 0 1.2em;
			}
			.viewZup.withZupIco:before {
				position: absolute;
				top: -14px;
				left: -18px;
				content: url(../img/ico-zup.png);
			}

			html.ie9 .viewZup.withZupIco:before {
				top: -10px;
			}

			html.ie8 .viewZup.withZupIco {
				padding: 0 0.5em 0 0.5em;
			}
			html.ie8 .viewZup.withZupIco:before {
				top: -7px;
				left: -29px;
			}



		.viewZup.withZupIco.rated {
			cursor: default;
			vertical-align: middle;
			position: relative;
			padding: 0 0.5em 0 2em;
			line-height: 1.2;
			text-align: center;
			font-size: 87.5%;
			color: #fff;
			background: #005ab0;
			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);
		}
			.viewZup.withZupIco.rated:before {
				position: absolute;
				top: -6px;
				left: 0px;
				content: url(https://jp.wazap.com/css/default3/img/ico-siteid.png);
			}



		.getZup {
			display: none;
			position: absolute;
			z-index: 3000;
			width: 200px;
			background: #fff;
			border: 1px solid #005ab0;
			border-radius: 6px;
			padding: 0.5em;
			text-align: left;
			box-shadow: 2px 2px 3px rgba(0,0,0,0.4),
						inset 0px 0px 6px rgba(0,0,0,0.5);line-height: 1.0;
		}
		.getZup:before {
		    content: "";
		    height: 0;
		    position: absolute;
		    width: 0;
		    border: 10px solid transparent;
		    border-bottom-color: #0D68AF;
		    top: -20px;
		    right: 15%;
		}
		.getZup strong {
			display: block;
			font-size: 87.5%;
			line-height: 1.15;
			border-bottom: 1px dotted #212626;
			padding-bottom: 0.5em;
			margin-bottom: 0.5em;
		}
		.getZup p {
			line-height: 1.2;
			font-size: 75%;
		}


		.itemPostOthers {
			clear: both;
			float: left;
			width: 100%;
			border-top: 1px dotted #ccc;
			margin-top: 8px;
			padding-top: 0.2em;
		}
			.itemPostOthers .itemPostTitle {
				padding: 0;
				font-size: 87.5%;
				line-height: 1.0;
			}

	.content .thread .listItem {
		box-shadow: 0 0 3px rgba(0,0,0,0.2);
		border-radius: 0 0 6px 6px / 0 0 6px 6px;
		padding: 0;
	}
	.content .thread .listItem {
		margin-bottom: 40px;
	}
	.index .content .thread .listItem {
		margin-bottom: 14px;
	}
		.content .thread .listItem a {
			background: #fff;
			display: block;
			margin: 0;
			padding: 0 1em 0 1em;
			border-right: 1px solid #ccc;
			border-left: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
			box-shadow: inset 0px 0px 8px rgba(168,168,168,0.2);
			text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
			position: relative;
			width: 100%;
			font-size: 81.3%;
			height: 2.6em;
			line-height: 2.6em;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			-webkit-transition: all .5s ease-in-out;
			-moz-transition: all .5s ease-in-out;
			transition: all .5s ease-in-out;
			text-decoration: none;
		}
		.content .thread .listItem li:last-child a {
			border-radius: 0 0 5px 5px / 0 0 5px 5px;
		}
		.content .thread .listItem a:before {
			content: '\E830';
			font-family: 'fontello';
			font-weight: 400;
			font-size: 180%;
			display: block;
			line-height: 1.0;
			position: absolute;
			left: -100px;
			top: 18%;
			text-shadow: 1px 1px 4px rgba(255,255,255,0.6);
			-webkit-transition: all .3s ease-in-out;
			-moz-transition: all .3s ease-in-out;
			transition: all .3s ease-in-out;
		}
		.content .thread .listItem a:hover {
			text-decoration: none;
			color: #fff;
			background: #555;
			padding-left: 35px;
			text-shadow: 1px 1px 4px rgba(255,255,255,0.6);
		}
		.content .thread .listItem a:hover:before {
			left: 7px;
		}

	.index .itemPostTitle {
		clear: none;
	}


	/* [ Content on Sub Column for Index ]
	___________________________________________________________ */
	.index .content .contentSub {
		width: 195px;
		margin-right: 0;
		float: left;
	}
	.index .content .contentSub .section {
		width: 100%;
		border-top: none;
		margin-bottom: 16px;
		box-shadow: 0 0 3px rgba(0,0,0,0.2);
		border-radius: 6px;
		float: none;
		clear: both;
	}
	.index .content .contentSub .section h1 {
		height: 30px;
		line-height: 26px;
		padding: 0;
		text-align: center;
		width: 100%;
		color: #212626;
		font-weight: 700;
		font-size: 87.5%;
		position: relative;
		border-radius: 4px 4px 0 0 / 4px 4px 0 0;
		border: 1px solid #ccc;
		text-shadow: 1px 1px 2px rgba(193,181,167,1.0);
		box-shadow: 0 1px 2px rgba(84,84,84,0.2),
					inset 0px 0px 2px 3px rgba(255,255,255,0.4);

		background: #e8e8e8;
		background: linear-gradient(to bottom,  #e8e8e8 1%,#f1f1f1 27%,#f1f1f1 78%,#d8dada 100%);
	}

	.index .content > .contentSub ul,
	.index .content > .contentSub .pickupApp div {
		text-align: center;
		border: 1px solid #ccc;
		border-top: none;
		border-radius: 0 0 6px 6px / 0 0 6px 6px;
	}
		.index .content > .contentSub .pickupApp div { padding: 1em 0 0 0; }
		.index .content > .contentSub .pickupApp div a:first-child {
			display: block;
			width: 60%;
			height: auto;
			margin: 0 auto;
		}
		.index .content > .contentSub .pickupApp p {
			font-weight: 700;
		}

	.index .content > .contentSub ul.contentSubList { padding: 0; }
	.index .content > .contentSub ul.contentSubList li {
		border-bottom: 1px solid #ddd;
		line-height: 30px;
		background: #fff;
		box-shadow: inset 0px 0px 8px rgba(168,168,168,0.2);
	}

	.index .content > .contentSub ul.contentSubList li:nth-child(even) {
		background: #fcfcfc;
	}
		.index .content > .contentSub ul.contentSubList li:hover {
			box-shadow: inset 0px 0px 4px rgba(168,168,168,0.6);
		}
		.index .content > .contentSub ul.contentSubList li:after {
			content: ".";
			clear: both;
			height: 0;
			font-size: 0;
			display: block;
			visibility: hidden;
		}
		.index .content > .contentSub ul.contentSubList li:last-of-type {
			border-radius: 0 0 5px 5px / 0 0 5px 5px;
			border-bottom: none;
		}

	.index .content > .contentSub ul.contentSubList li a {
		width: 100%;
		padding: 5px 5px 5px 10px;
		display: block;
		float: left;
		font-size: 75%;
		text-align: left;
		text-decoration: none;
		font-weight: 700;
	}
	.index .content > .contentSub ul.contentSubList li a .listIco {
		background: url(../img/ico-indexContentSub.png) no-repeat;
		display: block;
		width: 16.393442622%;
		max-width: 30px;
		height: 30px;
		float: left;
		margin-right: 5%;
		padding: 0;
		overflow: hidden;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
	}
		.index .content > .contentSub ul.contentSubList li a .listIco.ps      {background-position: 0 0;}
		.index .content > .contentSub ul.contentSubList li:hover a .listIco.ps     {background-position: -60px 0;}
		.index .content > .contentSub ul.contentSubList li a .listIco.psp     {background-position: 0 -30px;}
		.index .content > .contentSub ul.contentSubList li:hover a .listIco.psp     {background-position: -60px -30px;}
		.index .content > .contentSub ul.contentSubList li a .listIco.wii     {background-position: 0 -60px;}
		.index .content > .contentSub ul.contentSubList li:hover a .listIco.wii     {background-position: -60px -60px;}
		.index .content > .contentSub ul.contentSubList li a .listIco.ds      {background-position: 0 -90px;}
		.index .content > .contentSub ul.contentSubList li:hover a .listIco.ds      {background-position: -60px -90px;}
		.index .content > .contentSub ul.contentSubList li a .listIco.xbox    {background-position: 0 -120px;}
		.index .content > .contentSub ul.contentSubList li:hover a .listIco.xbox    {background-position: -60px -120px;}
		.index .content > .contentSub ul.contentSubList li a .listIco.ios     {background-position: 0 -150px;}
		.index .content > .contentSub ul.contentSubList li:hover a .listIco.ios     {background-position: -60px -150px;}
		.index .content > .contentSub ul.contentSubList li a .listIco.android {background-position: 0 -180px;}
		.index .content > .contentSub ul.contentSubList li:hover a .listIco.android {background-position: -60px -180px;}
		.index .content > .contentSub ul.contentSubList li a .listIco.pc      {background-position: 0 -210px;}
		.index .content > .contentSub ul.contentSubList li:hover a .listIco.pc      {background-position: -60px -210px;}
		.index .content > .contentSub ul.contentSubList li a .listIco.other   {background-position: 0 -240px;}
		.index .content > .contentSub ul.contentSubList li:hover a .listIco.other   {background-position: -60px -240px;}
		.index .content > .contentSub ul.contentSubList li a .listIco.million    {background-position: 0 -270px;}
		.index .content > .contentSub ul.contentSubList li:hover a .listIco.million    {background-position: -60px -270px;}
		.index .content > .contentSub ul.contentSubList li a .listIco.numbering  {background-position: 0 -300px;}
		.index .content > .contentSub ul.contentSubList li:hover a .listIco.numbering  {background-position: -60px -300px;}
		.index .content > .contentSub ul.contentSubList li a .listIco.lady       {background-position: 0 -330px;}
		.index .content > .contentSub ul.contentSubList li:hover a .listIco.lady       {background-position: -60px -330px;}
		.index .content > .contentSub ul.contentSubList li a .listIco.sandbox    {background-position: 0 -360px;}
		.index .content > .contentSub ul.contentSubList li:hover a .listIco.sandbox    {background-position: -60px -360px;}
		.index .content > .contentSub ul.contentSubList li a .listIco.western    {background-position: 0 -390px;}
		.index .content > .contentSub ul.contentSubList li:hover a .listIco.western    {background-position: -60px -390px;}


	/* [ productRate ]
	___________________________________________________________ */
	.rateStars {
		padding: 0.0em 0;
		width: 100%;
		line-height: 1;
	}
	.rateStars img {
		width: 16px;
	}
	.rateLabel,
	.rateSum {
		width: 100%;
		height: auto;
		padding: 0.35em 0 0.3em 0;
		letter-spacing: 0;
		line-height: 1.0;
		text-align: center;
		font-size: 75%;
		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);
		color: #fff;
		background: #6f0001;
	}


	.productRate.expect .rateLabel,
	.productRate.expect .rateSum,
	.commonProductHeader .rateLabel,
	.commonProductHeader .rateSum {
		background: #005ab0;
	}

	.rateLabel {
		margin-bottom: 0.3em;
	}
	.rateSum {
		margin-top: 0.3em;
	}


	.reNum {
		font-size: 75%;
	}
	.rateNum {
		font-size: 230%;
		font-family: "Lato";
		font-weight: 900;
		line-height: 1.0;
		text-align: center;
		text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
	}

	.expect .rateLabel {
		background: #3f9f0c;
	}
	.expect .rateNum {
		padding-bottom: 0.15em;
	}
	.expect .rateNum:after {
		font-size: 37.5%;
		content: "\004eba";
		font-weight: 400;
		margin-left: 0.2em;
		vertical-align: 0.1em;
	}


	.rateSummary {
		opacity: 0;
		position: absolute;
		z-index: 3000;
		line-height: 1.2;
		font-size: 75%;
		top: -400px;
		left: 345px;
		padding: 0.8em;
		background: #fff;
		border: 1px solid #005ab0;
		border-radius: 6px;
		box-shadow: 2px 2px 3px rgba(0,0,0,0.4),
					inset 0px 0px 6px rgba(0,0,0,0.5);
		white-space: nowrap;
	}
	.rateSummary img {
		width: auto;
		height: auto;
	}
	.rateSummary:before {
	    content: " ";
	    height: 0;
	    position: absolute;
	    width: 0;
	    border: 10px solid transparent;
	    border-left-color: #0D68AF;
	    top: 24px;
	    right: -21px;
	}


	/* [ listContent ]
	___________________________________________________________ */
	.index .hasThumb,
	.listContent {
		padding-top: 0.3em;
		padding-bottom: 0.4em;
		clear: both;
		border-bottom: 1px dotted #666;
		position: relative;
		width: 100%;
		margin: 0;
	}
	.listContent.commonProductHeader {
		padding-top: 0.05em;
		padding-bottom: 0.5em;
	}

	.userAct.comments ul .hasThumb.isUser,
	.userAct.comments ul .hasThumb.isUser ul .hasThumb.isUser,
	.listContent.commonProductHeader,
	.listContent:last-of-type,
	.index .hasThumb:last-of-type,
	.isNews.recommend,
	.isNews.recommend ~ .listContent:nth-of-type(5n+1) {
		border-bottom: none;
	}
	.listContent.commonProductHeader,
	.listContent:last-of-type,
	.index .hasThumb:last-of-type {
		margin-bottom: 10px;
	}

	.listContent .thumb {
		overflow: hidden;
	}
	.listContent .thumb img {
		width: 100%;
		height: auto;
	}
	.listContent .thumb {
		font-family: "Lato";
		font-weight: 900;
		font-size: 137.5%;
	}



	/* [ hasThumb ]
	___________________________________________________________ */
	.hasThumb .thumb {
		width: 10%;
		height: auto;
		float: left;
		margin-right: 1%;
		text-align: center;
		position: relative;
		font-family: "Lato";
		color: #333;
	}
		.hasThumb .spec {
			width: 88.5%;
			float: right;
		}
	.hasThumb .itemPostTitle {
		line-height: 1.0;
		letter-spacing: -0.02em;
		padding: 0.2em 0 0.2em 0;
	}


	.hasThumb .itemPostTitle,
	.hasSubThumb .itemPostTitle {
		font-size: 120%;
	}

	/* [ hasSubThumb ]
	___________________________________________________________ */
	.hasSubThumb .subThumb {
		width: 19%;
		height: auto;
		float: right;
		margin-left: 1%;
		text-align: center;
		position: relative;
		font-family: "Lato";
		color: #333!important;
	}
	.hasSubThumb .spec {
		width: 80%;
		float: right;
	}


	/* [ hasThumb + hasSubThumb ]
	___________________________________________________________ */
	.hasThumb.hasSubThumb .spec {
		width: 69%;
		float: left;
	}


	/* [ hasThumb + isUser ]
	___________________________________________________________ */
	.hasThumb.isUser .thumb {
		width: 7%;
		height: auto;
		float: left;
		margin-right: 1%;
		text-align: center;
		position: relative;
		font-family: "Lato";
		color: #666;
	}
	.hasThumb.isUser .spec {
		width: 92%;
		float: left;
	}


	/* [ hasThumb + hasSubThumb + isUser ]
	___________________________________________________________ */
	.hasThumb.hasSubThumb.isUser .thumb {
		width: 7%;
	}
	.hasThumb.hasSubThumb.isUser .spec {
		width: 72%;
		float: left;
	}

	.state {
		font-size: 81.3%;
		padding: 0.1em 0;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
					0 1px 2px rgba(0, 0, 0, 0.05);
		border-radius: 2px;
		border: 1px solid #666;
		text-align: center;
	}

	.hasThumb.hasSubThumb.isUser .subThumb .rateNum {
		font-size: 180%;
	}


	/* [ hasThumb + hasSubThumb + commonProductHeader ]
	___________________________________________________________ */
	.commonProductHeader.hasThumb.hasSubThumb .thumb {
		width: 14.5%;
	}
	.commonProductHeader.hasThumb.hasSubThumb .spec {
		width: 64%;
		float: left;
	}
	.commonProductHeader.hasThumb.hasSubThumb .itemPostTitle {
		font-size: 143.8%;
		font-weight: 700;
		line-height: 1.2;
		letter-spacing: -0.02em;
		padding: 0.2em 0 0.4em 0;
	}
	 .productGenre {
		color: Crimson;
		font-size: 81.3%;
		font-style: oblique;
		font-weight: 700;
		letter-spacing: 0.05em;
	}


	.entryGame {
		float: left;
	}
		.gameWatch,
		.haveGame {
			cursor: pointer;
			font-size: 68.8%!important;
			line-height: 1.5em!important;
			padding: 0 0.5em 0 1.5em!important;
			border-radius: 2px;
			background: #f8f8f8;
			-moz-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);
			-webkit-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);
			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);
		}
		.gameWatch:before,
		.haveGame:before {
			font-family: 'fontello';
			margin: 0 0.3em 0 -0.9em!important;
			color: #0a3364;
			font-size: 100%;
			padding-top: 0.05em!important;
		}
		.gameWatch:before {
			content: '\e822';
		}
		.haveGame:before {
			content: '\e81d';
		}

		.gameWatch.active,
		.haveGame.active {
			color: #999;
		}
		.gameWatch.active:before,
		.haveGame.active:before {
			content: '\e826';
			color: Lime;
		}

		.gameWatch a,
		.haveGame a {
			font-weight: 400;
			text-decoration: underline;
			margin-left: 0.5em;
		}


	/* [ index + hasThumb ]
	___________________________________________________________ */
	.index .hasThumb {
		padding: 5px;
	}
	.index .hasThumb .thumb {
		width: 19%;
		height: auto;
		float: left;
		margin-right: 1%;
		text-align: center;
		position: relative;
		font-family: "Lato";
		color: #666;
	}
	.index .hasThumb .spec {
		width: 80%;
	}


	.index .hasThumb .itemPostTitle {
		font-size: 87.5%;
		padding-top: 0.15em;
		line-height: 1.2;
	}
		.index .half .hasThumb .itemPostTitle {
			font-size: 75%;
			font-weight: 700;
			padding-bottom: 0;
			clear: both;
		}


	/* [ userAct + hasThumb ]
	___________________________________________________________ */
	.userAct ul .hasThumb.isUser ul .hasThumb.isUser {
		border-bottom: none;
	}
	.userAct ul .hasThumb.isUser ul .hasThumb.isUser .thumb {
		width: 7%;
		float: right;
	}
	.userAct ul .hasThumb.isUser ul {
		padding-left: 8%;
		padding-bottom: 16px;
	}
	.userAct ul .hasThumb.isUser ul .hasThumb.isUser .spec {
		width: 91%;
		float: left;
	}
		.userAct .itemPostExplain {
			font-size: 68.8%;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			position: relative;
			padding-top: 0.1em;
			padding-bottom: 0.2em;
			padding-left: 16px;
			line-height: 1.4;
			height: auto;
			clear: both;
		}
		.userAct.comments .itemPostExplain {
			font-size: 75%;
			white-space: normal;
			overflow: hidden;
			text-overflow: clip;
		}
		.userAct .itemPostExplain:before {
			content: '\e82d';
			font-family: 'fontello';
			color: #999;
			position: absolute;
			z-index: 0;
			top: 1px;
			left: 1px;
		}

	.postFunc {
		opacity: 0.2;
		line-height: 1.0;
		vertical-align: middle;
		float: left;
		padding-left: 0.5em;
	}
	.postFunc a {
		float: left;
	}


	/* -------------------- comment BubbleType --------------------- */
	.userAct.comments .itemPostExplain {
		padding: 0.7em 1em;
		overflow: visible;
		margin-top: 0.2em;
		float: left;
		background: #fff;
		border: 1px solid #ccc;
		border-radius: 5px;
	}
	.userAct.comments ul .hasThumb.isUser {
		padding-top: 0.5em;
	}
	.userAct.comments ul:not(.bestAnswer) .hasThumb.isUser:last-child {
		padding-bottom: 40px;
	}
		.userAct.comments ul .hasThumb.isUser .itemPostExplain:before {
		    content: " ";
		    height: 0;
		    position: absolute;
		    width: 0;
		    border: 6px solid transparent;
		    border-right-color: #999;
		    top: 6px;
		    left: -12px;
		}

	.userAct.comments ul .hasThumb.isUser ul .hasThumb.isUser {
		padding-top: 0.5em;
		padding-bottom: 0;
	}
		.userAct.comments ul .hasThumb.isUser ul .hasThumb.isUser .fleft {
			float: right;
		}
		.userAct.comments ul .hasThumb.isUser ul .hasThumb.isUser .itemPostExplain {
			margin-top: 0px;
			padding: 0.7em 1em;
			float: right;
			margin-top: 0.4em;
		}
		.userAct.comments ul .hasThumb.isUser ul .hasThumb.isUser .itemPostExplain:before {
			display: none;
		}
		.userAct.comments ul .hasThumb.isUser ul .hasThumb.isUser .itemPostExplain:after {
		    content: " ";
		    height: 0;
		    position: absolute;
		    width: 0;
		    border: 4px solid transparent;
		    border-left-color: #999;
		    top: 6px;
		    right: -9px;
		}


	.userAct.comments .bestAnswer {
		border: 1px solid #860120;
		background: url(../img/bg-shimashima.png);
		border-radius: 7px;
		padding: 3%;
		position: relative;
		width: 99%;
		margin: auto 0.5% 40px 0.5%;
		box-shadow:
			0 0 2px 0 rgba(0,0,0,.5) inset,
			0 5px 10px 0 rgba(255,255,255,1) inset,
			0 3px 5px -3px rgba(0,0,0,.5),
			0 10px 20px -20px rgba(0,0,0,1);
	}
	.userAct.comments .bestAnswer:before {
		content: url(../img/ribbon-bestAnswer.png);
		display: block;
		width: 100px;
		height: 100px;
		position: absolute;
		right: -2px;
		top: -2px;
		z-index: 1;
	}
	.userAct.comments .selfAnswered.bestAnswer:before {
		content: url('../img/ribbon-bestAnswer2.png');
	}
	.userAct.comments .bestAnswer {
		padding-bottom: 0;
	}


	/* [ quote at comments ]
	___________________________________________________________ */
	.quote {
		position: relative;
	}
	.quote:before {
		content: url(../img/left_quote.png);
		position: absolute;
		left: -23px;
		top: 1px;
	}
	.quote:first-child {
		border-left: 1px solid #ccc;
		margin: 0 0 1.0em 2em;
		padding: 0.2em 0.5em 1.0em 0.5em;
	}
	.quote .quote {
		border-left: 1px solid #ccc;
		margin: 0.5em 0 1.0em 2.5em;
		padding: 0.2em 0 1.0em 0.5em;
	}
	.quote cite {
		background: #f5f5f5;
		width: 100%;
		display: block;
		margin-bottom: 1.0em;
		color: #999;
	}

	.quote br + br,
	.quote + br,
	.quote cite + br {
		display: none;
	}


	/* [ user post's table ]
	___________________________________________________________ */
	table.user-post {
	    border-collapse: collapse;
	    margin-bottom: 10px;
	    margin-right: 10px;
	}
	table.user-post, table.user-post tr, table.user-post th, table.user-post td {
	    border: 1px solid #080808;
	}
	table.user-post th, table.user-post td {
		padding: 0.5em;
	}



	.article .articleBody {
		clear: both;
		width: 97%;
		padding: 1em 1.5%;
		position: relative;
	}
	.article .articleBody img {
		width: auto;
		height: auto;
	}
	.article .articleBody p {
		padding-bottom: 0.5em;
	}
	.article .articleBody b {
		font-size: 112.5%;
	}
	.article .articleHeader .itemPostTags {
		clear: both;
		width: 100%;
		margin-top: 0.4em;
		padding-top: 0.3em;
		padding-bottom: 1.0em;
		border-top: 1px dotted #999;
		text-align: right;
	}
	.section .sectionFooter,
	.article .articleFooter {
		margin: 10px 0 30px 0;
		line-height: 1;
		text-align: right;
	}

	.useful {
		width: 100%;
		text-align: center;
	}
	.useful p {
		padding: 0.2em 1em 0.1em 0;
	}
	.useful p .usefulRate {
		color: #cd0001;
		font-weight: 700;
		font-size: 143.8%;
		display: inline-block;
		padding: 0 0.2em 0 1em;
		vertical-align: -3px;
	}
	.useful p .usefulNum {
		font-weight: 700;
		vertical-align: 0;
	}



	.submitPost {
		width: 100%;
		padding: 1em 0;
	}
	.submitPost textarea {
		width: 100%;
		height: 120px;
		margin: 10px auto 10px auto;
	}
	.submitPost button {
		clear: both;
	}

	.closedMessage {
		width: 100%;
		font-size: 112.5%;
		font-weight: 700;
		text-align: center;
		color: Crimson;
	}



	/* [ Content on Main Column for Product ]
	___________________________________________________________ */

	.productBase {
		width: 100%;
		padding-top: 1em;
	}

	.productLeadText {
		line-height: 1.4;
		padding: 0 1.0em 50px 1.0em;
		overflow: hidden;
		position: relative;
		z-index: 0;
	}
	.productLeadText.removeMask {
		/*height: auto;*/
	}
		.productLeadText .mask {
			width: 100%;
			height: 160px;
			z-index: 3;
			position: absolute;
			bottom: 0;
			left: 0;
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
			background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1)));
			background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
			background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
			background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
			background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
		}

	.vanishMaskBtn {
		padding: 0 0;
		text-align: right;
		margin-bottom: 50px;
	}
	.productLeadText img {
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: auto;
		margin: 1em auto;
	}


	.screenShot {
		padding-top: 0;
		margin-bottom: 30px;
	}
	.productMainSS {
		width: 515px;
		max-width: 515px;
		padding: 5px;
		height: 300px;
		border: 1px solid #222222;
		overflow: hidden;
		display: table-cell;
		display: block\9;
		text-align: center;
		vertical-align: middle;
		background: #212626;
	}
	.productMainSS img {
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: 100%;

		vertical-align: middle;
		border: 1px solid #000;
		box-shadow: 0 0 1px 0 #2e2e2e;
	}
	.productSubSS {
		width: 140px;
		float: right;
		overflow: hidden;
	}
	.productSubSS li {
		width: 140px;
		height: 80px;
		margin: 0 0 6px 0;
		border: 1px solid #212626;
		overflow: hidden;
	}
	.productSubSS li.last {
		border: none;
		overflow: visible;
		margin: 12px 0 0 0;
	}


	/* [ Content Header for Product ]
	___________________________________________________________ */
	.product .content .section .sectionHeader,
	.product .content > section header {
		width: 100%;
		height: 52px;
		position: relative;
		margin-top: 2px;
		margin-bottom: 10px;
		clear: both;
		overflow: hidden;
	}
	.product .content .thread .sectionHeader,
	.product .content > .thread header {
		margin-bottom: 0;
	}
	.product .content .half .sectionHeader,
	.product .content > .half header {
		margin-top: 60px;
	}
		.product .content .section .sectionHeader:before,
		.product .content > section header:before {
			background: #fff;
			content: "";
			position: absolute;
			display: block;
			width: 100%;
			height: 52px;
			z-index: 0;
		}
		.product .content .section .sectionHeader h1,
		.product .content > section header h1 {
			position: absolute;
			width: 660px;
			height: 52px;
			z-index: -1;
		}
		.product .content .section .sectionHeader:after,
		.product .content > section header:after {
			content: url(../img/headline-productSection.png);
			display: block;
			width: 660px;
			height: 52px;
			position: absolute;
			z-index: 1;
		}
			.product .content .section .sectionHeader:after,
			.product .content > section header:after {
				clip: rect(9999,9999,9999,9999);
				top: -9999px;
			}
			.product .content .cheat .sectionHeader:after,
			.product .content > .cheat header:after {
				clip: rect(0,660px,77px,0);
				top: -26px;
			}
			.product .content .userAct .sectionHeader:after,
			.product .content > .userAct header:after {
				clip: rect(77px,660px,154px,0);
				top: -103px;
			}
			.product .content .news .sectionHeader:after,
			.product .content > .news header:after {
				clip: rect(154px,660px,231px,0);
				top: -180px;
			}
			.product .content .cheat.related .sectionHeader:after,
			.product .content > .cheat.related header:after {
				clip: rect(231px,660px,308px,0);
				top: -257px;
			}
			.product .content .news.related .sectionHeader:after,
			.product .content > .news.related header:after {
				clip: rect(308px,660px,385px,0);
				top: -334px;
			}
			.product .content .thread .sectionHeader:after,
			.product .content > .thread header:after {
				clip: rect(385px,660px,462px,0);
				top: -411px;
			}
			.product .content .userAct.comments .sectionHeader:after,
			.product .content > .userAct.comments header:after {
				clip: rect(462px,660px,539px,0);
				top: -488px;
			}
			.product .content .gallery .sectionHeader:after,
			.product .content > .gallery header:after {
				clip: rect(539px,660px,616px,0);
				top: -565px;
			}
			.product .content .gallery.image .sectionHeader:after,
			.product .content > .gallery.image header:after {
				clip: rect(616px,660px,693px,0);
				top: -642px;
			}
			.product .content .gallery.mov .sectionHeader:after,
			.product .content > .gallery.mov header:after {
				clip: rect(693px,660px,770px,0);
				top: -719px;
			}
			.product .content .qa .sectionHeader:after,
			.product .content > .qa header:after {
				clip: rect(770px,660px,847px,0);
				top: -796px;
			}
			.product .content .enquete .sectionHeader:after,
			.product .content > .enquete header:after {
				clip: rect(847px,660px,924px,0);
				top: -873px;
			}
			.product .content .group .sectionHeader:after,
			.product .content > .group header:after {
				clip: rect(924px,660px,1001px,0);
				top: -950px;
			}
			.product .content .cheat.review .sectionHeader:after,
			.product .content > .cheat.review header:after {
				clip: rect(1001px,660px,1078px,0);
				top: -1027px;
			}
			.product .content .qa.half .sectionHeader:after,
			.product .content > .qa.half header:after {
				clip: rect(1078px,660px,1155px,0);
				top: -1104px;
			}
			.product .content .cheat.half .sectionHeader:after,
			.product .content > .cheat.half header:after {
				clip: rect(1155px,660px,1232px,0);
				top: -1181px;
			}
		.product .content .section .sectionHeader a.btn,
		.product .content > section header a.btn {
			position: absolute;
			right: 6px;
			bottom: 13px;
			z-index: 1000;
			font-size: 87.5%;
			font-weight: 700;
		}
		.product .content .half .sectionHeader a.btn,
		.product .content > section.half header a.btn {
			right: 6px;
			bottom: 17px;
			font-size: 75%;
		}
		.product .content .section .sectionHeader .threadMod,
		.product .content > .thread header .threadMod {
			top: auto;
			bottom: 27px;
			right: 0;
		}


	/* [ product enquete ]
	___________________________________________________________ */
	.enquete {
		width: 90%;
		margin: 0 auto 100px auto;
	}
	.enqItem {
		border: 1px solid #212626;
		border-radius: 6px;
		padding: 1.2em;
		text-shadow: 1px 1px 3px rgba(0,0,0,0.4),
					 1px 1px 1px rgba(255,255,255,0.5);
		box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	}
	.enqItem li {
		margin: 0.3em 0 0.3em 0;
		width: 100%;
		float: left;
		clear: both;
		line-height: 1.0;
		font-size: 87.5%;
		padding-bottom: 0.7em;
		border-bottom: 1px dotted #212626;
	}
	.enqItem li:last-child {
		border-bottom: none;
	}
		fieldset.enqItem li {
			padding-left: 1.2em;
			text-indent: -24px;
		}
		fieldset.enqItem li input[type="radio"] {
			margin: 0;
			vertical-align: -1px;
			width: 24px;
		}

	.enqItem li label {
		display: inline;
		float: left;
		width: 40%;
	}
		fieldset.enqItem li label {
			float: none;
			width: 90%;
		}

	.enqItem li .graphWrap {
		width: 45%;
		float: left;
		display: block;
		line-height: 1.0;
		height: 1em;
	}
	.enqItem li .graph {
		height: 1em;
		display: inline-block;
		float: left;
	}
	.enqItem li .voteNum {
		width: 15%;
		height: 1em;
		font-weight: 700;
		text-align: right;
	}


	.enqButtons {
		padding: 1em;
		text-align: center;
	}


	/* [ product Gallery ]
	___________________________________________________________ */
	.listGallery {
		width: 100%;
		margin: 5px auto 30px auto;
		text-align: center;
	}
		.listGallery li {
			float: left;
			display: inline-block;
			text-align: center;
			vertical-align: middle;
			background: #222;
			padding: 1px 1px;
			overflow: hidden;
			box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
		}
		.listGallery li img {
			width: auto;
			height: auto;
			vertical-align: bottom;
		}
		.listGallery.large li {
			margin-right: 10px;
			margin-right: 5px\9;
			margin-bottom: 10px;
			width: 325px;
			height: 196px;
		}
		.listGallery.large li:nth-child(2n) {
			margin-right: 0;
		}
		.listGallery.large.mov li {
			height: 216px;
		}
			.listGallery.large.mov li .postFunc {
				float: right;
			}
		.listGallery.large li img {
			max-width: 323px;
			max-height: auto;
		}

		.listGallery.small li {
			margin-right: 5px;
			margin-left: 5px;
			margin-right: 5px\9;
			margin-left: 1px\9;
			margin-bottom: 10px;
			width: 122px;
			height: 74px;
		}
		.listGallery.small li:nth-child(5n) {
			margin-right: 0;
		}
		.listGallery.small li img {
			max-width: 120px;
			max-height: auto;
		}



	.gallery {
		width: 100%;
		text-align: center;
	}

	.gallery .thumb {
		width: 660px;
		padding: 40px 0;
		display: table-cell;
		text-align: center;
		vertical-align: middle;
		background: #222;
		position: relative;
	}
	.gallery .thumb img {
		width: auto;
		height: auto;
		max-width: 600px;
		vertical-align: middle;

		border: 1px solid #000;
		box-shadow: 0 0 1px 0 #2e2e2e;
	}

	.gallery .thumb .imgNav {
		width: 25px;
		height: 80px;
		position: absolute;
		top: 50%;
		margin-top: -40px;
	    -moz-user-select: none;
	    background-color: #3d3d3d;
	    background-image: -moz-linear-gradient(center top , #343434, #2d2d2d);
	    border: 1px solid #141414;
	    color: #9f9f9f;
	    cursor: pointer;
	    display: inline-block;
	    outline: 0 none;
	    text-align: center;
	    text-decoration: none !important;
	    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
	}
	.gallery .thumb .imgNav:hover {
	    background-color: #454545;
	    background-image: -moz-linear-gradient(center top , #303030, #262626);
	    border: 1px solid #191919;
		box-shadow: 0 1px 0 rgba(255,255,255,0.09),
					1px 1px 0 rgba(255,255,255,0.05),
					-1px -1px 0 rgba(0,0,0,0.02),
					1px 1px 0 rgba(255,255,255,0.05) inset;
	}
	.gallery .thumb .prev {
		left: 0;
		border-radius: 0 2px 2px 0 / 0 2px 2px 0;
	}
		.gallery .thumb .prev:before {
			content: '\e810';
			font-family: 'fontello';
			display: block;
			height: 80px;
			line-height: 80px;
		}
	.gallery .thumb .nextt {
		right: 0;
		border-radius: 2px 0 0 2px / 2px 0 0 2px;
	}
		.gallery .thumb .next:before {
			content: '\e811';
			font-family: 'fontello';
			display: block;
			height: 80px;
			line-height: 80px;
		}




	#uploadForm {
		padding: 0.5em 0 0 1em;
		background: url(../img/bg-shimashima.png);
	}
	#uploadForm strong {
		float:left;
		display: inline-block;
		line-height: 34px;
		padding: 0 1em 0 0;
	}
	#uploadForm strong:before {
		content: '\E80E';
		font-family: 'fontello';
		margin-right: 3px;
		font-weight: 400;
	}
	#uploadForm input[type="file"] {
		margin-top: 7px;
	}
	#uploadForm .uploadNotice {
		padding: 0.5em 0 0.5em 0;
	}
	#uploadForm .uploadNotice:last-of-type {
		padding-bottom: 2em;
	}
	#uploadForm .uploadNotice dt {
		padding-left: 1.2em;
	}
	#uploadForm .uploadNotice dt:before {
		content: '\E81B';
		font-family: 'fontello';
		margin-right: 3px;
		color: #005ab0;
	}
	#uploadForm .uploadNotice dd {
		font-size: 81.3%;
		padding: 0.3em 0 0 1.5em;
	}









	/* period Tab
	______________________________________________________________________*/
	.periodTab {
		position: relative;
		width: 100%;
		height: 30px;
	}
	.periodTab.parentTab {
		margin-top: 20px;
	}

	.periodTab ul {
		position: absolute;
		right: 0;
		bottom: 0;
	}
	.periodTab ul li {
		font-size: 81.3%;
		vertical-align: bottom;
		cursor: pointer;
		border-bottom: none;
		height: 24px;
		line-height: 24px;
		padding: 0 1.0em;
		color: #212626;
		text-decoration: none;
		border-radius: 4px 4px 0 0 / 4px 4px 0 0;
		background: #fff;
		box-shadow:
			0 -1px 3px rgba(0, 0, 0, 0.15),
			0 0.1em 0.1em rgba(255,255,255,0.1) inset,
			0 0.1em 0.9em rgba(0,0,0,0.1) inset,
			0 0.3em 0.5em rgba(255,255,255,0.1) inset;
		-webkit-transition: background .5s ease-in-out, height .1s ease-in-out;
		-moz-transition: background .5s ease-in-out, height .1s ease-in-out;
		transition: background .5s ease-in-out, height .1s ease-in-out;
		display: inline-block;
	}
		.periodTab ul li:hover,
		.periodTab ul li.currentTab {
			color: #fff;
			line-height: 30px;
			height: 30px;
			text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
			box-shadow: 0 1px 2px rgba(0,0,0,.3);
			background: url(../img/bg-gnav.png);
		}

	.periodTab.childTab {
		height: 36px;
	}
	.periodTab.childTab ul li {
		font-size: 75.0%;
		padding: 0 0.5em;
	}
	.periodTab ul li a {
		display: block;
		width: 100%;
		height: 100%;
		text-decoration: none;
		color: #212626;
	}
	.periodTab ul li:hover a,
	.periodTab ul li.currentTab a {
		color: #fff;
	}
	.periodTab ul li a img {
		width: auto;
		height: auto;
		line-height: 1;
		vertical-align: 0;
	}



	.searchNotice {
		border: 1px solid #333;
		background: url(../img/bg-shimashima.png);
		border-radius: 7px;
		padding: 2%;
		position: relative;
		width: 99%;
		font-size: 87.5%;
		margin: 10px auto 10px 0;
		box-shadow:
			0 0 2px 0 rgba(0,0,0,.5) inset,
			0 5px 10px 0 rgba(255,255,255,1) inset,
			0 3px 5px -3px rgba(0,0,0,.5),
			0 10px 20px -20px rgba(0,0,0,1);
	}




	/* [ filter form ]
	___________________________________________________________ */
	.filters {
		width: 100%;
		float: left;
		padding: 1.0em 0 0.5em 0;
		line-height: 1;
	}
	.filters .search {
		float: left;
		padding: 0 0 1.0em 0;
		width: 100%;
		position: relative;
	}

	.filters .search .inputText:nth-of-type(1) {
		border-radius: 3px 0 0 3px / 3px 0 0 3px;
		margin-right: 3px;
	}
	.filters .search .inputText:nth-of-type(2) {
		border-radius: 0;
		margin-right: 0;
	}
	/*.filters */.search .inputText {
		float: left;
		height: 36px;
		line-height: 36px;
		padding: 0 0.4em;
		border: 1px solid rgba(0,0,0,0.7);
		vertical-align: bottom;
	}
		html.ie8 .filters .search .inputText {
			font-size: 100%;
			line-height: 36px;
		}



	select {
		vertical-align: bottom;
		margin: 0.5em 0.5em 0.5em 0;
		padding: 0.26em 0.4em;
		outline: none;
		border: 1px solid #999;
		border-radius: 5px;
		font-size: 81.3%;
	}
	.filters select {
		float: right;
	}
	option {
		margin: 0;
		padding: 0 10px;
	}
	option:nth-child(odd) {
		background: #f2f2f2;
	}

	.filters .advance {
		padding: 0 0 0.5em 0;
	}
	.filters .advance select {
		float: left;
		margin: 0.2em 0.5em 0.2em 0;
	}


	.filters .search .searchTarget {
		font-size: 75%;
		float: left;
		line-height: 1.0;
		padding: 0.02em 0.5em;
		display: block;
		height: 36px;
		border: 1px solid #000;
		border-right: 1px solid #0a3364;
		border-left: none!important;
		margin-left: -3px;
		background: #e4dfdb;
		box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3),
					1px 1px 0 rgba(255, 255, 255, 0.2);
	}
	.filters .search .searchTarget label {
		white-space: nowrap;
		float: left;
		clear: left;
		height: 17px;
		line-height: 1.2;
		text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
	}
	.filters .search .searchTarget label input {
		vertical-align: -0.2em;
		display: inline;
	}

	.formBtn,
	.filters .search .submitBtn {
		border: 1px solid #000;
		border-left: none;
		border-radius: 0 3px 3px 0 / 0 3px 3px 0;
		padding: 0 1.5em;
		width: auto;
		height: 36px;
		vertical-align: bottom;
		background: url(../img/bg-gnav.png) left bottom #166ba9;
		color: #fff;
		-moz-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.2);
		-webkit-box-shadow: inset 0 -1px 3px rgba(255,255,255,0.2);
		box-shadow: inset 0 -1px 3px rgba(255,255,255,0.2);
		font-size: 1em;
		font-weight: 400;
		opacity: 0.9;
		display: inline-block;
		margin: 0 0 0 -3px;
	    text-align: center;
		float: left;
	}
	.formBtn:hover,
	.filters .search .submitBtn:hover {
		opacity: 1.0;
	}
	#body_search_input-suggest {
	    position: absolute;
		left: 0;
	    top: 36px;
	    width: 360px;
	    z-index: 9999;
	}




/* [ POST NEWS ]
___________________________________________________________ */
	.postNews .searchNotice {
		width: 90%;
		margin: 10px auto 20px auto;
	}
	.postNotice {
		clear: both;
		font-size: 75.0%;
		padding: 0 0 1em 0;
	}
	.postNewsInner {
		width: 90%;
		margin: 0 auto;
		position: relative;
		clear: both;
	}

	.postNewsInner > h2 {
		margin-bottom: 10px;
		padding: 7px 0;
		line-height: 1.0;
		border-bottom: 1px dotted #000;
	}
	.postNewsInner > h2:before {
		content: '\e80b';
		font-family: fontello;
		margin-right: 0.2em;
	}

	.postNewsInner strong {
		float: left;
		clear: both;
		font-size: 81.3%;
		margin-top: 10px;
	}

	.postNews.step3 .postNewsInner {
		width: 94%;
		padding: 2%;
		border-radius: 10px;
		margin-bottom: 20px;
		background: #fff;
		border: 1px solid #ccc;
	}
	.postNews.step3 .postNewsInner textarea {
		width: 100%;
		height: 200px;
	}
	.postNews.step3 .postNewsInner #parentIcon {
		width: 100px;
		height: auto;
		float: left;
		margin-right: 10px;
	}
	.postNews.step3 .postNewsInner #form-games {
		background: #fff;
		border-radius: 6px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.postNews.step3 .postNewsInner #preview-keywords {
		clear: both;
		border-top: 1px dotted #333;
		width: 100%;
		margin-top: -10px;
	}
	.postNews.step3 .postNewsInner #preview-description {
		clear: both;
		padding: 16px 0 0 0;
		width: 100%;
	}

	.postNewsInner .postSupport select {
		float: left;
		vertical-align: bottom;
		font-size: 100%;
		margin: 0 0.5em 0 0;
		padding: 0.26em 0.4em;
		outline: none;
		border: 1px solid #999;
		border-radius: 5px;
		font-size: 81.3%;
	}
	.postNewsInner .postSupport .tagicon #menu-advance-btn {
		margin: 0!important;
	}
	.categoryExplain {
		font-size: 81.3%;
	}
	.categoryExplain dt {
		font-weight: 700;
		clear: both;
		float: left;
		width: 26%;
	}
	.categoryExplain dd {
		float: left;
		width: 73%;
		margin-bottom: 0.5em;
	}


	.retrievalResult li {
		float: left;
		font-size: 81.3%;
		padding: 0.2em;
		margin-right: 1em;
	}
	.retrievalResult li img {
		vertical-align: -1px;
	}
	.retrievalResult li a {
		text-decoration: underline;
	}


	.popularHard {
		float: left;
	}
	.tagSelectForm {
		float: left;
		clear: both;
		margin-bottom: 20px;
	}



	.postNews .postNewsInner .similNews {
		border: 1px solid #000;
		border-radius: 7px;
		padding: 16px 16px 0 16px;
		margin-top: 16px;
		margin-bottom: 30px;
		background: #f5f5f5;
		box-shadow:
			0 0 2px 0 rgba(0,0,0,.5) inset,
			0 2px 4px 0 rgba(255,255,255,1) inset,
			0 3px 5px -3px rgba(0,0,0,.5),
			0 10px 20px -20px rgba(0,0,0,1);
	}


	.postNews .postNewsInner .inputText {
		width: 100%;
		height: 36px;
		line-height: 36px;
		margin-bottom: 10px;
		padding: 0 0.4em;
		border: 1px solid rgba(0,0,0,0.7);
		vertical-align: bottom;
	}
		html.ie8 .postNews .postNewsInner .inputText {
			font-size: 100%;
			line-height: 36px;
		}


	.formBtn.submitBtn {
		float: right;
		border-radius: 3px;
		color: #fff;
		margin: 0;
		border: 1px solid #000;
		padding: 0 0.5em 0.1em 0.5em;
		border: 1px solid #ae7501;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
					0 1px 2px rgba(0, 0, 0, 0.05),
					1px 1px 2px rgba(0, 0, 0, 0.2),
					inset 0 0 2px 0 #ffcb33;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
		background: #fe8733;
		background: linear-gradient(to bottom,  #fe8733 0%,#ff8d32 50%,#fe6601 51%,#fe9601 100%);
	}

	.formBtn.submitBtn:after {
		content: '\e811';
		font-size: 81.3%;
		font-family: fontello;
		margin-left: 0.5em;
		vertical-align: 2px;
	}

	.formBtn.cancelBtn {
		float: left;
		border-radius: 3px;
		line-height: 32px;
		margin: 0;
		border: 1px solid #000;
		background: #999;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
					0 1px 2px rgba(0, 0, 0, 0.05),
					1px 1px 2px rgba(0, 0, 0, 0.2),
					inset 0 0 2px 0 #fff;
		padding: 0 0.5em;
	}
	.formBtn.cancelBtn:before {
		content: '\e839';
		font-family: fontello;
		margin-right: 0.2em;
	}

	.formBtn.backBtn {
		float: right;
		border-radius: 3px;
		line-height: 32px;
		margin: 0 5px 0 0;
		border: 1px solid #000;
		background: #999;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
					0 1px 2px rgba(0, 0, 0, 0.05),
					1px 1px 2px rgba(0, 0, 0, 0.2),
					inset 0 0 2px 0 #fff;
		padding: 0 0.5em;
	}
	.formBtn.backBtn:before {
		content: '\e810';
		font-size: 81.3%;
		font-family: fontello;
		margin-right: 0.2em;
		vertical-align: 2px;
	}





	.sort {
		float: left;
		margin: 0.5em 0 0.5em 0;
	}
	.sort li,
	.sort li a {
		display: inline-block;
		*display: inline;
		*zoom: 1;
		line-height: 1;
		border-radius: 4px;
	}
	.sort li {
		float: left;
		margin-right: 0.2em;
		font-size: 81.3%;
	}
	.sort li a {
		text-decoration: none;
		border: 1px solid #fff;
	}
	.sort li.current {
		border: 1px solid #ddd;
	}

	.sort li.current,
	.sort li a {
		padding: 7px;
	}
	.sort li.current,
	.sort li a:hover {
		background: url(../img/bg-gnav.png) #005ab0;
		color: #fff;
	}
		.sort li.current:before,
		.sort li a:before {
			content: '\e80b';
			font-family: 'fontello';
			font-weight: 400;
			margin-right: 0.2em;
		}

		.sort li.prevWeek.current:before,
		.sort li.prevWeek a:before {
			content: '\e80d';
			font-family: 'fontello';
		}
		.sort li.nextWeek.current:after,
		.sort li.nextWeek a:after {
			content: '\e80e';
			font-family: 'fontello';
			margin-left: 0.2em;
		}
			.sort li.nextWeek.current:before,
			.sort li.nextWeek a:before {
				content: '';
			}



	/* [ Content Header for List ]
	___________________________________________________________ */
	.list .content .section .sectionHeader {
		width: 100%;
		height: 40px;
		line-height: 40px;
		padding-left: 8px;
		position: relative;
		margin-bottom: 10px;
		clear: both;
		overflow: hidden;
		background: url(../img/headline-listSection.png) #fff;
	}
	.list .content .section .sectionHeader h1 {
		color: #333;
		font-weight: 700;
		font-size: 81.3%;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
	}
	.list .content .section .sectionHeader h1:before {
		content: '\e811';
		font-family: 'fontello';
		color: #555;
		margin-right: 3px;
		margin-bottom: 2px;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
	}

	.list .content .section .sectionMiddleHeader {
		width: 100%;
		position: relative;
		margin-top: 20px;
		margin-bottom: 10px;
		clear: both;
		overflow: hidden;
		border-bottom: 1px solid #777;
	}

	.list.schedule .content .section .sectionMiddleHeader {
		font-family: "Philosopher";
		font-size: 300%;
		color: #9c9c9c;
		padding-bottom: 0;
		line-height: 1;
	}
	.list.schedule .content .section .sectionMiddleHeader h2:after {
		font-size: 37.5%;
		content: "\00767a\0058f2";
		margin-left: 0.2em;
		vertical-align: 0.1em;
	}

	.list .content .contentSub {
		float: left;
		width: 200px;
		margin-right: 10px;
		margin-bottom: 20px;
		border: 1px solid #ccc;
		border-top: none;
		border-radius: 12px 12px 10px 10px / 12px 12px 10px 10px;
		box-shadow: 0 0 3px rgba(0,0,0,0.2);
	}
	.list .content .contentSub .itemPostTitle {
		background: #005ab0;
		color: #fff;
		padding: 0.3em 0.5em;
		text-align: center;
		border-radius: 10px 10px 0 0 / 10px 10px 0 0;
		line-height: 1.0;
		border-bottom: 1px solid #00417e;
	}
	.list .content .contentSub .itemPostTitle a {
		display: block;
		font-weight: 400;
		color: #fff;
	}
	.list .content .contentSub .thumb {
		padding: 5px 15%;
		margin: 10px auto;
	}
	.list .content .contentSub .thumb img {
		width: 100%;
	}
	.list .content .contentSub .productGenre {
		padding: 0 5%;
		line-height: 1.2;
	}
	.list .content .contentSub .itemPostDate {
		padding: 0 5% 10px 5%;
		line-height: 1.2;
	}
	.list .content .contentMain {
		width: 450px;
		float: left;
	}




	.list .itemTitle {
		font-size: 68.8%;
		font-weight: 700;
	}
	.list .productGenre {
		font-style: normal;
		font-size: 68.8%;
	}

	.list .search .inputText {
		width: 280px;
	}

	.hasThumb.isNews.recommend {background: #f5f5f5;
		margin-top: 1.0em;
		margin-bottom: 1.0em;
	}





/* [ Schedule ( //img.jp.wazap.com/css/v3/v3.1/navi.css ) ]
___________________________________________________________ */
.gameCalendar{ width: 100%;padding: 10px 10px 0 10px; }
.calendarIn{ width: 100%; margin: 10px auto 40px auto; text-align: center; }
.calendarMonth{ width:200px; display:inline-block; *display: inline; *zoom:1; margin: 0 5px;}
.calendarPlatform{ width: 100%; margin: 16px auto 10px auto;clear:both; }
.calendarPlatform li { width: 85px; float:left; text-align:center; margin: 0 3px 0 3px; font-size: 81.3%; }
.calendarPlatform li img{ width: 70px; height:auto; display:block;margin:0 auto; }
.right2{ text-align: right; padding: 0 10px 0 0; }
.gameScheduleList .gameImage{ width: 85px; }
.gameScheduleList h3{ width: 599px; padding: 5px 10px; margin: 0 0 0 10px; border-top: 1px solid #99b8d5; border-bottom: 1px solid #99b8d5; }
.gameScheduleListIn{ width: 400px; float: left; }
.gameScheduleListIn h4 a{ margin: 0 10px 5px 0; float: left; }
.gameScheduleListIn h4 span{ float: left; }
.calendar table { width: 200px!important; }





	/* [ pager + page Guide ]
	___________________________________________________________ */
	.pagerGuide {
		text-align: left;
		clear: both;
		font-size: 81.3%;
		width: 100%;
		margin-bottom: 10px;
		padding: 0.2em 0;
		border-top: 1px dotted #999;
		border-bottom: 1px dotted #999;
	}
	.pagerGuide strong {
		padding-right: 1em;
	}

	.schedule .pagerGuide:not(:first-child) {
		margin-top: 20px;
	}


	.pager {
		clear: both;
		width: 100%;
		text-align: center;
		margin: 20px 0 20px 0;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.pager li,
	.pager li a {
		display: inline-block;
		*display: inline;
		*zoom: 1;
		line-height: 1;
		border-radius: 4px;
	}
	.pager li.current {
		padding: 10px;
		border: 1px solid #ddd;
	}
	.pager li a {
		border: 1px solid #ddd;
		padding: 10px;
	}

	.pager li.current,
	.pager li a:hover {
		background: #005ab0;
		color: #fff;
	}

	.pager li.currentNum {
		font-weight: 700;
		font-size:112.5%;
		padding-right: 1.5em;
		padding-left: 1.5em;
	}
	.pager li.prev a:before {
		content: '\e810';
		font-family: 'fontello';
		margin-right: 0.5em;
	}
	.pager li.next a:after {
		content: '\e811';
		font-family: 'fontello';
		margin-left: 0.5em;
	}

	.pager li.fastPrev a:before {
		content: '\e817';
		font-family: 'fontello';
		margin-right: 0.5em;
	}
	.pager li.fastNext a:after {
		content: '\e818';
		font-family: 'fontello';
		margin-left: 0.5em;
	}



/* [ User Action in MainColumn ]
___________________________________________________________ */
	.eachUserAction {
		clear: both;
		width: 100%;
		padding: 10px;
		border: 1px solid #ae7501;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
					0 1px 2px rgba(0, 0, 0, 0.05),
					1px 1px 2px rgba(0, 0, 0, 0.2),
					inset 0 0 2px 0 #ffcb33;
		border-radius: 5px;
		background: #fe9601;
		background: -moz-linear-gradient(top,  #fe9601 0%, #fe8733 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe9601), color-stop(100%,#fe8733));
		background: -webkit-linear-gradient(top,  #fe9601 0%,#fe8733 100%);
		background: -o-linear-gradient(top,  #fe9601 0%,#fe8733 100%);
		background: -ms-linear-gradient(top,  #fe9601 0%,#fe8733 100%);
		background: linear-gradient(to bottom,  #fe9601 0%,#fe8733 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe9601', endColorstr='#fe8733',GradientType=0 );
	}
	.eachUserAction h2 {
		border-bottom: 1px solid #bf4d00;
		padding: 0 0 0.5em 0;
		margin-bottom: 0.5em;
		color: #672900;
	}
	.eachUserAction ul {
		float: left;
		width: 100%;
	}
	.eachUserAction li {
		width: 48%;
		float: left;
		margin-left: 1%;
		padding: 0.3em 0;
	}
	.eachUserAction li a {
		color: #fff;
		text-decoration: none;
		font-size: 93.8%;
		padding: 0.1em 0.3em;
		width: 100%;
		display: block;
	}
	.eachUserAction li a:before {
		content: '\E818';
		font-family: 'fontello';

		font-size: 100%;
		font-weight: 400;
		margin-right: 0.2em;
		text-decoration: none;
	}
		.eachUserAction li a:hover {
			background: #EA3E00;
			color: #fff;
			border-radius: 3px;
		}



/* [ Ranking List ]
___________________________________________________________ */
	.content .ranking .article {
		position: relative;
	}
	.content .ranking .article .thumb {
		z-index: 0;
	}
	.content .ranking .article .rBadge {
		position: absolute;
		left: 6.2%;
		top: 0px;
		z-index: 1000;
		background: url(../img/rBadge.png) no-repeat;
		width: 30px;
		height: 30px;
		line-height: 29px;
		font-size: 87.5%;
		text-align: center;
		color: #fff;
	}

	.content .ranking .article.rank1 .rBadge,
	.content .ranking .article.rank2 .rBadge,
	.content .ranking .article.rank3 .rBadge {
		border-radius: 0;
		text-indent: -65536em;
		left: 40px;
		top: -3px;
		width: 35px;
		height: 40px;
		border: none;
		box-shadow: none;
		background: transparent no-repeat;
	}
	.content .ranking .article.rank1 .rBadge:after,
	.content .ranking .article.rank2 .rBadge:after,
	.content .ranking .article.rank3 .rBadge:after {
		content: "";
	}

	.content .ranking .article.rank1 .rBadge {
		background-image: url(../img/rBadge1.png);
	}
	.content .ranking .article.rank2 .rBadge {
		background-image: url(../img/rBadge2.png);
	}
	.content .ranking .article.rank3 .rBadge {
		background-image: url(../img/rBadge3.png);
	}



/* [ 00.Sub Column ]
___________________________________________________________ */
.sub {
	width: 300px;
	display: block;
	float: right;
}
	.sub .section h1,
	.sub section h1 {
		height: 40px;
		line-height: 38px;
		margin-top: 24px;
		padding: 0;
		text-align: center;
		width: 100%;
		color: #212626;
		font-weight: 700;
		font-size: 87.5%;
		position: relative;
		text-shadow: 1px 1px 2px rgba(193,181,167,1.0);
		box-shadow: 0 1px 4px rgba(84,84,84,0.2),
					inset 0px 0px 2px 1px rgba(255,255,255,0.5);
		background: #e8e8e8;
		background: -moz-linear-gradient(top, #e8e8e8 1%, #f1f1f1 27%, #f1f1f1 78%, #d8dada 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e8e8e8), color-stop(27%,#f1f1f1), color-stop(78%,#f1f1f1), color-stop(100%,#d8dada));
		background: -webkit-linear-gradient(top, #e8e8e8 1%,#f1f1f1 27%,#f1f1f1 78%,#d8dada 100%);
		background: -o-linear-gradient(top, #e8e8e8 1%,#f1f1f1 27%,#f1f1f1 78%,#d8dada 100%);
		background: -ms-linear-gradient(top, #e8e8e8 1%,#f1f1f1 27%,#f1f1f1 78%,#d8dada 100%);
		background: linear-gradient(to bottom,  #e8e8e8 1%,#f1f1f1 27%,#f1f1f1 78%,#d8dada 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#f7f7f7',GradientType=0);
		border-radius: 4px 4px 0 0 / 4px 4px 0 0;
		border: 1px solid #ccc;
	}


	/* [ user action button ]
	___________________________________________________________ */
	.userActionWrap {
		clear: both;
		margin-bottom: 0;
		position: relative;
	}
		.sendUrl,
		.shareFriend {
			width: 49.2%;
			font-size: 81.3%;
			text-align: center;
		}
		.sendUrl a,
		.shareFriend a {
			display: inline-block;
			vertical-align: middle;
			font-size: 81.3%;
			padding: 5px 6px 5px 6px;
			line-height: 1.0;
			color: #fff;
			background: #999;
			background: linear-gradient(to bottom, #666, #999);
			box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
			text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
			width: 100%;
			border-radius: 2px 2px 0 0 / 2px 2px 0 0;
		}
		.sendUrl {
			float: left;
			margin-bottom: 6px;
		}
		.shareFriend {
			float: right;
			margin-bottom: 6px;
		}


		.pullNav {
			height: 34px;
			line-height: 34px;
			text-align: center;

			height: 60px;
			line-height: 58px;
			font-size: 118.8%;
			text-align: right;
			padding-right: 1em;

			border-radius: 2px;
			border: 1px solid #ae7501;
			box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
						0 1px 2px rgba(0, 0, 0, 0.05),
						1px 1px 2px rgba(0, 0, 0, 0.2),
						inset 0 0 2px 0 #ffcb33;
			text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
			color: #fff;
			width: 100%;
			cursor: pointer;
			clear: both;

			position: relative;
			margin-bottom: 16px;
			opacity: 0.9;
			background: #fe8733;
			background: -moz-linear-gradient(top,  #fe8733 0%, #ff8d32 50%, #fe6601 51%, #fe9601 100%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe8733), color-stop(50%,#ff8d32), color-stop(51%,#fe6601), color-stop(100%,#fe9601));
			background: -webkit-linear-gradient(top,  #fe8733 0%,#ff8d32 50%,#fe6601 51%,#fe9601 100%);
			background: -o-linear-gradient(top,  #fe8733 0%,#ff8d32 50%,#fe6601 51%,#fe9601 100%);
			background: -ms-linear-gradient(top,  #fe8733 0%,#ff8d32 50%,#fe6601 51%,#fe9601 100%);
			background: linear-gradient(to bottom,  #fe8733 0%,#ff8d32 50%,#fe6601 51%,#fe9601 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe8733', endColorstr='#fe9601',GradientType=0 );
		}
		.pullNav:before {
			content: '\e811';
			font-family: 'fontello';
			font-size: 100%;
			display: inline-block;
			position: absolute;
			left: 14px;
			top: 0px;
			text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
		}
		.pullNav:hover,
		.pullNav.userActOpen {
			opacity: 1.0;
		}

		.pullNav.userActOpen {
			border-radius: 2px 2px 0 0 / 2px 2px 0 0;
			border-bottom-color: transparent;
		}
		.pullNav.userActOpen:before {
			content: '\e80f';
			left: 10px;
			top: 1px;
		}

	.shareFriendAction,
	.userAction {
		display: none;
		position: absolute;
		top: -400px;
		border-radius: 0 0 7px 7px / 0 0 7px 7px;
		box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	}
	.userAction {
		width: 300px;
		padding: 10px;
		right: 0;
		z-index: 1000;
		border: 1px solid #ae7501;
		border-top: none;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),
					0 1px 2px rgba(0, 0, 0, 0.05),
					1px 1px 2px rgba(0, 0, 0, 0.2),
					inset 0 0 2px 0 #ffcb33;

		background: #fe9601;
		background: -moz-linear-gradient(top,  #fe9601 0%, #fe8733 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe9601), color-stop(100%,#fe8733));
		background: -webkit-linear-gradient(top,  #fe9601 0%,#fe8733 100%);
		background: -o-linear-gradient(top,  #fe9601 0%,#fe8733 100%);
		background: -ms-linear-gradient(top,  #fe9601 0%,#fe8733 100%);
		background: linear-gradient(to bottom,  #fe9601 0%,#fe8733 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe9601', endColorstr='#fe8733',GradientType=0 );
	}
	.shareFriendAction {
		width: 148px;
		right: 0px;
		padding: 5px;
		background: #999;
		background: linear-gradient(to bottom, #999, #ccc);
		z-index: 2000;
	}

	.shareFriendAction .close,
	.userAction .close {
		float: right;
		color: #fff;
		cursor: pointer;
		border-radius: 6px;
		line-height: 1;
		padding: 0 2px 2px 2px;
		position: absolute;
		right: 5px;
		top: 2px;
		width: 24px;
		height: 24px;
		font-size: 100%;
	}
	.close:before {
		content: '\e803';
		font-family: 'fontello';
		top: 0;
		right: 0;
		position: absolute;
		font-size: 100%;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
	}

	.userAction ul {
		width: 48%;
		float: left;
		margin-right: 2%;
	}
	.userAction ul:first-of-type {
		width: 42%;
	}

	.shareFriendAction li.parent,
	.userAction li.parent {
		padding-left: 0;
		padding-top: 0.3em;
		margin-bottom: 1px;
		font-size: 87.5%;
		letter-spacing: -0.05em;
		display: block;
		color: #000;
		border-bottom: 1px solid #bf4d00;
	}
	.shareFriendAction li a,
	.userAction li a {
		color: #fff;
		text-decoration: none;
		font-size: 86%;
		padding: 0.1em 0.3em;
		width: 100%;
		display: block;
	}
	.shareFriendAction li.child a,
	.userAction li.child a {
		padding-left: 1em;
		margin-bottom: 1px;
	}

	.shareFriendAction li.child a:before,
	.userAction li.child a:before {
		content: '\E818';
		font-family: 'fontello';

		font-size: 87.5%;
		font-weight: 400;
		margin-right: 0.2em;
		text-decoration: none;
	}
		.shareFriendAction li a:hover {
			background: #666;
			border-radius: 3px;
		}
		.userAction li a:hover {
			background: #EA3E00;
			color: #fff;
			border-radius: 3px;
		}


	/* [ product Info ]
	___________________________________________________________ */
	.productInfo table {
		width: 100%;
		margin: 0 auto 14px auto;
	}
	.productInfo table th,
	.productInfo table td {
		border: 1px solid #ccc;
		font-size: 81.3%;
		vertical-align: middle;
		padding: 0.2em 0.5em;
	}
	.productInfo table th {
		background: #212626;
		color: #fff;
		border: 1px solid #fff;
		white-space: nowrap;
		font-weight: 400;
		text-align: center;
		border-left: 1px solid #212626;
	}
	.productInfo table tr:first-child th {
		border-top: 1px solid #212626;
	}
	.productInfo table tr:last-child th {
		border-bottom: 1px solid #212626;
	}

	.productInfo table td a {
		font-size: 100%;
	}
	.productInfo table td img {
		margin: 0.5em;
		width: 20%;
		vertical-align: middle;
	}






	/* [ 00.Sub Column ]
	___________________________________________________________ */
	.sub .platformCount div {
		width: 100%;
		margin-bottom: 16px;
		box-shadow: 0 0 3px rgba(0,0,0,0.2);
		float: none;
		clear: both;
		border: 1px solid #ccc;
		border-top: none;
		border-radius: 0 0 6px 6px / 0 0 6px 6px;
	}
	.sub .platformCount ul {
		padding: 10px 10px 0 10px;
	}
	.sub .platformCount li {
	    display: block;
	    float: left;
	    margin: 2px 0;
	    width: 33%;
		padding: 0 0 0 6%;
		text-align: left;
		font-size: 75%;
	}


	.sub .hasThumb figure,
	.sub .hasThumb .thumb {
		width: 20%;
	}
	.sub .hasThumb .spec {
		width: 77%;
	}

	.sub .ranking ul {
		padding: 10px 5px 5px 5px;
		width: 100%;
		margin-bottom: 10px;
		float: none;
		clear: both;
		border-radius: 0 0 6px 6px / 0 0 6px 6px;
	}
	.sub .ranking li {
		padding: 5px;
		background: #f7f7f7;
		border-radius: 5px;
		box-shadow: 0 0 2px #ccc;
		margin-bottom: 7px;
		border: 1px solid #fff;
		border: 1px solid #ddd\9;
	}
	.sub .ranking .itemPostDate {
		font-size: 112.5%;
		font-weight: 700;
		position: relative;
		padding-left: 23px;
		line-height: 20px;
		margin-bottom: 0.4em;
		padding-bottom: 0.2em;
		border-bottom: 1px dotted #999;
		text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	}
	.sub .rank1 .itemPostDate { color: Gold; }
	.sub .rank2 .itemPostDate { color: Silver; }
	.sub .rank3 .itemPostDate { color: saddlebrown; }

	.sub .ranking .itemPostDate:before {
		content: url(../img/ico-ranking.png);
		display: block;
		overflow: hidden;
		position: absolute;
		left: 3px;
	}
		.sub .rank1 .itemPostDate:before {
			clip: rect( 0,15px,20px,0);
			top: -2px;
		}
		.sub .rank2 .itemPostDate:before {
			clip: rect( 20px,15px,40px,0);
			top: -22px;
		}
		.sub .rank3 .itemPostDate:before {
			clip: rect( 40px,15px,60px,0);
			top: -42px;
		}

	.sub .ranking .itemPostDate span {
		display: inline-block;
		position: relative;
		font-size: 68.8%;
		font-weight: 400;
		color: #212626;
		float: right;
	}
		.sub .ranking .itemPostDate .rankIn {
			width: 40px;
			font-size: 0;
		}

	.sub .ranking .itemPostDate .rankUp:before,
	.sub .ranking .itemPostDate .rankStay:before,
	.sub .ranking .itemPostDate .rankDown:before,
	.sub .ranking .itemPostDate .rankIn:after {
		content: url(../img/ico-ranking.png);
		display: block;
		overflow: hidden;
		position: absolute;
	}
		.ranking .itemPostDate .rankUp:before {
			clip: rect( 60px,15px,75px,0);
			top: -58px;
			left: -16px;
		}
		.ranking .itemPostDate .rankStay:before {
			clip: rect( 75px,15px,90px,0);
			top: -71px;
			left: -18px;
		}
		.ranking .itemPostDate .rankDown:before {
			clip: rect( 90px,15px,105px,0);
			top: -87px;
			left: -16px;
		}

		.ranking .itemPostDate .rankIn:after {
			clip: rect( 105px,40px,120px,0);
			top: -103px;
			right: -58px;
		}

	.sub .ranking .itemPostTitle {
		font-size: 87.5%;
		line-height: 1.0;
		clear: none;
	}
	.sub .ranking .hasThumb .labels {
		text-align: right;
		float: right;
		line-height: 1.0;
	}


	.sub .ranking.related .itemPostDate {
		font-weight: 400;
		font-size: 81.3%;
		padding-left: 5px;
	}
	.sub .ranking.related .itemPostDate:before {
		content: "";
	}





	.sub .releaseSchedule .releaseTime {
		border-bottom: 1px solid #666;
		color: #000;
		font-weight: 700;
		line-height: 1.0;
		margin-top: 10px;
		height: 24px;
		line-height: 20px;
		text-indent: 10px;
		font-size: 81.3%;
	}
	.sub .releaseSchedule ul {
		padding: 5px 5px 0 5px;
		width: 100%;
		clear: both;
		background: #f7f7f7;
		border-radius: 0 0 5px 5px / 0 0 5px 5px;
		box-shadow: 0 0 2px #ccc;
		border: 1px solid #fff;
		border: 1px solid #ddd\9;
	}
	.sub .releaseSchedule li {
		padding: 5px;
	}
	.sub .releaseSchedule .itemPostTitle {
		font-size: 87.5%;
		line-height: 1.0;
		clear: none;
	}
	.sub .releaseSchedule .thumb {
		width: 16%;
	}
	.sub .releaseSchedule .subThumb {
		width: 16%;
	}
	.sub .releaseSchedule .spec {
		width: 66%;
	}






/* [ 00.FOOTER ]
___________________________________________________________ */
.sitemap {
	clear: both;
	max-width: 960px;
	margin: 0 auto;
	padding: 20px 0;
}
.sitemap dl {
	width: 186px;
	float: left;
	margin: 0 0 5px 0.510204081%;
}
.sitemap dl dt {
	height: 30px;
	line-height: 30px;
	padding: 0 0.5em;
	text-align: center;
	width: 186px;
	font-weight: 700;
	font-size: 87.5%;
	text-shadow: 1px 1px 2px rgba(193,181,167,1.0);
	box-shadow: 0 1px 8px rgba(84,84,84,0.2),
				inset 0px 0px 2px 1px rgba(255,255,255,0.8)!important;
	background: #e8e8e8;
	background: -moz-linear-gradient(top, #e8e8e8 1%, #f1f1f1 27%, #f1f1f1 78%, #d8dada 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#e8e8e8), color-stop(27%,#f1f1f1), color-stop(78%,#f1f1f1), color-stop(100%,#d8dada));
	background: -webkit-linear-gradient(top, #e8e8e8 1%,#f1f1f1 27%,#f1f1f1 78%,#d8dada 100%);
	background: -o-linear-gradient(top, #e8e8e8 1%,#f1f1f1 27%,#f1f1f1 78%,#d8dada 100%);
	background: -ms-linear-gradient(top, #e8e8e8 1%,#f1f1f1 27%,#f1f1f1 78%,#d8dada 100%);
	background: linear-gradient(to bottom,  #e8e8e8 1%,#f1f1f1 27%,#f1f1f1 78%,#d8dada 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#d8dada',GradientType=0);
	border-radius: 6px 6px 0 0 / 6px 6px 0 0;
	border: 1px solid #ccc;
}
.sitemap dl dt a {
	display: block;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #212626;
	text-decoration: none;
}
	.sitemap dl dt a:hover {
		color: #666;
	}
.sitemap dl dd {
	font-size: 75%;
	border: 1px solid #ccc;
	border-top: 0;
	border-radius: 0 0 6px 6px / 0 0 6px 6px;
	padding: 5px 10px 10px 10px;
	background: #fff;
}
.sitemap dl dd ul {
	margin-left: 0.5em;
}
	.sitemap dl dd ul li {
		line-height: 1.2;
	}
	.sitemap dl dd ul li a:before {
		content: '\E818';
		font-family: 'fontello';
		font-size: 125%;
		margin-right: 0.2em;
		text-decoration: none;
	}
	.sitemap dl dd ul li a:hover {
		text-decoration: none;
	}




/* [ 00.FOOTER ]
___________________________________________________________ */
#globalFooter {
	width: 100%;
	clear: both;
	color: #fff;
	background: #274561;
}
#globalFooter .footerWrap {
	width: 980px;
	margin: 0 auto;
}
	#globalFooter .footerWrap .section {
		float: left;
		padding: 1em 10px 0 10px;
		min-height: 280px;
		border-left: 1px solid #335A7E;
		border-right: 1px solid #1A354E;
		width: 200px;
	}

	#globalFooter .footerWrap .internalLink {
		border-left: none;
	}

	#globalFooter .footerWrap div h1 {
		font-size: 87.5%;
	}
	#globalFooter .footerWrap div ul {
		padding-left: 0.5em;
	}
	#globalFooter .footerWrap div li {
		line-height: 1.2;
	}
	#globalFooter .footerWrap div li a {
		display: inline-block;
		position: relative;
		font-size: 68.8%;
		text-decoration: none;
		color: #dfdfdf;
	}
	#globalFooter .footerWrap div li a:hover {
		color: #fff;
	}
	#globalFooter .footerWrap div li:not(.sp):not(.tw) a:before {
		content: '\E818';
		font-family: 'fontello';
		font-size: 125%;
		margin-right: 0.2em;
	}
	#globalFooter .footerWrap .spLink .sp {
		width: 100px;
		padding-bottom: 1.2em;
	}
	#globalFooter .footerWrap .spLink .sp a {
		display: block;
		width: 100%;
		margin: 0 auto;
	}
	#globalFooter .footerWrap .spLink .sp a img {
		width: 100%;
		height: auto;
		vertical-align: bottom;
	}
	#globalFooter .footerWrap .spLink .sp a span {
		display: block;
		width: 100px;
		background: #22F;
		color: #fff;
		font-size: 8px;
		text-align: center;
		font-weight: 700;
	}
	#globalFooter .footerWrap .othersLink {
		border-right: none;
		width: 360px;
		float: left;
	}
	#globalFooter small {
		display: block;
		clear: both;
		text-align: center;
		font-size: 68.8%;
		padding: 2em 0 3em 0;
	}




	.draftBox {
		text-align: center;
		border-radius: 10px;
		margin-top: 10px;
		width: 350px;
		border: 1px solid #1A354E;
	}
	.draftBox form {
		border-radius: 9px;
		padding: 10px;
		width: 348px;
		border: 1px solid #335A7E;
	}
	.draftBox form textarea {
		width: 100%;
		height: 90px;
	}
	.draftBox form .draftPosted {
		background: #fff;
		width: 100%;
		font-size: 81.3%;
		color: #000;
		border-radius: 10px;
		text-align: left;
		padding: 10px;
	}
	.draftBox form .draftPosted a {
		display: block;
		margin: 10px auto 0 auto;
	}
	.draftBox .draftBoxLead {
		font-size: 81.3%;
		text-align: left;
		padding: 0 0 0.5em 0;
	}
	.draftBox .draftBoxNotice {
		font-size: 75.0%;
		padding: 5px 0;
	}
	.draftBox button {
		padding: 0.2em 2em;
	}




.pr {
	padding: 0;
	margin: 0 auto;
	overflow: hidden;
}
.pr.fullBanner {
	width: 728px;
	height: 90px;
}
	#globalHeader .pr.fullBanner,
	body > header .pr.fullBanner {
		position: absolute;
		top: 50%;
		right: 0;
		margin-top: -45px;
	}

.pr.skyscraper {
	width: 120px;
	height: 600px;
}
	.pr.leftside {
		position: absolute;
		top: 900px;
		margin-left: -130px;
	}
	.pr.rightside {
		position: absolute;
		top: 900px;
		margin-left: 990px;
	}

.pr iframe {
	border: none;
	overflow: hidden;
	padding: 0;
	margin: 0;
	vertical-align: bottom;
}

.sub .pr.rectangle {
	width: 300px;
	max-height: 300px;
	margin-bottom: 16px;
	float: none;
	clear: both;
}

.toTop {
	position: fixed;
	right: 20px;
	bottom: 20px;
	cursor: pointer;
}

/* [ SNS BUTTON ]
___________________________________________________________ */


#header_sns {
	margin: 0;
	padding: 0;
	list-style: noen;
}
#header_sns li {
	float: left;
}


#large_twitter_btn {
	margin-bottom: 25px;
}
.article .articleBody .useful #large_twitter_btn p {
	margin-bottom: 8px;
	padding-bottom: 0;
}
#large_twitter_btn a {
	display: block;
	width: 300px;
	margin: 3px auto 0;
	color: #fff;
	font-weight: bold;
	line-height: 46px;
	text-decoration: none;
	
	background: #00b0ed;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYjBlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDk5Y2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #00b0ed 0%, #0099ce 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b0ed), color-stop(100%,#0099ce));
	background: -webkit-linear-gradient(top,  #00b0ed 0%,#0099ce 100%);
	background: -o-linear-gradient(top,  #00b0ed 0%,#0099ce 100%);
	background: -ms-linear-gradient(top,  #00b0ed 0%,#0099ce 100%);
	background: linear-gradient(to bottom,  #00b0ed 0%,#0099ce 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b0ed', endColorstr='#0099ce',GradientType=0 );
	border-radius: 10px;
	box-shadow: 0 0 5px rgba(62,220,255,1) inset, 0 2px 3px rgba(0,55,90,1);
}
#large_twitter_btn a span {
	display: block;
	height: 46px;
	padding-left: 23px;
	font-size: 1.2rem;
	line-height: 46px;
	background-size: 31px 26px;
	background-repeat: no-repeat;
	background-position: left 25px center;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAAaCAYAAABPY4eKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkZGY4YzFkYS0yYzQyLTIxNGYtOWQxZi1lMzNmMDVmZTAyNzkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzlCQzNCNDcwMUMwMTFFNEFCM0ZGQ0I4M0I0ODQyQ0QiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzlCQzNCNDYwMUMwMTFFNEFCM0ZGQ0I4M0I0ODQyQ0QiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmFlYzNhZGRmLWUzYjctMWU0MS1hOTljLTY1YzY1ZDVlZGQzYiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpkZGY4YzFkYS0yYzQyLTIxNGYtOWQxZi1lMzNmMDVmZTAyNzkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7m4RfiAAACIElEQVR42rTXz0sWQRjA8XdfX8WMBBEpf4SQZgdFJPAQaVSIB7VLJIF0sQLxojf/gjzqoXtaguQlJRBPlUWHEFEECSvECFEjiSRNJF9dvxvPwrDNvruz7/s+8GHddXeemd3HmdGybTuWoTiNdlxHCTbxFtM41NwbjznJcQpn5ecoLmPW1sc0auS+HPRgDMXuw234hgsREjfjr506tiThZzl/8O+NSwODcnEVtQaJi7Bhm0U/yp0Bx+UbVMqxCm9wO+R37kaZQV2s4QaWkO+OYETTwyGUBox81o4Wnepr7/O5aR0DqPBJvmKYdBvX3OfdRpxK303x0E9M4D7qUAgLHwyTv1I7r47iLo5DNHCEL3gtVWwS79TkbsE9xAYeIxlQNM4zF3ET5wwnol/ehmIyM71HC45j2YtVXfJxOdYiL4vJF9UTS+b2BBZQn8XEzvx+CV+9I0/KhPEni8nn1cRqcveV1GHKWxgZime6ylVjD08xEaLqTWIdz70XE57zGrzEjqZj6cQj7P53VTNlDtmZjQXEddOz34IxnKHESTT4LUypVqwOTGIZBxGT30m1KobZMHTJwmIavUFt+/3C+UZNGI0wamdLdS/MTighU2ojDpArf+tX0ByhqufQL8fgoAfn8QQ7aRTWmmxIckw2n5ayb6/GLbTiKs4E9PuH7Pdm8AL7pq/J0vzTkCefol465KzZBTjCb3zHCj7iUzozz4kAAwC0p9BDwOHRUwAAAABJRU5ErkJggg==");
}