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; 30 31 /*background: #11131b repeat;*/ 32} 33/* ------------------------------------------------------ */ 34/* 構造化セクション */ 35 36/* body section */ 37body div.body { 38 margin-top : 20px; 39 background-color : #FFF; 40 margin-right : 15px; 41 margin-left : 15px; 42 padding-bottom: 15px; 43 min-height:600px; 44 height:auto !important; 45 height:600px; 46 47} 48/* footer section */ 49body div.footer { 50 height:30px; 51 color : #FFF; 52 margin-top : 0px; 53 margin-right : 15px; 54 margin-left : 15px; 55 border-top-width : 5px; 56 border-top-style : none; 57 border-top-color : #002266; 58 border-bottom-width : 1px; 59 border-right-width : 1px; 60 border-left-width : 1px; 61 border-bottom-style : none; 62 border-right-style : none; 63 border-left-style : none; 64 border-bottom-color : #002266; 65 border-left-color : #002266; 66 background-color: #333; 67 position: relative; 68 69} 70/* ------------------------------------------------------ */ 71/* 見出し */ 72 73 74h1 { 75 font-size : 197%; 76 font-weight : bold; 77 color : #FFF; 78 border-bottom-width : 1px; 79 border-bottom-style : none; 80 padding-right : 5px; 81 padding-left : 10px; 82 padding-top: 8px; 83 padding-bottom: 3px; 84 border-top-width : 1px; 85 border-right-width : 1px; 86 border-left-width : 1px; 87 border-top-style : none; 88 border-right-style : none; 89 border-left-style : none; 90 background-color: #333; 91} 92h2 { 93 font-size : 174%; 94 font-weight : bold; 95 border-bottom-width : 4px; 96 border-left-width : 10px; 97 border-bottom-style : solid; 98 border-left-style : solid; 99 border-top-color : #C00; 100 border-right-color : #C00; 101 border-bottom-color : #C00; 102 border-left-color : #C00; 103 padding-left : 5px; 104 padding-right : 5px; 105 margin-top :30px; 106 margin-bottom :5px; 107 margin-left :5px; 108 margin-right :5px; 109} 110h3 { 111 font-size : 153.9%; 112 font-weight : bold; 113 border-bottom-width : 3px; 114 border-bottom-style : solid; 115 border-top-color : #C00; 116 border-right-color : #C00; 117 border-bottom-color : #C00; 118 border-left-color : #C00; 119 margin-top :20px; 120 margin-bottom :5px; 121 margin-left :10px; 122 margin-right :5px; 123} 124h4 { 125 font-size : 131%; 126 font-weight : bold; 127 margin-top :20px; 128 margin-bottom :0; 129 margin-left :15px; 130 margin-right :5px; 131} 132h5 { 133 font-size : 116%; 134 margin-top :20px; 135 margin-bottom :0; 136 margin-left :20px; 137 margin-right :5px; 138} 139h6 { 140 font-size : 100%; 141 margin-top :20px; 142 margin-bottom :0px; 143 margin-left :20px; 144 margin-right :5px; 145} 146/* ------------------------------------------------------ */ 147/* 本文 */ 148em { 149 font-weight : bold; 150 font-style : normal; 151 color : #000000; 152} 153strong { 154 font-weight : bold; 155 font-style : normal; 156 color : #ff4853; 157} 158p { 159 padding-left : 20px; 160 padding-right : 20px; 161 line-height : 150%;/* 162 text-indent : 0em; 163*/ 164} 165li { 166 line-height : 150%; 167 padding-right : 20px; 168} 169li p { 170/* 171 text-indent : 0em; 172*/ 173} 174li ul { 175/* 176 padding : 0em; 177*/ 178} 179/* 注釈 */ 180span.note_number { 181} 182ol.notes { 183 font-style : italic; 184} 185/* ヒント */ 186p.hint { 187 border : 2px dotted #9fc5eb; 188 background-color : #e0ecf8; 189 margin-right : 15px; 190 margin-left : 15px; 191 padding-top : 5px; 192 padding-right : 10px; 193 padding-bottom : 5px; 194 padding-left : 10px; 195} 196/* 注意書き */ 197p.warning { 198 border : 2px dotted #ffbaba; 199 background-color : #ffe8f0; 200 margin-right : 15px; 201 margin-left : 15px; 202 padding-top : 5px; 203 padding-right : 10px; 204 padding-bottom : 5px; 205 padding-left : 10px; 206} 207/* 計算式 */ 208p.system { 209 background-color : #eee; 210 margin-right : 15px; 211 margin-left : 15px; 212 padding-top : 5px; 213 padding-right : 10px; 214 padding-bottom : 5px; 215 padding-left : 10px; 216 border-top-width: 2px; 217 border-right-width: 2px; 218 border-bottom-width: 2px; 219 border-left-width: 2px; 220 border-top-style: none; 221 border-right-style: none; 222 border-bottom-style: none; 223 border-left-style: none; 224 border-top-color: #ccc; 225 border-right-color: #ccc; 226 border-bottom-color: #ccc; 227 border-left-color: #ccc; 228} 229table { 230 border-collapse : collapse; 231 border-style : solid; 232 border-width : 2px; 233 border-color : #002266; 234 width : 90%; 235 padding : 0em; 236 background-color : #f7faff; 237 color: #002266; 238 margin-top: 0em; 239 margin-right: 1em; 240 margin-bottom: 2em; 241 margin-left: 1.5em; 242} 243table thead th { 244 border-collapse : collapse; 245 border-style : solid; 246 border-width : 1px; 247 border-color : #002266; 248 border-bottom: 3px double; 249 background-color : #154274; 250 padding: 3px; 251 color: #FFF; 252 font-weight: bold; 253} 254table thead td { 255 border-collapse : collapse; 256 border-style : solid; 257 border-width : 1px; 258 border-color : #002266; 259 border-bottom: 3px double; 260 background-color jun.b.n padding: 3px; 261} 262table tr { 263} 264table th { 265 border-width : 1px; 266 border-style : solid; 267 border-color : #000; 268 margin : 0em; 269 padding : 5px; 270} 271table td { 272 border-width : 1px; 273 border-style : solid; 274 border-color : #002266; 275 margin : 0em; 276 padding : 5px; 277} 278/* ------------------------------------------------------ */ 279/* リンク */ 280 281a { 282/* 283 font-weight : bold; 284 text-decoration : none; 285*/ 286} 287a:link { 288 color : #0050b0; 289} 290a:visited { 291 color : #990030; 292} 293a:hover { 294 color : #F47848; 295} 296/* ------------------------------------------------------ */ 297/* 画像 */ 298 299img { 300 display:block; 301 margin-left: auto; 302 margin-right: auto; 303} 304/* ------------------------------------------------------ */ 305 306/* ------------------UIリファレンス確認用---------------- */ 307/* UIリファレンス画像( 通常 ) */ 308img.manual_image { 309 display:block; 310 margin-left: 20px; 311 margin-right: auto; 312 margin-bottom : 15px; 313} 314/*UIリファレンスの画像( サムネイル化 )*/ 315img.ui_thumb { 316 display:block; 317 margin-left: 20px; 318 margin-right: auto; 319 -ms-interpolation-mode: bicubic; 320 width: 640px; 321 height: auto; 322} 323/*UIリファレンスの画像( サムネイル化2 )*/ 324img.ui_thumb_2 { 325 display:block; 326 margin-left: 20px; 327 margin-right: auto; 328 -ms-interpolation-mode: bicubic; 329 width: 640px; 330 height: auto; 331} 332/* UIリファレンス用リスト */ 333/*ol UI*/ 334ol.manual_image { 335 font-weight : bold; 336 list-style-type: upper-alpha; 337} 338p.manual_image { 339 font-weight : normal; 340 line-height : 150%; 341 padding-right : 20px; 342} 343/* ------------------------------------------------------ */ 344/* ------------------------------------------------------ */ 345/* 用語集用テーブルスタイル */ 346.index { 347 vertical-align: top; 348 border: none; 349} 350/* ------------------------------------------------------ */ 351/*用語集用h4*/ 352.index_h4 { 353 background-color:#333; 354 color : #FFF; 355 font-size : 131%2; 356 font-weight : bold; 357 margin-top :20px; 358 margin-bottom :0; 359 margin-left :15px; 360 margin-right :5px; 361 padding-right : 5px; 362 padding-left : 10px; 363 padding-top: 5px; 364 padding-bottom: 5px; 365 366} 367/* ------------------------------------------------------ */ 368/*サンプル一覧用画像サムネイル化*/ 369img.thumb { 370 -ms-interpolation-mode: bicubic; 371 width: 128px; 372 height: 120px; 373} 374/*サムネイル化した画像を使用するテーブルサイズ*/ 375.thumb { 376 width: 128px; 377 height: auto; 378} 379/* ------------------------------------------------------ */ 380/* ------------------------------------------------------ */ 381/*アイコン一覧用画像サムネイル化*/ 382img.icon_thumb { 383 -ms-interpolation-mode: bicubic; 384 width: 32px; 385 height: 32px; 386} 387/*サムネイル化した画像を使用するテーブルサイズ*/ 388.icon_thumb { 389 line-height: 70%; 390 font-size : 100%; 391 width: 32px; 392 height: auto; 393} 394/* ------------------------------------------------------ */ 395/* ------------------------------------------------------ */ 396/* オブジェクト用マージン */ 397object.manual_image { 398 display:block; 399 margin-left: 20px; 400 margin-right: auto; 401} 402/* ------------------------------------------------------ */ 403/*ユーザーガイド用スタイル*/ 404.user_guide { 405 float:left; 406} 407.user_guide_end { 408 clear:left; 409 padding-top : 20px; 410} 411/* ユーザーガイド図表示( 通常 ) */ 412img.user_guide_chart { 413 display:block; 414 margin-left: 20px; 415 margin-right: auto; 416} 417/*表の背景色を変更_赤*/ 418.bgcolor_r { 419 background-color:#ffe9e8; 420 font-weight : bold; 421 font-style : normal; 422 color : #400709; 423} 424/*表の背景色を変更_緑*/ 425.bgcolor_g { 426 background-color:#ccffcc; 427 font-weight : bold; 428 font-style : normal; 429 color : #1f3211; 430} 431/*表の背景色を変更_青*/ 432.bgcolor_b { 433 background-color:#d9eefd; 434 font-weight : bold; 435 font-style : normal; 436 color : #003366; 437} 438/*表の背景色を変更_黄*/ 439.bgcolor_y { 440 background-color:#fff4c8; 441 font-weight : bold; 442 font-style : normal; 443 color : #403300; 444} 445