@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Azeret+Mono&display=swap'); /* Azeret Monoフォントの読み込み */

body{
  /* kb01.png */
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABABAMAAABYR2ztAAAABGdBTUEAALGPC/xhBQAAABJQTFRF/Pz87f//////7/D73ez+3v//q20e2wAABC5JREFUSIktVcuW6ygMlIS9F9B3D3wBnCR798mdvedk/v9bpkok3bEdA3qUSiXpqmpFh4rvjzZcin4/IsYVFdVDcKsaG7GSXIeNlkVNzT0v7vElPjNWuefh24KrD9U53WsSvpsJe0UvmhK/JPnorV7/ite87Wcpjsf4ukjWzqhoEKuXtiY3DfPPTXM8eniNNMqABfdvIF4EofU23yoL0ZnqYEYzXDG/1vEFBKc/PzpdbRhxUYDRlPvVYMH8j6x6JF9tFG+MqLcOvHK6CqxMj7TgVkppKcAcak2nvB6IEOC5Lg0w2/AbGKYdr84b7+WoKcDWTst6zCUfr4T69uddOoFQ2pQWQOhvwMms9XyomSBr5I7M+4QPr7QFz/O6rnnOMgAECypVfM0xmCPzvu51Ln0T3ux5eIVTrbqpgOIulzsCa04Lg+5r/QFxEhKiBYYxiX6XgWqOXXoviCEBI8kVx52omnRrbh7OFurMfeCE8NYN8cuXfTD4QK2ZX/WFbcuKDW1FbBQp4jtAopEWiOcAUXtncC2sR31l0VQWsE1OVANrjhiksHKotJ7Ka9QNmarxGBnVzMI+PRBSb/SIc2GVz4NY24je6U1GL9FLFi/Ar2KtkUewUqNSZt24hTAw3Zk7txpRygGwWm8jHA5YQDs1HoVduVMOSB3WeJq1IDYF2E9c/QD64OgsRWG/oWNIR5+kDFBnHiRfdGTbPMOJ9Vp+TDx80YINNPXufX9w79uTfH6rxhaWm9EIqDWv46MCDh5ZggGa5HpTPGTmCPCkZJC0ki+GCpf1h26ue3ovUXiPRoxeFul4vj6anvdzMlNWfWLR//6zUKfMkvmTUT/rPQvkhAQUOD0n6xQX/7y9vv14IaL3yQXJ80wf4ElIvCdCeYSs+SsFMzb43o+0KpUDqIEYQuaGDkT5mI3CbwZ8yJXUknoEsi59BDfyQ1CInE4G9Qu9OBdOZVkSAJqmP8d9EOtz4fgpCfJHpSLylMd+ikxqjlyUVLD6v0ODSOQDK0mm36y434hugvwvnFuNMsc+Lb4Fm7cqNQvZDNYGLXHEtoSDBEnri8WB5cLVgVPU5nkknSFNVT60qpX9VYNGipcnSkuFSETl+qA5Ap7jLoidswLrB7ammBVsmx76WMP6Fc2/6m4siBHgKyNr3UzV12v6HbOhkml/009aF6m55RKvkZSgCpQpkKLe4QNWiWP8LwgZZxOowsspIS/KQZBbWMGuYTGmUHagSB7NqrmM5kFGJ4A9aTQvQvxg8CAqIwvwO7oR8q4eIpGdhLjk/iomCV32TLXIM+1YfbcmXFglYeDZoJJ5NxzcQjWGle0E84eIg1oWE45SBvBKiYmFGKA2PDr0q86M/DjkO8yxJZIB8G2LB0cLagmZ2GxOqHsneFsrgobqmznOkYQmpMCE9z37kcTudq7p//kEdbqnfe70AAAAAElFTkSuQmCC);
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}
h1{
  text-align :center;
  font-size  :x-large;
  font-weight:bold;
  line-height:1.5
}

h2,h3,h4,h5,h6{
  font-size  :large;
  font-weight:bold;
  margin-top :2em;
  line-height:1.4
}

h2.index>span,h3.index>span,h4.index>span,h5.index>span,h6.index>span{
  display:table
}

.IndexNum{
  display:table-cell
}
.IndexTitle{
  padding-left:.3em;
  display:table-cell
}

h2{
  padding-top     :.8em;
  padding-bottom  :.8em;
  padding-left    :.5em;
  background-color:#cea
}

h2 .IndexNum{
  padding-top     :.8em;
  padding-bottom  :.8em;
  padding-left    :.5em;
  background-color:#bd9;
  border-right    :4px solid #bd9
}

h2 .IndexTitle{
  padding-top     :.8em;
  padding-bottom  :.8em;
}

h3{
  padding-top     :.5em;
  padding-bottom  :.5em;
  padding-left    :.3em;
  background-color:#bfe
}

h3 .IndexNum{
  padding-top     :.5em;
  padding-bottom  :.5em;
  padding-left    :.5em;
  background-color:#aec;
  border-right    :4px solid #aec
}

h3 .IndexTitle{
  padding-top     :.5em;
  padding-bottom  :.5em;
}

h4{
  padding-top     :.3em;
  padding-bottom  :.3em;
  padding-left    :.3em;
  border-top   :2px solid #cc8;
  border-bottom:2px solid #cc8;
  border-left  :.2em solid #cc8;
  border-right :.2em solid #cc8
}

h4 .IndexNum{
  padding-top     :.3em;
  padding-bottom  :.3em;
  padding-left    :.3em;
  background-color:#cc8;
  border-right    :.2em solid #cc8
}

h4 .IndexTitle{
  padding-top     :.3em;
  padding-bottom  :.3em;
}

h5{
  padding-top     :.1em;
  padding-bottom  :.1em;
  padding-left    :.3em;
  border-bottom:2px solid #aeb;
}

h5 .IndexNum{
  padding-top     :.1em;
  padding-bottom  :.1em;
  padding-left    :.3em;
  background-color:#aeb;
  border-right    :.2em solid #aeb
}

h5 .IndexTitle{
  padding-top     :.1em;
  padding-bottom  :.1em;
}

h2.index,h3.index,h4.index,h5.index,h6.index{
  padding:0;
}

p,div,td,li,dd,dt,pre{
  line-height:1.5;
  font-size  :medium
}

p{
  margin-top   :.5em;
  margin-bottom:1em;
  text-indent  :1em
}

p.NoIndent,p *,.PicDescription>div :not(p){
  text-indent:0
}

/* 上線 */
span.overline{
  display:inline-block;
  margin-top:2px;
  border-top:1px solid
}

pre{
  padding:0.3em;
  margin :0.5em
}

li{
  margin:0.8em
}

table{
  border-collapse:collapse
}

table,th,td{
  border:1px solid #555
}

/* イタリックの前後にスペースを開ける */
i{
  margin-left :0.1em;
  margin-right:0.2em
}

/* google カスタム検索対策 */
table.gsc-search-box,.gsc-search-box th,.gsc-search-box td{
  border-color:transparent
}

.revision{
  margin-left :auto;
  margin-right:0;
  border-style:none;
}

.revision td{
  background-color:transparent;
  border-style    :none;
  font-size       :small;
  max-width       :25em;
  padding         :0 0.2em
}

.revision tr{
  vertical-align:top;
}

.NoBorder,.NoBorder th,.NoBorder td{
  border:none
}

ul.NoIndent,ol.NoIndent{
  padding:0;
  margin :0 0 0 1em
}

ul.dense>li,ol.dense>li{
  margin:0
}

th{
  font-size:medium
}

img{
  background-color:#d0d0d0;
  /* loading.png */
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE8AAAAgCAMAAABkSNU7AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURc7Ozv///06ML5YAAAC4SURBVEjH7ZRLDoAgDAXp/S9tgnxeTS1DdOHCxsjPjEXLlPJ2mEl3DlrXrE3Wpi2PCct4dXk8M3h6k8m5cM+TYU/GA0auLtOY51vP60Pd+zs8xeb/w7XyxRJeyN3knd3N/VqPgDdLKOeVa4HIf5Tcgkpc119UNHP3puiA58/A5RX5+ajkfv3xwaBeg5rEXqOapF6jmqReo1qjXnvCi7hUa9Rr27yF16gmqdeoJqnXuCaZ16Am/3gWBxLkAmuS0C5lAAAAAElFTkSuQmCC);
}

strong{
  font-weight:bold;
  color      :#f00
}

span.ExternalLink{
  display         :inline-block;
  width           :10px;
  height          :10px;
  margin-left     :3px;
  margin-right    :3px;
  vertical-align  :baseline;
  background-color:transparent;
  /* ExternalLink */
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAANklEQVQYlWNgwAPq6ur+wzAKB0UCTTEDsiA2E+E0LoUY4tgUoluNVSFOPj430kEhIczAwMAAAOyvW37EeZFFAAAAAElFTkSuQmCC);
}

.LargeBold {
  font-size  :large;
  font-weight:bold
}

/* バナーとgoogleカスタム検索用 */
#header,#footer{
  max-width:60em;
  margin-left:auto;
  margin-right:auto
}

/* バナーとgoogleカスタム検索用 */
.BannerBar{
  height:45px;
}

/* バナー用 */
.banner{
  display:block;
  width:329px;
  height:29px;
  float:left;
  margin-top:10px;
  margin-bottom:0.3em;
  /* banner.png */
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUkAAAAdAQMAAAAdLAy+AAAABGdBTUEAALGPC/xhBQAAAAZQTFRFAAAA////pdmf3QAAAmVJREFUOI2N07Fq20AYB/BPNdhb1a0dQvQQXTqIqOChDxFChgwd26DFBeNT2yGjX6DgR+jYoZQIXBCFUD1AKbZrSIYOkQg0J3S+f7/vJDvxEPAN8uH7cfe/7+4I19itJST0fEea7U49FJ50V/K5glH3xycGNxtqqe0a+fxofjZtPGe6r6wnVFOkO1gAGrDR7y1qRtl3G2OPaeK7AHWNJVAx9b8J1b0NfZ10Y4SyvO8CtHQGeG7WubemKvpkYysUeUKGFAdgmu4pLKcgUh/eqjWdGKYDCkkxLSjgYjGlZz5qpEwfhwpWOQp6FJs15az2s9AOJGLKq+2PospEDeVZzWnUBOCsqy9Cb3AtUxnYAxVo29K0G+s44mLlrlj1V6FLN4SU980UQUMvLuPipKVz8m9DcVfa0QSGd1PBF+o7+opXSP31aTHNKkjAF46WGPMGQw8X2fTPG1KOcrEamld8BDMbKm3A9EzoS3WRZ5eKRl7eFGu1pvg4tkNHl3LhYAaByfBPcdac70BKPd0XyvmwyGRWLXTqDjbiu2YV58qbm7U6bGlZLkFCg0z+4W2eE3lMLQnlrOaXDAQeFrpEonQldNGe1hOmNHKUs86fMv15QGrK1MCUNhqjbCie50KHQhPq1BkPjEMdnPHaTE9M5K+peedLgGF+5QIUhyhtoKuer1d8w22nGAUoGjofRvfp3yMUg0hX+QG/BJ6tl7YPk2l3tEX1ETRv7hTGcxWeTDdXG/t9F4DSnqN1H3wfTMfRMybXd3Teeb+hXIH62A30nBtvv/5CLVwANMXSx3iw3W56zYOZPUzvWvIfxSayWWnhp3kAAAAASUVORK5CYII=);
}

/* googleカスタム検索用 */
.search{
  display:block;
  width:300px;
  height:51px;
  float:right;
  margin-bottom:0.3em
}

/* パンくずリスト用 */
div.breadcrumb{
  margin     :0.5em 0;
  line-height:100%
}

/* メニュー用 */
span.PageBox{
  display     :inline-block;
  border-width:1px;
  border-color:#a0e0e0;
  border-style:solid;
  background  :#f0ffff;
  width       :auto;
  height      :auto;
  padding     :5px 5px
}

/* メニュー用 */
.MenuBar{
  font-size:90%;
  clear:both
}

/* メニュー用 */
.MenuBar >a{
  width          :7em;
  padding        :0.5em 0;
  margin         :0.1em 0.5em 0.5em 0;
  list-style-type:none;
  text-align     :center;
  display        :inline-block;
  text-decoration:none;
  line-height    :100%
}

/* メニュー用 */
a.MenuItem1{
  background-color:#ffb0ff
}

/* メニュー用 */
a:hover.MenuItem1{
  background-color:#efa0ef
}

/* メニュー用 */
a.MenuItem2{
  background-color:#66cdaa
}

/* メニュー用 */
a:hover.MenuItem2{
  background-color:#56bd9a
}

/* メニュー用 */
a.MenuItem3{
  background-color:#b0e0f0
}

/* メニュー用 */
a:hover.MenuItem3{
  background-color:#a0c0df
}

/* メニュー用 */
a.MenuItem4{
  background-color:#fff680
}

/* メニュー用 */
a:hover.MenuItem4{
  background-color:#efe670
}

/* メニュー用 */
a.MenuItem5{
  background-color:#e3adc1
}

/* メニュー用 */
a:hover.MenuItem5{
  background-color:#d39db1
}

/* メニュー用 */
a.MenuItem6{
  background-color:#f3a68c
}

/* メニュー用 */
a:hover.MenuItem6{
  background-color:#e3967c
}

/* メニュー用 */
a.MenuItem7{
  background-color:#b0ff80
}

/* メニュー用 */
a:hover.MenuItem7{
  background-color:#a0ef70
}

/* メニュー用 */
a.MenuItem8{
  background-color:#bbccff
}

/* メニュー用 */
a:hover.MenuItem8{
  background-color:#abbcef
}

/* 目次用 */
div.index2{
  padding-left:1em;
  text-indent:-1em
}

/* 目次用 */
div.index3{
  padding-left:2em;
  text-indent :-1em
}

/* 目次用 */
div.index4{
  padding-left:3em;
  text-indent :-1em
}

/* 目次用 */
div.index5{
  padding-left:4em;
  text-indent:-1em;
}

/* 目次用 */
div.index6{
  padding-left:5em;
  text-indent :-1em
}

div.index2 *,div.index3 *,div.index4 *,div.index5 *,div.index6 *{
  text-indent:0;
}

/* 関連ページ用 */
li.ref{
  padding:0;
  margin :0 0 0 1em
}

/* 関連ページ用 */
ul.ref{
  list-style-type:disc;
  padding:0;
  margin :0 0 0 1em
}

/* 関連ページ用 */
ul.ref>li{
  padding:0;
  margin :0 0 0.2em 0
}

/* プログラムのソースリスト表示用 */
pre.program{
  line-height:130%;
  font-size:medium;
  background-color:white;
  border-width:1px;
  border-style:inset;
  overflow:scroll;
  font-family:monospace;
  position:relative
}

/* 番号付きリスト */
div.NumberedList>pre{
  line-height:130%;
  font-size:medium;
  background-color:white;
  border-width:1px;
  border-style:inset;
  overflow:scroll;
  font-family:monospace;
  position:relative;
  padding-left:2.5em
}

/* 番号付きリスト */
div.NumberedList>pre:before{
  content:"1\a 2\a 3\a 4\a 5\a 6\a 7\a 8\a 9\a 10\a 11\a 12\a 13\a 14\a 15\a 16\a 17\a 18\a 19\a 20\a 21\a 22\a 23\a 24\a 25\a 26\a 27\a 28\a 29\a 30\a 31\a 32\a 33\a 34\a 35\a 36\a 37\a 38\a 39\a 40\a 41\a 42\a 43\a 44\a 45\a 46\a 47\a 48\a 49\a 50\a 51\a 52\a 53\a 54\a 55\a 56\a 57\a 58\a 59\a 60\a 61\a 62\a 63\a 64\a 65\a 66\a 67\a 68\a 69\a 70\a 71\a 72\a 73\a 74\a 75\a 76\a 77\a 78\a 79\a 80\a 81\a 82\a 83\a 84\a 85\a 86\a 87\a 88\a 89\a 90\a 91\a 92\a 93\a 94\a 95\a 96\a 97\a 98\a 99\a 100\a 101\a 102\a 103\a 104\a 105\a 106\a 107\a 108\a 109\a 110\a 111\a 112\a 113\a 114\a 115\a 116\a 117\a 118\a 119\a 120\a 121\a 122\a 123\a 124\a 125\a 126\a 127\a 128\a 129\a 130\a 131\a 132\a 133\a 134\a 135\a 136\a 137\a 138\a 139\a 140\a 141\a 142\a 143\a 144\a 145\a 146\a 147\a 148\a 149\a 150\a 151\a 152\a 153\a 154\a 155\a 156\a 157\a 158\a 159\a 160\a 161\a 162\a 163\a 164\a 165\a 166\a 167\a 168\a 169\a 170\a 171\a 172\a 173\a 174\a 175\a 176\a 177\a 178\a 179\a 180\a 181\a 182\a 183\a 184\a 185\a 186\a 187\a 188\a 189\a 190\a 191\a 192\a 193\a 194\a 195\a 196\a 197\a 198\a 199\a 200\a 201\a 202\a 203\a 204\a 205\a 206\a 207\a 208\a 209\a 210\a 211\a 212\a 213\a 214\a 215\a 216\a 217\a 218\a 219\a 220\a 221\a 222\a 223\a 224\a 225\a 226\a 227\a 228\a 229\a 230\a 231\a 232\a 233\a 234\a 235\a 236\a 237\a 238\a 239\a 240\a 241\a 242\a 243\a 244\a 245\a 246\a 247\a 248\a 249\a 250\a 251\a 252\a 253\a 254\a 255\a 256\a 257\a 258\a 259\a 260\a 261\a 262\a 263\a 264\a 265\a 266\a 267\a 268\a 269\a 270\a 271\a 272\a 273\a 274\a 275\a 276\a 277\a 278\a 279\a 280\a 281\a 282\a 283\a 284\a 285\a 286\a 287\a 288\a 289\a 290\a 291\a 292\a 293\a 294\a 295\a 296\a 297\a 298\a 299\a 300\a 301\a 302\a 303\a 304\a 305\a 306\a 307\a 308\a 309\a 310\a 311\a 312\a 313\a 314\a 315\a 316\a 317\a 318\a 319\a 320\a 321\a 322\a 323\a 324\a 325\a 326\a 327\a 328\a 329\a 330\a 331\a 332\a 333\a 334\a 335\a 336\a 337\a 338\a 339\a 340\a 341\a 342\a 343\a 344\a 345\a 346\a 347\a 348\a 349\a 350\a 351\a 352\a 353\a 354\a 355\a 356\a 357\a 358\a 359\a 360\a 361\a 362\a 363\a 364\a 365\a 366\a 367\a 368\a 369\a 370\a 371\a 372\a 373\a 374\a 375\a 376\a 377\a 378\a 379\a 380\a 381\a 382\a 383\a 384\a 385\a 386\a 387\a 388\a 389\a 390\a 391\a 392\a 393\a 394\a 395\a 396\a 397\a 398\a 399\a 400\a 401\a 402\a 403\a 404\a 405\a 406\a 407\a 408\a 409\a 410\a 411\a 412\a 413\a 414\a 415\a 416\a 417\a 418\a 419\a 420\a 421\a 422\a 423\a 424\a 425\a 426\a 427\a 428\a 429\a 430\a 431\a 432\a 433\a 434\a 435\a 436\a 437\a 438\a 439\a 440\a 441\a 442\a 443\a 444\a 445\a 446\a 447\a 448\a 449\a 450\a 451\a 452\a 453\a 454\a 455\a 456\a 457\a 458\a 459\a 460\a 461\a 462\a 463\a 464\a 465\a 466\a 467\a 468\a 469\a 470\a 471\a 472\a 473\a 474\a 475\a 476\a 477\a 478\a 479\a 480\a 481\a 482\a 483\a 484\a 485\a 486\a 487\a 488\a 489\a 490\a 491\a 492\a 493\a 494\a 495\a 496\a 497\a 498\a 499\a 500\a";
  position:absolute;
  display:block;
  left:0;
  top:0;
  width:2em;
  height:calc(100% - 0.4em);
  text-align:right;
  padding:0.3em 2px 0 0;
  border-right:solid 1px #aaa;
  color:#666;
  background-color:#eee;
  overflow:hidden;
}

/* 番号付きリスト */
div.NumberedList{
  margin-top   :2em;
  margin-bottom:2em;
  margin-left  :auto;
  margin-right :auto;
  width        :95%
}

/* 番号付きリスト */
div.NumberedList>div{
  text-align:center
}

/* コピーボタン */
a.CopyButton{
  display:inline-block;
  margin-left:1em;
  font-size:small;
  font-weight:bold;
  background-color:#ba6;
  color:#fff;
  padding:2px 8px;
  border-radius:5px;
  vertical-align: middle;
  text-decoration: none;
}

a.CopyButton:hover{
  background-color:#cb7;
}

/* コピーボタン */

/* 番号付きコンソール画面 */
div.NumberedConsole{
  margin-top:2em;
  margin-bottom:2em;
}

/* 番号付きコンソール画面 */
div.NumberedConsole>div{
  margin:0.2em auto 0.2em auto;
  text-align:center;
}

/* 番号付き実行例 */
div.NumberedExample{
  margin-top:2em;
  margin-bottom:2em;
}

/* 番号付き実行例 */
div.NumberedExample>div, div.NumberedExample>pre{
  margin:0.2em auto 0.2em auto;
}

/* 番号付き実行例 */
div.NumberedExample>div{
  text-align:center;
}

/* BASICの実行例 */
pre.basic{
  color:white;
  background-color:#034;
  font-family:'SynExtra','BIZ UDGothic',monospace;
  overflow-x:hidden;
  overflow-y:scroll;
  overflow-wrap:anywhere;
  white-space:pre-wrap;
  word-break:break-all;
  line-height:100%;
  padding:0.2em;
  margin-top:0;
  margin-bottom:0;
}

/* BASICの実行例の注釈 */
span.BasicNotice{
  color:#faa;
  font-size:0.8em;
  vertical-align:middle;
}

/* BASICの実行例中の選択表示部分 */
span.BasicSelected{
  background-color:#577;
}

/* BASICの実行例中のカーソル */
span.BasicCursor{
  display:inline-block;
  width:1px;
  height:1em;
  background-color:white;
  margin:0 1px 0 1px;
}
/* 関数の書式表示用 */
div.format{
  line-height:130%;
  font-size  :larger;
  margin     :2em 0 2em 2em;
  font-family:monospace
}

/* 上にスペースを開ける */
.TopSpace, .TopBottomSpace, .CenterSpace, .pr, div.eq {
  margin-top:2em;
}

/* 下にスペースを開ける */
.BottomSpace, .TopBottomSpace, .CenterSpace, .pr, div.eq {
  margin-bottom:2em;
}

/* センタリング */
table.CenterSpace, table.center, .CenterSpace table, .center table, div.CenterSpace, div.center, div.CenterSpace>*, div.center>*, .pr img, div.eq, pre.center, pre.CenterSpace {
  margin-left :auto;
  margin-right:auto
}

/* センタリング */
.CenterSpace, .center, .pr, div.eq{
  text-align:center
}

/* センタリング */
table.CenterSpace, table.center, pre.center, pre.CenterSpace {
  text-align:inherit
}

/* 横スクロールする テーブル*/
div.ScrollTable{
  overflow-x:auto
}

div.ScrollTable>table {
  margin-left:auto;
  margin-right:auto
}

div.ScrollTable>table>caption {
  text-align:left
}

/* 数式用に行内の要素を縦方向に中央揃えにし、上下にマージンを付ける */
div.eq>* {
  vertical-align:middle;
  margin-top:1em;
  margin-bottom:1em
}

/* 分数 */
span.frac{
  display:inline-block;
  vertical-align:middle;
  margin-left:0.2em;
  margin-right:0.2em;
  text-align:center
}

div.eq>sup{
  vertical-align:super;
}

div.eq>sub{
  vertical-align:sub;
}

span.frac>span{
  display:block;
  padding-left:0.2em;
  padding-right:0.2em;
}

span.frac>span:first-child{
  border-bottom:solid 1px;
}

/* 数式中の改行されたくないブロック(文書中の数式にも使う) */
span.EqBlock{
  display:inline-block;
}

span.EqBlock>*{
  vertical-align:middle;
}

span.frac,span.EqBlock:not([data-type]){
  background-color:#ffffc0;
}

/* 数式中の変数 */
var{
  margin-left:0.08em;
  margin-right:-0.12em;
  font-style:normal;
  font-size:smaller;
  display:inline-block;
  vertical-align:-0.2em;
  padding-bottom:0.08em;
}

var>var {
  padding-bottom:0.05em;
}

var:first-letter{
  font-style:italic;
  font-size:larger;
  vertical-align:0.18em;
}
var:after{
  content:'\0a0';
}

/* 注釈用に太く小さい文字を使う */
.notice{
  font-size  :small;
  font-weight:bold;
  color      :#447;
  text-indent:0em;
}

/* 注釈中やコラムのbタグやdfnタグ等を真っ黒にする */
.notice b,.notice dfn,.column b,.column dfn,.column .NumberedList,.column .program,.column .NumberedTeble,.column .AltDiv{
  color:#000;
}

/* コラム用 */
div.column{
  border :solid 2px #aaa;
  padding:0 0.3em;
  margin :0.5em;
  color  :#553
}

/* 手順用 */
.step{
  margin-top   :2em;
  margin-bottom:0.5em;
  font-weight  :bold
}

/* コラム用 */
div.column>p,div.column>ul,div.column>ol{
  font-size  :small;
  font-weight:bold
}

/* コラムの表題 */
.ColumnTitle{
  font-weight  :bold;
  margin-top   :0;
  margin-bottom:1em;
  color        :#000
}

/* 図や写真を水平に並べる時に使う */
.DispHoriz>div{
  display:inline-block;
  margin :2em 0.5em
}

/* 画像にalt属性を自動でつける場合 */
div.AltDiv img{
  border:solid medium #00f !important
}

/* 図や写真の説明 */
.PicDescription div{
  font-size :small;
  text-indent:1em;
  text-align:left;
  display   :inline-block;
  max-width :90%
}

/* 図や写真の説明 */
.PicDescription div p{
  font-size:small;
  margin:0
}

/* spanによるリンク */
span.link,span.WordLink,span.glossary{
  background-color:#ffffc0
}

/* 主に改行位置指定に使うinline-block */
.InlineBlock{
  display:inline-block
}

/* ツイートボタン用 */
.TweetBtn{
  display :inline-block;
  width   :67px;
  height  :20px;
  overflow:hidden;
  /* tweet_normal.png */
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEMAAAAUCAMAAADhn3AOAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAnUExURRuV4P7+/wuO3hOR3wKJ3JTN8OPx+1Ct537C7TWh42i46svm+KzY9P5P1u4AAAEQSURBVDjLrZRRkoQgDERJp4Eg3P+8G0BnXHFqq9bpDy0hPEOHECRreCLNEjLCMyEHDU91Jag+YM61CDnwdnOKNfoashX0p4i0xJkh+ghmNLeGs492A0EUIyhDxQNQmCrVav9whAjP0Yl3efhaKwPRK+VMmPQXV8QnRpaXhtGQStk8FwSlSaIGHoKj82rbmTF+AWsgVDZlSZ4iAiXtaoweFhcI24HY57qjrAJUz6z6IFrcZYy1Y3hnyHsrY8i5Bi2RTB2MQ9r98InlcHEaKtuRInOVxnEyJuPq6YKwmF5FmYheqD3blSF3dSmdUQ16svllvdrv5tZSbg8qRtU+9NL1bOvzTv2rc/9D+MYd9IW78AeGxwYQ2BjOBwAAAABJRU5ErkJggg==);
}

.TweetBtn:hover{
  /* tweet_mouseover.png */
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEMAAAAUCAMAAADhn3AOAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAwUExURQx6v/7//wBxuwV2vQBtuYi+4Nzs9gBmtUSZznCw2ZnH5L3b7lum1C2MyB2ExO71+pBkMmEAAAEdSURBVDjLrZRbloQgDERJJRAeovvf7QSwbXWY+dH603NyqVQIjiK7J+JILsI9E6Jj91R3AvMD5qiFi05k6vjSMs8C4FStFAsR5SDDYYNBhi9JGecc0wQCT0mh1LVanVQNRZBKbRAx+Mke8jYx2x34tSPapIyJRE4y6UBciuCDTqd8qActVJQW3Yo41kRBWm+7YCdExX8MHUdlCJgWSA1mEU62sKuop/7rJnO9aw+vDUILQYoFFKwA2e9K4oP4S0LfQL6tdG+GSODqVRvDqIeMAV7vVwlaB2L5WNRYLJN+FyRcjTfG7/sJ78MYyseg2Efa05ctXxnT2fKajRGS4BTzET3Sdbl5rbOVYPSp/bFL4NlmvKo3dv+NN+iFt/AHBa4G/fClpT4AAAAASUVORK5CYII=);
}

/* フォローボタン用 */
.FollowBtn{
  display :inline-block;
  width:67px;
  height:20px;
  overflow:hidden;
  margin-left:1em;
  /* follow_normal.png */
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEMAAAAUCAMAAADhn3AOAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAqUExURRuV4P///w2P3hSR3wCH3Emq5gWL3Y/K79/v+qXV8nC87DKg49Do+O72/Dyc4FAAAAEISURBVDjLtZTrjoQgDIV7LxV9/9fdUtRJJqPZrLPfLyNw6DkFAJXhCawISvAMUmB4yrsC8wPNuZZAweyvEkvPpbQgYrQhIpPS44qMrLiOjxwXIcGiM+xfuNpIPmjot2K5FKkKvNe60SnWQW/NiMSbEOUunqDTTZdPKmgeCIaE+7p5+FSS5iQn1xrnEHVUSw3cNdKXNZcPMycSx0AcxRJgEzDZcC0vTcyyDtMT/hDIy0r+EMXNIP1sVUHmMSLNPPjkPVSZgeKRu4+m5KyseGpEZbre9MW9zabsJ8wwdNilsKpn7JKG6OZ8cI/UWJfXFLPdE4P+8mozWZ5KurkH/8w37v433qAvvIU/JwEG/5HLMLQAAAAASUVORK5CYII=);
}

.FollowBtn:hover{
  /* follow_mouseover.png */
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEMAAAAUCAMAAADhn3AOAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAtUExURQx6v////wByu/v9/gR1vQBntgBtudnq9Y7B4jSQyUOYzYC63mas1xeAwqPN5xKO3ukAAAEZSURBVDjLtZTrbsMgDEax8Q0IvP/jzgaWSZlaTUt6/kUNp/ZnkwSV0h2oQqqY7oE1UbrL1UB0w7nOYq9d5L+Ko/hRPABgaEh4MX00I0OZvI4PDQ5GhpwzQKfEsAgf1YHh18nxUhIV5NanIyZFtQSqgsimjIiWm1nLhq+nHAWEIsMMmgKGwcNM/XSTaWI15JNfm5I3cP6EBYoMa6DL4X2J2nebzkUiY0vgLBY7KCdhhdWLsviDyWrTuW64B7Ide2eQvTRJJDm3qAC9HMf/gk6uoXJZip17txiKvwWZl8MgMn03l2YKkWrdGyZ5lGgXh5Q8NwZ9RIhv9oO6O0CPn1dEdk/Ua/nbBSAU30p8cw8+zBN3/4lv0APfwi/pkAi0MWu6UgAAAABJRU5ErkJggg==);
}

/* シェアボタン用 */
.ShareBtn{
  display :inline-block;
  width   :67px;
  height  :20px;
  overflow:hidden;
  margin-left:1em;
  /* share_normal.png */
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEMAAAAUCAMAAADhn3AOAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA2UExURShBo5Sg0QcjlOHl8ho1nVBktNfd7v///yI8oBIumjhPqqaw2Vhst0Vbr8nQ6PDy+W5/wYSSyrs7H3wAAAFmSURBVDjLrVTRkoMgDEQIJAER/P+fvQSQauvNtdPbJ3XMstlkMbiS+Qa0olnBfAdYTVPBZwxd9K6+/h+EE1xsHynG3xVSx1lNwjMcN2mIi70pV6XWeIU5kcBylG/ZVww8P/Irxfm0SK8cwRLnzkFs43iiqV0eIS2C3fsoJ/KNjgXMklol+VItN4pYgaLvkIMBgGPYbMHt3OrkSLyqGimFTXxpUq3DyodhqdlMHp3Dcml0cLgsRb7rMMqm26flTUfFlP0YmVfrroYPjs2CIbsfnkKWQ+UVM4kf4HHhMU3KYv6T3UcvYYfsyuDQ3QGWluqhf4HHLqTniT08ZT/80CqwVd5UDclOZNzFZBjz9fQOB0Q1ciNoQ3JBTAzO7druNtbwLw7Ym8stPMrhNAXKQbEgvmbpVoctycz4zTyCGlriaxypXvajL4FhuA8uzWRfkgt5ruHqV/70Fup30IyDIaLP76B/uAt/AIP8EhhRJDFtAAAAAElFTkSuQmCC);
}

.ShareBtn:hover{
  /* share_mouseover.png */
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEMAAAAUCAMAAADhn3AOAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAzUExURT9Zv6Ct4B48tOTo9jNOu2Z6zNvf8////zpUvStIuVtxyE5mxLC75fL0+36P1JKg28bO7NSZXAcAAAFfSURBVDjLrVTtcoQgDEQIkIQv3/9pmwBSPe20N9f94YhjNsuSxUSP5hOgj8aD+QzgTVdBZ0xd+Fd94z8IJ7jUP2JKPyvEgbOaHM9w1KXFuNmHclVqjVeYEwlsR/nOXGOg9ZHuFOduCe8cwSLx4ECyab7h0i6vkDdBY07SkR50NDBb7pXoS7XUKVIFTH5AGgMApRBskY7mgWMjr2pIXRZfulTrYqXDsAxzJJyL5bLRyeFYinjoMMqm06flqkN8yuznkWmn/Wr45AgWDNp2eAosTWUZGcUPYFE5TxPFM36x+9hLaMCuTA6dHaA9xnro3+B7FvLriT34oVVgq6xUDcpMcGxiMszzvYXskQOSGhlQKbi4ICYG55puN8wx/I0DWne5h0c5nKZAOTCVGO9ZetRhSzYrfiuPoIaWdI8j1gvHGAJD8BxcXMm+JBd4jaE86d1baNxBKw4GEd+/g/7hLvwCHE4RaSd0+gAAAAAASUVORK5CYII=);
}

/* はてなブックマークボタン用 */
.HatenaBtn{
  display :inline-block;
  width   :130px;
  height  :20px;
  overflow:hidden;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIIAAAAUCAMAAAB24hWRAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAwUExURT2g2j2g2j2g2kmS2yuq1T2g2v///3W75abU70qn3Wa04t7v+fH4/cTj9Fuv4I7I6vUU8woAAAAFdFJOU4nn5QcGPD6MagAAAXNJREFUSMfNVtmOwyAMpAe+wOb//3a5lpK0XYUndhQpCRh7bA8h7uFufiNu7umc3wy3twatDn47KgXDDOH2aPM0Wnpbwhfc8ioFggrNCxWoeJAOSuHsLVWLv3HF5kwhEFEs6xqFBB10LEpBgFCADAP6zWaFQomLxVWjUDuDmKpzRk/5bmotwaCqEZCpI7ylPGxWKCizKaTyODUfe0kkX/nF6lDkmia/jM69ere5roUab6JO9YWj+nxRLN5jlHwTCKVWlGNIjJkaDsjRZkELqqFqAUHmlnKbZoqFiDeo3nu7CCJiG5l0cbRZ04JBLrVM1aPuRNSYW3mQW69rpXO+0OMdqnCwWaKQJS6eB3XWuckSh+yZetwy+iXVyWZlU4bCO2nVgiUFCDZ51E5H8uZ9TdhH2R9tVuQY8XdHlD0fxtawTC4NtU8TVXTxLdbZ5uoHWsSmD3TCuZE0ZZpOEfFDFZItnxGbj6nth/X9P/yyPNx9bw2ePx25Ol8RQ4cFAAAAAElFTkSuQmCC);
}

.HatenaBtn:hover{
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIIAAAAUCAMAAAB24hWRAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAzUExURSt9tZrB3DmGutvp8yt9tf///2OgySt9tSRttiuAqvD2+kuRwVWXxMLa6nOpz6vM4oW11WXwFFMAAAAKdFJOU4n////////mBwZvao9vAAABeklEQVRIx81W23KFMAg0JHBayO3/v7aE2DRqT8c82R1ndCLCshDi9rG9woN4bZ/bFh7G9qwGXYfwOIyCkCJCf5T5NUm9fAI33MIqBYeGpB8mdM1D3OGqP3urZvE37ticKXjnHGP5ppBxR8lypuDRNxDgQApvbFYoFIurropRkGyo5hwoOL1LkZ6gTykxErgd/pLysFmiACAJa3ucik9GrWLUSxmKLTFYmkOcjOdaXW3u94LFm6g7zE0FLkGvwi0ec9RbRN+0KhqDmJUaDcSjzUIvmHCl5RTnkkJ/DYWBWzHQvO8d45Ap95WpL442a70gqFLTpF6xZc0nCUCXh6DX2pTWfHGPN6twtFmioC1OAQZ1SHORiUfbQ9njKjl+k+pks7IpfeNdU7YJlROiH1MKnA0N46Kb9+eFsLXLCUeblXZkauLXLgj64VuUnBvdjn4emBH5Eutsc39AyzSgM02FBDftknqKmH9RocryGfHwMfUPDut/8Mvy/I/bF1PLLumtoFYDAAAAAElFTkSuQmCC);
}

#hatena1,#hatena2{
  display:block;
  position:absolute;
  width:36px;
  font-size:11px;
  color:white;
  top:2px;
  right:0;
}

/* 関連用語用 */
.RelatedWords{
  padding-left:0
}

.RelatedWords>li{
  display:inline;
  margin:0 0 0 1em
}

/* 広告 */
.pr:before{
  content:"広告\A";
  white-space:pre;
}

/*「広告」または「スポンサーリンク」表示用 */
.AdMessage, .pr:before{
  font-size:small;
  color:#555
}

dfn{
  font-style:normal;
  font-weight:bold
}

/* 用語集のリンク */
a.glossary{
  color:inherit;
  text-decoration:dashed underline
}

/* 参考リンク */
div.RefLink{
  font-weight:bold;
  margin-top:2em;
}
ul.RefLink{
  margin-top:0;
  margin-bottom:2em;
}

ul.RefLink>li{
  margin:0.2em 0;
  line-height:1.2;
}

/* 表の奇数行の背景色 */
.OddLine>td{
  background-color:#fff
}

/* 表の偶数行の背景色 */
.EvenLine>td{
  background-color:#ffe
}

/* 論理レベル */
span.LogicLevel{
  color:#00e
}

/* 真理値・2進数 */
span.binary,span.BinaryLike{
  color:#060;
  font-family:'Azeret Mono',monospace
}

/* 16進数 */
span.hex{
  color:#750;
  font-family:'Azeret Mono',monospace
}

/* ベースライン揃え(論理式等で用いる) */
span.baseline{
  vertical-align:baseline;
}

/* 改行をさせない(数式中の改行させたくないブロックはEqBlockを使う) */
span.nowrap{
  white-space:nowrap;
  background-color:#fdf;
}

/* インラインのコード */
code.inline{
  font-weight: bold;
  font-family:"Courier New","Monaco","Osaka-mono",monospace;
  margin-left:0.3em;
  margin-right:0.3em;
  background-color:#eee;
  border:solid 1px #ddd;
  border-radius:2px;
  padding:2px;
  word-break:break-all;
  white-space:pre-wrap
}

/* キーボード入力 */
kbd{
  font-family:"MS Gothic","Osaka-mono","Osaka－等幅",monospace;
  font-weight:bold;
  word-break:break-all;
  margin-left:0.2em;
  margin-right:0.2em;
}

/* 単一のキー */
kbd>kbd{
  word-break:keep-all;
  margin-left:0.2em;
  margin-right:0.2em;
  padding:2px 3px;
  background-color:#f6f2f2;
  border:solid 1px #000;
  border-radius:2px;
  display:inline-block;
  line-height:1;
}

/* スクリーン上の文字列 */
span.screen{
  font-family:"MS Gothic","Osaka-mono","Osaka－等幅",monospace;
  font-weight:bold;
  color:#040;
  word-break:break-all;
  margin-left:0.2em;
  margin-right:0.2em;
}

/* スクリーンサイズにより画像表示法を切り替え */

/* 十分大きなスクリーンの場合 */
.AdFooter1{
  display    :inline-block;
  width      :336px;
  height     :280px;
  margin-left:0.5em
}
.AdFooter2{
  display    :inline-block;
  width      :336px;
  height     :280px;
  margin-left:0.5em
}

/* 1199px以下の場合 */
@media screen and (max-width:1199px){
  img{
    max-width:100%;
    height   :auto
  }
  .AdFooter2{
    display:none
  }
  div.youtube>iframe{
    width :448px !important;
    height:252px !important; 
  }
}

/* 479px以下の場合 */
@media screen and (max-width:479px){
  .NoDisplayMobile{
    display:none
  }
  .AdFooter1{
    display    :inline-block;
    width      :300px;
    height     :250px;
    margin-left:0
  }
  .AdFooter2{
    display:none
  }
  div.youtube>iframe{
    width :336px !important;
    height:189px !important; 
  }
}

/* 480px以上の場合 */
@media screen and (min-width:480px){
  .NoDisplayDesktop{
    display:none
  }
  td,th{
    padding:0 0.5em
  }
}