*{ margin:0; padding:0;}	/* 全称セレクター　全要素で宣言を実行 */

html{
    height:100%;
}
body {
	background: url(../img/bg.gif) repeat;
	text-align: center; 
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.9em;
	line-height: 1.4;
	color: #333;
	height: 100%;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
div#container {
	width: 850px;
	margin: 0 auto;
	text-align: left;
	background: #FFFFFF url(../img/container.gif) repeat-y top center;
	min-height: 100%;
}
div#english {
	background: url(../img/line25px.gif) no-repeat center top;
	text-align: center;
	color: #FFFFFF;
	font: normal bold 14px sans-serif;
}
div#Okiba {
	float: right;
	vertical-align: text-top;
	margin-right: 90px;
	font: 0.7em monospace;
	color: #4682B4;
}
div#ToHome { position: absolute; }
form.ret { display: inline; }
form.ret Input { padding: 0 10px; }
IMG#Title {
	width: 352px;
	height: 68px;
	margin: 0 220px 0 60px;
	border: none;
}
#lastModified {
	display: inline-block;
	color: blue;
	font: normal bold 14px sans-serif;
}
	/* 題字下　罫線内側のコメント */
P#intro {
	display: inline-block;
	width: 90%;
	font: 9.6pt sans-serif;
	margin: 13px 20px 5px 60px;
}
P#intro.short { width: 80%; }
/* ============================================= */
	/* ここからメインページになる */
div#main {
	margin-left: 5px;
	padding-bottom:20px;
	padding-top:10px;
	width: 840px;		/* 最大840pxに収めないといけない */
	background: #FFFAFA;
	overflow: hidden;
	text-align: left;
	border: none;
}
div#center {
	width: 800px;
	margin: 0 20px 0 20px;
	background-color: #F0FFFF;
	overflow: hidden;
	text-align: left;
}
div#center1 {			/* 左にLeftメニューが入る頁だけの仕様 */
	width: 650px;
	float: right;
	margin-bottom: 20px;
	margin-right: 5px;
	background-color: transparent;
	overflow: hidden;
	text-align: left;
	border: none;
}
div#center2 {			/* 全幅を最大限に使う仕様 */
	width: 840px;
	padding-left: 20px;
	background-color: #F0FFFF;
	overflow: hidden;
	text-align: left;
}
div#kakomi	{
	background-color:#F3F3DA;
	margin:10px 30px 5px 5px;
	overflow:auto;
	padding: 5px 10px;
}
#main p {
	margin: 5px 30px;
	text-align: justify;
	text-justify: inter-ideograph;
}
#main ol p {
	margin-left: 0;     /* 15px を変更 */
}
#main p#sample {
	background-color: #dcdcdc;
	padding: 10px;
}
.no-wrap { display: inline-block; }
.center {display: block; text-align: center; }
	/* ここから タグ a */
a	{ outline: none; }
a, a:active, a:visited {
	color: #3C69AA;
	background-color: transparent;
	text-decoration:none;
}
a:hover {
	color: #3C69AA;
	background-color: transparent;
	text-decoration:underline;
}
a.button3 {
    font-size: 90%;
    margin-left: 10px;
    background-color:#000;
    border:1px solid #666;
    color:white;
    padding:0 7px;
    cursor:pointer;
    border-radius:5px;
}
a.button3:hover {
    color:white;
    text-shadow:0px 0px 3px #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #666), color-stop(1.00, #111));
    background: -webkit-linear-gradient(#666, #111);
    background: -moz-linear-gradient(#666, #111);
    background: -o-linear-gradient(#666, #111);
    background: -ms-linear-gradient(#666, #111);
    background: linear-gradient(#666, #111);
}
.grad2 {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #afbdc0), color-stop(0.50, #6d7673), color-stop(0.50, #0a0f0b), color-stop(1.00, #0a0809));
    background: -webkit-linear-gradient(top, #afbdc0 0%, #6d7673 50%, #0a0f0b 50%, #0a0809 100%);
    background: -moz-linear-gradient(top, #afbdc0 0%, #6d7673 50%, #0a0f0b 50%, #0a0809 100%);
    background: -o-linear-gradient(top, #afbdc0 0%, #6d7673 50%, #0a0f0b 50%, #0a0809 100%);
    background: -ms-linear-gradient(top, #afbdc0 0%, #6d7673 50%, #0a0f0b 50%, #0a0809 100%);
    background: linear-gradient(to bottom, #afbdc0 0%, #6d7673 50%, #0a0f0b 50%, #0a0809 100%);
}
	/* figure の設定 */
pre.wrap {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.9em;
	line-height: 1.4;
	white-space: pre-wrap;
	word-break: break-all;
	padding-right: 20px;
}
figure.sc {
  margin: 0;
}
figure.sc figcaption {
  margin: 0 3%;
}
.right {
  float: right;
  margin-right: 2%;
}
figure.sc pre {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.0rem;
  word-wrap: break-word;
  line-height: 1.4;
  color: white;
  background: #4b474d;
  padding: 0 2%;
  margin: 1% 2% 3%;
  overflow-x: scroll;
}
figure.pic {
    display: table;
    margin: 0 0 10px 30px;      /* 外側に余白を加える(右に5px・下に7px) */
/*    background-color: #cc9999;  */
    border: 2px solid tan;
}
figure.pic img {
    display: block;             /* 余計な余白が出ないようにする */
}
figure.pic figcaption {
    display: table-caption;
    caption-side: bottom;
    padding: 5px;
    color: #000000;
    background-color: #f0ffff;
}
	/* lowcontents の設定 */
DIV#LowContents {
	text-align: right;
}
DIV.parent {
	display: flex;
	justify-content: flex-end;
/*	border: 2px solid red;*/
}
DIV.parent DIV {
	margin-right: 12px;
	margin-bottom: 8px;
}
DIV.parent DIV figure {
	margin: 0;
}
DIV.parent DIV figcaption {
	padding: 2px 5px 5px 0;
	font-size: 12px;
	font-weight: bold;
	color: blue;
	background-color: transparent;
}
	/* figure の設定　ここまで */
blockquote {
	border-left: 5px solid #DCEFF2;
	padding-left: 13px;
	margin:10px 0 10px 10px;
}
#contents ol {
	margin: 0 0 30px 100px;	/* 目次 */
	font: bold 80%/1.0em Arial;
}
#contents ol ul {
	margin: 0 0 0 10px;	/* 目次 */
	list-style: disc;
}
#center	ul, ol {
	margin: 0 50px 30px 60px;	/* margin-left 60 */
}
#center	ul li, ol li {
	margin: 10px 0 0 0;	/* margin-top 10 */
}
#center	ul li ul {
	margin: 5px 0 0 10px;
	padding: 10px;
	list-style: none;
	background-color: #FFFFFF;
	border: 1px gray solid;
}
#center	ol li ol {
	margin: 5px 0 0 20px;
	list-style-type: lower-roman;
}
#center	ol li ul {
	margin: 5px 0 0 10px;
	padding: 10px;
	list-style: none;
	background-color: #FFFFFF;
	border: 1px gray solid;
}
#center1 ul {
	margin: 10px 10px 20px 0px;	/* Without <BLOCKQUOTE>, enlarge left margin */
	padding: 10px;
	list-style: none;
	background-color: #FFFFFF;
	border: 1px gray solid;
}
#center1 ul li {
	padding: 0 0 0 20px;
	font-size: 13px;
	background-image: url(../img/circle.gif);
	background-position: 0 0.4em;
	background-repeat: no-repeat;
}
#center2 ol {
	margin: 0px 10px 35px 50px;	/* Left margin 65  順番は top right bottom left */
	font-family: Verdana, sans-serif;
}
#center2 ol li {
	margin: 7px 0 0 0;	/* when 1 ol, change 20px to 10px */
	border: none;
}
#center2 ol li div {
	padding: 5px 0 0 10px;
}
	/* 見出し　H1～H5 */
h1 {
	background: url(../img/h1-2.gif) no-repeat;
	height: 30px;
	font-weight: bold;
	font-size:15px;
	text-align: right;
	margin: 10px 10px 20px;
}
.head { padding-top:5px; }
.main { padding-top:5px; color:#3C69AA; }
.append { padding-top:5px; }
.tuika {
	color: cornflowerblue;
	margin-left: 100px;
	padding-right: 20px;
}
div.ToLast { position:relative;Top:4px;; }
button.b { padding: 1px 6px;}
.flex{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-around;
}
h2 {
	width: 90%;
	color:#483D8B;
	background: url(../img/h2bg.gif) repeat-x;
	padding-top: 3px;
	font-weight: bold;
	font-size:14px;
	height: 25px;
	margin: 25px 60px 20px 20px;
}
h3 {
	width: 90%;
	color:#000;
	margin: 20px 60px 20px 20px;
	padding-left: 10px;
	font-size:14px;
	font-weight: bold;
}
h4 {
	width: 90%;
	color:#000;
	margin: 25px 60px 10px 20px;
	padding-left: 10px;
	font-size:15px;
	border-bottom:#D2B48C double 3px;
	font-weight: bold;
}
h5 {
	width: 90%;
	margin: 0px 0 20px 60px;
	font-size: 13px;
	font-weight: bold;
	background-color: transparent;
}
	/* Table CSS 表の設定 */
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-family: Verdana, sans-serif;
}
td {
	vertical-align: top;
}
table#border{
	border: 1px solid #000;
}
table#border th {
	border: 1px solid #000;
	padding: 5px;
}
table#border td{
	border: 1px solid #000;
	padding: 1px 5px;
}
table#vbs {
	width: 750px;
	margin-left: 30px;
	font-size: 13px;
}
table#vbfunction {
	margin-left: 30px;
	font-size: 13px;
	font-family: Verdana, sans-serif;
	width: 750px;
}
/* ============================================= */
small.ap {
	float: right;
	background-color: #0066cc;
	color: white;
	padding: 2px;
	margin-right: 30px;
}
small.ap2 {
	background-color: #003399;
}
.red{
	color: #FF3300;
}
.blue{
	font-weight: bold;
	color: blue;
}
.gray{
	font-weight: bold;
	color: #777777;
}
.strong{
	font-weight: bold;
}
	/* 罫線内側に配置した　リンクを集めた青い棒 */
#gNavi {
	text-align:center;
	margin:5px 0px 2px 25px;
	width:800px;
	height:31px;
	overflow:hidden;
	background:#009;
}
#gNavi li {
	display:inline-block;
	vertical-align:middle;
	list-style:none;
	width:80px;
	height:25px;
	margin:2px 1px;
	border:solid 1px #FFCCFF;
	border-radius: 3px;
}  
#gNavi li a {
	display:block;
	line-height:25px;
	color:#fff;  
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.9em;
	text-align:center;
	text-decoration:underline;
}
#gNavi li a:hover {
	background:#66c;
}
/* ============================================= */
	/* 印刷関連の設定 */
@media print {
body {
	font-size: 11pt;
	color: #000000;
	background-color: #FFFFFF;
	overflow: visible !important;
}
a:link,
a:visited {
	text-decoration: underline;
	color: #000000;
}
img {
	border: 0;
}
div#english {
	display: none;
}
.noprint {
	display: none;
}
.break {
        page-break-before: always; 
}
.break0	{
	page-break-before: avoid; 
	page-break-after: always;
}
.break1	{
	page-break-before: always; 
	page-break-after: avoid; 
}
.avoid	{
	page-break-before: avoid; 
	page-break-after: avoid;
}}