1@charset "UTF-8"; 2@import url("fonts-min.css"); 3/* fonts-min.css によるフォントサイズの指定テーブル 4 10pt 77% 5 11pt 85% 6 12pt 93% 7 13pt 100% 8 14pt 108% 9 15pt 116% 10 16pt 123.1% 11 17pt 131% 12 18pt 138.5% 13 19pt 146.5% 14 20pt 153.9% 15 21pt 161.6% 16 22pt 167% 17 23pt 174% 18 24pt 182% 19 25pt 189% 20 26pt 197% 21*/ 22/* マニュアル用スタイルシート */ 23 24/* ------------------------------------------------------ */ 25/* 文書スタイル */ 26 27body { 28 font-family : "メイリオ", Meiryo, Arial; 29 background: #A9A9A9 repeat;/*background: #11131b repeat;*/ 30} 31/* ------------------------------------------------------ */ 32/* 構造化セクション */ 33 34/* body section */ 35body div.body { 36 margin-top : 20px; 37 background-color : #FFF; 38 margin-right : 15px; 39 margin-left : 15px; 40 padding-bottom: 15px; 41 min-height:600px; 42 height:auto !important; 43 height:600px; 44} 45/* footer section */ 46body div.footer { 47 height:30px; 48 color : #FFF; 49 margin-top : 0px; 50 margin-right : 15px; 51 margin-left : 15px; 52 border-top-width : 5px; 53 border-top-style : none; 54 border-top-color : #002266; 55 border-bottom-width : 1px; 56 border-right-width : 1px; 57 border-left-width : 1px; 58 border-bottom-style : none; 59 border-right-style : none; 60 border-left-style : none; 61 border-bottom-color : #002266; 62 border-left-color : #002266; 63 background-color: #333; 64 position: relative; 65} 66/* ------------------------------------------------------ */ 67/* 見出し */ 68 69 70h1 { 71 font-size : 197%; 72 font-weight : bold; 73 color : #FFF; 74 border-bottom-width : 1px; 75 border-bottom-style : none; 76 padding-right : 5px; 77 padding-left : 10px; 78 padding-top: 8px; 79 padding-bottom: 3px; 80 border-top-width : 1px; 81 border-right-width : 1px; 82 border-left-width : 1px; 83 border-top-style : none; 84 border-right-style : none; 85 border-left-style : none; 86 background-color: #333; 87} 88h2 { 89 font-size : 174%; 90 font-weight : bold; 91 border-bottom-width : 3px; 92 border-left-width : 10px; 93 border-bottom-style : solid; 94 border-left-style: double; 95 border-top-color : #C00; 96 border-right-color : #C00; 97 border-bottom-color : #C00; 98 border-left-color : #C00; 99 padding-left : 5px; 100 padding-right : 5px; 101 margin-top :30px; 102 margin-bottom :5px; 103 margin-left :5px; 104 margin-right :5px; 105} 106h3 { 107 font-size : 153.9%; 108 font-weight : bold; 109 border-bottom-width : 2px; 110 border-bottom-style : solid; 111 border-left-style: solid; 112 border-left-width: 4px; 113 border-top-color : #C00; 114 border-right-color : #C00; 115 border-bottom-color : #C00; 116 border-left-color : #C00; 117 padding-left : 5px; 118 margin-top :20px; 119 margin-bottom :15px; 120 margin-left :20px; 121 margin-right :5px; 122} 123h4 { 124 font-size : 131%; 125 font-weight : bold; 126 margin-top :20px; 127 margin-bottom :15px; 128 margin-left :25px; 129 margin-right :5px; 130 border-bottom-width : 2px; 131 border-bottom-style : solid; 132 border-bottom-color : #C00; 133 padding-left : 3px; 134} 135h5 { 136 font-size : 115%; 137 margin-top :20px; 138 margin-bottom :15px; 139 margin-left :27px; 140 margin-right :5px; 141 border-style: solid solid solid solid; 142 border-width: 1px; 143 padding-left: 3px; 144 padding-top: 5px; 145 padding-bottom: 3px; 146 border-color: #C00; 147 background-color:#333; 148 color : #FFF; 149} 150h6 { 151 font-weight : bold; 152 font-size : 14px; 153 margin : 10px 10px 15px 25px; 154 padding : 0px 4px; 155 border-style : none none solid none; 156 border-width : 1px; 157 padding-left: 0px; 158 padding-top: 3px; 159 padding-bottom: 0px; 160 border-color : #C00; 161 162} 163.text_color { 164 color: #C00; 165 font-size: 18px; 166} 167/* 168h6 { 169 font-size : 100%; 170 margin-top :20px; 171 margin-bottom :0px; 172 margin-left :27px; 173 margin-right :5px; 174} 175*/ 176/* ------------------------------------------------------ */ 177/* 本文 */ 178em { 179 font-weight : bold; 180 font-style : normal; 181 color : #000000; 182} 183strong { 184 font-weight : bold; 185 font-style : normal; 186 color : #ff4853; 187} 188p { 189 margin-left : 30px; 190 line-height : 150%; 191} 192/* 手順説明用 p */ 193p.no { 194 font-weight : bold; 195 text-indent : 0em; 196 margin-top: 1.0em; 197 margin-right: 1em; 198 margin-bottom: 0.5em; 199 margin-left: 1.8em; 200} 201li { 202 line-height : 200%; 203 padding-right : 20px; 204} 205li p { 206/* 207 text-indent : 0em; 208*/ 209} 210li ul { 211/* 212 padding : 0em; 213*/ 214} 215/* 注釈 */ 216span.note_number { 217} 218ol { 219 margin-left : 15px; 220 font-weight:bold; 221} 222ol p { 223 font-weight:normal; 224 margin-left : 0px; 225} 226ul p { 227 font-weight:normal; 228 margin-left : 0px; 229} 230/* ヒント */ 231p.hint { 232 border : 2px dotted #9fc5eb; 233 background-color : #e0ecf8; 234 margin-right : 15px; 235 margin-left : 30px; 236 padding-top : 5px; 237 padding-right : 10px; 238 padding-bottom : 5px; 239 padding-left : 10px; 240} 241/* 注意書き */ 242p.warning { 243 border : 2px dotted #ffbaba; 244 background-color : #ffe8f0; 245 margin-right : 15px; 246 margin-left : 30px; 247 padding-top : 5px; 248 padding-right : 10px; 249 padding-bottom : 5px; 250 padding-left : 10px; 251} 252/* 計算式 */ 253p.system { 254 background-color : #eee; 255 margin-right : 15px; 256 margin-left : 30px; 257 padding-top : 5px; 258 padding-right : 10px; 259 padding-bottom : 5px; 260 padding-left : 10px; 261 border-top-width: 2px; 262 border-right-width: 2px; 263 border-bottom-width: 2px; 264 border-left-width: 2px; 265 border-top-style: none; 266 border-right-style: none; 267 border-bottom-style: none; 268 border-left-style: none; 269 border-top-color: #ccc; 270 border-right-color: #ccc; 271 border-bottom-color: #ccc; 272 border-left-color: #ccc; 273} 274table { 275 border-collapse : collapse; 276 border-style : solid; 277 border-width : 2px; 278 border-color : #002266; 279 width : 90%; 280 padding : 0em; 281 margin-top: 0em; 282 margin-right: 1em; 283 margin-bottom: 2em; 284 margin-left: 2.2em; 285 line-height: 150%; 286} 287table thead th { 288 border-collapse : collapse; 289 border-style : solid; 290 border-width : 1px; 291 border-color : #002266; 292 border-bottom: 3px double; 293 background-color : #154274; 294 padding: 3px; 295 color: #FFF; 296 font-weight: bold; 297 text-align:center; 298} 299table thead td { 300 border-collapse : collapse; 301 border-style : solid; 302 border-width : 1px; 303 border-color : #002266; 304 border-bottom: 3px double; 305 background-color jun.b.n padding: 3px; 306} 307table tr { 308} 309table th { 310 border-width : 1px; 311 border-style : solid; 312 border-color : #000; 313 margin:0em; 314 padding : 5px; 315 text-align:left; 316} 317table td { 318 border-width : 1px; 319 border-style : solid; 320 border-color : #002266; 321 margin : 0em; 322 padding : 5px; 323} 324/*============================================= 325 UI リファレンス説明テーブル 326==============================================*/ 327table.space { 328 margin-top: 10px; 329 margin-right: 10px; 330 margin-bottom: 15px; 331 margin-left: 30px; 332 border-collapse:collapse; 333 border-spacing:0; 334 border-width : 1px; 335 border-style : solid; 336 border-color : #000; 337 width : auto; 338 line-height: 150%; 339} 340.space th { 341 background-color:#CCC; 342 border-width : 1px; 343 border-style : solid; 344 border-color : #000; 345 padding : 5px 5px 2px 5px; 346} 347.td_color { 348 background-color:#ccc; 349 padding : 5px 5px 2px 5px; 350 font-weight: bold; 351} 352.space td { 353 border-width : 1px; 354 border-style : solid; 355 border-color : #000; 356 padding : 5px 5px 2px 5px; 357} 358.center { 359 text-align:center; 360} 361/* ヒント(枠のみ) */ 362.new_hint { 363 border: 1px solid #000; 364 background-color : #FFF; 365 margin-right : 15px; 366 margin-left : 30px; 367 margin-top : 15px; 368 margin-bottom : 15px; 369 padding-top : 5px; 370 padding-right : 10px; 371 padding-bottom :5px; 372 padding-left : 10px; 373} 374/* 注意書き(枠のみ) */ 375.hint_warn { 376 border: 3px double #000; 377 background-color : #FFF; 378 margin-right : 15px; 379 margin-left : 30px; 380 margin-top : 15px; 381 margin-bottom : 15px; 382 padding-top : 5px; 383 padding-right : 10px; 384 padding-bottom :5px; 385 padding-left : 10px; 386} 387/* ------------------------------------------------------ */ 388/* リンク */ 389 390a { 391/* 392 font-weight : bold; 393 text-decoration : none; 394*/ 395} 396a:link { 397 color : #0050b0; 398} 399a:visited { 400 color : #990030; 401} 402a:hover { 403 color : #F47848; 404} 405/* ------------------------------------------------------ */ 406/* 画像 */ 407 408img { 409 display:block; 410 margin-left: 30px; 411 margin-right: auto; 412 margin-bottom : 15px; 413 margin-top: 15px; 414} 415img.center { 416 margin-left:auto; 417 margin-right:auto; 418} 419/* ------------------------------------------------------ */ 420 421/* ------------------UIリファレンス確認用---------------- */ 422/* UIリファレンス画像( 通常 ) */ 423img.manual_image { 424 display:block; 425 margin-left: 30px; 426 margin-right: auto; 427 margin-bottom : 15px; 428} 429/*UIリファレンスの画像( サムネイル化 )*/ 430img.ui_thumb { 431 display:block; 432 margin-left: 30px; 433 margin-right: auto; 434 -ms-interpolation-mode: bicubic; 435 width: 640px; 436 height: auto; 437 margin-bottom :20px; 438} 439/* UIリファレンス用リスト */ 440/*ol UI*/ 441ol.manual_image { 442 font-weight : bold; 443 list-style-type: upper-alpha; 444} 445p.manual_image { 446 font-weight : normal; 447 line-height : 150%; 448 padding-right : 20px; 449} 450/* ------------------------------------------------------ */ 451/* ------------------------------------------------------ */ 452/* 用語集用テーブルスタイル */ 453.index { 454 vertical-align: top; 455 border: none; 456} 457/* ------------------------------------------------------ */ 458/*用語集用h4*/ 459.index_h4 { 460 background-color:#333; 461 color : #FFF; 462 font-size : 131%2; 463 font-weight : bold; 464 margin-top :20px; 465 margin-bottom :0; 466 margin-left :15px; 467 margin-right :5px; 468 padding-right : 5px; 469 padding-left : 10px; 470 padding-top: 5px; 471 padding-bottom: 5px; 472} 473/* ------------------------------------------------------ */ 474/*サンプル一覧用画像サムネイル化*/ 475img.thumb { 476 -ms-interpolation-mode: bicubic; 477 width: 128px; 478 height: auto; 479 margin-left:auto; 480 margin-bottom:auto; 481 margin-right:auto; 482 margin-top:auto; 483} 484/*サムネイル化した画像を使用するテーブルサイズ*/ 485.thumb { 486 width: 128px; 487 height: auto; 488} 489/* ------------------------------------------------------ */ 490/* ------------------------------------------------------ */ 491/*アイコン一覧用画像サムネイル化*/ 492img.icon_thumb { 493 -ms-interpolation-mode: bicubic; 494 width: 32px; 495 height: 32px; 496} 497/*サムネイル化した画像を使用するテーブルサイズ*/ 498.icon_thumb { 499 line-height: 70%; 500 font-size : 100%; 501 width: 32px; 502 height: auto; 503} 504/* ------------------------------------------------------ */ 505/* ------------------------------------------------------ */ 506/* オブジェクト用マージン */ 507object.manual_image { 508 display:block; 509 margin-left: 20px; 510 margin-right: auto; 511} 512/* ------------------------------------------------------ */ 513/*ユーザーガイド用スタイル*/ 514.user_guide { 515 float:left; 516} 517.user_guide_end { 518 clear:left; 519 padding-top : 20px; 520} 521/* ユーザーガイド図表示( 通常 ) */ 522img.user_guide_chart { 523 display:block; 524 margin-left: 30px; 525 margin-right: auto; 526} 527/*表の背景色を変更_赤*/ 528.bgcolor_r { 529 background-color:#ffe9e8; 530 font-weight : bold; 531 font-style : normal; 532 color : #400709; 533} 534/*表の背景色を変更_緑*/ 535.bgcolor_g { 536 background-color:#ccffcc; 537 font-weight : bold; 538 font-style : normal; 539 color : #1f3211; 540} 541/*表の背景色を変更_青*/ 542.bgcolor_b { 543 background-color:#d9eefd; 544 font-weight : bold; 545 font-style : normal; 546 color : #003366; 547} 548/*表の背景色を変更_黄*/ 549.bgcolor_y { 550 background-color:#fff4c8; 551 font-weight : bold; 552 font-style : normal; 553 color : #403300; 554} 555/* 画像回り込みテキスト ( 主にUIリファレンスで使用します )*/ 556div.wrap_picture { 557 float:left; 558 margin-top:0px; 559} 560div.wrap_text { 561 float:left; 562 margin-left:3px; 563 margin-top:0px; 564 width: auto; 565} 566.wrap_clear { 567 clear:left; 568} 569