@charset"shift_jis";
/* body 部設定 */
body{   color: black; 
        font-family: ＭＳ Ｐゴシック;
        font-size: 16px;
        backgroud-color: white
    }
/* ヘッダ部 */
.headcol{background-color:whitesmoke;
          vertical-align:middle;}

/* ポータル、コンテンツ管理などの表 */
.stable{font-family:'ＭＳ Ｐゴシック';
         font-size: 12px;}

/* コンテンツ管理ツリービュー */
.dir{font-family:'ＭＳ Ｐゴシック';
      font-size:26px;}

.dai{font-family:'ＭＳ Ｐゴシック';
      font-size:18px;}

.notext{border:0px;
         font-family:'ＭＳ Ｐゴシック';
         font-size: 16px;
         background-color:white;
         }
/* タイトル表示部 */
.ttl{filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffffff,endcolorstr=#ccffcc,gradienttype=0);
      padding: 5px; 
      width: 10％; 
      text-indent: 20pt; 
      font-size: 20px; 
      font-weight:bold;
     }

/* サブタイトル表示部 */
.subttl{filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffffff,endcolorstr=#dcdcdc,gradienttype=0);
        padding: 5px; 
        width: 98％; 
        text-indent: 40px;
}

/* 文字色設定 */
.text-red {color:#ff0000;}
.text-bold {font-weight: bold;}

/* 文字位置設定 */
.text-align-center {text-align:center;}
.text-align-left {text-align:left;}
.text-align-right {text-align:right;}

/* 今日の出来事エリア */
#main_left_dekigoto{
    width:190px;
    height:32px;
    margin-bottom:5px;
    padding:0px;
}
#main_left_dekigoto img{
    margin:0px;
    padding:0px;
}
p.main_left_box{
    width:59px;
    height:59px;
    margin-bottom:6px;
}
#imagearea p.main_left_box{
  height:auto;
}
/* トップページ 緊急情報 */
.emergency_area {text-align:left;margin-bottom:5px;}
.emergency_area a,
.emergency_area a:link,
.emergency_area a:visited,
.emergency_area a:hover,
.emergency_area a:active
{text-decoration:none;color:black;}
.emergency_area .emergency_title {height:30px;}
.emergency_area .emergency_title img {border-style:none;}
.emergency_area .emergency_body {background-color:#FFD;border:1px solid #F33;border-top:0px;width:389px;}
.emergency_area .emergency_body p {padding:5px;}

/* トップページ イベント情報 */
.event_area {text-align:left;margin-bottom:5px;}
.event_area a,
.event_area a:link,
.event_area a:visited,
.event_area a:hover,
.event_area a:active
{text-decoration:none;color:black;}
.event_area .event_title {height:30px;}
.event_area .event_title img {border-style:none;}
.event_area .event_body {background-color:#FFD;border:1px solid #33F;border-top:0px;width:389px;}
.event_area .event_body p {padding:5px;}

/*
<!-- リンク設定 -->
:link    { COLOR: blue }                  <!-- 通常リンク色 -->
:visited { COLOR: blue }                  <!-- リンク後色 -->
:active  { COLOR: blue }                  <!-- クリック時色 -->
:hover   { COLOR: red  }                  <!-- カーソルをのせた時の色 -->

<!-- ログイン画面関連設定 -->
.maintitle { FONT-WEIGHT: bold; FONT-SIZE: 22px; COLOR: #ffffff; BACKGROUND-COLOR: green } <!-- メインタイトル帯部 -->
.mainlink  { FONT-SIZE: 12px }                                                             <!-- 上部リンク部 -->
.mainmaquee{ FONT-WEIGHT: bold; FONT-SIZE: 14px; HEIGHT: 24px; BACKGROUND-COLOR: #e7e7e7 } <!-- 今週の１枚コーナーメッセージ設定 -->

<!-- ログイン画面ボタン設定 -->
.mainbtn   { FONT-SIZE: 12px; WIDTH: 60%; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: ＭＳ ゴシック; FONT-VARIANT: normal }
<!-- 各画面ヘッダ部分ボタン設定 -->
.linkbtn   { FONT-SIZE: 12px; WIDTH: 200px; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: ＭＳ ゴシック; HEIGHT: 30px; FONT-VARIANT: normal }
<!-- 各画面ボタン設定 -->
.btnsty    { FONT-SIZE: 12px; WIDTH: 120px; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: ＭＳ ゴシック; HEIGHT: 30px; FONT-VARIANT: normal }

<!-- 各画面ヘッダリンク設定 -->
.headlink_l{ color: blue; width: 50%; FONT-WEIGHT: bold }       <!-- 左側リンク部 -->
.headlink_r{ width: 50%; text-align: right; FONT-WEIGHT: bold } <!-- 右側リンク部 -->

<!-- 画面表示部設定 -->
.datehead      {BACKGROUND-COLOR: PaleGreen }     <!-- データ表示項目 -->
.datekisu      {BACKGROUND-COLOR: #efefef }       <!-- データ表示奇数行※1 -->
.dateprikisu   {BACKGROUND-COLOR: #efefef; BORDER: 0px; FONT-SIZE: 16px; FONT-WEIGHT: BOLD; TEXT-ALIGN: RIGHT; } <!-- 可変データ奇数行※1と同じBACKGROUND-COLORを選択して下さい。 -->
.dategusu      {BACKGROUND-COLOR: #dcdcdc }       <!-- データ表示偶数行※2 -->
.dateprigusu   {BACKGROUND-COLOR: #dcdcdc; BORDER: 0px; FONT-SIZE: 16px; FONT-WEIGHT: BOLD; TEXT-ALIGN: RIGHT; } <!-- 可変データ奇数行※2と同じBACKGROUND-COLORを選択して下さい。 -->
.datetotal1    {BACKGROUND-COLOR: LightCyan }     <!-- 合計行色1※3 -->
.datepritotal1 {BACKGROUND-COLOR: LightCyan ; BORDER: 0px; FONT-SIZE: 16px; FONT-WEIGHT: BOLD; TEXT-ALIGN: RIGHT; } <!-- 可変データ合計行1※3と同じBACKGROUND-COLORを選択して下さい。 -->
.datetotal2    {BACKGROUND-COLOR: LightSkyBlue }  <!-- 合計行色2※4 -->
.datepritotal2 {BACKGROUND-COLOR: LightSkyBlue ; BORDER: 0px; FONT-SIZE: 16px; FONT-WEIGHT: BOLD; TEXT-ALIGN: RIGHT; } <!-- 可変データ合計行1※4と同じBACKGROUND-COLORを選択して下さい。 -->

.chui_mes_sty{COLOR: red; FONT-WEIGHT: BOLD }                    <!-- 注意メッセージ -->
.hissu_sty   {COLOR: RED; FONT-WEIGHT: BOLD; TEXT-ALIGN: RIGHT } <!-- 必須項目文字 -->
.mem_normal  {FONT-WEIGHT: BOLD; TEXT-ALIGN: RIGHT }             <!-- 社員情報画面通常項目文字 -->
.mem_back    {BACKGROUND-COLOR: #dcdcdc }                        <!-- 社員情報画面背景色 -->

.search_sty  {BACKGROUND-COLOR: #e6e6fa; FONT-WEIGHT: BOLD }     <!-- 検索部分 -->

.int_sty        { TEXT-ALIGN: RIGHT }                                                              <!-- 数値項目 -->
.int_inp_sty    { TEXT-ALIGN: RIGHT ; IME-MODE:DISABLED ; FONT-SIZE: 16px; FONT-WEIGHT: BOLD;}     <!-- 数値入力項目 -->
.str_inp_sty    { TEXT-ALIGN: LEFT ; IME-MODE:ACTIVE ;FONT-SIZE: 16px; FONT-WEIGHT: BOLD;}         <!-- 文字列入力1項目(デフォルト全角) -->
.str_inp_sty_ad { TEXT-ALIGN: LEFT ; IME-MODE:INACTIVE ;FONT-SIZE: 16px; FONT-WEIGHT: BOLD;}       <!-- 文字列入力2項目(デフォルト半角) -->
.mihachu_sty    { BACKGROUND-COLOR: YELLOW }                                                       <!-- 未発注背景色 -->
.mihachu_mj_sty { COLOR: BLUE }                                                                    <!-- 未発注文字色 -->
*/