/* ======================================================= ＴＹ企画イッキーホームページ共通部分　ここから ========================================================*/ @charset "shift-jis"; /* 要素の確認 テスト用 * { border:1px solid #0000ff !important; margin: 2px; } #page { background:#F7F49B !important; } */ /* ページ全体指定 */ body { margin:0px auto; font-size:96%; background-or:#ffffff; /*color:#000000;*/ padding:0px; background-image:url('00data/back01.jpg'); background-position:right top; background-repeat:repeat; background-attachment:fixed; } h1 { font-size:1.0em; letter-spacing:0px; } h2 { font-size:1.0em; letter-spacing:0px; } strong { color:#CC0000; font-sizse:1.2em; } .bold { font-weight:bold; } ul { margin:0px; padding:0px; right:0px; list-style-type:none; } ul.suuji01 { margin-left:40px; padding:0px; list-style-type:decimal; } ul.suuji02 { margin-left:40px; padding:0px; list-style-type:square; } ul.square02 { margin-left:40px; padding:0px; list-style-type:square; } ul.cicle01 { margin-left:40px; padding:10px; list-style-type:circle; background-color:white; } .hline01 { width:98%; color:#CCCCFF; } /* 横罫線タグ色 */ .hline02 { width:50%; color:#CCCCFF; } /* 横罫線タグ色 */ .baksel { background:#993300; } /*----------------------------------------------- 最外郭ボックス page -----------------------------------------------*/ #page { width:830px; height:120px; margin:0px auto; padding:0px; position:relative; top:10px; background-color:#ffffff; } #page p { padding-left:10px; padding-right:10px; } /*----------------------------------------------- site mapサイトマップナビ表示 -----------------------------------------------*/ #smap { width:128px; margin-left:560px; height:16px; padding:5px; position:absolute; top:5px; font-size:90%; background-color:#ffffff; border:1px solid green; } /*----------------------------------------------- site mapサイトマップ表示 -----------------------------------------------*/ #smap01 { width:300px; margin-left:0px; padding:30px auto; position:absolute; top:35px; text-align:left; background-color:#ffffff; float:left; } #smap01-list { margin-left:20px; padding:20px auto; position:relative; float:left; } #smap01-list ul { margin:0px; padding:0px; list-style-type:disk; } #smap01-list p { margin-top:10px 0px 5px; padding:0px; list-style:none; line-height:120%; } #smap02 { width:525px; margin-left:300px; padding-right:20px auto; position:absolute; top:35px; text-align:left; background-color:#ffffff; float:right; } #smap02-list { margin-left:20px; padding:20px auto; position:relative; float:left; } #smap02-list ul { margin:0px; padding:0px; list-style-type:disk; } #smap02-list p { margin-top:10px 0px 5px; padding:0px; list-style:none; line-height:120%; } /*----------------------------------------------- headerボックス -----------------------------------------------*/ #header { width:830px; margin:0px; height:24px; position:relative; background-color:#ffffff; background-image:url('00data/back00.jpg'); background-position:top center; background-repeat:repeat; font-size:90%; } #header h1 a { text-decoration:none; text-align:left; padding-top:6px; padding-left:20px; display:block; } #header ul { margin:0px; padding:0px; text-align:right; list-style-type:none; list-style:none; line-height:150%; } #header-menu { position:absolute; top:3px; right:0px; } #header-menu li { width:100px; margin:0; list-style-type:none; float:left; } #header-menu li a { color:white; text-decoration:none; text-align:center; border-left:1px solid #CFCFCF; display:block; position:relative; } #header-menu li a:hover { color:#33FFFF; } .line01 { width:100%; margin-top:0px; height:5px; position:relative; top:0px; background-image:url('00data/back09a.jpg'); background-repeat:repeat; } /* ヘッダー下のアクセントライン */ .line02 { width:100%; height:5px; position:relative; top:18px; background-image:url('00data/back09a.jpg'); background-repeat:repeat; } /* ヘッダー下のアクセントライン */ /*----------------------------------------------- contents -----------------------------------------------*/ #contents { width:700px; margin-left:120px; padding:5px; position:absolute; top:35px; text-align:left; background-color:#ffffff; } #contents-menu { position:absolute; width:100%; margin-top:auto; } #contents-menu li { width:100px; list-style-type:none; } /*----------------------------------------------- 見出しアクセント左の縦線設定 -----------------------------------------------*/ .bodcol01 { border-left:4px solid blue; } .bodcol02 { border-left:4px solid #CC0000; } .bodcol03 { border-left:4px solid #fa851b; } /*----------------------------------------------- You Tube表示位置 -----------------------------------------------*/ .dispyou { width:830px; height:480px; margin:0px auto; position:relative; top:50px; text-align:center; background-color:#ffffff; float:left; } .dispyou_menu { position:relative; text-align:center; float:center; } /* ======================================================= ＴＹ企画イッキーホームページ共通部分　ここまで ========================================================*/ /*----------------------------------------------- 各記事用の設定 -----------------------------------------------*/ #cont01 { position:relative; background-color:#ffffff; color:#000000; float:left; } /* イッキートップページ最初の記事用表示設定 */ #cont01 h1 { width:695px; margin-top:5px; margin-bottom:5px; padding-top:100px auto; background-image:url('00data/back21.jpg'); background-position:top center; background-repeat:repeat; color:blue; line-height:180%; border-left:5px solid darkorange; } /* タイトル写真下タイトル */ #cont01 a { text-decoration:underline; color:blue; } /* リンク設定 */ #cont01 a:hover { text-decoration:underline; color:Lime; } /* カーソルを乗せた時のリンク */ #cont01 ul { width:400px; margin-left:20px; padding:3px; vertical-align:top; overflow:visible; position:relative; list-style-type:disc; float:left; } .cont02 { margin:5px auto; padding:5px; top:0px; position:relative; float:left; text-align:center; } /* イッキートップページ */ .cont03 { position:absolute; top:8px; right:20px; } /* トップページ */ .cont04 { margin-top:10px; padding-left:20px; position:relative; } /*トップイッキー宣伝文句タイトルマージン */ .cont04a { margin:10px auto; text-align:center; } /*製品イッキー宣伝文句タイトルマージン */ .cont04b { margin-left:480px; top:600px; /*top:280px;*/ padding:3px; position:absolute; list-style:none; } /*製品イッキーペア写真 */ .cont04c { width:460px; margin-top:10px; padding-left:20px; position:relative; } /*トップイッキー宣伝文句タイトルマージン */ #cont05 { margin-bottom:0px; padding:10px; position:relative; background-color:#ddeeff; float:left; } /* 表示設定 */ #cont05 p { margin:0px; padding:1px; position:relative; list-style:none; } #cont05 ul { margin-left:20px; padding:3px; position:relative; list-style:none; } #cont05 ul.suuji01 { margin-left:40px; padding:0px; list-style-type:decimal; float:left; } .margin01 { margin-bottom:20px; position:relative; float:left; } /* ブロック要素の最下行下のマージン */ .margin02 { margin-left:20px; position:relative; float:left; } /* */ #cont06 { margin:0px; position:relative; background-color:#ffffff; color:#000000; float:left; } #cont06 dl { margin-left:20px; padding:3px; position:relative; list-style:none; } #cont06 h1 { width:695px; margin-top:5px; margin-bottom:5px; padding-top:100px auto; background-image:url('00data/back21.jpg'); background-position:top center; background-repeat:repeat; color:blue; line-height:180%; border-left:5px solid darkorange; } /* タイトル */ #cont07 { width:695px; margin:0px; padding:1px; position:relative; background-color:#ddeeff; color:#000000; float:left; } #cont08 { margin:0px; position:relative; float:left; } #cont08 dl { margin-left:40px; margin-right:20px; padding:3px; position:relative; list-style:none; } #cont08 h1 { width:695px; margin-top:5px; margin-bottom:5px; padding-top:100px auto; background-image:url('00data/back21.jpg'); background-position:top center; background-repeat:repeat; color:blue; line-height:180%; border-left:5px solid darkorange; } /* ダウンロードファイル */ #cont09 { margin:0px; position:relative; background-color:#ffffff; color:#000000; float:left; } #cont09 h1 { width:695px; margin-top:5px; margin-bottom:5px; padding-top:100px auto; background-image:url('00data/back21.jpg'); background-position:top center; background-repeat:repeat; color:blue; line-height:180%; border-left:5px solid darkorange; } /* カタログ */ .cont10 { width:560px; margin-left:20px; /*padding:1px; list-style:none; */position:relative; float:left; } #cont11 { margin-bottom:0px; padding:3px; position:relative; background-color:#ffffff; float:left; } /* 表示設定 */ #cont11 p { margin-bottom:2px; padding:0px; position:relative; list-style:none; } #cont11 ul { margin-left:20px; margin-bottom:10px; padding:2px; position:relative; list-style:none; } #cont11 ul.suuji01 { margin-left:40px; padding:0px; list-style-type:decimal; float:left; } .tbdsn01 { width:460px; margin-left:5px; table-layout:fixed; border:0px solid; float:left; } /* 製品仕様テーブル */ .tbdsn02 { width:120px; vertical-align:top; } /* 製品仕様テーブル第一カラム */ .waku { border-top:2px solid snow; border-right:2px solid darkgray; border-bottom:2px solid darkgray; border-left:2px solid snow; } .waku01 { margin:0px; padding:10px; } .waku02 { border-top:2px solid #FFF0F5; border-right:2px solid darkgray; border-bottom:2px solid darkgray; border-left:2px solid #FFF0F5; } /*----------------------------------------------- navigaition 01 -----------------------------------------------*/ #navi01 { width:120px; margin:0px auto; height:1420px; position:relative; left:0px; top:15px; background-image:url('00data/back28.jpg'); float:left; } #navi01-navi { width:120px; margin:0px auto; line-height:24px; position:relative; font-size:1.0em; text-align:center; } #navi01-navi p { margin:0px; padding:0px; color:blue; font-size:0.8em; } #navi01-navi h2 { margin:0px; padding:0px; height:24px; background:Silver; color:blue; font-size:0.9em; background-image:url('00data/back27.jpg'); background-position:right top; background-repeat:repeat; } #navi01-navi li.menu00 { height:20px; margin:0px; padding:0px; background:Silver; font-size:0.85em; background-image:url('00data/back27.jpg'); background-position:right top; background-repeat:repeat; } #navi01-navi li.menu01 { width:110px; height:20px; margin:5px auto; padding-top:0px; padding-bottom:0px; top:5px; line-height:10px; font-size:0.85em; background-image:url('00data/back08.jpg'); background-position:right top; background-repeat:repeat; } #navi01-navi li.menu01a { width:110px; height:28px; margin:5px auto; padding-top:0px; padding-bottom:0px; top:5px; line-height:10px; font-size:0.85em; background-image:url('00data/back08.jpg'); background-position:right top; background-repeat:repeat; } #navi01-navi li.menu02 { width:110px; height:20px; margin:5px auto; padding-top:0px; padding-bottom:0px; top:5px; line-height:10px; font-size:0.85em; background-image:url('00data/back18.jpg'); background-position:right top; background-repeat:repeat; border-left:4px solid #0000ff; border-right:4px solid #0000ff; } #navi01-navi li.menu02a { width:110px; height:28px; margin:5px auto; padding-top:0px; padding-bottom:0px; top:5px; line-height:10px; font-size:0.85em; background-image:url('00data/back18.jpg'); background-position:right top; background-repeat:repeat; border-left:4px solid #0000ff; border-right:4px solid #0000ff; } #navi01-navi li.menu03 { width:110px; height:20px; margin:5px auto; padding-top:0px; padding-bottom:0px; top:5px; line-height:10px; font-size:0.85em; background-image:url('00data/back18.jpg'); background-position:top top; background-repeat:repeat; } #navi01-navi li.menu04b { width:110px; height:20px; margin:5px auto; padding-top:0px; padding-bottom:0px; top:5px; line-height:10px; font-size:0.85em; background-image:url('00data/back06.jpg'); background-position:right bottom; background-repeat:repeat; } #navi01-navi li.menu04b2 { width:110px; height:40px; margin:5px auto; padding-top:0px; padding-bottom:0px; top:5px; line-height:16px; font-size:0.85em; background-image:url('00data/back06-01.jpg'); background-position:right bottom; background-repeat:repeat; } #navi01-navi li.menu04c { width:110px; height:24px; margin:5px auto; padding-top:0px; padding-bottom:0px; top:5px; line-height:10px; font-size:0.85em; background-image:url('00data/back06.jpg'); background-position:right center; background-repeat:repeat; } #navi01-navi li.menu04t { width:110px; height:24px; margin:5px auto; padding-top:0px; padding-bottom:0px; top:5px; line-height:10px; font-size:0.85em; background-image:url('00data/back06.jpg'); background-position:right top; background-repeat:repeat; } #navi01-navi li a { margin:0px; display:block; color:#000033; /*background-color:#d2efff;*/ padding-top:5px; padding-bottom:5px; text-decoration:none; } /*----------------------------------------------- footerボックス -----------------------------------------------*/ #footer { width:700px; position:relative; margin-bottom:120px; } #footer h3 { margin:0px; padding:4px; background:#009900; font-size:1.0em; color:#FFFFFF; font-weight:bold; text-align:center; } #footer p { margin:1px; } .foot01 { position:relative; margin:0px; padding:0px; border-width:1pt; border-style:solid; border-color:#009900; } .margin02a { float:left; position:relative; margin-bottom:250px; } /*ナビの長さ＞コンテンツの長さ時の対処*/ .margin02b { float:left; position:relative; margin-bottom:400px; } /*ナビの長さ＞コンテンツの長さ時の対処*/ .margin03 { float:left; position:relative; margin-left:100px; } .margin04 { position:absolute; top:215px; right:7px; } .midashi01 { background-image:url('00data/back08.jpg'); background-position:right center; background-repeat:repeat; } .mark01 { position:relative; margin-left:40px; padding:3px; list-style:none outside url('00data/mark01.gif'); } .mark02 { position:relative; margin-left:40px; padding:3px; list-style:none; } .mark03 { position:relative; margin-left:40px; padding:3px; list-style:none outside url('00data/mark03.gif'); } .mark04 { position:relative; margin-right:40px; padding:3px; list-style:none; } .mark05 { position:relative; margin-right:0px; padding-left:20px; list-style:none; } .pagetop { float:right; position:relative; padding-right:10px; bottom:0px; } .tbdsn03 { width:300px; table-layout:fixed; } .tbdsn04 { width:380px; } .tbdsn05 { width:640px; } .tbdsn06 { width:150px; vertical-align:top; } .tbdsn07 { vertical-align:top; } .tbdsn08 { width:210px; vertical-align:top; overflow:visible; } .tbdsn09 { text-align:center; } .tbdsn11 { width:400px; } /* ======================================================= ブロック要素 ========================================================*/ #hyou { width:700px; height:18px; border:0px; margin:0px; padding:0px; position:relative; } #hyou h1 a { text-decoration:none; text-align:left; padding-top:6px; padding-left:20px; display:block; } #hyou ul { margin:0px; padding:0px; text-align:left; list-style-type:none; list-style:none; line-height:150%; } #hyou-menu { position:absolute; top:4px; left:0px; } #hyou-menu li { width:600px; list-style-type:none; float:left; margin:0; } #hyou-menu li a { color:white; text-decoration:none; text-align:center; border-left:1px solid #CFCFCF; display:block; position:relative; } #hyou-menu li a:hover { color:#33FFFF; } #hyou.first {position:absolute; top:0px; left:10px;} #hyou.second {position:absolute; top:10px; left:250px;} /*----------------------------------------------- 表 -----------------------------------------------*/ #hyou03 { float:left; width:290px; padding-left:30px; } #hyou04 { float:right; width:320px; padding-right:30px; } /* ======================================================= イッキー設定ファイルヘルプ ========================================================*/ .col02 { color:red; } .col04 { color:Yellow; } .col06 { color:blue; } .col08 { color:Silver; } .col09 { color:white; } .col_mouse { color:blue; } /*----------------------------------------------- sample headerボックス -----------------------------------------------*/ #samheader { width:830px; margin:0px auto; height:24px; position:relative; background-color:#ffffff; background-image:url('00_data/back07.jpg'); background-position:top center; background-repeat:repeat; font-size:90%; } #samheader h1 a { text-decoration:none; text-align:left; padding-top:6px; padding-left:20px; display:block; } #samheader ul { margin:0px; padding:0px; text-align:right; list-style-type:none; list-style:none; line-height:150%; } #samheader-menu { position:absolute; top:3px; right:0px; } #samheader-menu li { width:100px; list-style-type:none; float:left; margin:0; } #samheader-menu li a { color:white; text-decoration:none; text-align:center; border-left:1px solid #CFCFCF; display:block; position:relative; } #samheader-menu li a:hover { color:#33FFFF; } #hcontents { width:700px; margin-left:120px; padding:5px; position:absolute; top:43px; text-align:left; background-color:#ffffff; background-image:url('00data/back28.jpg'); float:left; } #hcont01 { margin-top:5px; background-color:#ffffff; color:#000000; position:relative; float:left; } #hcont01 h1 { width:695px; margin-top:5px; margin-bottom:5px; padding-top:100px auto; background-image:url('00data/back21.jpg'); background-position:top center; background-repeat:repeat; color:blue; line-height:180%; border-left:5px solid darkorange; } /* タイトル写真下タイトル */ #hcont01 a { text-decoration:underline; color:blue; } /* リンク設定 */ #hcont01 a:hover { text-decoration:underline; color:Lime; } /* カーソルを乗せた時のリンク */ #hcont02 { width:650px; margin-top:10px; margin-left:20px; padding-left:20px; line-height:130%; background-color:#ffffff; font-size:0.9em; position:relative; float:left; } #hcont02 ul { margin:0px; padding:0px; list-style-type:circle; line-height:130%; position:relative; } #hcont03 { width:650px; margin-top:10px; margin-left:20px; padding-left:20px; line-height:130%; background-color:#ffffff; font-size:0.9em; position:relative; float:left; } #hcont03 ul { margin:0px; padding:0px; list-style-type:circle; line-height:130%; position:relative; } /*----------------------------------------------- 各記事用の設定 -----------------------------------------------*/ #cont01 { position:relative; background-color:#ffffff; color:#000000; float:left; } #cont01 h1 { width:695px; margin-top:5px; margin-bottom:5px; padding-top:100px auto; background-image:url('ikkeyikyhelp/data/back21.jpg'); background-position:top center; background-repeat:repeat; color:blue; line-height:180%; border-left:5px solid darkorange; } /* タイトル写真下タイトル */ #cont01 a { text-decoration:underline; color:blue; } /* リンク設定 */ #cont01 a:hover { text-decoration:underline; color:Lime; } /* カーソルを乗せた時のリンク */ #cont01 ul { width:400px; margin-left:20px; padding:3px; vertical-align:top; overflow:visible; position:relative; list-style-type:disc; float:left; } .cont02 { margin:5px auto; padding:5px; top:0px; position:relative; float:left; text-align:center; } /* イッキートップページ */ .cont03 { position:absolute; top:10px; right:20px; } /* トップページ */ /*----------------------------------------------- display box -----------------------------------------------*/ .hdispbox { width:200px; margin-top:0px; margin-right:15px; margin-bottom:0px; margin-left:15px; padding:0px; position:relative; text-align:left; color:blue; line-height:120%; float:left; } .hdispbox_list p { margin:2px; font-size:1.0em; } .hdispbox_list h1 { padding:0px; font-size:0.9em; text-align:center; color:blue; background-image:url('ikkeyikyhelp/data/back00.jpg'); background-position:top top; } ul.hdispbox_list li { position:absolute; left:0px; display:block; } ul.hdispbox_list li a { display:block; color:#ff0000; background-color:#ffffff; padding:2px; text-decoration:none; border-bottom:1px solid #000000; } ul.hdispbox_list a:hover { color:#0000cc; letter-spacing:3px; } .hdsp01 { background:#66FF33; border-left:4px solid #66FF00; } /*----------------------------------------------- display box01 -----------------------------------------------*/ .hdispbox01 { width:320px; margin-top:0px; margin-right:15px; margin-bottom:0px; margin-left:15px; padding:0px; position:relative; text-align:left; color:blue; line-height:120%; float:left; } .hdispbox01_list p { margin:2px; font-size:0.9em; } .hdispbox01_list h1 { padding:0px; font-size:0.9em; text-align:center; color:blue; background-image:url('ikkeyikyhelp/data/back29.jpg'); background-position:center top; } ul.hdispbox01_list li { left:0px; position:absolute; display:block; } ul.hdispbox01_list li a { display:block; color:#000000; background-color:#ffffff; padding:2px; text-decoration:none; border-bottom:1px solid #000000; } ul.hdispbox01_list a:hover { color:#00ff00; letter-spacing:3px; } /*----------------------------------------------- 特別　ブロッケン現象の説明 -----------------------------------------------*/ #blocken { margin-left:300px; position:absolute; top:170px; font-size:90%; } /*----------------------------------------------- Down Load ナビ表示 -----------------------------------------------*/ #dld { width:180px; height:16px; top:65px; margin-left:120px; padding:5px; position:absolute; font-size:90%; background-color:#ffffff; border:1px solid green; float:left; } #dld p { margin:0px; padding:0px; text-align:center; list-style:none; line-height:120%; } /* 水平線の色 */ .hr-color { color:blue; } /*============================================================ イッキーボタン表示 製品ページ用　ここから ============================================================ #keyall { width:100px; height:330px; position:relative; top:40px; margin-left:260px; font-size:90%; background-color:#ffffff; float:left; } */ .col_a { color:darkorange; } /* 短押 */ .col_b { color:Green; } /* 長押 */ .col_c { color:Lime; } /* 説明 */ .col_d { color:#3399FF; } /* 押間 */ /*============================================================ イッキーボタン表示 製品ページ用　ここまで ============================================================*/ /*======================================================================== サンプル設定に使うスタイル　ここから ========================================================================*/ /*----------------------------------------------- サンプル設定ヘッダーボックス -----------------------------------------------*/ #setheader { width:830px; height:28px; top:0px; margin:0px auto; padding:0px; position:relative; background-color:#004040; background-image:url("00data/back06.jpg"); background-position:bottom; background-repeat:repeat; color:white; float:left; } .setl { width:700px; top:5px; left:10px; position:absolute; text-align:left; font-weight:bold; } .setr { width:700px; top:5px; right:10px; position:absolute; text-align:right; font-weight:bold;} .setumei { width:680px; margin:0px auto; position:relative; float:left; } /*----------------------------------------------- イッキーボタン説明表示 -----------------------------------------------*/ #keymap { width:700px; height:340px; top:0px; margin:0px; position:relative; background-color:#ffffff; font-size:90%; float:left; } .keyimg { top:60px; margin-left:280px; position:absolute; } .key00 { width:220px; height:40px; top:15px; margin-left:20px; position:absolute; text-align:left; } .key01 { width:220px; height:40px; top:85px; margin-left:60px; position:absolute; text-align:right; } .key02 { width:220px; height:40px; top:5px; margin-left:240px; position:absolute; text-align:center; } .key03 { width:220px; height:40px; top:125px; margin-left:420px; position:absolute; text-align:left; } .key04 { width:220px; height:40px; top:125px; margin-left:60px; position:absolute; text-align:right; } .key05 { width:220px; height:40px; top:280px; margin-left:240px; position:absolute; text-align:center; } .key06 { width:220px; height:40px; top:165px; margin-left:420px; position:absolute; text-align:left; } .key07 { width:220px; height:40px; top:165px; margin-left:60px; position:absolute; text-align:right; } .key08 { width:220px; height:40px; top:85px; margin-left:420px; position:absolute; text-align:left; } .keyoshikata { width:200px; height:40px; top:260px; margin-left:500px; position:absolute; } .dispdl { width:220px; height:40px; top:5px; margin-left:20px; position:absolute; } .dispsam { width:220px; height:40px; top:25px; margin-left:20px; position:absolute; } .dldisp { width:220px; height:40px; top:290px; margin-left:20px; position:absolute; } .linedisp { width:220px; height:40px; top:30px; margin-left:140px; position:absolute; } .pagetop { padding-right:10px; position:relative; float:right; } .pageintro { margin-left:5px; position:relative; float:left; } #keysetumei { width:680px; margin-left:20px auto; top:0px; position:relative; float:left; } /*----------------------------------------------- 動作説明 -----------------------------------------------*/ #hance { width:696px; padding:4px; top:5px; position:relative; text-align:left; float:left; } /*----------------------------------------------- キー入力ボックス -----------------------------------------------*/ #hkeyin { width:325px; height:70px; padding-top:2px; position:relative; background-color:#F0F0DC; float:left; } .hkeyin11 { width:80px; top:4px; margin-top:5px; margin-left:5px; position:absolute; font-size:85%; } .hkeyin12 { width:80px; top:4px; margin-top:5px; margin-left:85px; position:absolute; font-size:85%; } .hkeyin13 { width:80px; top:4px; margin-top:5px; margin-left:190px; position:absolute; font-size:85%; } .hkeyin21 { width:80px; top:28px; margin-left:15px; position:absolute; font-size:85%; } .hkeyin22 { width:80px; top:28px; margin-left:135px; position:absolute; font-size:85%; } .hkeyin23 { width:70px; top:28px; margin-left:270px; position:absolute; font-size:85%; } .hkeyin2a { width:20px; height:14px; top:25px; margin-left:87px; padding:1px; position:absolute; background-color:#ffffff; font-size:85%; text-align:right; } .hkeyin2au { width:17px; height:14px; top:25px; margin-left:112px; position:absolute; font-size:85%; vertical-align:top; } .hkeyin2b { width:20px; height:14px; top:25px; margin-left:208px; padding:1px; position:absolute; background-color:#ffffff; font-size:85%; text-align:right; } .hkeyin2bu { width:17px; height:14px; top:25px; margin-left:233px; position:absolute; font-size:85%; vertical-align:top; } .hkeyin2c { width:20px; top:27px; margin-left:255px; position:absolute; } .hkeyin31 { width:80px; top:48px; margin-left:15px; position:absolute; font-size:85%; text-align:left; } .hkeyin32 { width:80px; top:48px; margin-left:135px; position:absolute; font-size:85%; text-align:left; } .hkeyin3a { width:20px; height:14px; top:45px; margin-left:87px; padding:1px; position:absolute; background-color:#ffffff; font-size:85%; text-align:right; } .hkeyin3au { width:17px; height:14px; top:45px; margin-left:112px; position:absolute; font-size:85%; vertical-align:top; } .hkeyin3b { width:20px; height:14px; top:45px; margin-left:208px; padding:1px; position:absolute; background-color:#ffffff; font-size:85%; text-align:right; } .hkeyin3bu { width:17px; height:14px; top:45px; margin-left:233px; position:absolute; font-size:85%; vertical-align:top; } /*----------------------------------------------- キー出力ボックス 11は1行目1番目のテキスト表示 　　　　　　　　　12は1行目2番目のテキスト表示（以下同様） 　　　　　　　　　1aは1行目1番目のデータ表示 　　　　　　　　　2bは2行目2番目のデータ表示（以下同様） -----------------------------------------------*/ #hkeyout { width:355px; height:70px; margin-right:4px; padding-top:2px; position:relative; background-color:#F0F0DC; float:right; } .hkeyout11 { width:80px; top:4px; margin-top:5px; margin-left:10px; position:absolute; font-size:85%; } .hkeyout12 { width:80px; top:4px; margin-top:5px; margin-left:57px; position:absolute; font-size:85%; } .hkeyout13 { width:80px; top:4px; margin-top:5px; margin-left:165px; position:absolute; font-size:85%; } .hkeyout14 { width:80px; top:4px; margin-top:5px; margin-left:285px; position:absolute; font-size:85%; } .hkeyout21 { width:80px; top:28px; margin-left:10px; position:absolute; font-size:85%; } .hkeyout22 { width:80px; top:28px; margin-left:108px; position:absolute; font-size:85%; } .hkeyout23 { width:80px; top:28px; margin-left:230px; position:absolute; font-size:85%; } .hkeyout2a { width:20px; height:14px; top:25px; margin-left:62px; padding:1px; position:absolute; background-color:#ffffff; font-size:85%; text-align:right; } .hkeyout2au { width:17px; height:14px; top:25px; margin-left:87px; position:absolute; font-size:85%; vertical-align:top; } .hkeyout2b { width:20px; height:14px; top:25px; margin-left:182px; padding:1px; position:absolute; background-color:#ffffff; font-size:85%; text-align:right; } .hkeyout2bu { width:17px; height:14px; top:25px; margin-left:207px; position:absolute; font-size:85%; vertical-align:top; } .hkeyout2c { width:20px; height:14px; top:25px; margin-left:304px; padding:1px; position:absolute; background-color:#ffffff; font-size:85%; text-align:right; } .hkeyout2cu { width:17px; height:14px; top:25px; margin-left:329px; position:absolute; font-size:85%; vertical-align:top; } /*----------------------------------------------- 定型ボックス -----------------------------------------------*/ #hteikei { width:686px; height:24px; margin-top:5px; padding:4px; font-size:90%; position:relative; background-color:#F0F0DC; float:left; } .hteikei00 { width:45px; height:16px; top:4px; margin-left:5px; padding:4px; position:absolute; text-align:left; } .hteikei01 { width:435px; height:16px; top:5px; margin-left:50px; padding:2px; position:absolute; text-align:left; background-color:#ffffff; } .hteikei02 { width:17px; height:14px; top:9px; margin-left:493px; padding:0px; position:absolute; text-align:left; } .hteikei03 { width:105px; height:14px; top:7px; margin-left:520px; padding:0px; position:absolute; text-align:left; } .hwaku { border-top:1px solid snow; border-right:1px solid darkgray; border-bottom:1px solid darkgray; border-left:1px solid snow; } /*----------------------------------------------- キータブボックス -----------------------------------------------*/ #hkeytab { width:686px; height:280px; margin-top:5px; padding:4px; font-size:90%; position:relative; background-color:#F0F0DC; background-position:top left; float:left; } #hkeytab ul { margin:0px; padding-left:5px; text-align:left; list-style-type:none; list-style:none; } #hkeytab-menu { top:3px; left:0px; position:absolute; } #hkeytab-menu li { width:57px; margin:0px; padding-top:4px; list-style-type:none; float:left; } /*----------------------------------------------- キータブ動作モードボックス -----------------------------------------------*/ .hkeymod1 { height:24px; top:40px; margin-left:55px; position:absolute; font-size:90%; } .hkeymod1a { width:100px; height:24px; top:2px; margin-left:20px; position:absolute; font-size:90%; } .hkeymod2 { height:24px; top:40px; margin-left:170px; position:absolute; font-size:90%; } .hkeymod2a { width:100px; height:24px; top:2px; margin-left:20px; position:absolute; font-size:90%; } .hkeymod4 { height:24px; top:40px; margin-left:285px; position:absolute; font-size:90%; } .hkeymod4a { width:100px; height:24px; top:2px; margin-left:20px; position:absolute; font-size:90%; } /*----------------------------------------------- キー設定データ -----------------------------------------------*/ .hkeya { width:640px; height:16px; top:49px; margin-left:10px; padding:1px; position:absolute; font-size:90%; } .hkeya1 { width:665px; height:18px; top:80px; margin-left:8px; padding:2px; position:absolute; font-size:90%; background-color:white; } .hkeya2 { width:665px; height:18px; top:105px; margin-left:8px; padding:2px; position:absolute; font-size:90%; background-color:white; } .hkeyb { width:640px; height:16px; top:123px; margin-left:10px; padding:2px; position:absolute; font-size:90%; } .hkeyb1 { width:665px; height:18px; top:155px; margin-left:8px; padding:2px; position:absolute; font-size:90%; background-color:white; } .hkeyb2 { width:665px; height:18px; top:180px; margin-left:8px; padding:2px; position:absolute; font-size:90%; background-color:white; } .hkeyc { width:640px; height:16px; top:198px; margin-left:10px; padding:2px; position:absolute; font-size:90%; } .hkeyc1 { width:665px; height:18px; top:230px; margin-left:8px; padding:2px; position:absolute; font-size:90%; background-color:white; } .hkeyc2 { width:665px; height:18px; top:255px; margin-left:8px; padding:2px; position:absolute; font-size:90%; background-color:white; } .hdatwaku { border-width:1px; border-style:solid; border-color:darkgray; } /*----------------------------------------------- コード変換制御ボックス -----------------------------------------------*/ #hseigyo { width:180px; height:130px; margin-top:5px; margin-right:5px; padding:4px; font-size:0.85em; vertical-align:middle; position:relative; background-color:#F0F0DC; color:red; float:left; } .hseigyo11 { height:24px; top:40px; margin-left:10px; position:absolute; font-size:90%; } .hseigyo1a { width:100px; height:24px; top:2px; margin-left:20px; position:absolute; font-size:90%; } .hseigyo21 { height:24px; top:57px; margin-left:10px; position:absolute; font-size:90%; } .hseigyo2a { width:100px; height:24px; top:2px; margin-left:20px; position:absolute; font-size:90%; } .hseigyo31 { height:24px; top:74px; margin-left:10px; position:absolute; font-size:90%; } .hseigyo3a { width:100px; height:24px; top:2px; margin-left:20px; position:absolute; font-size:90%; } .hseigyo32 { height:24px; top:74px; margin-left:130px; position:absolute; font-size:90%; } .hseigyo41 { height:24px; top:91px; margin-left:10px; position:absolute; font-size:90%; } .hseigyo4a { width:60px; height:24px; top:2px; margin-left:20px; position:absolute; font-size:90%; } .hseigyo4b { width:32px; height:14px; top:91px; margin-left:125px; padding-left:2px; position:absolute; font-size:90%; background-color:#ffffff; } .hseigyo4bu { width:10px; height:14px; top:89px; margin-left:162px; position:absolute; font-size:90%; } .hseigyo51 { height:24px; top:108px; margin-left:10px; position:absolute; font-size:90%; } .hseigyo5a { width:50px; height:14px; top:3px; margin-left:115px; padding-left:3px; padding-top:2px; position:absolute; font-size:90%; } /*----------------------------------------------- コード変換キーボードボックス -----------------------------------------------*/ #hboard { width:180px; height:130px; margin-top:5px; margin-right:5px; padding:4px; vertical-align:middle; position:relative; font-size:0.85em; background-color:#F0F0DC; float:left; } .hboard11 { height:24px; top:40px; margin-left:10px; position:absolute; font-size:90%; } .hboard11a { width:100px; height:24px; top:2px; margin-left:20px; position:absolute; font-size:90%; } .hboard12 { width:77px; height:14px; top:40px; margin-left:75px; padding-left:3px; position:absolute; font-size:90%; background-color:#ffffff; } .hboard12a { width:20px; height:14px; top:40px; margin-left:155px; position:absolute; font-size:90%; } .hboard21 { height:24px; top:57px; margin-left:10px; position:absolute; font-size:90%; } .hboard21a { width:100px; height:24px; top:2px; margin-left:20px; position:absolute; font-size:90%; } .hboard31 { height:24px; top:74px; margin-left:10px; position:absolute; font-size:90%; } .hboard31a { width:100px; height:24px; top:2px; margin-left:20px; position:absolute; font-size:90%; } .hboard41 { height:24px; top:91px; margin-left:10px; position:absolute; font-size:90%; } .hboard41a { width:100px; height:24px; top:2px; margin-left:20px; position:absolute; font-size:90%; } .hboard42 { height:24px; top:91px; margin-left:75px; position:absolute; font-size:90%; } .hboard42a { width:100px; height:24px; top:2px; margin-left:20px; position:absolute; font-size:90%; } .hboard51 { height:24px; top:108px; margin-left:10px; position:absolute; font-size:90%; } .hboard51a { width:50px; height:14px; top:3px; margin-left:115px; padding-left:3px; position:absolute; font-size:90%; } /*----------------------------------------------- コード変換マウスボックス -----------------------------------------------*/ #hmouse { width:180px; height:175px; margin-top:5px; margin-right:5px; padding:4px; font-size:0.85em; color:blue; position:relative; background-color:#F0F0DC; vertical-align:top; float:left; } .hmouse11 { height:24px; top:35px; margin-left:0px; position:absolute; font-size:90%; } .hmouse21 { width:100px; height:17px; top:52px; margin-left:10px; position:absolute; font-size:90%; } .hmouse22 { width:100px; height:17px; top:2px; margin-left:20px; position:absolute; font-size:90%; } .hmouse23 { height:17px; top:52px; margin-left:85px; position:absolute; font-size:90%; } .hmouse24 { width:100px; height:17px; top:2px; margin-left:20px; position:absolute; font-size:90%; } .hmouse31 { height:24px; top:69px; margin-left:10px; position:absolute; font-size:90%; } .hmouse32 { width:150px; height:24px; top:2px; margin-left:20px; position:absolute; font-size:90%; } .hmouse41 { width:100px; height:24px; top:86px; margin-left:0px; position:absolute; font-size:90%; } .hmouse51 { height:24px; top:103px; margin-left:10px; position:absolute; font-size:90%; } .hmouse52 { width:100px; height:24px; top:2px; margin-left:20px; position:absolute; font-size:90%; } .hmouse53 { height:24px; top:103px; margin-left:70px; position:absolute; font-size:90%; } .hmouse54 { width:100px; height:24px; top:2px; margin-left:20px; position:absolute; font-size:90%; } .hmouse55 { height:24px; top:103px; margin-left:120px; position:absolute; font-size:90%; } .hmouse56 { width:100px; height:24px; top:2px; margin-left:20px; position:absolute; font-size:90%; } .hmouse61 { height:24px; top:120px; margin-left:10px; position:absolute; font-size:90%; } .hmouse62 { width:100px; height:24px; top:2px; margin-left:20px; position:absolute; font-size:90%; } .hmouse6a { width:30px; height:14px; top:120px; margin-left:125px; padding-left:3px; position:absolute; font-size:90%; background-color:#ffffff; } .hmouse6au { width:17px; height:14px; top:118px; margin-left:158px; position:absolute; font-size:90%; } .hmouse71 { height:24px; top:137px; margin-left:10px; position:absolute; font-size:90%; } .hmouse72 { width:150px; height:24px; top:2px; margin-left:20px; position:absolute; font-size:90%; } .hmouse81 { height:24px; top:154px; margin-left:10px; position:absolute; font-size:90% } .hmouse8a { width:50px; height:14px; top:3px; margin-left:115px; padding-left:3px; position:absolute; font-size:90%; } /*======================================================================== サンプル設定に使うスタイル　ここまで ========================================================================*/