/* * -------------------------------------------------------------------------------- * File Name : COMMON.css * Description : カイドエリアスタイルシート * -------------------------------------------------------------------------------- * Modification History * No. Date Name Description * --- ---------- ------------ ------------------------------------------------- * 001 2012/03/13 李 秀蘭 新情報系Webアプリケーション 新規リリース * 002 2013/01/09 t.ishizawa ボタン種類 特大 追加 * 003 2013/02/08 丁 雪竜 共通ヘッダ部のスタイル修正「ユーザー名を表示する部分」 * サイドメニューのお問合せの表示部分 * 004 2013/02/27 t.ishizawa 処理結果・受付結果リスト用フッター定義追加 * 005 2013/03/04 t.ishizawa 住所検索用フッター定義追加 * 006 2013/03/17 丁 雪竜 サイドメニューのスタイル「menuSize1」追加 * 「共通ヘッダ2の企業情報を表示しない場合の高さを変更」 * 007 2013/03/21 丁 雪竜 共通ヘッダ部のカラム幅を899から999に変更 * 2番目のカラム(ログアウトボタンが存在した位置)を削除 * 008 2013/03/26 丁 雪竜 共通エラー1画面用定義を追加 * 009 2013/04/03 丁 雪竜 共通エラー1画面用定義を追加 * 010 2013/04/03 s.igarashi 処理結果・受付結果リスト用フッター定義(エラー画面表示時用)追加 * 011 2014/05/26 y.bae V3.50 事-14-0001 W-0073 Mod cmErrheader 共通エラー1用定義 背景色修正 cmErrheader td.syamei ヘッダ部1:社名 文字色修正 * 012 2014/05/26 E.Takahashi V3.50 事−14−0001 W−0073 * Mod 「ヘッダ部1:共通」「ヘッダ部1:社名」の定義を修正 * Add 「ヘッダ部1:ユーザー名 」の定義を追加 * Mod 「業務名」の定義を修正 * Mod 「ツリーメニュー部」の定義を修正・追加 * 013 2017/01/10 Y.MIZUWA V3.74 シ-16-0020 Add スクロールバー表示設定を追加 * 014 2017/01/10 Y.MIZUWA V3.74 シ-16-0020 Mod ログアウトボタンの定義を修正 * 015 2017/01/10 Y.MIZUWA V3.74 シ-16-0020 Mod ボタンの定義を修正 * 016 2017/01/10 Y.MIZUWA V3.74 シ-16-0020 Del 不要な定義を削除 * 017 2017/01/10 Y.MIZUWA V3.74 シ-16-0020 Add 画面崩れ修正の為定義追加 * 018 2018/04/18 N.FURUYA V3.83 シ-17-0017 Add 画面崩れ修正の為定義追加 * 019 2018/04/18 N.FURUYA V3.83 シ-17-0017 Add テキストエリアのサイズ変更不可設定の為定義追加 * -------------------------------------------------------------------------------- * @author 李 秀蘭 */ /*-----------------------------------------------------------------------------*/ /* 画面共通 */ /*-----------------------------------------------------------------------------*/ body, h1, h2, h3, h4, h5, h6, td, th, p, em, li, dt, dd, div, form, textarea, pre, address, blockquote { font-family: "MS Pゴシック"; font-style: normal; font-weight: normal; font-size: 12px; margin-top: 0px; margin-left: 0px; margin-right: 0px; line-height: 1.3; } body { background-color:#FFFFFF; text-align: center; margin: 0px; /* 2017/01/10 Add Y.MIZUWA V3.74 シ-16-0020 Start */ overflow-y: scroll; /* 2017/01/10 Add Y.MIZUWA V3.74 シ-16-0020 End */ } /*-----------------------------------------------------------------------------*/ /* 入力 */ /*-----------------------------------------------------------------------------*/ input,text,textarea,select,file { font-family: "MS Pゴシック"; font-size: 12px; text-align: left; } /*-----------------------------------------------------------------------------*/ /* 社名 */ /*-----------------------------------------------------------------------------*/ .syamei { font-family: "MS Pゴシック"; font-size: 10px; color:#000080; } /*-----------------------------------------------------------------------------*/ /* ヘッダ部1:共通 */ /*-----------------------------------------------------------------------------*/ .header1Size { width:999px; height:28px; border:0; text-align:left; vertical-align:top; } .header1IframeSize { width:999px; height:28px; } .header1width { width: 999px; /* 2014/05/26 Mod E.Takahashi V3.50 事−14−0001 W−0073 Start */ /* 定義を修正 */ /* background-color:#FFFFFF; */ background-color:#040294; /* 2014/05/26 Mod E.Takahashi V3.50 事−14−0001 W−0073 End */ border-collapse:collapse; } /*-----------------------------------------------------------------------------*/ /* ヘッダ部1:ロゴ */ /*-----------------------------------------------------------------------------*/ .header1width td.rogo { width: 28px; height: 28px; text-align:left; vertical-align:top; } .header1width img.imgsize { width: 28px; height: 28px; } /*-----------------------------------------------------------------------------*/ /* ヘッダ部1:社名 */ /*-----------------------------------------------------------------------------*/ .header1width td.syamei { width: 586px; height: 28px; /* 2014/05/26 Mod E.Takahashi V3.50 事−14−0001 W−0073 Start */ /* 定義を修正 */ /* color:#000080; */ color:#FFFFFF; /* 2014/05/26 Mod E.Takahashi V3.50 事−14−0001 W−0073 End */ font-weight:bold; text-align:left; vertical-align:bottom; } /*-----------------------------------------------------------------------------*/ /* ヘッダ部1:ユーザー名 */ /*-----------------------------------------------------------------------------*/ .header1width td.usname { width: 310px; height: 28px; /* 2014/05/26 Add E.Takahashi V3.50 事−14−0001 W−0073 Start */ /* 定義を追加 */ color:#FFFFFF; /* 2014/05/26 Add E.Takahashi V3.50 事−14−0001 W−0073 End */ font-weight:bold; text-align:right; vertical-align:bottom; font-size: 11px; } /*-----------------------------------------------------------------------------*/ /* ログアウトボタン */ /*-----------------------------------------------------------------------------*/ .logout_image_button { /* 2017/01/10 Mod Y.MIZUWA V3.74 シ-16-0020 Start */ /* width:70px; */ /* height:22px; */ text-align: center; /* vertical-align: middle; */ border: none; /* background-color: #FFFFFF; */ background-color: #040294; /* 2017/01/10 Mod Y.MIZUWA V3.74 シ-16-0020 End */ } .header1width td.value1 { width:90px; text-align:center; } /*-----------------------------------------------------------------------------*/ /* 業務名 */ /*-----------------------------------------------------------------------------*/ .gyumumei { /* 2014/05/26 Mod E.Takahashi V3.50 事−14−0001 W−0073 Start */ /* 定義を修正 */ /* background-color:#000080; */ background-color:#33CCCC; /* 2014/05/26 Mod E.Takahashi V3.50 事−14−0001 W−0073 End */ text-align:left; } .gyumumei td{ height:30px; font-size: 16px; color:#FFFFFF; font-weight: bold; /* 2014/05/26 Mod E.Takahashi V3.50 事−14−0001 W−0073 Start */ /* 定義を修正 */ /* text-align:center; */ text-align:left; /* 2014/05/26 Mod E.Takahashi V3.50 事−14−0001 W−0073 End */ vertical-align:middle; } .gyumumei td.value1 { width:999px;} /*-----------------------------------------------------------------------------*/ /* ログアウトボタン */ /*-----------------------------------------------------------------------------*/ .logout { width:70px; height:25px; background-color:#FFFFFF; margin:0px; padding:0px; font-weight: bold; text-align:center; vertical-align:middle; } /*-----------------------------------------------------------------------------*/ /* よくある質問テーブル */ /*-----------------------------------------------------------------------------*/ .shitsumon_table { width:160px; height:40px; text-align:center; vertical-align:top; } /*-----------------------------------------------------------------------------*/ /* よくある質問ボタン */ /*-----------------------------------------------------------------------------*/ .shitsumon_btn { width:120px; height:20px; background-color:#FFFFFF; margin:0px; padding:0px; font-weight: bold; text-align:center; } /*-----------------------------------------------------------------------------*/ /* 認証画面ヘッダimg */ /*-----------------------------------------------------------------------------*/ .certification_img { background-image:url(../img/certification.gif); height:110px; width:999px; text-align:right; vertical-align:top; } /*-----------------------------------------------------------------------------*/ /* ユーザー基本情報部 */ /*-----------------------------------------------------------------------------*/ .info { background-color:#CCFFFF; margin:0px; padding:0px; width: 999px; } .info td { font-size: 10px; height: 15px; } .info td.komoku1 { width: 6px; } .info td.komoku2 { width: 90px; } .info td.komoku3 { width: 531px; } .info td.komoku4 { width: 105px; } .info td.komoku5 { width: 267px; } .info td.komoku6 { width: 6px; } .info td.komoku7 { width: 87px; } .info td.komoku8 { width: 430px; } .info td.komoku9 { width: 70px; } .info td.komoku10 { width: 191px; } .info td.komoku11 { width: 85px; } .info td.komoku12 { width: 130px; } .info td.komoku13 { width: 406px; } /*-----------------------------------------------------------------------------*/ /* ボタン種類:特大 */ /*-----------------------------------------------------------------------------*/ .button_tokudai { font-size: 12px; height: 24px; width: 300px; text-align: center; background-color: #DDDDDD; } /*-----------------------------------------------------------------------------*/ /* ボタン種類:大 */ /*-----------------------------------------------------------------------------*/ .button_dai { font-size: 12px; height: 24px; width: 160px; text-align: center; background-color: #DDDDDD; } /*-----------------------------------------------------------------------------*/ /* ボタン種類:中 */ /*-----------------------------------------------------------------------------*/ .button_tyuu { font-size: 12px; height: 24px; width: 90px; text-align: center; background-color: #DDDDDD; } /*-----------------------------------------------------------------------------*/ /* ボタン種類:小 */ /*-----------------------------------------------------------------------------*/ .button_syou { font-size: 12px; height: 24px; width: 50px; text-align: center; background-color: #DDDDDD; } /*-----------------------------------------------------------------------------*/ /* ボタン種類:明細内部に置くボタン(文字数:67) */ /*-----------------------------------------------------------------------------*/ .button_list_dai { /* 2017/01/10 Mod Y.MIZUWA V3.74 シ-16-0020 Start */ /* height: 18px; */ height: 20px; /* 2017/01/10 Mod Y.MIZUWA V3.74 シ-16-0020 End */ width: 80px; text-align: center; background-color: #DDDDDD; } /*-----------------------------------------------------------------------------*/ /* ボタン種類:明細内部に置くボタン(文字数:45) */ /*-----------------------------------------------------------------------------*/ .button_list_tyuu { height: 18px; /* 2017/01/10 Mod Y.MIZUWA V3.74 シ-16-0020 Start */ /* width: 60px; */ width: 68px; /* 2017/01/10 Mod Y.MIZUWA V3.74 シ-16-0020 End */ text-align: center; background-color: #DDDDDD; } /*-----------------------------------------------------------------------------*/ /* ボタン種類:明細内部に置くボタン(文字数:23) */ /*-----------------------------------------------------------------------------*/ .button_list_syou { /* 2017/01/10 Mod Y.MIZUWA V3.74 シ-16-0020 Start */ /* height: 18px; */ height: 19px; /* width: 40px; */ width: 44px; /* 2017/01/10 Mod Y.MIZUWA V3.74 シ-16-0020 End */ text-align: center; background-color: #DDDDDD; } /*-----------------------------------------------------------------------------*/ /* リング属性 */ /* リンク:青 */ /* すでに見たリンク:紫 */ /* クリック時のリンク: */ /* カーソルが上にある時: */ /*-----------------------------------------------------------------------------*/ A:link { color:#000000; text-decoration: none;} A:visited { color:#000000; text-decoration: none; } A:active { color: #000000; } /*-----------------------------------------------------------------------------*/ /* 文字色:赤 */ /*-----------------------------------------------------------------------------*/ #fontColorRed { color: #FF0000; } /*-----------------------------------------------------------------------------*/ /* お知らせ: */ /*-----------------------------------------------------------------------------*/ .oshirase { background-color: #00FFFF; border: 1px solid #000000; border-collapse:collapse; } /*-----------------------------------------------------------------------------*/ /* ウィンドウサイズ */ /*-----------------------------------------------------------------------------*/ .windowSize { width:999px; height: 680px; text-align:left; /* 2017/01/10 Add Y.MIZUWA V3.74 シ-16-0020 Start */ margin-left:auto; margin-right:auto; /* 2017/01/10 Add Y.MIZUWA V3.74 シ-16-0020 End */ } /*-----------------------------------------------------------------------------*/ /* 共通エラー1用定義 */ /*-----------------------------------------------------------------------------*/ .cmErrSize { /* 2014/05/26 Del Y.Bae V3.50 事−14−0001 W−0073 Start */ /* width:100%; */ /* 2014/05/26 Del Y.Bae V3.50 事−14−0001 W−0073 End */ height: 680px; /* 2014/05/26 Mod Y.Bae V3.50 事−14−0001 W−0073 Start */ /* 定義を修正 */ /* text-align:left; */ text-align:center; /* 2017/01/10 Add Y.MIZUWA V3.74 シ-16-0020 Start */ margin-left:auto; margin-right:auto; /* 2017/01/10 Add Y.MIZUWA V3.74 シ-16-0020 End */ } .cmErrSize td { text-align:left; } /* 2014/05/26 Mod Y.Bae V3.50 事−14−0001 W−0073 End */ .cmErrheader { width:100%; height:28px; border:0; /* 2014/05/26 Mod Y.Bae V3.50 事−14−0001 W−0073 Start */ /* 定義を修正 */ /* text-align:left; */ text-align:center; vertical-align:top; background-color:#000080; * 2014/05/26 Mod Y.Bae V3.50 事−14−0001 W−0073 End */ } /*-----------------------------------------------------------------------------*/ /* ヘッダ部1:ロゴ */ /*-----------------------------------------------------------------------------*/ .cmErrheader td.rogo { width: 28px; height: 28px; text-align:left; vertical-align:top; } .cmErrheader img.imgsize { width: 28px; height: 28px; } /*-----------------------------------------------------------------------------*/ /* ヘッダ部1:社名 */ /*-----------------------------------------------------------------------------*/ .cmErrheader td.syamei { height: 28px; width: 250px; /* 2014/05/26 Mod Y.Bae V3.50 事−14−0001 W−0073 Start */ /* color:#000080; */ color:#FFFFFF; /* 2014/05/26 Mod Y.Bae V3.50 事−14−0001 W−0073 End */ font-weight:bold; text-align:left; vertical-align:bottom; } .cmErrimg { background-image:url(../img/certification.gif); background-position:center; height:110px; width:100%; text-align:right; vertical-align:top; } .cmErrfooterSize { width:100%; height:16px; border:0; text-align:left; vertical-align:top; } .cmErrfooter { background-color: #000080; color: #FFFFFF; width: 100%; height: 16px; } .cmErrfooter td.value { text-align: center; font-size: 10px; } /*-----------------------------------------------------------------------------*/ /* ヘッダ部2サイズ */ /*-----------------------------------------------------------------------------*/ .header2Size { width:999px; height:70px; border:0; text-align:left; vertical-align:top; } .header2IframeSize { width:999px; height:70px; } .header2Size1 { width:999px; height:35px; border:0; text-align:left; vertical-align:top; } .header2IframeSize1 { width:999px; height:35px; } .header2width { width:999px; height:35px; } /*-----------------------------------------------------------------------------*/ /* メニューサイズ */ /*-----------------------------------------------------------------------------*/ .menuSize { width:130px; height:556px; border:0; text-align:left; vertical-align:top; } .menuSize1 { width:130px; height:591px; border:0; text-align:left; vertical-align:top; } .menuIframeSize { width:130px; height:556px; } /* 2017/01/10 Del Y.MIZUWA V3.74 シ-16-0020 Start */ /*-----------------------------------------------------------------------------*/ /* メニュー部スクロールバー :削除予定 */ /*-----------------------------------------------------------------------------*/ /* .menuScrollbars { */ /* width:130px; */ /* height:556px; */ /* overflow:auto; */ /* } */ /*-----------------------------------------------------------------------------*/ /* ボディ部サイズ:削除予定 */ /*-----------------------------------------------------------------------------*/ /* .bodySize { */ /* width:868px; */ /* height:556px; */ /* border:0; */ /* text-align:left; */ /* vertical-align:top; */ /* } */ /*-----------------------------------------------------------------------------*/ /* ボディ部スクロールバー:削除予定 */ /*-----------------------------------------------------------------------------*/ /* .bodyScrollbars { */ /* width:868px; */ /* height:556px; */ /* overflow:auto; */ /* } */ /* 2017/01/10 Del Y.MIZUWA V3.74 シ-16-0020 End */ /*-----------------------------------------------------------------------------*/ /* お問合せ先: */ /*-----------------------------------------------------------------------------*/ .toyiawase { width: 130px; border-collapse:collapse; /* 2018/04/18 Add N.FURUYA V3.83 シ-17-0017 Start */ table-layout: fixed; /* 2018/04/18 Add N.FURUYA V3.83 シ-17-0017 End */ } .toyiawase td{ font-size: 10px; text-align:center; /* 2018/04/18 Add N.FURUYA V3.83 シ-17-0017 Start */ word-wrap:break-word; /* 2018/04/18 Add N.FURUYA V3.83 シ-17-0017 End */ } .toyiawase td.value2{ height: 20px; vertical-align: middle; margin: 0px; padding-left: 10px; padding-right: 10px; text-align:left; background-image:url(../img/call_02.gif); } /*-----------------------------------------------------------------------------*/ /* フッダー部2サイズ */ /*-----------------------------------------------------------------------------*/ .footerSize { width:999px; height:16px; border:0; text-align:left; vertical-align:top; } .footerIframeSize { width:999px; height:16px; } /*-----------------------------------------------------------------------------*/ /* ツリーメニュー部 */ /*-----------------------------------------------------------------------------*/ .body_menu_tree { /*background-attachment: fixed;*/ background-image:url(../img/mnbg01.gif); position: static; border-collapse:collapse; margin: 0px; padding: 8px; width:130px; } /*-----------------------------------------------------------------------------*/ /* フッター(共通) */ /*-----------------------------------------------------------------------------*/ .footer { background-color: #000080; color: #FFFFFF; width: 999px; height: 16px; } .footer td.value { text-align: center; font-size: 10px; } /*-----------------------------------------------------------------------------*/ /* フッター(処理結果・受付結果) */ /*-----------------------------------------------------------------------------*/ .SR_footer { background-color: #000080; color: #FFFFFF; width: 830px; height: 16px; bottom: 0; } .SR_footer td.value { text-align: center; font-size: 10px; } .SR_footer_2 { background-color: #000080; color: #FFFFFF; width: 830px; height: 16px; position: absolute; bottom: 5; } .SR_footer_2 td.value { text-align: center; font-size: 10px; } /*-----------------------------------------------------------------------------*/ /* フッター(住所検索) */ /*-----------------------------------------------------------------------------*/ .ME_footer { background-color: #000080; color: #FFFFFF; width: 500px; height: 16px; bottom: 0; } .ME_footer td.value { text-align: center; font-size: 10px; } /*-----------------------------------------------------------------------------*/ /* 画面名画像 */ /*-----------------------------------------------------------------------------*/ .body_gamenNM { background-image: url(../img/kamenName.bmp); font-size: 16px; background-repeat: no-repeat;/* 繰り返しなし*/ /*background-attachment: fixed;*//* 固定*/ background-position: left top; } /*-----------------------------------------------------------------------------*/ /* 水平線:コメント欄上に載せる */ /*-----------------------------------------------------------------------------*/ hr { color:#666666;} /*-----------------------------------------------------------------------------*/ /* 業務完了共通画面用: */ /*-----------------------------------------------------------------------------*/ .kanryou { font-size: 16px; color:#000000; text-align:left; font-weight:bold; } /*-----------------------------------------------------------------------------*/ /* メニューの表示位置: */ /*-----------------------------------------------------------------------------*/ .menu_valign { vertical-align:top; } /*-----------------------------------------------------------------------------*/ /* ボディの表示位置: */ /*-----------------------------------------------------------------------------*/ .body_valign { vertical-align:top; } /*-----------------------------------------------------------------------------*/ /* メニューとボディ部の縦表示位置: */ /*-----------------------------------------------------------------------------*/ .menu_body_valign { vertical-align:top; text-align:left; } /*-----------------------------------------------------------------------------*/ /* メニューとボディ部のサイズ: */ /*-----------------------------------------------------------------------------*/ .menu_body_scl_waku { vertical-align:top; width:1014px; height:550px; } /*-----------------------------------------------------------------------------*/ /* ツリーメニュー部 */ /*-----------------------------------------------------------------------------*/ #treemenu_font_1 { /* 2014/05/26 Mod E.Takahashi V3.50 事−14−0001 W−0073 Start */ /* 定義を修正 */ /* font-size: 12px; */ /* color: #0000FF; */ font-size: 11px; color: #454545; /* 2014/05/26 Mod E.Takahashi V3.50 事−14−0001 W−0073 End */ } #treemenu_font_2 { /* 2014/05/26 Mod E.Takahashi V3.50 事−14−0001 W−0073 Start */ /* 定義を修正 */ /* font-size: 11px; */ /* color: #0000FF; */ font-size: 10px; color: #454545; /* 2014/05/26 Mod E.Takahashi V3.50 事−14−0001 W−0073 End */ } .treemenu_value { height: 22px; /* 2014/05/26 Mod E.Takahashi V3.50 事−14−0001 W−0073 Start */ /* 定義を修正 */ /* width: 120px; */ width: 130px; /* 2014/05/26 Mod E.Takahashi V3.50 事−14−0001 W−0073 End */ text-align:left; /* 2014/05/26 Add E.Takahashi V3.50 事−14−0001 W−0073 Start */ /* 定義を追加 */ background-color:#f6f6f6; /* 2014/05/26 Add E.Takahashi V3.50 事−14−0001 W−0073 End */ } /*-----------------------------------------------------------------------------*/ /* エラーの場合、入力域の背景色を反転 */ /*-----------------------------------------------------------------------------*/ input.err { background-color: #FF99CC; } select.err { background-color: #FF99CC; } textarea.err { background-color: #FF99CC; } input.errRight { background-color: #FF99CC; text-align:right; } /* 2017/01/10 Add Y.MIZUWA V3.74 シ-16-0020 Start */ /*-----------------------------------------------------------------------------*/ /* テキストエリアスクロールバー表示設定 */ /*-----------------------------------------------------------------------------*/ textarea { overflow-y: scroll; /* 2018/04/18 Add N.FURUYA V3.83 シ-17-0017 Start */ resize: none; /* 2018/04/18 Add N.FURUYA V3.83 シ-17-0017 End */ } /* 2017/01/10 Add Y.MIZUWA V3.74 シ-16-0020 End */