/* Googleフォント */
/* @import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css); */
/* @import url('https://fonts.googleapis.com/css?family=Unica+One'); */ 

/* BookEntry.htm CSS */
body{
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 100%;
	background-color:#dddddd;
}
button{
	padding:0px;
}
div{
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
}
div#base{
	background-color:#FEFEFE;
	position : absolute;
	top:0px;
	left:0px;
	width:1200px;
	height:644px;
	z-index:10;
}
/* 機能ボタン */
div#menu{
	display: flex;
	justify-content:flex-start;
	align-content:flex-start;
	position : absolute;
	box-sizing: border-box;
	top:0px;
	left:0px;
	width:1200px;
	height:36px;
	padding-top:2px;
	padding-left:2px;
	background-color:rgba(192,64,0,0.5);
}
/* ボタン */
button.tabbtn{
	display:inline-block;
	font-size:14px;
	line-height:24px;
	height:31px;
	width:120px;
	margin: 0px 2px 0px 0px;
	border:solid 1px #111111;
}
	div#menu div.pn{
		display:inline-block;
		font-size:14px;
		line-height:24px;
		height:28px;
		padding:0px 8px 0px 8px;
		margin: 0px 2px 0px 0px;
		border:solid 1px rgba(0,0,0,0.4);
	}
	div#menu div.picked{
		color:#fff;
		background-color:rgba(0,0,0,0.6);
	}
button.roombtn{
	display:inline-block;
	font-size:14px;
	line-height:24px;
	height:31px;
	width:120px;
	margin: 0px 2px 0px 0px;
	background-color:rgba(255,255,255,0.4);
	border:solid 1px #111111;
}
/* List */
div#log_frame{
	font-size:12px;
	position : absolute;
	top:35px;
	left:973px;
	width:217px;
	height:569px;
	/*background-color:#fff;*/
	border:1px solid #666666;
	padding:4px;
	overflow:auto;
	z-index:11;
}
div#chatbox_frame{
	position:absolute;
	top:613px;
	left:973px;
	width:227px;
	height:32px;
	z-index:19;
}
	input#inpchat{
		font-size:14px;
		line-height:24px;
		height:32px;
		width:227px;
		padding:4px;
		border:solid 1px #666666;
	}
div#common_frame{
	position : absolute;
	top:35px;
	left:0px;
	width:972px;
	height:101px;
	background-color:rgba(192,64,0,0.2);
	border:1px solid #666666;
	z-index:12;
}
	div#common_list{
		display: flex;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-content:flex-start;
		width:972px;
		height:101px;
		overflow:auto;
	}
div#common_logo{
	position : absolute;
	top:35px;
	left:0px;
}
div#picked_frame{
	position : absolute;
	top:137px;
	left:0px;
	width:972px;
	height:303px;
	background-color:rgba(192,64,0,0.1);
	border:1px solid #666666;
	z-index:13;
}
	div#picked_list{
		display: flex;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-content:flex-start;
		width:972px;
		height:303px;
		overflow:auto;
	}
div#picked_logo{
	position : absolute;
	top:237px;
	left:0px;
}
div#pack_frame{
	position : absolute;
	top:441px;
	left:0px;
	width:972px;
	height:202px;
	/*background-color:#fff;*/
	border:1px solid #666666;
	z-index:14;
}
	div#pack_list{
		display: flex;
		flex-wrap:wrap;
		justify-content:flex-start;
		align-content:flex-start;
		width:972px;
		height:202px;
		overflow:auto;
	}
div#pack_logo{
	position : absolute;
	top:491px;
	left:0px;
}
div#block_frame{
	display:none;
	position : absolute;
	top:441px;
	left:0px;
	width:974px;
	height:202px;
	background-color: rgba(0,0,0,0.4);
	z-index:88;
}
div.logo{
	width:972px;
	height:100px;
	color:rgba(0,0,0,0.2);
	font-family: 'Unica One', cursive;
	font-size:92px;
	text-align:center;
	z-index:1;
}
div#dialog_frame{
	display:none;
	position : absolute;
	top:35px;
	left:0px;
	width:974px;
	height:609px;
	background-color:rgba(0,0,0,0.6);
	z-index:99;
}
	div#dialog_msg{
		position : absolute;
		top:220px;
		left:0px;
		width:972px;
		height:80px;
		color:#fff;
		font-size:36px;
		text-align: center;
	}
	div#dialog_btn{
		position : absolute;
		top:380px;
		left:0px;
		width:972px;
		height:34px;
		text-align: center;
	}
	input.dialog{
		font-size:16px;
		line-height:24px;
		height:32px;
		width:364px;
		padding:4px;
		border:solid 1px #888;
	}
/* Card Button */
div.card{
	display: flex;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-content:flex-start;
	background-size:contain;
	height:97px;
	width:77px;
	margin:2px;
	background-color: rgba(0,0,0,0.4);
}
	div.card div.cname{
		order:1;
		height:30px;
		width:75px;
		font-size:9px;
		color:#FFFFFF;
		background-color: rgba(0,0,0,0.4);
		padding: 1px 0px 0px 2px;
	}
	div.card div.pickpn{
		order:2;
		height:28px;
		width:75px;
		font-size:9px;
		line-height:14px;
		color:#ffffff;
		background-color: rgba(0,0,0,0.5);
		padding: 1px 0px 0px 2px;
	}