@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}

/* IE10以上 */
@media all and (-ms-high-contrast: none) {
  body {
    font-family: Verdana, Meiryo, sans-serif;
  }
}

body { 
	background-color: white;
	margin: 0px;
  font-family: "-apple-system", "Yu Gothic", YuGothic, "Helvetica Neue", Verdana, Meiryo, "M+ 1p", sans-serif;
}
p   { font-size: 10pt; line-height: 140%; margin-top: 4pt; margin-left: 64px; margin-right:40px; }
pre { text-align: left; 
	margin-top: 8pt; margin-bottom: 16pt; margin-left: 12pt; margin-right:12px;
	padding-left:32px; padding-top: 14px; padding-bottm: 14px;
	background-color:#eee; border: 1pt dotted gray}
h1 { color: #5c5c5c; text-align: center; 
	margin-right: 20pt; margin-left: 20pt; margin-bottom: 40px; margin-top: 12px;
	border: dotted 2px #5962b8;
	padding: 12px;	}
h2 { font-size: 16pt; background-color: #bbb;
	margin-bottom: 8pt; margin-left:40px; margin-right:40px;
	padding-left: 8pt; padding-top: 3px; padding-bottom: 3px;}
h3 { font-size: 12pt; margin-bottom: 0px; margin-left:62px; margin-right:40px;border-bottom: 1pt solid gray }
table { text-align: left; position: relative; width: auto; background-color: #E7E7E7; padding: 4px;
	margin-top: 12px; margin-bottom: 12pt; margin-left:8px; margin-right:8px;}
td { vertical-align: top; font-size: 10pt; padding-left: 4px; padding-right: 4px; border-bottom: 1px dotted #444;}
th { font-size: 10pt; padding-left: 4px; padding-right: 4px; border-bottom: 2px solid #444;}
ul { margin-top: 6px; margin-bottom: 6px; margin-right:40px; }
ul ul {margin-top: 6px; margin-bottom: 6px; margin-right:0px; }
ol { margin-top: 6px; margin-bottom: 6px; margin-left:64px; margin-right:40px; }
ul li { margin-left:54px; font-size: 10pt; line-height: 140%;}
ol li { margin-left:24px; font-size: 10pt; line-height: 140%;}
ul ul li { margin-left:20px; font-size: 10pt; line-height: 140%;}

td.methodKeyword	{ text-align: right; white-space: nowrap; }
td.methodType	{ text-align: left; white-space: nowrap; }
td.methodExp	{ border: none; background-color: #BBBBBB;	font-size: 14pt;}
table.methodReference	{	width: 97%;	}
div.methodDescription	{	margin-left: 24px;	font-size: 10pt;	}

div.title-sub	{ font-size: 16px; color: black; margin-top: 10px;}
div.title-pre	{ font-size: 16px; color: black; }
.inline	{ float: right; margin-left: 0; }


div.picture { text-align: center; 
	margin-left: 64px;	margin-right: 40px;	margin-top: 20px; margin-bottom: 20px;
	padding-top: 14px; padding-bottom: 14px;
	background-color: #E7E7E7 }
div.table { text-align: center; 
	margin-left: 64px;	margin-right: 40px;	 margin-top: 20px; margin-bottom: 20px;
	padding-top: 14px; padding-bottom: 14px;
	background-color: #E7E7E7 }
div.caption { font-size: 12pt; color:#333; margin-bottom: 20px; }
div.form {
	margin-left: 64px;	margin-right: 40px;	 margin-top: 20px; margin-bottom: 20px;
	padding-top: 14px;	padding-bottom: 2px;	padding-left: 36px;
	background-color: #E7E7E7 }
.updateDate { text-align: right; font-size: 10pt; margin-right: 40pt; }
.resultView { margin-top: 8pt; margin-bottom: 16pt; margin-left:80px; margin-right:40px; 
	padding-left:40px; padding-top: 14px; padding-bottm: 14px;
	background-color:#aae;}
.resultHeader { color: #333; margin-bottom: 6px; padding-bottom: 12px; }
.ex { color: #225; }
.step {position:relative; padding-left:40px; }
.stepnumber { position:absolute; top:0px; left:-22px; font-size: 20pt; color: #337; }
.exnumber { color: #C33; }
.column { background-color: #D4D4D4; border: 1px solid black;
	margin-top: 8px; margin-left: 80px;
	padding-top: 12px; padding-bottom: 12px; padding-right: 20px; padding-left: 0px;}
.h3markcolor { color: #77C; }

.centerimage { text-align: center; }
.sideimage { margin: 8pt 16pt 12pt 0pt }
.imageinstep { margin-top: 6pt; margin-bottom: 6pt }
.graybox { background-color: #ddd;
	text-align: left;
	margin-top: 16px;
	margin-bottom: 16px;
	margin-left: 80px;
	margin-right: 40px;
	padding: 16px;
	width: auto; height: auto; overflow: visible; 
}
.whitebox { background-color: #fff;
	text-align: left;
	margin-right: 40px;
	padding: 16px;
	width: auto; height: auto; overflow: visible; float: right;
}
.credit { text-align:right; margin-right: 60px; }
.sitenavi { text-align:right; margin: 0px; padding-right: 40px; background-color: #DDD; }

.bggray { background-color: #BBBBBB; }