body {
	margin-left: 20px;
	min-width:200px;
/*	max-width:800px;
	width:800px; */
	background-color:mintcream;
	font-size:9pt;
	color:black;
	line-height: 150%;
	letter-spacing:1px;
}


/* 箇条書き */
.itemized {
	list-style-type: square;
	list-style-position: outside;
	vertical-align:middle;
}
.indent {
	text-indent:1em;
}

/* コマンドプロンプト * /
pre.command
{
	margin-left: 50px;
	border-right: lightgrey 1px solid;
	padding-right: 5px;
	border-top: gray 1px solid;
	padding-left: 5px;
	padding-bottom: 5px;
	border-left: gray 1px solid;
	width: 80%;
	padding-top: 5px;
	border-bottom: lightgrey 1px solid;
	white-space: pre;
	background-color: black;
	line-height: 120%;
	font-family:'ＭＳ ゴシック';
	font-size:9pt;
	color:white;
}
*/

/* 解説 * /
.description {
	color:black;
	cursor:help;
	font-family:'ＭＳ Ｐゴシック';
	font-size:9pt;
	text-decoration:underline;
	behavior:url(description.htc)
}
*/
/* 答え * /
.answer {
	color:black;
	cursor:help;
	font-family:'ＭＳ Ｐ明朝';
	font-size:9pt;
	behavior:url(description.htc)
}
*/
/* 注記 * /
.note {
	color:blue;
}
*/

/* 問題 */
div.exercise {
  margin-left: 10px;
  margin-right: 00px;
  border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
  border: solid 1px skyblue;
  background-color:white;
	padding: 20px;
/*  width:80%; */
}
div.exercise div.title{
  border-radius: 300px 300px 300px 300px / 5px 5px 5px 5px;
  box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
/*  width:98%; */
  margin-right: auto;
  margin-left : auto;
  font-size: 10.5pt;
  border-width  : 0px 0px 1px 0px;
  border-style  : dotted;
  border-color  : #333399;
  padding     : 0px 5px 3px 0px;
  text-align    : center;
  background-color: mediumslateblue;
  color:white;
  line-height:2em;
  margin-bottom: 1em;
}
div.exercise p {
  text-indent: 1em;
  margin-top: 0em;
  margin-bottom: 0px;
}
div.exercise table {
  margin-left:30px;
}
pre.exerciseSource
{
	margin-left: 50px;
	border-right: gray 1px solid;
	padding-right: 5px;
	border-top: gray 1px solid;
	padding-left: 5px;
	padding-bottom: 5px;
	border-left: gray 1px solid;
	width: 90%;
	padding-top: 5px;
	border-bottom: gray 1px solid;
	white-space: pre;
	background-color: #F0F0F0;
	line-height: 100%;
	font-family:'ＭＳ ゴシック';
	font-size:9pt;
}
pre.execute
{
	margin-left: 50px;
	border-right: lightgrey 1px solid;
	padding-right: 5px;
	border-top: gray 1px solid;
	padding-left: 5px;
	padding-bottom: 5px;
	border-left: gray 1px solid;
	width: 80%;
	padding-top: 5px;
	border-bottom: lightgrey 1px solid;
	white-space: pre;
	background-color: white;
	line-height: 120%;
	font-family:'ＭＳ ゴシック';
	font-size:9pt;
	color:black;
}

.answerTitle {
	font-family:'ＭＳ Ｐゴシック';
	font-weight: bold;
	background-color:yellow;
	cursor:hand;
	margin-bottom:10px;
}


section.code {
  background-color: lightyellow;
  font-size: 100%;
  line-height: 110%;
}
section.code + p {
  margin-top: 0.5em;
}
/*
section.code div.file {
  margin-top: 3px;
}
*/
section.code span.o {
  background-color: rgba(196,255,255,0.5);
/*  font-weight: bold; */
}