@charset "utf-8";

strong {
	font-weight		: normal;
}

em {
	font-style		: normal;
}

h1 strong,
h2 strong,
h3 strong,
.caution strong,
#chat p:last-child strong {
	font-weight		: bold;
}

.version {
	font-weight		: bold;
}

.reportAdmin {
	color			: #ff7e00;
}

.fi-burst-new::before {
	font-size		: 24px;
	margin-left		: -4px;
	margin-right	: 4px;
	vertical-align	: middle;
}

.fi-burst-new {
	font-weight		: bold!important;
}

header {
	position		: relative;
	z-index			: 1;
}

header div.head img {
	cursor			: pointer;
}

/* 雑記帳
================================================================================================================ */
#notebook {
	display: none;
}

#notebook header {
	position: static;
}

#notebook section {
	border-radius	: 4px;
	box-shadow		: 0 4px 8px 0 rgba(17, 17, 17, 1);
	background		: rgba(255, 255, 255, 0.85) none repeat scroll 0 0;
}

#notebook section h2 {
	background		: #404040 url("../img/rebel.png") repeat scroll 0 0;
	border-color	: #555555 #111111 #111111 #666666;
	border-radius	: 4px 4px 0 0;
	border-style	: solid;
	border-width	: 1px;
	color			: #fff;
	font-weight		: bold;
	margin-bottom	: 0;
	padding			: 4px;
}

#notebook section img {
	vertical-align: top;
	width: 300px;
}

#notebook section p {
/*
	background-color	: rgba(255, 255, 255, 0.85);
	border-color		: #555555 #111111 #111111 #666666;
	border-radius		: 0 0 4px 4px;
	border-style		: solid;
	border-width		: 1px;
	list-style-position	: inside;
	padding				: 4px;
	overflow			: auto;
	font-size			: 13px;
*/
	padding: 0;
}

#notebook::after {
	content: "";
	display: block;
	padding-bottom: 20px;
}

#notebook footer {
	border-color	: #555555 #111111 #111111 #666666;
	border-width	: 0 1px 1px 1px;
	border-style	: none solid solid solid;
	border-radius	: 0 0 4px 4px;
	margin			: 0;
}

#notebook footer span {
	border-top		: 1px solid #888;
	margin			: 0 4px;
	padding			: 4px 0;
	display			: block;
	text-align		: right;
	letter-spacing	: 1px;
	vertical-align	: top;
}

#notebook .columnBox {
	padding			: 4px;
	border-style	: solid;
	border-width	: 0 1px;
	border-color	: #555555 #111111 #111111 #666666;
	text-align		: justify;
	text-justify	: inter-ideograph;
	-moz-columns	: 3 auto;
	-webkit-columns	: 3 auto;
	columns			: 3 auto;
	-moz-column-rule	: 0 none;
	-webkit-column-rule	: 0 none;
	column-rule			: 0 none;
	-moz-column-gap		: 20px;
	-webkit-column-gap	: 20px;
	column-gap			: 20px;
}

	/* video 
	================================================================================================================ */
	#videoWrapper {
		text-align		: center;
	}

	#videoWrapper video {
		width			: calc( 100% - 4px );
		border-radius	: 24px;
		border			: 2px outset #666;
		padding			: 2px;
		background-color: #000;
		box-shadow: 0 3px 13px 1px rgba(134, 36, 2, 0.33) inset, 0 4px 8px 0 rgba(17, 17, 17, 1);
	}

/* For PC
===============================================*/
@media screen and (min-width: 769px){
	/* グローバル
	================================================================================================================ */
	#wrapper {
		height			: auto;
		margin			: 0 auto -52px;
		min-height		: 100%;
		padding			: 0;
		overflow		: hidden;
		white-space		: nowrap;
		box-shadow		: 0 0 160px 0 rgba(0, 0, 0, 1) inset;
	}

	#main {
		margin			: 0 auto 52px;
		padding			: 0;
		vertical-align	: top;
	}

	p {
		line-height		: 1.5;
		white-space		: normal;
		padding			: 0 4px;
	}

	article {
		width			: 950px;
		margin			: 0 auto;
	}

	article::after {
		background		: rgba(0, 0, 0, 0) url("../img/factorio-gear-wheel.png") no-repeat scroll right top;
		content			: "";
		display			: block;
		height			: 320px;
		position		: fixed;
		top				: 144px;
		width			: 950px;
		z-index			: -1;
	}

	section {
		margin-top		: 20px;
	}

	section h2,
	section h3 {
		font-size		: 20px;
		letter-spacing	: 2px;
	}

	section h2 {
		margin-bottom	: 5px;
	}

	section h3 {
		margin			: 15px 0 5px;
	}

	.important_info,
	.caution {
		color: #f00;
	}

	.caution {
		margin			: 0 4px;
		font-weight		: bold;
	}

	#gear {
		background		: rgba(0, 0, 0, 0) url("../img/factorio-gear-wheel.png") no-repeat scroll right top;
		height			: 320px;
		position		: fixed;
		width			: 950px;
		z-index			: -1;
	}

	/* 各セクション ヘッダー */
	#koushin h2,
	#mining h2,
	#introduction h3,
	#onegai h2,
	#kinshi h2,
	#chat h2,
	#password h2 {
		background		: #404040 url('../img/rebel.png');
		border-color	: #555555 #111111 #111111 #666666;
		border-radius	: 4px 4px 0 0;
		border-style	: solid;
		border-width	: 1px;
		color			: #FFF;
		font-weight		: bold;
		margin-bottom	: 0;
		padding			: 4px;
	}

	header div.head,
	#server h2,
	#report h2 {
		background		: #303030 url("../img/carbon-fibre.png") repeat scroll 0 0;
		border-top		: 1px solid #444444;
		border-bottom	: 4px solid #241a10;
		border-radius	: 8px 8px 0 0;
		padding			: 10px;
		box-shadow		: 0 3px 13px 1px rgba(134, 36, 2, 0.33) inset, 0 4px 8px 0 rgba(17, 17, 17, 1);
		letter-spacing	: 0.8px;
	}

	#server h2,
	#report h2 {
		margin-bottom	: 0;
		color			: #ff7e00;
		text-shadow		: -1px -1px 0px rgba(128,64,0,1),-2px -2px 0px #000;
	}

	/* 各種ヘッダーサブ */
	.headerOnePoint,
	.headerOnePoint_top {
		color			: #CCC;
		font-size		: 10px;
		font-weight		: bold;
		height			: 10px;
		letter-spacing	: 1px;
		margin-right	: 4px;
		position		: relative;
		text-align		: right;
		text-transform	: uppercase;
		background-color: transparent!important;
		border			: 0 none!important;
		margin-bottom	: -10px;
	}

	.headerOnePoint {
		top				: -15px;
	}

	.headerOnePoint_top {
		top				: 35px;
	}

	.headerOnePoint strong,
	.headerOnePoint_top strong {
		font-weight		: bold;
	}

	/* ヘッダー 
	================================================================================================================ */
	header {
		margin			: 10px auto 0;
		width			: 950px;
	}

	header div.head {
	}

	header div.head img {
		vertical-align	: top;
		margin			: 0;
		padding			: 0;
	}

	header h1.foot {
		background-color			: #ff9f1c;
		border-bottom				: 2px solid #862402;
		border-bottom-left-radius	: 8px;
		border-bottom-right-radius	: 8px;
		border-top					: 1px solid #862402;
		color						: #412f1e;
		font-size					: 2rem;
		font-weight					: bold;
		padding						: 10px;
		text-shadow					: -1px 0 1px #000000, 1px 0 1px #ffc16d;
		text-transform				: uppercase;
		box-shadow					: 0 6px 22px -5px rgba(134, 36, 2, 1) inset, 0 4px 8px 0 rgba(17, 17, 17, 1);
	}

	header p {
		font-size		: 12px;
		letter-spacing	: 8.5px;
		font-weight		: bold;
		margin-left		: 0;
	}

	header nav {
		left		: -49px;
		position	: absolute;
		text-align	: right;
		top			: 82px;
		width		: 100%;
	}

	header nav ul li {
		display		: inline-block;
		padding		: 0 4px;
		color		: #412f1e;
		font-size	: 2rem;
		font-weight	: bold;
		text-shadow	: -1px 0 1px #000000, 1px 0 1px #ffc16d;
		cursor		: pointer;
	}

	header nav ul li:hover {
		color: #600;
	}

	/* 計算機
	================================================================================================================ */
	.interface input[type=text],
	.interface select {
		vertical-align	: top;
		font-size		: 14px;
		font-size		: 1.4rem;
	}

	.interface input[type=text] {
		height: 20px;
	}

	.interface select {
		height			: 24px;
		margin-right	: 1px;
	}

	.interface ul {
		padding			: 4px 0 4px 4px;
		margin-right	: 4px;
	}

	.interface ul li {
		margin			: 0;
		margin-bottom	: 1px;
	}

	.interface ul li:last-child {
		margin: 0;
	}

	.interface h3 {
		display			: inline-block;
		font-size		: 14px;
		font-size		: 1.4rem;
		font-weight		: normal;
		height			: 14px;
		padding			: 5px 0;
		margin			: 0;
		width			: 90px;
		letter-spacing	: 1px;
		margin-right	: 4px;
	}

	.result ul {
		padding: 4px 4px 4px 0;
	}

	.result ul li {
		font-size		: 14px;
		font-size		: 1.4rem;
		padding			: 5px 0;
		margin-bottom	: 1px;
	}

	.result ul li:last-child {
		margin-bottom	: 0;
	}

	#mining {
		display			: none;
		background-color: rgba(255, 255, 255, 0.85);
	}

	#mining select[name=moduleSlot] {
		width: 139px;
		margin-right: 0;
	}

	input[type=text][name=number],
	input[type=text][name=resourceNumber] {
		width: 63px;
		text-align: center;
	}

	/* 更新情報
	================================================================================================================ */
	#koushin ul {
		background-color: rgba(255, 255, 255, 0.85);
		border-color	: #555555 #111111 #111111 #666666;
		border-radius	: 0 0 4px 4px;
		border-style	: solid;
		border-width	: 1px;
		height			: 96px;
		overflow		: auto;
		padding			: 4px;
	}

	#koushin ul li {
		border-bottom	: 1px dotted #888;
		margin-bottom	: 4px;
		padding-bottom	: 4px;
	}

	#koushin ul li:last-child {
		border-bottom	: 0 none;
		margin-bottom	: 0;
		padding-bottom	: 0;
	}

	#koushin li span.date,
	#koushin li span.text {
		font-size		: 12px;
		font-size		: 1.2rem;
		margin-right	: 6px;
	}

	/* サーバ一覧表
	================================================================================================================ */
	table tbody {
		background		: #404040 url('../img/rebel.png');
		color			: #888;
		font-weight		: bold;
	}

	#serverInfo {
		border			: 1px solid;
		width			: 100%;
		margin-bottom	: 20px;
		box-shadow		: 0 4px 8px 0 rgba(17, 17, 17, 1);
	}

	#serverInfo th,
	#serverInfo td {
		padding			: 4px;
		text-align		: center;
		border			: 1px solid;
		vertical-align	: middle;
		font-weight		: bold;
	}

	#serverInfo td a {
		color			: #ccc;
		text-decoration	: underline;
	}

	#serverInfo td.open,
	#serverInfo td.mods {
		padding			: 0;
	}

	#serverInfo td.mods li {
		border-color	: #888;
		font-size		: 10px;
		font-weight		: bold;
		letter-spacing	: 1px;
	}

	#serverInfo tbody tr th::after {
		background-color: #fff;
		content			: "";
		display			: inline-block;
		height			: 29px;
		vertical-align	: middle;
	}

	#serverInfo thead th {
		border			: 1px solid #303030;
		color			: #412f1e;
		position		: absolute;
		text-shadow		: -1px 0 1px #000000, 1px 0 1px #ffc16d;
		font-weight		: normal;
	}

	#serverInfo thead td {
		display			: table-cell;
		box-shadow		: 0 6px 22px -5px rgba(134, 36, 2, 1) inset, 0 4px 8px 0 rgba(17, 17, 17, 1);
		border			: 0 none;
		position		: relative;
	}

	#serverInfo thead tr {
		background-color: #ff9f1c;
	}

	#serverInfo thead tr:first-child th:nth-of-type(1) {
		width			: 200px;
	}

	#serverInfo thead tr:first-child th:nth-of-type(2) {
		margin-left		: 209px;
		width			: 192px;
	}

	#serverInfo thead tr:first-child th:nth-of-type(3) {
		margin-left		: 410px;
		width			: 65px;
	}

	#serverInfo thead tr:first-child th:nth-of-type(4) {
		margin-left		: 484px;
		width			: 32px;
	}

	#serverInfo thead tr:first-child th:nth-of-type(5) {
		margin-left		: 525px;
		width			: 72px;
	}

	#serverInfo thead tr:first-child th:nth-of-type(6) {
		margin-left		: 606px;
		width			: 65px;
	}

	#serverInfo thead tr:first-child th:nth-of-type(7) {
		margin-left		: 680px;
		width			: 65px;
	}

	#serverInfo thead tr:first-child th:nth-of-type(8) {
		margin-left		: 754px;
		width			: 65px;
	}

	#serverInfo thead tr:first-child th:nth-of-type(9) {
		margin-left		: 828px;
		width			: 110px;
	}

	#serverInfo tbody th {
		text-align		: left;
		border-left		: 1px solid #888;
	}

	#serverInfo tbody tr:last-child th,
	#serverInfo tbody tr:last-child td {
		border-bottom	: 1px solid #888;
	}

	#serverInfo tbody td:last-child {
		border-right	: 1px solid #888;
	}

	#serverInfo tbody th a {
		color			: #888;
		font-weight		: bold;
		text-decoration	: underline;
	}

	.svInfo th.name img {
		left			: -2px;
		margin-right	: -31px;
		position		: relative;
		top				: -5px;
		vertical-align	: top;
	}

	.svInfo th span {
		display			: inline-block;
	}

	.svInfo th span:first-child {
		font-weight		: normal;
		margin-left		: 4px;
	}

	.svInfo ul li {
		padding-top		: 2px;
		padding-bottom	: 2px;
	}

	.svInfo .mods ul li {
		border-bottom	: 1px dotted;
		padding-top		: 4px;
		padding-bottom	: 4px;
	}

	.svInfo ul li:last-child {
		border-bottom	: 0 none;
	}

	.svInfo .open span {
		color			: #888;
		border-color	: #000;
		padding			: 2px 4px;
		border-radius	: 3px;
		display			: inline-block;
	}

	.name,
	.open {
		width			: 200px;
	}

	.play {
		width			: 32px;
	}

	.mods {
		width			: 80px;
	}

	.vers,
	.wipa,
	.wipp,
	.last {
		width			: 65px;
	}

	/* 接続方法
	================================================================================================================ */
	#introduction {
	}

	#introduction ol {
		list-style-position	: inside;
		background-color	: rgba(255,255,255,0.85);
		border-color		: #555555 #111111 #111111 #666666;
		border-style		: solid;
		border-width		: 1px;
		border-radius		: 0 0 4px 4px;
		padding				: 4px;
	}

	#introduction ol li {
		background-image	: url("../img/signal_1.png");
		background-position	: 0 1px;
		background-repeat	: no-repeat;
		background-size		: 12px auto;
		list-style			: outside none none;
		margin-bottom		: 4px;
		padding-left		: 16px;
	}

	#introduction ol li:nth-child(1) {
		background-image	: url("../img/signal_1.png");
	}

	#introduction ol li:nth-child(2) {
		background-image	: url("../img/signal_2.png");
	}

	#introduction ol li:nth-child(3) {
		background-image	: url("../img/signal_3.png");
	}

	#introduction ol li:nth-child(4) {
		background-image	: url("../img/signal_4.png");
	}

	#introduction ol li:nth-child(5) {
		background-image	: url("../img/signal_5.png");
	}

	#introduction ol li:nth-child(6) {
		background-image	: url("../img/signal_6.png");
		margin-bottom		: 0;
	}

	#introduction ol li b {
		color			: red;
		margin			: 0 4px 0 0;
	}

	#introduction ol li b strong {
		font-weight		: bold;
	}

	#introduction ol li:nth-of-type(2) b:last-child {
		margin			: 0 4px;
	}

	#introduction ol li:nth-of-type(5) b {
		letter-spacing	: 2px;
		color			: red;
		margin			: 0 4px;
	}

	#introduction ol li b span {
		letter-spacing	: 0;
	}

	#introduction ol li a.localAnchor,
	#introduction dl.aboutMultiplayServers dd a.localAnchor {
		color			: #00f;
		font-weight		: bold;
		margin			: 0 4px;
	}

	#introduction dl.aboutMultiplayServers {
		background-color: rgba(255, 255, 255, 0.85);
		border-color	: #555555 #111111 #111111 #666666;
		border-radius	: 4px;
		border-style	: solid;
		border-width	: 1px;
		box-shadow		: 0 4px 8px 0 rgba(17, 17, 17, 1);
		margin-top		: 20px;
		padding-bottom	: 4px;
	}

	#introduction dl.aboutMultiplayServers dt {
		background		: #404040 url("../img/rebel.png") repeat scroll 0 0;
		color			: #fff;
		font-size		: 20px;
		font-weight		: bold;
		letter-spacing	: 2px;
		margin-bottom	: 0;
		padding			: 4px;
		border-bottom	: 1px solid #111;
	}

	#introduction dl.aboutMultiplayServers dt strong,
	#introduction dl.aboutMultiplayServers dd a strong {
		font-weight	: bold;
	}

	#introduction dl.aboutMultiplayServers dd:nth-of-type(1),
	#introduction dl.aboutMultiplayServers dd:nth-of-type(2) {
		padding			: 4px;
	}

	#introduction dl.aboutMultiplayServers dd:nth-of-type(2) {
		margin-bottom	: 4px;
	}

	#introduction dl.aboutMultiplayServers dl.forServers {
		border-radius	: 4px;
		box-shadow		: 0 2px 2px 0 rgba(17, 17, 17, 1);
	}

	#introduction dl.aboutMultiplayServers dl.forServers dt,
	#introduction dl.aboutMultiplayServers dl.forServers dd {
		background		: rgba(0, 0, 0, 0) none repeat scroll 0 0;
		border			: 0 none;
		border-radius	: 0;
		font-size		: 12px;
		font-weight		: normal;
		padding			: 0;
	}

	#introduction dl.aboutMultiplayServers dl.forServers dt {
		background		: #303030 url("../img/carbon-fibre.png") repeat scroll 0 0;
		border-bottom	: 4px solid #241a10;
		border-radius	: 4px 4px 0 0;
		border-top		: 1px solid #862402;
		color			: #ff7e00;
		font-size		: 16px;
		font-weight		: bold;
		letter-spacing	: 0.8px;
		margin-bottom	: 0;
		padding			: 10px;
		text-shadow		: -1px -1px 0 rgba(128, 64, 0, 1), -2px -2px 0 #000;
	}

	#introduction dl.aboutMultiplayServers dl.forServers dt div {
		text-align		: center;
	}

	#introduction dl.aboutMultiplayServers dl.forServers dl.aboutThisServer {
		background		: #404040 url("../img/rebel.png") repeat scroll 0 0;
		color			: #ccc;
		height			: 512px;
		padding-bottom	: 4px;
		border-radius	: 4px;
	}

	#introduction dl.aboutMultiplayServers dl.forServers dl.aboutThisServer dd:nth-of-type(2) {
		margin			: 0;
	}


	#introduction dl.aboutMultiplayServers dl.forServers dl.aboutThisServer dt {
		background		: #ff9f1c none repeat scroll 0 0;
		border-bottom	: 2px solid #862402;
		border-radius	: 0;
		border-top		: 1px solid #444444;
		box-shadow		: 0 6px 22px -5px rgba(134, 36, 2, 1) inset;
		color			: #412f1e;
		font-size		: 12px;
		font-weight		: normal;
		letter-spacing	: 0.77px;
		padding			: 6px;
		text-align		: center;
		text-shadow		: -1px 0 1px #000000, 1px 0 1px #ffc16d;
	}

	#introduction dl.aboutMultiplayServers dl.forServers dl.aboutThisServer dd {
		line-height		: 1.5;
	}

	.forServersWrap {
		display			: inline-block;
		height			: auto;
		margin-left		: 4px;
		vertical-align	: top;
		white-space		: normal;
		width			: 232px;
/*		width			: 310.5px;*/
	}

	.ALL {
	}

	.MTO {
	}

	.TUBOB {
	}

	.LABO {
	}

	.laboDD {
		margin-right	: 0;
	}

	.aboutThisServer p {
		background-color: transparent;
	}

	.aboutThisServer .download {
		letter-spacing	: 1px;
		font-weight		: bold!important;
		text-align		: center;
	}

	.aboutThisServer .first {
		margin-top		: 12px;
	}

	.aboutThisServer .last {
		margin-bottom	: 12px!important;
		width			: auto;
	}

	.aboutThisServer ul {
		margin			: 4px;
	}

	.aboutThisServer ul li,
	.aboutThisServer p {
		line-height		: 1.4
	}

	.aboutThisServer a:hover {
		color			: #CCC;
	}

	.aboutThisServer .download a {
		color			: #ff7e00;
	}

	.aboutThisServer .download ul {
		margin			: 16px 0;
	}

	.aboutThisServer .download ul li {
		line-height		: 1;
		text-align		: center;
	}

	.aboutThisServer a:hover {
		color			: #CCC;
	}

	.aboutThisServer .download ul li:first-child {
		margin-bottom: 4px;
	}

	.imageWrap {
		background-size		: 244px auto;
		border-radius		: 2px;
		height				: 80px;
		margin-bottom		: 4px;
		background-position	: center center;
		background-color	: #000;
		background-repeat	: no-repeat;
	}

	.bgSign {
		background-image: url("../img/thumb-screenshot-12.jpg");
	}

	.bgHard {
		background-image: url("../img/thumb-zilla.jpg");
	}

	.bgBob {
		background-image: url("../img/thumb-hdv.jpg");
	}

	.bgLabo {
		background-image: url("../img/thumb-screenshot-1.jpg");
	}

	.fi-download::before {
		display			: block!important;
		font-size		: 32px;
		text-align		: center;
	}

	ul.hardVanilla li {
		list-style-type		: disc;
		list-style-position	: inside;
	}

	.downloadIntro {
		margin			: 0 4px!important;
	}

	.downloadIntro a {
		color			: #ff7e00;
	}

	.aboutMultiplayServers dd.forServersWrap:nth-of-type(3) .downloadIntro {
	}

	.aboutMultiplayServers dd.forServersWrap:nth-of-type(5) .downloadIntro {
	}

	.aboutMultiplayServers dd.forServersWrap:nth-of-type(6) .downloadIntro {
	}

	/* ご協力・禁止事項・チャット・認証パスワード
	================================================================================================================ */
	#onegai ul,
	#kinshi ul {
		margin-left		: 4px;
	}

	#onegai div.wrapper,
	#kinshi div.wrapper,
	#chat div.wrapper,
	#password div.wrapper {
		background-color: rgba(255,255,255,0.85);
		border-radius	: 0 0 4px 4px;
		border-color	: #555555 #111111 #111111 #666666;
		border-style	: solid;
		border-width	: 1px;
	}

	#onegai div ul li,
	#kinshi div ul li {
		list-style		: inside disc;
		line-height		: 1.5;
	}

	#chat p:last-child {
		margin-bottom	: 4px;
		letter-spacing	: 1px;
		font-weight		: bold;
	}

	#kinshi,
	#chat,
	#password {
		margin-top		: 6px;
	}

	#introduction .wrapper,
	#koushin,
	#mining,
	#onegai,
	#kinshi,
	#chat,
	#password {
		box-shadow		: 0 4px 8px 0 rgba(17, 17, 17, 1);
		border-radius	: 4px;
	}

	.banUserList {
		margin-bottom	: 4px;
		font-weight		: bold;
		letter-spacing	: 1px;
	}

	/* サーバーの不具合の報告・要望など
	================================================================================================================ */
	#report {
		padding-bottom	: 20px;
	}

	#report .inputWrapper {
		background-color: #ff9f1c;
		border-bottom	: 2px solid #862402;
		border-top		: 1px solid #862402;
		color			: #412f1e;
		font-size		: 2rem;
		font-weight		: bold;
		padding			: 4px 10px;
		text-shadow		: -1px 0 1px #000000, 1px 0 1px #ffc16d;
		box-shadow		: 0 6px 22px -5px rgba(134, 36, 2, 1) inset, 0 4px 8px 0 rgba(17, 17, 17, 1);
		border-left		: 1px solid #333;
		border-right	: 1px solid #333;
	}

	#report .inputWrapper p {
		background-color: transparent;
		font-size		: 14px;
		font-weight		: normal;
		line-height		: 1;
		margin-bottom	: 4px;
		padding			: 0;
		letter-spacing	: 1px;
	}

	input[name=naiyou] {
		width			: 885px;
		margin-right	: 1px;
		vertical-align	: top;
	}

	button[name=submit] {
		width			: 36px;
	}

	#reportDisplay {
		background		: #404040 url("../img/rebel.png") repeat scroll 0 0;
		border-radius	: 0 0 4px 4px;
		box-shadow		: 0 4px 8px 0 rgba(17, 17, 17, 1);
		color			: #ccc;
		padding-bottom	: 4px;
	}

	#reportDisplay li {
		border-bottom	: 1px dotted;
		margin			: 0 12px 4px;
		padding-bottom	: 4px;
	}

	#reportDisplay li:last-child {
		border-bottom	: 0 none;
		margin-bottom	: 0;
	}

	.reportText {
		white-space		: normal;
		word-break		: break-all;
		line-height		: 1.5;
	}

	.date {
		text-align		: right;
		font-size		: 10px;
	}

	.notReport {
		display			: none;
	}

	header::after {
		display				: block;
		content				: '';
		position			: absolute;
		z-index				: 200;
		top					: 50px;
		margin-left			: 892px;
		width				: 64px;
		height				: 64px;
		overflow			: hidden;
		background-position	: 0 216px;
		background-image:url('../img/player-basic-idle.png');
		-webkit-animation-name: anime;
		-webkit-animation-duration: 3.0s;
		-webkit-animation-timing-function: steps(22,end);
		-webkit-animation-iteration-count: infinite;
		-moz-animation-name: anime;
		-moz-animation-duration: 3.0s;
		-moz-animation-timing-function: steps(22,end);
		-moz-animation-iteration-count: infinite;
		-ms-animation-name: anime;
		-ms-animation-duration: 3.0s;
		-ms-animation-timing-function: steps(22,end);
		-ms-animation-iteration-count: infinite;
	}

	#notebook header::after {
		display: none;
	}


	/* プレイヤーCSSアニメーション */
	@-webkit-keyframes anime{
		100% {background-position: -1166px 216px;}
	}

	@-moz-keyframes anime{
		100% {background-position: -1166px 216px;}
	}

	@-ms-keyframes anime{
		100% {background-position: -1166px 216px;}
	}
}

/* For TABLET
===============================================*/
@media screen and (max-width: 768px){
	#wrapper {
		overflow		: hidden;
		white-space		: nowrap;
		min-height		: 100%;
		height			: auto;
		margin			: 0 auto -52px;
		padding			: 0;
		width			: 728px;
	}

	#main {
		width			: 728px;
		padding-bottom	: 52px;
		vertical-align	: top;
		display			: inline-block;
		/display		: inline;
		/zoom			: 1;
	}

	p {
		line-height		: 1.5;
		white-space		: normal;
		padding			: 0 4px;
	}

	article {
		width			: 718px;
		margin			: 0 auto;
	}

	article::after {
		background		: rgba(0, 0, 0, 0) url("../img/factorio-gear-wheel.png") no-repeat scroll right top;
		content			: "";
		display			: block;
		height			: 320px;
		position		: fixed;
		top				: 144px;
		width			: 718px;
		z-index			: -1;
	}

	section {
		margin-top		: 20px;
	}

	section h2,
	section h3 {
		font-size		: 20px;
		letter-spacing	: 2px;
	}

	section h2 {
		margin-bottom	: 5px;
	}

	section h3 {
		margin			: 15px 0 5px;
	}

	.important_info,
	.caution {
		color: #f00;
	}

	.caution {
		margin			: 0 4px;
		font-weight		: bold;
	}

	#gear {
		background	: rgba(0, 0, 0, 0) url("../img/factorio-gear-wheel.png") no-repeat scroll right top;
		height		: 320px;
		position	: fixed;
		width		: 718px;
		z-index		: -1;
	}

	/* 各セクション ヘッダー */
	#koushin h2,
	#mining h2,
	#introduction h3,
	#onegai h2,
	#kinshi h2,
	#chat h2,
	#password h2 {
		background		: #404040 url('../img/rebel.png');
		border-color	: #555555 #111111 #111111 #666666;
		border-radius	: 4px 4px 0 0;
		border-style	: solid;
		border-width	: 1px;
		color			: #FFF;
		font-weight		: bold;
		margin-bottom	: 0;
		padding			: 4px;
	}

	header div.head,
	#server h2,
	#report h2 {
		background		: #303030 url("../img/carbon-fibre.png") repeat scroll 0 0;
		border-top		: 1px solid #444444;
		border-bottom	: 4px solid #241a10;
		border-radius	: 8px 8px 0 0;
		padding			: 10px;
		box-shadow		: 0 3px 13px 1px rgba(134, 36, 2, 0.33) inset, 0 4px 8px 0 rgba(17, 17, 17, 1);
		letter-spacing	: 0.8px;
	}

	#server h2,
	#report h2 {
		margin-bottom	: 0;
		color			: #ff7e00;
		text-shadow		: -1px -1px 0px rgba(128,64,0,1),-2px -2px 0px #000;
	}

	.headerOnePoint,
	.headerOnePoint_top {
		color			: #CCC;
		font-size		: 10px;
		font-weight		: bold;
		height			: 10px;
		letter-spacing	: 1px;
		margin-right	: 4px;
		position		: relative;
		text-align		: right;
		text-transform	: uppercase;
		background-color: transparent!important;
		border			: 0 none!important;
		margin-bottom	: -10px;
	}

	.headerOnePoint {
		top				: -15px;
	}

	.headerOnePoint_top {
		top				: 35px;
	}

	.headerOnePoint strong,
	.headerOnePoint_top strong {
		font-weight		: bold;
	}

	#notebook .headerOnePoint {
		display: none;
	}

	/* ヘッダー 
	================================================================================================================ */
	* {
		white-space: normal;
	}

	header {
		margin		: 10px auto 0;
		width		: 718px;
	}

	header div.head {
	}

	header div.head img {
		vertical-align	: top;
		margin			: 0;
		padding			: 0;
	}

	header h1.foot {
		background-color			: #ff9f1c;
		border-bottom				: 2px solid #862402;
		border-bottom-left-radius	: 8px;
		border-bottom-right-radius	: 8px;
		border-top					: 1px solid #862402;
		color						: #412f1e;
		font-size					: 2rem;
		font-weight					: bold;
		padding						: 10px;
		text-shadow					: -1px 0 1px #000000, 1px 0 1px #ffc16d;
		text-transform				: uppercase;
		box-shadow					: 0 6px 22px -5px rgba(134, 36, 2, 1) inset, 0 4px 8px 0 rgba(17, 17, 17, 1);
	}

	header p {
		font-size		: 12px;
		letter-spacing	: 8.5px;
		font-weight		: bold;
		margin-left		: 0;
	}

	header nav {
		left		: -10px;
		position	: absolute;
		text-align	: right;
		top			: 82px;
		width		: 100%;
	}

	header nav ul li {
		display		: inline-block;
		padding		: 0 4px;
		color		: #412f1e;
		font-size	: 2rem;
		font-weight	: bold;
		text-shadow	: -1px 0 1px #000000, 1px 0 1px #ffc16d;
		cursor		: pointer;
	}

	header nav ul li:last-child {
		padding-right: 0;
	}

	header nav ul li:hover {
		color: #600;
	}

	/* 更新情報
	================================================================================================================ */
	#koushin ul {
		background-color: rgba(255, 255, 255, 0.85);
		border-color	: #555555 #111111 #111111 #666666;
		border-radius	: 0 0 4px 4px;
		border-style	: solid;
		border-width	: 1px;
		height			: 96px;
		overflow		: auto;
		padding			: 4px;
	}

	#koushin ul li {
		border-bottom	: 1px dotted #888;
		margin-bottom	: 4px;
		padding-bottom	: 4px;
	}

	#koushin ul li:last-child {
		border-bottom	: 0 none;
		margin-bottom	: 0;
		padding-bottom	: 0;
	}

	#koushin li span.date,
	#koushin li span.text {
		font-size		: 12px;
		font-size		: 1.2rem;
		margin-right	: 6px;
	}

	/* サーバ一覧表
	================================================================================================================ */
	table tbody {
		background		: #404040 url('../img/rebel.png');
		color			: #888;
		font-weight		: bold;
	}

	#serverInfo {
		border			: 1px solid;
		width			: 100%;
		margin-bottom	: 20px;
		box-shadow		: 0 4px 8px 0 rgba(17, 17, 17, 1);
	}

	#serverInfo th,
	#serverInfo td {
		padding			: 4px;
		text-align		: center;
		border			: 1px solid;
		vertical-align	: middle;
		font-weight		: bold;
	}

	#serverInfo td a {
		color			: #ccc;
		text-decoration	: underline;
	}

	#serverInfo td.open,
	#serverInfo td.mods {
		padding			: 0;
	}

	#serverInfo td.mods li {
		border-color	: #888;
		font-size		: 10px;
		font-weight		: bold;
		letter-spacing	: 1px;
	}

	#serverInfo tbody tr th::after {
		background-color: #fff;
		content			: "";
		display			: inline-block;
		height			: 29px;
		vertical-align	: middle;
	}

	#serverInfo thead th {
		border			: 1px solid #303030;
		color			: #412f1e;
		text-shadow		: -1px 0 1px #000000, 1px 0 1px #ffc16d;
		font-weight		: normal;
	}

	#serverInfo thead td {
		display: none;
		box-shadow: 0 6px 22px -5px rgba(134, 36, 2, 1) inset, 0 4px 8px 0 rgba(17, 17, 17, 1);
		border: 0 none;
		position: relative;
	}

	#serverInfo thead tr {
		background-color: #ff9f1c;
	}

	#serverInfo thead tr:first-child th:nth-of-type(1) {
		width: 200px;
	}

	#serverInfo thead tr:first-child th:nth-of-type(2) {
		margin-left: 209px;
		width: 192px;
	}

	#serverInfo thead tr:first-child th:nth-of-type(3) {
		margin-left: 410px;
		width: 65px;
	}

	#serverInfo thead tr:first-child th:nth-of-type(4) {
		margin-left: 484px;
		width: 32px;
	}

	#serverInfo thead tr:first-child th:nth-of-type(5) {
		margin-left: 525px;
		width: 72px;
	}

	#serverInfo thead tr:first-child th:nth-of-type(6) {
		margin-left: 606px;
		width: 65px;
	}

	#serverInfo thead tr:first-child th:nth-of-type(7) {
		margin-left: 680px;
		width: 65px;
	}

	#serverInfo thead tr:first-child th:nth-of-type(8) {
		margin-left: 754px;
		width: 65px;
	}

	#serverInfo thead tr:first-child th:nth-of-type(9) {
		margin-left: 828px;
		width: 110px;
	}

	#serverInfo tbody th {
		text-align		: left;
		border-left		: 1px solid #888;
	}

	#serverInfo tbody tr:last-child th,
	#serverInfo tbody tr:last-child td {
		border-bottom	: 1px solid #888;
	}

	#serverInfo tbody td:last-child {
		border-right	: 1px solid #888;
	}

	#serverInfo tbody th a {
		color			: #888;
		font-weight		: bold;
		text-decoration	: underline;
	}

	.svInfo th.name img {
		display: none;
	}

	.svInfo th span {
		display: inline-block;
	}

	.svInfo th span:first-child {
		font-weight		: normal;
		margin-left		: 4px;
	}

	.svInfo ul li {
		padding-top		: 2px;
		padding-bottom	: 2px;
	}

	.svInfo .mods ul li {
		border-bottom	: 1px dotted;
		padding-top		: 4px;
		padding-bottom	: 4px;
	}

	.svInfo ul li:last-child {
		border-bottom	: 0 none;
	}

	.svInfo .open span {
		color			: #888;
		border-color	: #000;
		padding			: 2px 4px;
		border-radius	: 3px;
		display			: inline-block;
	}

	.name,
	.open {
		width: 200px;
	}

	.play {
		width: 32px;
	}

	.mods {
		width: 80px;
	}

	.vers,
	.wipa,
	.wipp,
	.last {
		width: 65px;
	}

	/* 接続方法
	================================================================================================================ */
	#introduction {
	}

	#introduction ol {
		list-style-position	: inside;
		background-color	: rgba(255,255,255,0.85);
		border-color		: #555555 #111111 #111111 #666666;
		border-style		: solid;
		border-width		: 1px;
		border-radius		: 0 0 4px 4px;
		padding				: 4px;
	}

	#introduction ol li {
		background-image: url("../img/signal_1.png");
		background-position: 0 1px;
		background-repeat: no-repeat;
		background-size: 12px auto;
		list-style: outside none none;
		margin-bottom: 4px;
		padding-left: 16px;
	}

	#introduction ol li:nth-child(1) {
		background-image: url("../img/signal_1.png");
	}

	#introduction ol li:nth-child(2) {
		background-image: url("../img/signal_2.png");
	}

	#introduction ol li:nth-child(3) {
		background-image: url("../img/signal_3.png");
	}

	#introduction ol li:nth-child(4) {
		background-image: url("../img/signal_4.png");
	}

	#introduction ol li:nth-child(5) {
		background-image: url("../img/signal_5.png");
	}

	#introduction ol li:nth-child(6) {
		background-image: url("../img/signal_6.png");
		margin-bottom	: 0;
	}

	#introduction ol li b {
		color			: red;
		margin			: 0 4px 0 0;
	}

	#introduction ol li b strong {
		font-weight		: bold;
	}

	#introduction ol li:nth-of-type(2) b:last-child {
		margin			: 0 4px;
	}

	#introduction ol li:nth-of-type(5) b {
		letter-spacing	: 2px;
		color			: red;
		margin			: 0 4px;
	}

	#introduction ol li b span {
		letter-spacing	: 0;
	}

	#introduction ol li a.localAnchor,
	#introduction dl.aboutMultiplayServers dd a.localAnchor {
		color			: #00f;
		font-weight		: bold;
		margin			: 0 4px;
	}

	#introduction dl.aboutMultiplayServers {
		background-color: rgba(255, 255, 255, 0.85);
		border-color	: #555555 #111111 #111111 #666666;
		border-radius	: 4px;
		border-style	: solid;
		border-width	: 1px;
		box-shadow		: 0 4px 8px 0 rgba(17, 17, 17, 1);
		margin-top		: 20px;
	}

	#introduction dl.aboutMultiplayServers dt {
		background		: #404040 url("../img/rebel.png") repeat scroll 0 0;
		color			: #fff;
		font-size		: 20px;
		font-weight		: bold;
		letter-spacing	: 2px;
		margin-bottom	: 0;
		padding			: 4px;
		border-bottom	: 1px solid #111;
	}

	#introduction dl.aboutMultiplayServers dt strong,
	#introduction dl.aboutMultiplayServers dd a strong {
		font-weight	: bold;
	}

	#introduction dl.aboutMultiplayServers dd:nth-of-type(1),
	#introduction dl.aboutMultiplayServers dd:nth-of-type(2) {
		padding			: 4px;
	}

	#introduction dl.aboutMultiplayServers dd:nth-of-type(2) {
		margin-bottom	: 4px;
	}

	#introduction dl.aboutMultiplayServers dl.forServers {
		border-radius	: 4px;
		box-shadow		: 0 2px 2px 0 rgba(17, 17, 17, 1);
	}

	#introduction dl.aboutMultiplayServers dl.forServers dt,
	#introduction dl.aboutMultiplayServers dl.forServers dd {
		background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
		border: 0 none;
		border-radius: 0;
		font-size: 12px;
		font-weight: normal;
		padding: 0;
	}

	#introduction dl.aboutMultiplayServers dl.forServers dt {
		background: #303030 url("../img/carbon-fibre.png") repeat scroll 0 0;
		border-bottom: 4px solid #241a10;
		border-radius: 4px 4px 0 0;
		border-top: 1px solid #862402;
		color: #ff7e00;
		font-size: 16px;
		font-weight: bold;
		letter-spacing: 0.8px;
		margin-bottom: 0;
		padding: 10px;
		text-shadow: -1px -1px 0 rgba(128, 64, 0, 1), -2px -2px 0 #000;
	}

	#introduction dl.aboutMultiplayServers dl.forServers dt div {
		text-align: center;
	}

	#introduction dl.aboutMultiplayServers dl.forServers dl.aboutThisServer {
		background		: #404040 url("../img/rebel.png") repeat scroll 0 0;
		color			: #ccc;
		height			: 558px;
		padding-bottom	: 4px;
		border-radius	: 4px;
	}

	#introduction dl.aboutMultiplayServers dl.forServers dl.aboutThisServer dd:nth-of-type(2) {
		margin			: 0;
	}


	#introduction dl.aboutMultiplayServers dl.forServers dl.aboutThisServer dt {
		background: #ff9f1c none repeat scroll 0 0;
		border-bottom: 2px solid #862402;
		border-radius: 0;
		border-top: 1px solid #444444;
		box-shadow: 0 6px 22px -5px rgba(134, 36, 2, 1) inset;
		color: #412f1e;
		font-size: 12px;
		font-weight: normal;
		letter-spacing: 0.77px;
		padding: 6px;
		text-align: center;
		text-shadow: -1px 0 1px #000000, 1px 0 1px #ffc16d;
	}

	#introduction dl.aboutMultiplayServers dl.forServers dl.aboutThisServer dd {
		line-height		: 1.5;
	}

	.forServersWrap {
		display			: inline-block;
		height			: auto;
		margin-left		: 4px;
		vertical-align	: top;
		white-space		: normal;
		width			: 352px;
		margin-bottom	: 4px;
	}

	.ALL {
	}

	.MTO {
	}

	.TUBOB {
	}

	.LABO {
	}

	.laboDD {
		margin-right: 0;
	}

	.aboutThisServer p {
		background-color: transparent;
	}

	.aboutThisServer .download {
		letter-spacing	: 1px;
		font-weight		: bold!important;
		text-align		: center;
	}

	.aboutThisServer .first {
		margin-top		: 12px;
	}

	.aboutThisServer .last {
		margin-bottom	: 12px!important;
		width			: auto;
	}

	.aboutThisServer ul {
		margin			: 4px;
	}

	.aboutThisServer ul li,
	.aboutThisServer p {
		line-height		: 1.4
	}

	.aboutThisServer a:hover {
		color			: #CCC;
	}

	.aboutThisServer .download a {
		color			: #ff7e00;
	}

	.aboutThisServer .download ul {
		margin			: 16px 0;
	}

	.aboutThisServer .download ul li {
		line-height		: 1;
		text-align		: center;
	}

	.aboutThisServer a:hover {
		color: #CCC;
	}

	.aboutThisServer .download ul li:first-child {
		margin-bottom: 4px;
	}

	.imageWrap {
		background-size		: 244px auto;
		border-radius		: 2px;
		height				: 80px;
		margin-bottom		: 4px;
		background-position	: center center;
		background-repeat	: no-repeat;
		background-color	: #000;
	}

	.bgSign {
		background-image: url("../img/thumb-screenshot-12.jpg");
	}

	.bgHard {
		background-image: url("../img/thumb-screenshot-7.jpg");
	}

	.bgBob {
		background-image: url("../img/thumb-hdv.jpg");
	}

	.bgLabo {
		background-image: url("../img/thumb-screenshot-1.jpg");
	}

	.fi-download::before {
		display			: block!important;
		font-size		: 32px;
		text-align		: center;
	}

	ul.hardVanilla li {
		list-style-type		: disc;
		list-style-position	: inside;
	}

	.downloadIntro {
		margin			: 0 4px!important;
	}

	.downloadIntro a {
		color			: #ff7e00;
	}

	.aboutMultiplayServers dd.forServersWrap:nth-of-type(3) .downloadIntro {
	}

	.aboutMultiplayServers dd.forServersWrap:nth-of-type(5) .downloadIntro {
	}

	.aboutMultiplayServers dd.forServersWrap:nth-of-type(6) .downloadIntro {
	}

	/* ご協力・禁止事項・チャット・認証パスワード
	================================================================================================================ */
	#onegai ul,
	#kinshi ul {
		margin-left		: 4px;
	}

	#onegai div.wrapper,
	#kinshi div.wrapper,
	#chat div.wrapper,
	#password div.wrapper {
		background-color: rgba(255,255,255,0.85);
		border-radius	: 0 0 4px 4px;
		border-color	: #555555 #111111 #111111 #666666;
		border-style	: solid;
		border-width	: 1px;
	}

	#onegai div ul li,
	#kinshi div ul li {
		list-style		: inside disc;
		line-height		: 1.5;
	}

	#chat p:last-child {
		margin-bottom	: 4px;
		letter-spacing	: 1px;
		font-weight		: bold;
	}

	#kinshi,
	#chat,
	#password {
		margin-top		: 6px;
	}

	#introduction .wrapper,
	#koushin,
	#mining,
	#onegai,
	#kinshi,
	#chat,
	#password {
		box-shadow		: 0 4px 8px 0 rgba(17, 17, 17, 1);
		border-radius	: 4px;
	}

	.banUserList {
		margin-bottom	: 4px;
		font-weight		: bold;
		letter-spacing	: 1px;
	}

	/* サーバーの不具合の報告・要望など
	================================================================================================================ */
	#report {
		padding-bottom	: 20px;
	}

	#report .inputWrapper {
		background-color: #ff9f1c;
		border-bottom	: 2px solid #862402;
		border-top		: 1px solid #862402;
		color			: #412f1e;
		font-size		: 2rem;
		font-weight		: bold;
		padding			: 4px 10px;
		text-shadow		: -1px 0 1px #000000, 1px 0 1px #ffc16d;
		box-shadow		: 0 6px 22px -5px rgba(134, 36, 2, 1) inset, 0 4px 8px 0 rgba(17, 17, 17, 1);
		border-left		: 1px solid #333;
		border-right	: 1px solid #333;
	}

	#report .inputWrapper p {
		background-color: transparent;
		font-size		: 14px;
		font-weight		: normal;
		line-height		: 1;
		margin-bottom	: 4px;
		padding			: 0;
		letter-spacing	: 1px;
	}

	input[name=naiyou] {
		width			: 653px;
		margin-right	: 1px;
		vertical-align	: top;
	}

	button[name=submit] {
		width			: 36px;
	}

	#reportDisplay {
		background		: #404040 url("../img/rebel.png") repeat scroll 0 0;
		border-radius	: 0 0 4px 4px;
		box-shadow		: 0 4px 8px 0 rgba(17, 17, 17, 1);
		color			: #ccc;
		padding-bottom	: 4px;
	}

	#reportDisplay li {
		border-bottom	: 1px dotted;
		margin			: 0 12px 4px;
		padding-bottom	: 4px;
	}

	#reportDisplay li:last-child {
		border-bottom	: 0 none;
		margin-bottom	: 0;
	}

	.reportText {
		white-space		: normal;
		word-break		: break-all;
		line-height		: 1.5;
	}

	.date {
		text-align		: right;
		font-size		: 10px;
	}

	.notReport {
		display			: none;
	}

	footer {
		margin: 0 5px;
	}

	/* アニメーションCSS */
	.anime {
		display: none;
	}

	#notebook section img {
		width: 344px;
	}

	#notebook .columnBox {
		background		: rgba(255, 255, 255, 0.85) none repeat scroll 0 0;
		padding			: 4px;
		border-style	: solid;
		border-width	: 0 1px;
		border-color	: #555555 #111111 #111111 #666666;
		text-align		: justify;
		text-justify	: inter-ideograph;
		-moz-columns	: 2 auto;
		-webkit-columns	: 2 auto;
		columns			: 2 auto;
		-moz-column-rule	: 0 none;
		-webkit-column-rule	: 0 none;
		column-rule			: 0 none;
		-moz-column-gap		: 20px;
		-webkit-column-gap	: 20px;
		column-gap			: 20px;
	}

	footer div:first-child {
		height			: 12px;
		padding			: 15px 0;
		background-color: #ff9f1c;
		color			: #412f1e;
		font-size		: 12px;
		font-size		: 1.2rem;
		font-weight		: bold;
		text-align		: center;
		letter-spacing	: 1px;
		position		: relative;
		box-shadow		: 0 6px 22px -5px rgba(134, 36, 2, 1) inset, 0 4px 8px 0 rgba(17, 17, 17, 1);
		width			: 718px;
		margin			: 0 auto;
		border-radius	: 4px 4px 0 0;
		text-shadow		: -1px 0 1px #000000, 1px 0 1px #ffc16d;
	}
}

/* For SMART PHONE
===============================================*/
@media screen and (max-width:640px){
	* {
		white-space: normal;
	}
	/* グローバル
	================================================================================================================ */
	#wrapper {
		overflow		: hidden;
		white-space		: nowrap;
		min-height		: 100%;
		height			: auto;
		margin			: 0 auto -52px;
		padding			: 0;
		width			: 320px;
	}

	#main {
		width			: 320px;
		padding-bottom	: 52px;
		vertical-align	: top;
		display	: inline-block;
		/display: inline;
		/zoom	: 1;
	}

	p {
		line-height		: 1.5;
		white-space		: normal;
		padding			: 0 4px;
	}

	article {
		width			: 320px;
		margin			: 0 auto;
		background		: none;
	}

	article::after {
		content			: "";
		display			: none;
	}

	section {
		margin-top		: 5px;
	}

	#gear {
		display: none;
	}

	/* 各セクション ヘッダー */
	section h2,
	section h3 {
		font-size		: 14px;
		letter-spacing	: 2px;
	}

	section h2 {
		margin-bottom	: 5px;
	}

	section h3 {
		margin			: 15px 0 5px;
	}

	#koushin h2,
	#mining h2,
	#introduction h3,
	#onegai h2,
	#kinshi h2,
	#chat h2,
	#password h2 {
		background		: #404040 url('../img/rebel.png');
		border-color	: #555555 #111111 #111111 #666666;
		border-radius	: 4px 4px 0 0;
		border-style	: solid;
		border-width	: 1px;
		color			: #FFF;
		font-weight		: bold;
		margin-bottom	: 0;
		padding			: 4px;
	}

	header div.head,
	#server h2,
	#report h2 {
		background		: #303030 url("../img/carbon-fibre.png") repeat scroll 0 0;
		border-top		: 1px solid #444444;
		border-bottom	: 4px solid #241a10;
		border-radius	: 8px 8px 0 0;
		padding			: 5px;
		box-shadow		: 0 3px 13px 1px rgba(134, 36, 2, 0.33) inset, 0 4px 8px 0 rgba(17, 17, 17, 1);
		letter-spacing	: 0.8px;
	}

	#server h2,
	#report h2 {
		margin-bottom	: 0;
		color			: #ff7e00;
		text-shadow		: -1px -1px 0px rgba(128,64,0,1),-2px -2px 0px #000;
	}

	/* 各種ヘッダーサブ */
	.headerOnePoint,
	.headerOnePoint_top {
		display			: none;
	}

	/* ヘッダー
	================================================================================================================ */
	header {
		margin		: 0 auto;
		width		: 320px;
	}

	header div.head {
	}

	header div.head img {
		vertical-align	: top;
		margin			: 0;
		padding			: 0;
	}

	header h1.foot {
		background-color			: #ff9f1c;
		border-bottom				: 2px solid #862402;
		border-bottom-left-radius	: 8px;
		border-bottom-right-radius	: 8px;
		border-top					: 1px solid #862402;
		color						: #412f1e;
		font-size					: 1.4rem;
		font-weight					: bold;
		padding						: 5px;
		text-shadow					: -1px 0 1px #000000, 1px 0 1px #ffc16d;
		text-transform				: uppercase;
		box-shadow					: 0 6px 22px -5px rgba(134, 36, 2, 1) inset, 0 4px 8px 0 rgba(17, 17, 17, 1);
		text-align					: center;
		height						: 30px;
	}

	header nav {
		left		: -10px;
		position	: absolute;
		text-align	: right;
		top			: 82px;
		width		: 100%;
	}

	header nav ul li {
		display		: inline-block;
		padding		: 0 4px;
		color		: #412f1e;
		font-size	: 1.4rem;
		font-weight	: bold;
		text-shadow	: -1px 0 1px #000000, 1px 0 1px #ffc16d;
		cursor		: pointer;
	}

	header nav ul li:last-child {
		padding-right: 0;
	}

	header nav ul li:hover {
		color: #600;
	}

	/* 更新情報
	================================================================================================================ */
	#koushin ul {
		background-color: rgba(255, 255, 255, 0.85);
		border-color	: #555555 #111111 #111111 #666666;
		border-radius	: 0 0 4px 4px;
		border-style	: solid;
		border-width	: 1px;
		height			: auto;
		overflow		: auto;
		padding			: 4px;
		white-space		: normal;
	}

	#koushin ul li {
		border	: 0 none;
	}

	#koushin ul li:not(:first-child) {
		display: none;
	}

	#koushin li span.date,
	#koushin li span.text {
		font-size		: 12px;
		font-size		: 1.2rem;
		margin-right	: 6px;
	}

	/* サーバ一覧表
	================================================================================================================ */
	table tbody {
		background		: #404040 url('../img/rebel.png');
		color			: #888;
		font-weight		: bold;
	}

	#serverInfo {
		border			: 1px solid;
		width			: 100%;
		margin-bottom	: -10px;
		box-shadow		: 0 4px 8px 0 rgba(17, 17, 17, 1);
	}

	#serverInfo th,
	#serverInfo td {
		padding			: 4px;
		text-align		: center;
		border			: 1px solid;
		vertical-align	: middle;
		font-weight		: bold;
	}

	#serverInfo td a {
		color			: #ccc;
		text-decoration	: underline;
	}

	#serverInfo td.open,
	#serverInfo td.mods {
		padding			: 0;
	}

	#serverInfo td.mods li {
		border-color	: #888;
		font-size		: 10px;
		font-weight		: bold;
		letter-spacing	: 1px;
	}

	#serverInfo thead th {
		border			: 1px solid #303030;
		color			: #412f1e;
		text-shadow		: -1px 0 1px #000000, 1px 0 1px #ffc16d;
		font-weight		: normal;
	}

	#serverInfo thead td {
		display: none;
		box-shadow: 0 6px 22px -5px rgba(134, 36, 2, 1) inset, 0 4px 8px 0 rgba(17, 17, 17, 1);
		border: 0 none;
		position: relative;
	}

	#serverInfo thead tr {
		background-color: #ff9f1c;
	}

	#serverInfo tbody th {
		text-align		: left;
		border-left		: 1px solid #888;
	}

	#serverInfo tbody tr:last-child th,
	#serverInfo tbody tr:last-child td {
		border-bottom	: 1px solid #888;
	}

	#serverInfo tbody td:last-child {
		border-right	: 1px solid #888;
	}

	#serverInfo tbody th a {
		color			: #888;
		font-weight		: bold;
		text-decoration	: underline;
	}

	.svInfo th.name img {
		display: none;
	}

	.svInfo th span {
		display: inline-block;
	}

	.svInfo th span:first-child {
		font-weight		: normal;
		margin-left		: 4px;
	}

	.svInfo ul li {
		padding-top		: 2px;
		padding-bottom	: 2px;
	}

	.svInfo .mods ul li {
		border-bottom	: 1px dotted;
		padding-top		: 4px;
		padding-bottom	: 4px;
	}

	.svInfo ul li:last-child {
		border-bottom	: 0 none;
	}

	.svInfo .open span {
		color			: #888;
		border-color	: #000;
		padding			: 2px 4px;
		border-radius	: 3px;
		display			: inline-block;
	}

	.open,
	.last,
	.wipa,
	.wipp,
	.chrc {
		display			: none;
	}

	.play {
		width: 32px;
	}

	/* video
	================================================================================================================ */
	#videoWrapper {
		display: none;
	}

	/* 接続方法
	================================================================================================================ */
	#introduction {
	}

	#introduction ol {
		list-style-position	: inside;
		background-color	: rgba(255,255,255,0.85);
		border-color		: #555555 #111111 #111111 #666666;
		border-style		: solid;
		border-width		: 1px;
		border-radius		: 0 0 4px 4px;
		padding				: 4px;
	}

	#introduction ol li {
		background-image: url("../img/signal_1.png");
		background-position: 0 1px;
		background-repeat: no-repeat;
		background-size: 12px auto;
		list-style: outside none none;
		margin-bottom: 4px;
		padding-left: 16px;
	}

	#introduction ol li:nth-child(1) {
		background-image: url("../img/signal_1.png");
	}

	#introduction ol li:nth-child(2) {
		background-image: url("../img/signal_2.png");
	}

	#introduction ol li:nth-child(3) {
		background-image: url("../img/signal_3.png");
	}

	#introduction ol li:nth-child(4) {
		background-image: url("../img/signal_4.png");
	}

	#introduction ol li:nth-child(5) {
		background-image: url("../img/signal_5.png");
	}

	#introduction ol li:nth-child(6) {
		background-image: url("../img/signal_6.png");
		margin-bottom	: 0;
	}

	#introduction ol li b {
		color			: red;
		margin			: 0 4px 0 0;
	}

	#introduction ol li b strong {
		font-weight		: bold;
	}

	#introduction ol li:nth-of-type(2) b:last-child {
		margin			: 0 4px;
	}

	#introduction ol li:nth-of-type(5) b {
		letter-spacing	: 2px;
		color			: red;
		margin			: 0 4px;
	}

	#introduction ol li b span {
		letter-spacing	: 0;
	}

	#introduction ol li a.localAnchor,
	#introduction dl.aboutMultiplayServers dd a.localAnchor {
		color			: #00f;
		font-weight		: bold;
		margin			: 0 4px;
	}

	#introduction dl.aboutMultiplayServers {
		background-color: rgba(255, 255, 255, 0.85);
		border-color	: #555555 #111111 #111111 #666666;
		border-radius	: 4px;
		border-style	: solid;
		border-width	: 1px;
		box-shadow		: 0 4px 8px 0 rgba(17, 17, 17, 1);
		margin-top		: 5px;
	}

	#introduction dl.aboutMultiplayServers dt {
		background		: #404040 url("../img/rebel.png") repeat scroll 0 0;
		color			: #fff;
		font-size		: 14px;
		font-weight		: bold;
		letter-spacing	: 2px;
		margin-bottom	: 0;
		padding			: 4px;
		border-bottom	: 1px solid #111;
	}

	#introduction dl.aboutMultiplayServers dt strong,
	#introduction dl.aboutMultiplayServers dd a strong {
		font-weight	: bold;
	}

	#introduction dl.aboutMultiplayServers dd:nth-of-type(1),
	#introduction dl.aboutMultiplayServers dd:nth-of-type(2) {
		padding			: 4px;
	}

	#introduction dl.aboutMultiplayServers dd:nth-of-type(2) {
		margin-bottom	: 4px;
	}

	#introduction dl.aboutMultiplayServers dl.forServers {
		border-radius	: 4px;
		box-shadow		: 0 2px 2px 0 rgba(17, 17, 17, 1);
	}

	#introduction dl.aboutMultiplayServers dl.forServers dt,
	#introduction dl.aboutMultiplayServers dl.forServers dd {
		background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
		border: 0 none;
		border-radius: 0;
		font-size: 12px;
		font-weight: normal;
		padding: 0;
	}

	#introduction dl.aboutMultiplayServers dl.forServers dt {
		background: #303030 url("../img/carbon-fibre.png") repeat scroll 0 0;
		border-bottom: 4px solid #241a10;
		border-radius: 4px 4px 0 0;
		border-top: 1px solid #862402;
		color: #ff7e00;
		font-size: 16px;
		font-weight: bold;
		letter-spacing: 0.8px;
		margin-bottom: 0;
		padding: 10px;
		text-shadow: -1px -1px 0 rgba(128, 64, 0, 1), -2px -2px 0 #000;
	}

	#introduction dl.aboutMultiplayServers dl.forServers dt div {
		text-align: center;
	}

	#introduction dl.aboutMultiplayServers dl.forServers dl.aboutThisServer {
		background		: #404040 url("../img/rebel.png") repeat scroll 0 0;
		color			: #ccc;
		height			: auto;
		padding-bottom	: 4px;
		margin-bottom	: 4px;
		border-radius	: 4px;
	}

	#introduction dl.aboutMultiplayServers dl.forServers dl.aboutThisServer dd:nth-of-type(2) {
		margin			: 0;
	}


	#introduction dl.aboutMultiplayServers dl.forServers dl.aboutThisServer dt {
		background: #ff9f1c none repeat scroll 0 0;
		border-bottom: 2px solid #862402;
		border-radius: 0;
		border-top: 1px solid #444444;
		box-shadow: 0 6px 22px -5px rgba(134, 36, 2, 1) inset;
		color: #412f1e;
		font-size: 12px;
		font-weight: normal;
		letter-spacing: 0.77px;
		padding: 6px;
		text-align: center;
		text-shadow: -1px 0 1px #000000, 1px 0 1px #ffc16d;
	}

	#introduction dl.aboutMultiplayServers dl.forServers dl.aboutThisServer dd {
		line-height		: 1.5;
	}

	.forServersWrap {
		display: inline-block;
		height: auto;
		margin-left: 4px;
		vertical-align: top;
		white-space: normal;
		margin-bottom: 0;
		width: 310px;
	}

	.ALL {
	}

	.MTO {
	}

	.TUBOB {
	}

	.LABO {
	}

	.laboDD {
		margin-right: 0;
	}

	.aboutThisServer p {
		background-color: transparent;
	}

	.aboutThisServer .download {
		letter-spacing	: 1px;
		font-weight		: bold!important;
		text-align		: center;
	}

	.aboutThisServer .first {
		margin-top		: 12px;
	}

	.aboutThisServer .last {
		margin-bottom	: 12px!important;
		width			: auto;
	}

	.aboutThisServer ul {
		margin			: 4px;
	}

	.aboutThisServer ul li,
	.aboutThisServer p {
		line-height		: 1.4
	}

	.aboutThisServer a:hover {
		color			: #CCC;
	}

	.aboutThisServer .download a {
		color			: #ff7e00;
	}

	.aboutThisServer .download ul {
		margin			: 16px 0;
	}

	.aboutThisServer .download ul li {
		line-height		: 1;
		text-align		: center;
	}

	.aboutThisServer a:hover {
		color: #CCC;
	}

	.aboutThisServer .download ul li:first-child {
		margin-bottom: 4px;
	}

	.imageWrap {
		background-size		: 310px auto;
		border-radius		: 2px;
		height				: 80px;
		margin-bottom		: 4px;
		background-position	: center center;
	}

	.bgSign {
		background-image: url("../img/thumb-screenshot-12.jpg");
	}

	.bgHard {
		background-image: url("../img/thumb-screenshot-7.jpg");
	}

	.bgBob {
		background-image: url("../img/thumb-hdv.jpg");
	}

	.bgLabo {
		background-image: url("../img/thumb-screenshot-1.jpg");
	}

	.fi-download::before {
		display			: block!important;
		font-size		: 32px;
		text-align		: center;
	}

	ul.hardVanilla li {
		list-style-type		: disc;
		list-style-position	: inside;
	}

	.downloadIntro {
		margin			: 0 4px!important;
	}

	.downloadIntro a {
		color			: #ff7e00;
	}

	/* ご協力・禁止事項・チャット・認証パスワード
	================================================================================================================ */
	#onegai ul,
	#kinshi ul {
		margin-left		: 4px;
	}

	#onegai div.wrapper,
	#kinshi div.wrapper,
	#chat div.wrapper,
	#password div.wrapper {
		background-color: rgba(255,255,255,0.85);
		border-radius	: 0 0 4px 4px;
		border-color	: #555555 #111111 #111111 #666666;
		border-style	: solid;
		border-width	: 1px;
	}

	#onegai div ul li,
	#kinshi div ul li {
		list-style		: inside disc;
		line-height		: 1.5;
	}

	#chat p:last-child {
		margin-bottom	: 4px;
		letter-spacing	: 1px;
		font-weight		: bold;
	}

	#kinshi,
	#chat,
	#password {
		margin-top		: 6px;
	}

	#introduction .wrapper,
	#koushin,
	#mining,
	#onegai,
	#kinshi,
	#chat,
	#password {
		box-shadow		: 0 4px 8px 0 rgba(17, 17, 17, 1);
		border-radius	: 4px;
	}

	.banUserList {
		margin-bottom	: 4px;
		font-weight		: bold;
		letter-spacing	: 1px;
	}

	/* サーバーの不具合の報告・要望など
	================================================================================================================ */
	#report {
		padding-bottom	: 20px;
	}

	#report .inputWrapper {
		background-color: #ff9f1c;
		border-bottom	: 2px solid #862402;
		border-top		: 1px solid #862402;
		color			: #412f1e;
		font-size		: 2rem;
		font-weight		: bold;
		padding			: 4px;
		text-shadow		: -1px 0 1px #000000, 1px 0 1px #ffc16d;
		box-shadow		: 0 6px 22px -5px rgba(134, 36, 2, 1) inset, 0 4px 8px 0 rgba(17, 17, 17, 1);
		border-left		: 1px solid #333;
		border-right	: 1px solid #333;
	}

	#report .inputWrapper p {
		background-color: transparent;
		font-size		: 12px;
		font-weight		: normal;
		line-height		: 1;
		margin-bottom	: 4px;
		padding			: 0;
		letter-spacing	: 1px;
	}

	input[name=naiyou] {
		width			: 267px;
		margin-right	: 1px;
		vertical-align	: top;
	}

	button[name=submit] {
		width			: 36px;
	}

	#reportDisplay {
		background		: #404040 url("../img/rebel.png") repeat scroll 0 0;
		border-radius	: 0 0 4px 4px;
		box-shadow		: 0 4px 8px 0 rgba(17, 17, 17, 1);
		color			: #ccc;
		padding-bottom	: 4px;
	}

	#reportDisplay li {
		border-bottom	: 1px dotted;
		margin			: 0 12px 4px;
		padding-bottom	: 4px;
	}

	#reportDisplay li:last-child {
		border-bottom	: 0 none;
		margin-bottom	: 0;
	}

	.reportText {
		white-space		: normal;
		word-break		: break-all;
		line-height		: 1.5;
	}

	.date {
		text-align		: right;
		font-size		: 10px;
	}

	.notReport {
		display			: none;
	}

	/* アニメーションCSS */
	.anime {
		display: none;
	}

	#notebook .columnBox {
		background		: rgba(255, 255, 255, 0.85) none repeat scroll 0 0;
		padding			: 4px;
		border-style	: solid;
		border-width	: 0 1px;
		border-color	: #555555 #111111 #111111 #666666;
		text-align		: justify;
		text-justify	: inter-ideograph;
		-moz-columns	: 1 auto;
		-webkit-columns	: 1 auto;
		columns			: 1 auto;
		-moz-column-rule	: 0 none;
		-webkit-column-rule	: 0 none;
		column-rule			: 0 none;
		-moz-column-gap		: 0;
		-webkit-column-gap	: 0;
		column-gap			: 0;
	}

	#notebook section img {
		width		: 310px;
	}

	.smartPhoneHidden {
		display: none;
	}

	footer {
		margin: 0;
	}

	footer div:first-child {
		height			: 12px;
		padding			: 15px 0;
		background-color: #ff9f1c;
		color			: #412f1e;
		font-size		: 12px;
		font-size		: 1.2rem;
		font-weight		: bold;
		text-align		: center;
		letter-spacing	: 1px;
		position		: relative;
		box-shadow		: 0 6px 22px -5px rgba(134, 36, 2, 1) inset, 0 4px 8px 0 rgba(17, 17, 17, 1);
		width			: 320px;
		margin			: 0 auto;
		border-radius	: 4px 4px 0 0;
		text-shadow		: -1px 0 1px #000000, 1px 0 1px #ffc16d;
	}
}