* {
	margin:0px;
	padding:0px;
	font-family:'Noto Sans', sans-serif;
}

body {
	height:100%;
	min-width:1166px;
	overflow-y:hidden;
	-webkit-text-size-adjust: 100%;
	zoom:1.0;
	font-size:100%;
}

div.headerplaceholder {
	margin:0px;
	padding:0px;
	width:100%;
	height:50px;
}

div.HeaderV {
	top:0;
	margin:0px;
	width:100%; height:50px;
	/* background-color:#958474; 移動済み */
	background-repeat:no-repeat;
	background-position:right;
	background-size:512px 50px;
	z-index:1000;
}
div.BannerBGV {
	width:100%;
	min-width:600px;
	height:50px;
	/* background-color:darkblue; 移動済み */
	opacity:0.5;
}

img.banner {
	display:block;
	margin:0px;
}

.hide {
	display:none;
}
.show {
	display:block;
	position:relative;
	float:none;
	max-width:850px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	overflow-y:auto;
	scroll-behavior:auto;
}


#MainPanel {
	display:block;
	position:relative;
	float:left; width:100%; z-index:100; } #Attention {
	display:block;
	position:relative;
	float:none;
	height:100px;
	margin-left:auto;
	margin-right:auto;
	/* background-color: #E0E0E0; */
	font-size:10pt;
	padding: 10pt;
	z-index:10;
	text-indent: 0em;
	line-height: 1.5em;
	overflow-y:auto;
	z-index:200;
}

#AD {
	display:block;
	position:relative;
	float:right;
	width:300px;
	height:240px;
	right:0px;
	top:10px;
	/* background-color: #FBDAC8; 移動済み */
	z-index:900;
}

div.Header {
	margin:0px;
	width:100%; height:50px;
	/* background-color:#958474; 移動済み */
	background-image:url(../img/banner1024x100.jpg);
	background-repeat:no-repeat;
	background-position:right;
	background-size:512px 50px;
	/* filter: alpha(opacity=50); */
}
div.BannerBG {
	width:100%;
	min-width:600px;
	height:50px;
	/* background-color:darkslategray; */
	/* background-color:maroon; 移動済み */
	opacity:0.5;
}

/* #Menu { */
ul.Menu {
	/* width:100%;
	height:50px; */
	opacity:1.0;
	/* background-color:transparent; 移動済み */
	margin:0px;
}
ul.Menu li{
	display:inline-block;
	margin:0px;
	width:118px;
	height:42px;
	border-style:solid;
	border-width:1px;
	/* border-color:transparent; 移動済み */
	padding-top:6px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	text-align:center;
	vertical-align:bottom;
	font-size:18pt;
}

#Navigator {
	display:block;
	position:relative;
	float:left;
	width:300px;
	overflow-y:scroll;
	overflow-x:hidden;
	z-index:700;
}

#DialogueContainer {
	display:block;
	position:relative;
	float:none;
	margin-left:20px;
	margin-right:320px;
	margin-top:0px;
	margin-bottom:0px;
	z-index:300;
}

#Dialogue {
    display:block;
    position:relative;
    float:none;
/*    max-width:550px; */
    margin-left:auto;
    margin-right:auto;
    border-radius: 10px;
    z-index:300;
}

#StartTab {
}

#OutputFields {
	/* display:none; */
	margin-top:5px; margin-right: auto; margin-left:auto; margin-bottom: 5px;
	border-radius: 10px;
}

#Center{
	display:block;
	position:relative;
	float:none;
	z-index:100;
}

ul.InlineMenu{
	margin-top:60px;
	margin-left:20px;
}

ul.SmallInlineMenu{
	margin-top:5px;
	margin-left:20px;
}

li.inmenuitem{
	display:inline-block;
	border-style:solid;
	border-width:2px;
	padding:10px;
	margin:30px 10px;
	text-align:center;
	vertical-align:bottom;
	font-size:16pt;
	border-radius: 25px;
}

p.smallbutton{
	cursor:pointer;
}

p.smallbutton,
li.smallinmenuitem,
li.selectedinmenuitem{
	display:inline-block;
	border-style:solid;
	border-width:1px;
	padding:5px;
	margin:5px 10px;
	text-align:center;
	vertical-align:bottom;
	font-size:10pt;
	font-weight:500;
	border-radius: 10px;
}

/* #Menu { */
ul.Menu {
	/* width:100%;
	height:50px; */
	opacity:1.0;
	/* background-color:transparent; 移動済み */
	margin:0px;
}
ul.Menu li{
	display:inline-block;
	margin:0px;
	width:118px;
	height:42px;
	border-style:solid;
	border-width:1px;
	/* border-color:transparent; 移動済み */
	padding-top:6px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	text-align:center;
	vertical-align:bottom;
	font-size:18pt;
}

#Navigator {
	display:block;
	position:relative;
	float:left;
	width:300px;
	overflow-y:scroll;
	overflow-x:hidden;
	z-index:700;
}

#KanjiQst,
#Average,
#Question,
#TempResponse {
	display: table-cell; vertical-align: middle;
	margin-top:5px; margin-right: auto; margin-left:auto; margin-bottom: 5px;
	border-radius: 10px;
	background-color: #f9f9e3;
	text-align:left; padding-left: 5px;
	vertical-align: middle;
	white-space: nowrap;
	font-size:15px;
}
#Question,
#TempResponse {
	width:700px;
	height:40px;
}
#KanjiQst {
	width:500px;
	height:40px;
}
#Average {
	width:100px;
	height:40px;
}

#NGResponse {
	width:100px;
	color:#a52a2a;
}

#Lap {
	margin-top:5px; margin-right: auto; margin-left:auto; margin-bottom: 5px;
	text-align:right; padding-right: 5px;
	width:100px; height:40px;
	display: table-cell; vertical-align: middle;
	border-radius: 10px;
/*	background-color: #f9f9e3; 移動済み */
}

.questtitle {
	/* background-color: #d0d0d0; 移動済み */
	padding: 5px;
}

.smallfont {
	margin:5px;
	font-size:80%;
}

.questitem {
	list-style-type: square;
	margin-top: 0.3em;
	margin-left: 20pt;
}
.navisubject {
	margin:5px;
	text-align:center;
	font-weight: bold;
	width:100%;
}
a {
	text-decoration: none;
}

.questtitle {
	/* background-color: #d0d0d0; 移動済み */
	padding: 5px;
}

.smallfont {
	margin:5px;
	font-size:80%;
}

.questitem {
	list-style-type: square;
	margin-top: 0.3em;
	margin-left: 20pt;
}
.navisubject {
	margin:5px;
	text-align:center;
	font-weight: bold;
	width:100%;
}

table.scoretable {
	margin:0px;
	text-align:center;
	padding:5px;
	border-style:solid;
	border-width:1px;
	border-collapse: collapse;
	font-size: 10pt;
}
th.scoretableheader,
td.scoretableheader,
th.scoretable,
td.scoretable {
	margin:0px;
	text-align:center;
	padding:5px;
	border-style:solid;
	border-width:1px;
	/* font-size: 10pt; */
}
tr.scoretable {
	cursor:pointer;
}
tr.scoretable:hover {
	background-color: yellow;
}
.contextmenu {
	display: none;
	position: fixed;
	width: 200px;
	background-color: #fff;
	border: 1px solid #ccc;
	box-shadow: 1px 1px 1px rgba(0,0,0,.2);
	z-index: 9000;
}
.contextmenu.show {
	display:block;
}
.contextmenu ul {
	list-style: none;
	padding: 10px 0;
}
.contextmenu ul li {
	padding: 4px; 10px;
	cursor:pointer;
	font-size:14px;
	color: #333;
}
.contextmenu ul li:hover {
	background-color: yellow;
}
span.AttenTitle {
	font-weight: bold;
	text-decoration: underline;
}
span.Attention {
}
a.OpenInNewWindow {
	font-weight: bold;
	text-decoration: underline;
}

p.note {
	margin: 5px;
}

p.interactive {
	margin: 10px;
}