@charset "UTF-8"; @import url("fonts-min.css"); /* fonts-min.css によるフォントサイズの指定テーブル 10pt 77% 11pt 85% 12pt 93% 13pt 100% 14pt 108% 15pt 116% 16pt 123.1% 17pt 131% 18pt 138.5% 19pt 146.5% 20pt 153.9% 21pt 161.6% 22pt 167% 23pt 174% 24pt 182% 25pt 189% 26pt 197% */ /* マニュアル用スタイルシート */ /* ------------------------------------------------------ */ /* 文書スタイル */ body { font-family : "メイリオ", Meiryo, Arial; background: #A9A9A9 repeat;/*background: #11131b repeat;*/ } /* ------------------------------------------------------ */ /* 構造化セクション */ /* body section */ body div.body { margin-top : 20px; background-color : #FFF; margin-right : 15px; margin-left : 15px; padding-bottom: 15px; min-height:600px; height:auto !important; height:600px; } /* footer section */ body div.footer { height:30px; color : #FFF; margin-top : 0px; margin-right : 15px; margin-left : 15px; border-top-width : 5px; border-top-style : none; border-top-color : #002266; border-bottom-width : 1px; border-right-width : 1px; border-left-width : 1px; border-bottom-style : none; border-right-style : none; border-left-style : none; border-bottom-color : #002266; border-left-color : #002266; background-color: #333; position: relative; } /* ------------------------------------------------------ */ /* 見出し */ h1 { font-size : 197%; font-weight : bold; color : #FFF; border-bottom-width : 1px; border-bottom-style : none; padding-right : 5px; padding-left : 10px; padding-top: 8px; padding-bottom: 3px; border-top-width : 1px; border-right-width : 1px; border-left-width : 1px; border-top-style : none; border-right-style : none; border-left-style : none; background-color: #333; } h2 { font-size : 174%; font-weight : bold; border-bottom-width : 3px; border-left-width : 10px; border-bottom-style : solid; border-left-style: double; border-top-color : #C00; border-right-color : #C00; border-bottom-color : #C00; border-left-color : #C00; padding-left : 5px; padding-right : 5px; margin-top :30px; margin-bottom :5px; margin-left :5px; margin-right :5px; } h3 { font-size : 153.9%; font-weight : bold; border-bottom-width : 2px; border-bottom-style : solid; border-left-style: solid; border-left-width: 4px; border-top-color : #C00; border-right-color : #C00; border-bottom-color : #C00; border-left-color : #C00; padding-left : 5px; margin-top :20px; margin-bottom :15px; margin-left :20px; margin-right :5px; } h4 { font-size : 131%; font-weight : bold; margin-top :20px; margin-bottom :15px; margin-left :25px; margin-right :5px; border-bottom-width : 2px; border-bottom-style : solid; border-bottom-color : #C00; padding-left : 3px; } h5 { font-size : 115%; margin-top :20px; margin-bottom :15px; margin-left :27px; margin-right :5px; border-style: solid solid solid solid; border-width: 1px; padding-left: 3px; padding-top: 5px; padding-bottom: 3px; border-color: #C00; background-color:#333; color : #FFF; } h6 { font-weight : bold; font-size : 14px; margin : 10px 10px 15px 25px; padding : 0px 4px; border-style : none none solid none; border-width : 1px; padding-left: 0px; padding-top: 3px; padding-bottom: 0px; border-color : #C00; } .text_color { color: #C00; font-size: 18px; } /* h6 { font-size : 100%; margin-top :20px; margin-bottom :0px; margin-left :27px; margin-right :5px; } */ /* ------------------------------------------------------ */ /* 本文 */ em { font-weight : bold; font-style : normal; color : #000000; } strong { font-weight : bold; font-style : normal; color : #ff4853; } p { margin-left : 30px; line-height : 150%; } /* 手順説明用 p */ p.no { font-weight : bold; text-indent : 0em; margin-top: 1.0em; margin-right: 1em; margin-bottom: 0.5em; margin-left: 1.8em; } li { line-height : 200%; padding-right : 20px; } li p { /* text-indent : 0em; */ } li ul { /* padding : 0em; */ } /* 注釈 */ span.note_number { } ol { margin-left : 15px; font-weight:bold; } ol p { font-weight:normal; margin-left : 0px; } ul p { font-weight:normal; margin-left : 0px; } /* ヒント */ p.hint { border : 2px dotted #9fc5eb; background-color : #e0ecf8; margin-right : 15px; margin-left : 30px; padding-top : 5px; padding-right : 10px; padding-bottom : 5px; padding-left : 10px; } /* 注意書き */ p.warning { border : 2px dotted #ffbaba; background-color : #ffe8f0; margin-right : 15px; margin-left : 30px; padding-top : 5px; padding-right : 10px; padding-bottom : 5px; padding-left : 10px; } /* 計算式 */ p.system { background-color : #eee; margin-right : 15px; margin-left : 30px; padding-top : 5px; padding-right : 10px; padding-bottom : 5px; padding-left : 10px; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: #ccc; border-right-color: #ccc; border-bottom-color: #ccc; border-left-color: #ccc; } table { border-collapse : collapse; border-style : solid; border-width : 2px; border-color : #002266; width : 90%; padding : 0em; margin-top: 0em; margin-right: 1em; margin-bottom: 2em; margin-left: 2.2em; line-height: 150%; } table thead th { border-collapse : collapse; border-style : solid; border-width : 1px; border-color : #002266; border-bottom: 3px double; background-color : #154274; padding: 3px; color: #FFF; font-weight: bold; text-align:center; } table thead td { border-collapse : collapse; border-style : solid; border-width : 1px; border-color : #002266; border-bottom: 3px double; background-color jun.b.n padding: 3px; } table tr { } table th { border-width : 1px; border-style : solid; border-color : #000; margin:0em; padding : 5px; text-align:left; } table td { border-width : 1px; border-style : solid; border-color : #002266; margin : 0em; padding : 5px; } /*=============================================   UI リファレンス説明テーブル ==============================================*/ table.space { margin-top: 10px; margin-right: 10px; margin-bottom: 15px; margin-left: 30px; border-collapse:collapse; border-spacing:0; border-width : 1px; border-style : solid; border-color : #000; width : auto; line-height: 150%; } .space th { background-color:#CCC; border-width : 1px; border-style : solid; border-color : #000; padding : 5px 5px 2px 5px; } .td_color { background-color:#ccc; padding : 5px 5px 2px 5px; font-weight: bold; } .space td { border-width : 1px; border-style : solid; border-color : #000; padding : 5px 5px 2px 5px; } .center { text-align:center; } /* ヒント(枠のみ) */ .new_hint { border: 1px solid #000; background-color : #FFF; margin-right : 15px; margin-left : 30px; margin-top : 15px; margin-bottom : 15px; padding-top : 5px; padding-right : 10px; padding-bottom :5px; padding-left : 10px; } /* 注意書き(枠のみ) */ .hint_warn { border: 3px double #000; background-color : #FFF; margin-right : 15px; margin-left : 30px; margin-top : 15px; margin-bottom : 15px; padding-top : 5px; padding-right : 10px; padding-bottom :5px; padding-left : 10px; } /* ------------------------------------------------------ */ /* リンク */ a { /* font-weight : bold; text-decoration : none; */ } a:link { color : #0050b0; } a:visited { color : #990030; } a:hover { color : #F47848; } /* ------------------------------------------------------ */ /* 画像 */ img { display:block; margin-left: 30px; margin-right: auto; margin-bottom : 15px; margin-top: 15px; } img.center { margin-left:auto; margin-right:auto; } /* ------------------------------------------------------ */ /* ------------------UIリファレンス確認用---------------- */ /* UIリファレンス画像( 通常 ) */ img.manual_image { display:block; margin-left: 30px; margin-right: auto; margin-bottom : 15px; } /*UIリファレンスの画像( サムネイル化 )*/ img.ui_thumb { display:block; margin-left: 30px; margin-right: auto; -ms-interpolation-mode: bicubic; width: 640px; height: auto; margin-bottom :20px; } /* UIリファレンス用リスト */ /*ol UI*/ ol.manual_image { font-weight : bold; list-style-type: upper-alpha; } p.manual_image { font-weight : normal; line-height : 150%; padding-right : 20px; } /* ------------------------------------------------------ */ /* ------------------------------------------------------ */ /* 用語集用テーブルスタイル */ .index { vertical-align: top; border: none; } /* ------------------------------------------------------ */ /*用語集用h4*/ .index_h4 { background-color:#333; color : #FFF; font-size : 131%2; font-weight : bold; margin-top :20px; margin-bottom :0; margin-left :15px; margin-right :5px; padding-right : 5px; padding-left : 10px; padding-top: 5px; padding-bottom: 5px; } /* ------------------------------------------------------ */ /*サンプル一覧用画像サムネイル化*/ img.thumb { -ms-interpolation-mode: bicubic; width: 128px; height: auto; margin-left:auto; margin-bottom:auto; margin-right:auto; margin-top:auto; } /*サムネイル化した画像を使用するテーブルサイズ*/ .thumb { width: 128px; height: auto; } /* ------------------------------------------------------ */ /* ------------------------------------------------------ */ /*アイコン一覧用画像サムネイル化*/ img.icon_thumb { -ms-interpolation-mode: bicubic; width: 32px; height: 32px; } /*サムネイル化した画像を使用するテーブルサイズ*/ .icon_thumb { line-height: 70%; font-size : 100%; width: 32px; height: auto; } /* ------------------------------------------------------ */ /* ------------------------------------------------------ */ /* オブジェクト用マージン */ object.manual_image { display:block; margin-left: 20px; margin-right: auto; } /* ------------------------------------------------------ */ /*ユーザーガイド用スタイル*/ .user_guide { float:left; } .user_guide_end { clear:left; padding-top : 20px; } /* ユーザーガイド図表示( 通常 ) */ img.user_guide_chart { display:block; margin-left: 30px; margin-right: auto; } /*表の背景色を変更_赤*/ .bgcolor_r { background-color:#ffe9e8; font-weight : bold; font-style : normal; color : #400709; } /*表の背景色を変更_緑*/ .bgcolor_g { background-color:#ccffcc; font-weight : bold; font-style : normal; color : #1f3211; } /*表の背景色を変更_青*/ .bgcolor_b { background-color:#d9eefd; font-weight : bold; font-style : normal; color : #003366; } /*表の背景色を変更_黄*/ .bgcolor_y { background-color:#fff4c8; font-weight : bold; font-style : normal; color : #403300; } /* 画像回り込みテキスト ( 主にUIリファレンスで使用します )*/ div.wrap_picture { float:left; margin-top:0px; } div.wrap_text { float:left; margin-left:3px; margin-top:0px; width: auto; } .wrap_clear { clear:left; }