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

/* [ 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: none;
	-ms-text-size-adjust: none;
}

body {
	font-family: Lato, "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	color: #212626;
	font-size: 100%;
	line-height: 1.5;
	padding-top: 30px;
}




/* [ 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,
	#globalHeader #siteLogo {
		position: absolute;
		top: 16px;
		left: 40px;
		width: 200px;
		height: 63px;
	}
	#globalHeader h1 img,
	#globalHeader #siteLogo 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;

		border: 1px solid #333;
		/*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;
		vertical-align: 0;
		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;
			border: 1px solid #000;
			box-shadow: inset 1px 1px 1px rgba(255,255,255,0.2),
						0px 0px 1px rgba(255,255,255,0.2);
		}

	.isPull > ul .subNav ul li {
		position: relative;
	}
	.isPull > ul > li a > span {
		margin-left: 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: 20px;
		padding: 10px 0 10px 10px;
		width: 100%;
		clear: both;
		background: #444;
		border-radius: 0 0 6px 6px / 0 0 6px 6px;
		box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	}
	.currentPullNav ul:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}
	.currentPullNav li {
		float: left;
		margin-right: 14px;
		font-size: 81.3%;
	}
	.currentPullNav li a {
		color: #fff;
		padding: 0.3em 1.0em;
		border: 1px solid #444;
	}



/* [ 20130912 specific for MH4 ]
___________________________________________________________ */
	.currentPullNav .spNav,
	.currentPullNav .mh4spNav {
		margin: 10px 10px 0 0;
		display: inline-block;
		line-height: 1.0;
		*display: inline;
		*zoom: 1;
	}
	.spNav a,
	.mh4spNav a {
		font-size: 81.3%;
		line-height: 1;
		padding: 0.2em 0.6em;
		padding: 0.2em 0.2em\9;
		font-weight: 400;
		border-radius: 3px;
		color: #fff;
		background: #444;
		border: 1px solid #333;
		box-shadow: inset 1px 1px 1px rgba(255,255,255,0.2),
					0px 0px 1px rgba(255,255,255,0.2);
	}
	.spNav a:hover,
	.mh4spNav a:hover {
		background: #005ab0;
	}
	.spNav a:before,
	.mh4spNav a:before {
		margin-right: 0.3em;
		font-weight: 400;
		color: #e5a82a;
	}
	.spNav.spNavThread a:before,
	.mh4spNav.mh4thread a:before {
		content: '\e830';
		font-size: 125.0%;
		vertical-align: 0px;
	}
	.spNav.spNavEnq a:before,
	.mh4spNav.mh4enq a:before {
		content: '\e805';
		font-size: 143.8%;
		vertical-align: -2px;
	}

	.sub .bnMH4 {
		margin-bottom: 10px;
		display: none;
	}




	.spEventWrap {
		margin-bottom: 10px;
		border-radius: 3px;
		width: 100%;
		background: #005ab0;
		padding: 16px 10px;
	}
	.spEventWrap .eventItem {
		background: #fff;
		margin: 0 0 4px 0;
		padding: 0 0 10px 0;
		position: relative;
		border-radius: 3px;
	}
	.spEventWrap .eventItem img {
		margin: 5px 5px 0 5px;
		width: 270px;
		z-index: 0;
		box-shadow: 0px 0px 2px rgba(0,0,0,0.4);
	}
	.spEventWrap .eventItem h2 {
		text-align: center;
		width: 268px;
		position: absolute;
		top: 46px;
		left: 6px;
		padding: 0.2em 0;
		line-height: 1.0;
		background: rgba(255,255,255,0.7);
		z-index: 100;
	}
	.spEventWrap .eventItem h2 a {
		color: #212626;
	}
	.spEventWrap .eventItem p {
		font-size: 75%;
		text-align: left;
		width: 100%;
		padding: 5px 5px 0.2em 5px;
		line-height: 1.2;
	}
	.spEventWrap .eventItem .eventCatch {
		font-size: 68.8%;
		font-weight: 700;
		color: Crimson;
		text-align: center;
	}

	.spEventWrap .eventItem:last-of-type {
		margin-bottom: 0;
	}




/*
____________________________________________________________*/
	.itemTitle {
		font-size: 68.8%;
	}
	.itemPostTitle {
		font-weight: 700;
		line-height: 1.2;
		font-size: 118.8%;
	}

	.product .content .section.half .itemPostTitle {
		white-space: nowrap;
		text-overflow: ellipsis;
		display: inline-block;
		overflow: hidden;
		width: 100%;
		font-size: 100%;
	}
		.index .content .section {
			width: 460px;
			float: right;
		}
		.index .content .section.half {
			width: 226px;
			float: left;
			margin: 0 0 0 5px;
		}
		.index .content .section.half .itemPostTitle {
			padding-top: 0.5em;
		}


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


	.itemPostExplain {
		font-size: 68.8%;
		overflow: hidden;
		text-overflow: ellipsis;
		position: relative;
		line-height: 1.0;
		clear: both;
		color: #666;
		padding-bottom: 0.5em;
	}
		.itemPostExplain:before {
			content: '\e82f';
			font-family: 'fontello';
			color: #ccc;
			font-size: 118.8%;
			font-size: 81.3%\9;
		}

	.index .spec.itemPostExplain {
		display: inline-block;
		*display: inline;
		*zoom: 1;
		clear: none;
		padding-bottom: 0;
	}




	.itemPostTags {
		font-size: 68.8%;
		padding-top: 0.2em;
		padding-bottom: 0.2em;
		float: left;
		width: 100%;
	}
		.itemPostTags a {
			position: relative;
			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;
			margin-right: 3px;
		}

	.user,
	.itemPostDate,
	.listSummery {
		font-size: 68.8%;
		line-height: 1.0;
		padding-right: 0.3em;
		display: inline-block;
		
	}
		.user a,
		.itemPostDate a {
			position: relative;
		}
		.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;
			margin-right: 3px;
		}


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

	.content .section.half {
		width: 324px!important;
		float: left;
	}
	.section.qa.half {
		clear: both;
		margin-right: 10px;
	}
	.section.cheat.half {
		
	}



	/* [ Content Headline on Main Column for Index ]
	___________________________________________________________ */
	.index .content .section .sectionHeader {
		width: 100%;
		height: 46px;
		position: relative;
		overflow: hidden;
	}
		.index .content .section .sectionHeader h2,
		.index .content .section .sectionHeader div {
			position: absolute;
			width: 100%;
			height: 100%;
		}
		.index .content .section .sectionHeader h2:after,
		.index .content .section .sectionHeader div:after {

			content: url(../img/headline-contentSection.png);
			display: block;
			width: 460px;
			height: 46px;
			position: absolute;
			top: 0;
			left: 0;
		}
			.index .content .section.cheat .sectionHeader h2:after,
			.index .content .section.cheat .sectionHeader div:after {
				clip: rect(0,460px,46px,0);
				top: 0;
			}
			.index .content .section.news .sectionHeader h2:after,
			.index .content .section.news .sectionHeader div:after {
				clip: rect(46px,460px,92px,0);
				top: -46px;
			}
			.index .content .section.thread .sectionHeader h2:after,
			.index .content .section.thread .sectionHeader div: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 {
		width: 226px!important;
	}
	.index .content .section.half .sectionHeader {
		width: 226px;
		height: 30px;
		position: relative;
		overflow: hidden;
		left: 0;
		top: 0;
	}
		.index .content .section.half .sectionHeader h2,
		.index .content .section.half .sectionHeader div {
			position: absolute;
			width: 226px;
			height: 100%;
			top: 0;
			left: 0;
		}
		.index .content .section.half .sectionHeader h2:after,
		.index .content .section.half .sectionHeader div:after {
			content: url(../img/headline-contentSection-half.png);
			width: 226px;
			height: 30px;
		}
			.index .content .section.half.review .sectionHeader h2:after
			.index .content .section.half.review .sectionHeader div:after {
				clip: rect(0,226px,30px,0);
				top: 0;
			}
			.index .content .section.half.question .sectionHeader h2:after,
			.index .content .section.half.question .sectionHeader div:after {
				clip: rect(30px,226px,60px,0);
				top: -30px;
			}
			.index .content .section.half.check100k .sectionHeader h2:after,
			.index .content > section.half.check100k header h2:after,
			.index .content .section.half.check100k .sectionHeader div:after,
			.index .content > section.half.check100k header div:after {
				clip: rect(60px,226px,90px,0);
				top: -60px;
			}
			.index .content .section.half.check10k .sectionHeader h2:after,
			.index .content .section.half.check10k .sectionHeader div:after {
				clip: rect(90px,226px,120px,0);
				top: -90px;
			}


		.viewInfo {
			float: right;
			text-align: right;
			display: block;
			float: right;
			padding-top: 1em;
			position: relative;
		}

		.viewUser {
			vertical-align: middle;
			padding: 0.1em 0.5em 0.1em 0.5em;
			line-height: 1;
			text-align: center;
			font-size: 81.3%;
			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.1em 0.5em 0.1em 2em;
			line-height: 1;
			text-align: center;
			font-size: 81.3%;
			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%;
		}




	.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;
		}


	/* [ 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 h2 {
		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;
	}
	.expect.productRate .rateNum:after {
		content: "";
	}

	.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: 13px;
		height: 13px;
	}
	.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 img {
		width: 100%;
		height: auto;
	}
	.listContent .thumb {
		font-family: "Lato";
		font-weight: 900;
		font-size: 137.5%;
	}







	/* [ hasBnr ]
	___________________________________________________________ */
	.eventItem .thumb {
		width: 270px;
		float: right;
		margin-left: 10px;
		margin-right: 2px;
		margin-bottom: 5px;
	}
	.eventItem .spec {
		width: 370px;
		float: left;
	}
	.eventItem .eventCatch {
		font-size: 68.8%;
		font-weight: 700;
		color: Crimson;
		text-align: center;
	}
	.eventItem .itemPostTitle {
		padding: 0.2em 0;
	}
	.eventItem .itemPostExplain:before {
		content: '';
	}
	.eventItem:hover {
		background: #f5f5f5;
	}








	/* [ 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.2;
		letter-spacing: -0.02em;
	}
	.hasThumb .itemPostTitle,
	.hasSubThumb .itemPostTitle {
		font-size: 112.5%;
		clear: both;
		padding: 0.2em 0 0.2em 0;
	}

	/* [ hasSubThumb ]
	___________________________________________________________ */
	.hasSubThumb .subThumb {
		width: 18%;
		height: auto;
		float: right;
		margin-left: 1%;
		text-align: center;
		position: relative;
		font-family: "Lato";
		color: #333!important;
	}
	.hasSubThumb .spec {
		width: 81%;
		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: 0em 0 0.4em 0;
	}
	 .productGenre {
		color: Crimson;
		font-size: 81.3%;
		font-style: oblique;
		font-weight: 700;
		letter-spacing: 0.05em;
	}


	.entryGame {
		clear: both;
		line-height: 1;
	}
		.gameWatch,
		.haveGame,
		.sendUrl {
			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,
		.sendUrl:before {
			font-family: 'fontello';
			margin: 0 0.3em 0 -0.9em!important;
			color: #0a3364;
			font-size: 100%;
		}
		.gameWatch:before {
			content: '\e822';
			font-size: 125%!important;
			margin: 0 0.3em 0 -1.2em!important;
		}
		.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;
		}

	.subSocial {
		clear: both;
		width: 100%;
		line-height: 1!important;
		padding: 0.5em 0;
	}
	.subSocial .twitter-share-button {
		width: 88px!important;
		vertical-align: top;
	}
		.sendUrl:before {
			content: '\e815';
		}








	/* [ 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%;
		line-height: 1.3;
		clear: none;
	}
		.index .half .hasThumb .itemPostTitle {
			font-size: 87.5%;
			font-weight: 700;
			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 {
			padding-bottom: 0.2em;
			line-height: 1.4;
			font-size: 93.8%;
		}
		.userAct.comments .itemPostExplain {
			font-size: 75%;
			white-space: normal;
			overflow: hidden;
			text-overflow: clip;
		}
		.userAct .itemPostExplain:before {
			content: '';
		}

	.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;
	}



	.firstTime,
	.threadClosedMessage {
		clear: both;
		width: 100%;
		color: #672900;
		padding: 10px;
		margin-bottom: 16px;
		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;
		font-weight: 700;
		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 );
	}
	.firstTime:before,
	.threadClosedMessage:before {
		content: '\e81e';
		font-family: 'fontello';
		font-size: 125.0%;
		margin-right: 0.2em;
		vertical-align: -2px;
		font-weight: 400;
	}
	.firstTime a,
	.threadClosedMessage a {
		color: #fff;
		text-decoration: none;
		padding: 0.1em 0.3em;
		font-weight: 400;
		display: inline-block;
	}
	.firstTime a:before,
	.threadClosedMessage a:before {
		content: '\E818';
		font-family: 'fontello';
		font-size: 100%;
		font-weight: 400;
		margin-right: 0.2em;
		text-decoration: none;
	}
		.firstTime a:hover,
		.threadClosedMessage a:hover {
			background: #EA3E00;
			color: #fff;
			border-radius: 3px;
		}
	.firstTime br {
	}


	/* [ quote at comments ]
	___________________________________________________________ */
	#preview-body {
		font-size: 75%;
	}
	.quote {
		position: relative;
		border-left: 1px solid #ccc;
		margin: 0 0 1.0em 2em;
		padding: 0.2em 0.5em 1.0em 0.5em;
	}
	#preview-body >  .quote:not(:first-child),
	.itemPostExplain > .quote:not(:first-child) {
		margin-top: 1em;
	}
	.quote:before {
		font-family: 'fontello';
		content: '\e829';
		position: absolute;
		left: -27px;
		top: -3px;
		font-size: 187.5%;
		color: #ccc;
	}
	.quote .quote {
		border-left: 1px solid #ccc;
		margin: 1em 0 1.0em 2.5em;
		padding: 0.2em 0 1.0em 0.5em;
		width: 90%;
	}
	.quote cite {
		background: #f0f0f0;
		width: 100%;
		display: block;
		margin-bottom: 1.0em;
		color: #777;
		padding: 0.2em;
	}
	.quote cite + br {
		display: none;
	}



	/* [ no Thumb for News only + SNS ]
	___________________________________________________________ */
/*
	.listContent:not(.hasThumb) .itemPostTitle {
		font-size: 143.8%;
	}
*/
	.newsArticle .articleHeader .itemPostTitle {
		font-size: 143.8%;
	}

	.social-buttons ul {
		float: left;
	}
	.useful .social-buttons {
		width: 320px;
		margin: 0 auto;
		text-align: center;
	}
	.useful .social-buttons ul {
		float: none;
	}
	.social-buttons ul li {
		display: inline-block;
		margin-right: 4px;
		vertical-align: top;
		max-width: 80px;
		*display: inline;
		*zoom: 1;
	}
	.social-buttons ul li.first {
		background: none;
	}
	iframe.twitter-share-button {
		width: 70px!important;
	}




	/*
	___________________________________________________________ */

	.article .articleHeader .itemPostTags {
		clear: both;
		width: 100%;
		margin-top: 0.4em;
		padding-top: 0.5em;
		border-top: 1px dotted #666;
		text-align: right;
	}
	.article .articleBody {
		clear: both;
		width: 100%;
		padding: 1em 1em;
		position: relative;
		font-size: 87.5%;
	}


	.article .articleBody img {
		width: auto;
		height: auto;
	}
	.article .articleBody p {
		padding-bottom: 0.5em;
	}
	.article .articleBody b {
		font-size: 112.5%;
	}

	.articleConfig {
		margin: 0 0 10px 0;
		line-height: 1;
		text-align: right;
	}
	.articleReaction {
		text-align: right;
		margin-bottom: 10px;
	}
	.articleReaction li {
		margin-bottom: 5px;
	}
	.section .sectionFooter,
	.article .articleFooter {
		margin: 10px 0 10px 0;
		line-height: 1;
		text-align: right;
	}

	.useful {
		width: 100%;
		text-align: center;
		margin-top: 30px;
		padding-top: 10px;
		padding-bottom: 30px;
		border-top: 1px dotted #000;
	}

	.useful p {
		padding: 0.3em 0 0.5em 0;
	}
	.useful .usefulRate {
		color: #cd0001;
		font-weight: 700;
		font-size: 143.8%;
		display: inline-block;
		padding: 0 0.2em 0 1em;
		vertical-align: -3px;
	}
	.useful .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 .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 {
		width: 100%;
		height: 52px;
		position: relative;
		margin-top: 2px;
		margin-bottom: 10px;
		clear: both;
		overflow: hidden;
	}
	.product .content .thread .sectionHeader {
		margin-bottom: 0;
	}
	.product .content .half .sectionHeader {
		margin-top: 60px;
	}
		.product .content .section .sectionHeader:before {
			background: #fff;
			content: "";
			position: absolute;
			display: block;
			width: 100%;
			height: 52px;
			z-index: 0;
		}
		.product .content .section .sectionHeader h2,
		.product .content .section .sectionHeader div {
			position: absolute;
			width: 660px;
			height: 52px;
			z-index: -1;
		}
		.product .content .section .sectionHeader:after {
			content: url(../img/headline-productSection.png);
			display: block;
			width: 660px;
			height: 52px;
			position: absolute;
			z-index: 1;
		}
			.product .content .section .sectionHeader:after { clip:rect(9999,9999,9999,9999); top:-9999px; }
			.product .content .cheat .sectionHeader:after { clip:rect(0,660px,77px,0); top:-26px; }
			.product .content .userAct .sectionHeader:after { clip:rect(77px,660px,154px,0); top:-103px; }
			.product .content .news .sectionHeader:after { clip:rect(154px,660px,231px,0); top:-180px; }
			.product .content .cheat.related .sectionHeader:after { clip:rect(231px,660px,308px,0); top:-257px; }
			.product .content .news.related .sectionHeader:after { clip:rect(308px,660px,385px,0); top:-334px; }
			.product .content .thread .sectionHeader:after { clip:rect(385px,660px,462px,0); top:-411px; }
			.product .content .userAct.comments .sectionHeader:after { clip:rect(462px,660px,539px,0); top:-488px; }
			.product .content .gallery .sectionHeader:after { clip:rect(539px,660px,616px,0); top:-565px; }
			.product .content .gallery.image .sectionHeader:after { clip: rect(616px,660px,693px,0); top:-642px; }
			.product .content .gallery.mov .sectionHeader:after { clip:rect(693px,660px,770px,0); top:-719px; }
			.product .content .qa .sectionHeader:after { clip:rect(770px,660px,847px,0); top:-796px; }
			.product .content .enquete .sectionHeader:after { clip:rect(847px,660px,924px,0); top:-873px; }
			.product .content .group .sectionHeader:after { clip:rect(924px,660px,1001px,0); top:-950px; }
			.product .content .cheat.review .sectionHeader:after { clip:rect(1001px,660px,1078px,0); top:-1027px; }
			.product .content .qa.half .sectionHeader:after { clip:rect(1078px,660px,1155px,0); top:-1104px; }
			.product .content .cheat.half .sectionHeader:after { clip:rect(1155px,660px,1232px,0); top:-1181px; }
		.product .content .section .sectionHeader a.btn {
			position: absolute;
			right: 6px;
			bottom: 13px;
			z-index: 1000;
			font-size: 87.5%;
			font-weight: 700;
		}
		.product .content .half .sectionHeader a.btn {
			right: 6px;
			bottom: 17px;
			font-size: 75%;
		}
		.product .content .section .sectionHeader .threadMod {
			top: auto;
			bottom: 27px;
			right: 0;
		}


	/* [ product enquete ]
	___________________________________________________________ */
	.enquete {
		width: 100%;
		margin: 0 auto 100px auto;
	}
	.enqItem {
		width: 90%;
		margin: 20px auto 10px auto;
		border: 1px solid #212626;
		border-radius: 6px;
		padding: 1.2em;
		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: 30%;
	}
		fieldset.enqItem li label {
			float: none;
			width: 90%;
		}

	.enqItem li .graphWrap {
		width: 55%;
		float: left;
		display: block;
		line-height: 1.0;
		height: 1em;
	}
	.enqItem li .graph {
		height: 1em;
		display: inline-block;
		float: left;
		border-radius: 0 3px 3px 0 / 0 3px 3px 0;
		box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15);
		background: #005ab0;
	}
	.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;
		}




	form#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;
	}



	.uploadSS {
		width: 100%;
		text-align: center;
	}
	.uploadSS img {
		width: 24%;
		height: auto;
		cursor: pointer;
	}




	/* 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;
		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 FORM ]
___________________________________________________________ */
	.postNews .searchNotice,
	.postForm .searchNotice {
		width: 90%;
		margin: 10px auto 20px auto;
	}
	.postNotice {
		clear: both;
		font-size: 75.0%;
		padding: 0 0 1em 0;
	}
	ol.postNotice {
		list-style-position: inside;
	}

	.postFormInner {
		width: 90%;
		margin: 0 auto;
		position: relative;
		clear: both;
	}

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

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

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


	/* [ POST SUPPORT ]
	___________________________________________________________ */
	.tagicon {
		line-height: 1;
		padding: 5px 0;
	}
	.tagicon div {
		height: 24px;
		line-height: 24px;
		font-size: 24px;
		display: inline-block;
		margin-top: 0!important;
	}

	.popularHard button,
	.tagicon a.tag-btn {
		border: 1px solid #ccc;
		display:inline-block;
		vertical-align:middle;
		font-size: 75.0%;
		padding: 4px 7px 3px 7px;
		white-space: nowrap;
		vertical-align: middle;

		background-color: #ccc;
		background-image: linear-gradient(to bottom, #eee, #ccc);

		color: #333;
		text-shadow: 0 1px 0 rgba(255,255,255,.8);
		border-radius: .25em;
	}
	.popularHard button:hover,
	.popularHard button:focus,
	.tagicon a.tag-btn:hover,
	.tagicon a.tag-btn:focus {
		background-color: #ddd;
		background-image: linear-gradient(to bottom, #fafafa, #ddd);
	}


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



	.postFormInner .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%;
	}
	.postFormInner .postSupport .tagicon #menu-advance-btn {
		margin: 0!important;
	}


	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;
	}



	.cheatTable input{
		margin: 1px;
		width: 150px;
	}
	.cheatTableIn {
		float: left;
		margin: 5px;
	}
	.cheatTable {
		margin-bottom: 10px;
	}



	#kaomoji, #button, #other, #mmlpanel {
		position: absolute;
		z-index: 1000;
		top: 70px;
		left: 30px;
		background: url(../img/bg-shimashima.png) #fff!important;
		border-radius: 10px;
		padding: 5px 5px 10px 5px;
		border: 1px solid #005ab0;
		box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.3),
					inset 0px 0px 11px rgba(0,0,0,0.2);
	}
	#kaomoji {
		top: 150px;
		left: 100px;
		width: 340px;
	}
	#button {
		top: 70px;
		left: 30px;
		width: 600px;
	}

	#other {width: 660px;}
	#mmlpanel {width: 660px;}



	#kaomoji p, .kaomoji2 p, #button p, #other p, #mmlpanel p.close {
	    width: 100%;
		text-align: right;
		font-size: 93.8%;
		padding: 0 0 3px 0;
		margin-bottom: 3px;
		border-bottom: 1px solid #212626;
	}
	#mmlpanel p.close:before { content: ""; }
	#kaomoji p a:before, #button p a:before, #other p a:before, #mmlpanel p.close a:before {
		content: '\e803';
		font-family: 'fontello';
		font-size: 106.3%;
		margin-right: 3px;
	}

	.text-format .label2,
	.text-format .label {
		display: block;
		width: 100%;
		clear: both;
		float: left;
		white-space: nowrap;
		font-size: 93.8%;
		color: #fff;
		height: 1.6em;
		line-height: 1.6em;
		padding-left: 10px;
		border-radius: 0;
		background: none #005ab0;
	}
	.text-format .content {
		width: 100%;
		clear: both;
		padding: 5px 0 16px 10px;
		margin-bottom: 0;
		float: left;
	}

	.text-format .content#help-pre,
	.text-format .content#link-content,
	.text-format .content#help-buttontag,
	.text-format .content#help-format {
		font-size: 81.3%;
		background: url(../img/bg-shimashima.png) #fff!important;
		border: 1px solid #777;
		border-radius: 5px;
		width: 94%;
		*width: 90%;
		margin: 10px 15px 5px 15px;
		clear: both;
		padding: 10px;
	}
	.text-format .content#help-pre .content,
	.text-format .content#link-content .content {
		width: 100%;
	}
	.text-format .content#help-pre .label2,
	.text-format .content#link-content .label2 {
		width: 100%;
	}
	.text-format .content#help-table {
		font-size: 87.5%;
		height: 300px!important;
		padding-right: 20px;
	}
	.text-format .content#help-table .button-grid {
		margin-top: 10px;
	}

	.text-format .content span a img {
		vertical-align: top;
	}
	.text-format .content a {
		font-size: 87.5%;
		display: inline!important;
		line-height: 1em;
		vertical-align: middle;
		margin-right: 3px;
		text-decoration: underline;
	}
	.text-format .content a strong {
		margin-top: 0.5em!important;
		font-size: 106.3%;
		float: none;
		margin-right: 10px;
	}
	.text-format .content a em {
		margin-right: 3px;
		font-style: italic;
		margin-right: 10px;
	}


	.categoryExplain {
		font-size: 81.3%;
	}
	.categoryExplain dt {
		font-weight: 700;
		clear: both;
		float: left;
		width: 30%;
	}
	.categoryExplain dd {
		float: left;
		width: 69%;
		margin-bottom: 0.5em;
	}

	#gameList {
		clear: both;
		width: 100%;
	}
	.retrievalResult li {
		float: left;
		font-size: 81.3%;
		padding: 0.2em;
		margin-right: 1em;
	}
	.retrievalResult li img {
		vertical-align: -1px;
	}
	.retrievalResult li a:hover {
		text-decoration: underline;
	}
	#gameList .retrievalResult li a:before {
		content: "\e81b";
		font-family: "fontello";
		margin-right: 0.2em;
		color: #999
	}

	.openImgUpload li:before {
		content: "\e80e";
		font-family: "fontello";
		margin-right: 0.2em;
		color: #999
	}


	.postFormInner .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);
	}
	.postFormInner .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;
	}
	.postFormInner.createEnquete .inputText {
		width: 280px;
		height: 28px;
		line-height: 28px;
		vertical-align: top;
	}

	.postFormInner.createEnquete label {
		float: left;
		clear: both;
	}

		html.ie8 .postForm .postFormInner .inputText {
			font-size: 100%;
			line-height: 36px;
		}

	.selectionImgWrap .selectionImg * {
		vertical-align: middle;
	}
	.selectionImgWrap .selectionImg {
		margin-right: 5px;
	}



	#outerOther strong,
	#outerOther em,
	#outerOther span {
		display: inline;
		white-space: nowrap;
	}
	#outerOther strong {
		margin-top: 0;
	}

	.style1 {color: #FF0000;}
	.style2 {color: #00FF00;}
	.style3 {color: #0000FF;}
	.style4 {color: #FFFF00;}
	.style5 {color: #CCCCCC;}
	.style6 {color: #999999;}
	.style8 {color: #800000;}
	.style9 {color: #FF00FF;}
	.style10 {color: #008000;}
	.style11 {color: #008080;}
	.style12 {color: #800080;}
	.style13 {color: #000080;}
	.style14 {color: #00FFFF;}
	.style15 {color: #808000;}
	.style16 {color: #EEEEEE;}






/* [ BTN AT POST FORM ]
___________________________________________________________ */
	.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;
	}

	.formBtn.previewBtn {
		float: right;
		border-radius: 3px;
		line-height: 32px;
		margin: 0 5px 0 0;
		border: 1px solid #000;
		background: #3f9f0c;
		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.previewBtn:before {
		content: '\e826';
		font-size: 81.3%;
		font-family: fontello;
		margin-right: 0.2em;
		vertical-align: 2px;
	}





/* [ FILTER IN FORM ]
___________________________________________________________ */
	.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;
		clear: both;
		overflow: hidden;
		background: url(../img/headline-listSection.png) #fff;
	}
	.list .content .section .sectionHeader h2,
	.list .content .section .sectionHeader div {
		color: #333;
		font-weight: 700;
		font-size: 81.3%;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
	}
	.list .content .section .sectionHeader h2:before,
	.list .content .section .sectionHeader div:before {
		content: '\e811';
		font-family: 'fontello';
		color: #555;
		margin-right: 4px;
		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: 270%;
		color: #9c9c9c;
		padding-bottom: 0;
		line-height: 1.0;
		margin-top: 30px;
		text-align: right;
	}
	.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 .itemPostTitle {
		clear: both;
	}
	.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 20px auto; text-align: center; }
.calendarMonth{ width:200px; display:inline-block; *display: inline; *zoom:1; margin: 0 5px;}
.calendarPlatform{ width: 100%; margin: 10px auto 10px auto;clear:both; }

.calendarPlatform li { width: 85px; float:left; text-align:center; margin: 0 3px 0 3px; padding: 5px; font-size: 75.3%; border: 1px solid #ccc; border-radius: 5px; }
.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; }



.sectionHardware.subSection h2 {
	font-size: 81.3%;
}

.sectionHardware.subSection h2:before {
	content: '\e80f';
	font-family: 'fontello';
	color: #555;
	font-weight: 400;
	font-size: 87.5%;
	margin-right: 3px;
	margin-bottom: 2px;
	margin-left: 10px;
}

.relatedHard.section {
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 10px;
	margin-top: 10px;
	margin-left: 10px;
}
.relatedHard.section ul {
	width: 100px;
}
.relatedHard.section ul li {
	font-size: 75%;
	line-height: 1.2;
}
.relatedHard.section ul li:nth-of-type(1) {
	font-size: 87.5%;
	text-align: center;
	padding: 0.3em 0;
}
.relatedHard.section ul li:nth-of-type(1) strong {
	font-weight: 400!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,
	.eachUserAction div {
		border-bottom: 1px solid #bf4d00;
		padding: 0 0 0.5em 0;
		margin-bottom: 0.5em;
		color: #672900;
		font-weight: bold;
	}
	.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: 36px;
		top: 0px;
		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);
	}


	.awardPoint {
		font-size: 87.5%;
		clear: both;
		margin-top: 0.5em;
		margin-bottom: 0.5em;
		padding: 0.5em 1em 1em 1em;
		line-height: 1.5!important;
		border: 1px solid #ddd;
		border-radius: 4px;
		background: #fff;
	}








/* [ 00.Sub Column ]
___________________________________________________________ */
.sub {
	width: 300px;
	display: block;
	float: right;
}
	.sub .section h2,
	.sub .section span.heading {
		display: block;
		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;
	}

		.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;
		}

	.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 );
	}

	.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%;
	}
	.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;
	}
	.userAction li a {
		color: #fff;
		text-decoration: none;
		font-size: 86%;
		padding: 0.1em 0.3em;
		width: 100%;
		display: block;
	}
	.userAction li.child a {
		padding-left: 1em;
		margin-bottom: 1px;
	}
	.userAction li.child a:before {
		content: '\E818';
		font-family: 'fontello';
		font-size: 87.5%;
		font-weight: 400;
		margin-right: 0.2em;
		text-decoration: none;
	}
		.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 #0a3364;
		font-size: 81.3%;
		vertical-align: middle;
		padding: 0.2em 0.5em;
	}
	.productInfo table th {
		background: #333;
		color: #fff;
		border: 1px solid #222;
		white-space: nowrap;
		font-weight: 400;
		text-align: center;
	}
	.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%;
	}







	.tabRankingWrap {
		background: #eee;
		*background: transparent;
		padding: 4px 3px 3px 3px;
	}
	.rankingTabs {
		width: 100%;
	}
	.rankingTabs li {
		width: 33.3%;
		*width: 33%;
		float: left;
		height: 34px;
		display: block;
		border-bottom: 1px solid #ddd;
		text-align: center;
		font-size: 68.8%;
		line-height: 30px;
	}
	.rankingTabs li:last-of-type {
		float: right;
	}
	.rankingTabs li span {
		display: block;
		width: 100%;
		height: 100%;
		color: #a4a4a4;
		border-top: 2px solid transparent;
	}
	.rankingTabs li.currentTab {
		border-bottom: 1px solid transparent;
		background: #f8f8f8;
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
	}
	.rankingTabs li.currentTab span {
		border-top: 2px solid #005ab0;
		color: #333;
	}

	.rankingItems {
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		border-left: 1px solid #ddd;
	}
	.rankingItems li {
		width: 100%;
		*width: 282px;
		background: #f8f8f8;
		padding: 5px;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #ddd;
	}
	.rankingItems li:first-of-type {
		border-top: none;
	}
	.rankingItems li:last-of-type {
		border-bottom: none;
	}

	.hasThumb:last-of-type {
		margin-bottom: 0;
	}
	.rankingItems .listContent .thumb {
		width: 22%;
	}
		.rankingItems .listContent .thumb .rNum {
			width: 25%;
			min-height: 54px;
			line-height: 54px;
			display: block;
			float: left;
			background: #777;
			text-align: center;
			font-size: 14px;
			border-radius: 2px;
			color: #fff;
		}
		.rankingItems .listContent.rank1 .thumb .rNum {
			background: Gold;
			background: #d3b200;
		}
		.rankingItems .listContent.rank2 .thumb .rNum {
			background: CornflowerBlue;
			background: #005aaf;
		}
		.rankingItems .listContent.rank3 .thumb .rNum {
			background: IndianRed;
			background: #6f0001;
		}
		.rankingItems .listContent .thumb .fluct {
			font-size: 56.3%;
			font-weight: 400;
			float: right;
			width: 69%;
			display: inline-block;
			line-height: 1;
			padding-top: 0.05em;
			white-space: nowrap;
			font-weight: 700;
		}

		.rankingItems .listContent .thumb .fluct.rankUp {  }
		.rankingItems .listContent .thumb .fluct.rankStay {  }
		.rankingItems .listContent .thumb .fluct.rankDown {  }
		.rankingItems .listContent .thumb .fluct.rankIn { color: Crimson; }

		.rankingItems .listContent .thumb .fluct.rankUp:before,
		.rankingItems .listContent .thumb .fluct.rankStay:before,
		.rankingItems .listContent .thumb .fluct.rankDown:before,
		.rankingItems .listContent .thumb .fluct.rankIn:before {
			font-family: 'fontello';
			font-weight: 400;
		}
		.rankingItems .listContent .thumb .fluct.rankUp:before { content: '\e812'; }
		.rankingItems .listContent .thumb .fluct.rankStay:before { content: '\e811'; }
		.rankingItems .listContent .thumb .fluct.rankDown:before { content: '\e80f'; }
		.rankingItems .listContent .thumb .fluct.rankIn:before { content: '\e81d'; }

		.rankingItems .listContent .thumb img {
			width: 69%;
			float: right;
			box-shadow: 0 2px 3px rgba(0,0,0,0.5);
			border-radius: 2px;
		}

	.rankingItems .hasThumb .spec { width: 76%; }
	.rankingItems .hasThumb.hasSubThumb .spec { width: 55%; margin-left: 1%; }
	.rankingItems .hasThumb.hasSubThumb .subThumb .rateStars img { width: 10px; height: 10px; }
	.rankingItems .hasThumb.hasSubThumb .subThumb .rateNum { font-size: 175%; }

	.rankingItems .listContent .itemPostTitle {
		font-size: 75%;
		font-weight: 400;
	}
	.rankingItems .listContent .itemPostTitle a {
		color: #000;
	}
	.rankingItems:last-of-type .listContent .itemPostTitle {
		font-size: 81.3%;
		font-weight: 700;
	}
	.rankingItems:last-of-type .listContent .itemPostTitle:before {
		font-family: 'fontello';
		content: '\e833';
		font-weight: 400;
		color: #999;
		margin-right: 2px;
	}
	.rankingItems:last-of-type .listContent .itemPostTitle:after {
		content: "\003055\003093";
		font-weight: 400;
		font-size: 75%;
	}

	.rankingItems .listContent .labels {
		line-height: 1;
	}
	.rankingItems .listContent .labels .label {
		vertical-align: top;
	}
	.rankingItems .listContent .viewUser {
		font-size: 75%;
	} 
	.rankingItems .listContent .pickupPost {
		font-size: 68.8%;
	}
	.rankingItems .rankingItemsFoot {
		font-size: 81.3%;
		text-align: right;
		background: #eee;
	}
	.rankingItems li:hover {
		background: #f1f1f1;
	}
	.rankingItems .rankingItemsFoot a {
		width: 100%;
		height: 100%;
		display: block;
		padding-right: 5px;
	}
	.rankingItems .rankingItemsFoot a:after {
		content: '\e811';
		font-family: 'fontello';
		margin-left: 5px;
		vertical-align: 1px;
		font-size: 75%;
	}



	.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,
	#globalFooter .footerWrap .variouslyLink,
	#globalFooter .footerWrap .spLink,
	#globalFooter .footerWrap .othersLink .tw div {
		border-left: none;
		font-weight: bold;
	}

	#globalFooter .footerWrap div h2 {
		font-size: 87.5%;
	}
	#globalFooter .footerWrap div ul {
		padding-left: 0.5em;
	}
	#globalFooter .footerWrap div li {
		line-height: 1.2;
		font-weight: normal;
	}
	#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 {
		position: absolute;
		top: 50%;
		right: 10px;
		margin-top: -45px;
	}

.pr.skyscraper {
	width: 160px;
	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;
}


#ui_member_popup .title {
    background: none repeat scroll 0 0 #444466;
    border-radius: 3px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3);
    clear: both;
    margin: 2px;
    padding: 5px;
    text-align: center;
    color:white;
}
#ui_member_popup:before {
    border-bottom: 20px solid #CCCCCC;
    border-left: 20px solid rgba(0, 0, 0, 0);
    border-right: 20px solid rgba(0, 0, 0, 0);
    content: "";
    left: 20px;
    position: absolute;
    top: -20px;
}
#ui_member_popup:after {
    border-bottom: 18px solid #FFFFFF;
    border-left: 18px solid rgba(0, 0, 0, 0);
    border-right: 18px solid rgba(0, 0, 0, 0);
    content: "";
    left: 22px;
    position: absolute;
    top: -18px;
}
#ui_member_popup {
    background: linear-gradient(to bottom, #FFFFFF 0%, #E5E5E5 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 10px;
    box-shadow: 0 0 3px;
    display: none;
    line-height: normal;
    padding: 10px 10px 5px;
    position: fixed;
    right: 10px;
    top: 50px;
    width: 200px;
    z-index: 9999;
}
#ui_member_popup_message {
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid #FFFFFF;
    border-radius: 10px;
    padding: 5px;
    font-size:12px;
}
#ui_member_popup_button {
    padding: 10px 5px 3px;
    text-align: center;
}
.ui_member_popup_button_input {
    background: linear-gradient(to bottom, #FFFFFF 0%, #F6F6F6 47%, #EDEDED 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 3px solid #FFFFFF;
    border-radius: 10px;
    box-shadow: 0 0 3px #AAAAAA;
    color: #00BCEB;
    font-weight: bold;
    padding: 5px;
    width:100%;
}
#ui_member_popup_cbox {
    float: left;
    font-size: 11px;
    margin-top:5px;
}
#js_member_popup_cbox{
    margin-top:5px;
    vertical-align: middle;
}
.ui_member_popup_close {
    background: none repeat scroll 0 0 #ccd;
    border: 1px solid #FFFFFF;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    float: right;
    line-height:20px;
    text-align:center;
    margin-top: 5px;
    width: 76px;
    font-size: 11px;
}


/* [ SNS BUTTON ]
___________________________________________________________ */


#header_sns {
	margin: 0;
	padding: 0;
	list-style: noen;
}
#header_sns li {
	display: inline;
	float: left;
	margin-right: 5px;
}

#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==");
}