/*  www.scross.co.nz    */
/*  common.css      */
/*  coded by Shin Watanabe  */
/* 「###」行はデザインに合わせて要変更   */

/*  Common  */
  body {                          /* 基準スタイル */
    background-color: #FFFFFF;    /* 背景色 ### */
    font-size:        12px;
    line-height:      20px;
    letter-spacing:   1px;
    text-align: justify;
    text-justify: distribute;
    color:            #FFFFFF;    /* 文字色 ### */
  }

  a:link,a:visited {
    color:            #C0E0FF;    /* リンク色 ### */
    font-weight:      bold;
    text-decoration:  none;
  }

  a:hover {
    color:            #E0A0A0;    /* マウス上のリンク色 ### */
    font-weight:      bold;
    text-decoration:  underline;
  }

  table {
    font-size:        14px;
    line-height:      22px;
    letter-spacing:   1px;
    text-align: justify;
    text-justify: distribute;
  }

  .front {                        /* フロントページ */
    background-color: #3364C9;    /* 背景色 */
  }

  .copyright {         /* ページ下Copyright表記用 */
    font-size:        10px;
    color:            #000000;  /* 文字色 ### */
/*    border-top:       1px #0040FF solid; /* オーバーライン ### */
/*    border-bottom:    1px #0040FF solid; /* アンダーライン ### */
    padding-left:    5px;
    padding-right:    5px;
    line-height:      15px;
  }

  .tbdr   {
        border-style  : solid;
        border-width  : 1px;
        border-color  : #DDDDDD;
        }

  .gry_lst    {
        border  : none;
        font-size   : 12px;
        line-height   : 20px;
        background-color  : #556699;
        padding-left    : 5px;
        padding-right   : 5px;
        }

  .blu_lst    {
        border  : none;
        font-size   : 12px;
        line-height   : 20px;
        background-color  : #99AAFF;
        padding-left    : 5px;
        padding-right   : 5px;
        }

  .blu_udl{
    color:            #FFFFFF;  /* 文字色 ### */
    font-size:        12px;
    letter-spacing:   1px;
    border-bottom:    1px #4374E9 solid; /* アンダーライン ### */
  }

  .title_org_m{
    color:            #FFEECC;  /* 文字色 ### */
    font-weight:      bold;
    font-size:        16px;
    border-bottom:    1px #DDDDDD solid; /* アンダーライン ### */
#   font-family:      ＭＳ Ｐゴシック;
    line-height:      20px;
  }

  .title_m{
    color:            #FFFFFF;  /* 文字色 ### */
    font-weight:      bold;
    font-size:        16px;
    border-bottom:    1px #DDDDDD solid; /* アンダーライン ### */
    line-height:      20px;
  }

  .title_s{
    color:            #FFEECC;  /* 文字色 ### */
    font-weight:      bold;
    font-size:        14px;
    border-bottom:    1px #DDDDDD solid; /* アンダーライン ### */
    line-height:      16px;
  }

  .text_column{
    color:            #FFFFFF;  /* 文字色 ### */
    font-size:        14px;
    line-height:      16px;
  }

/* Japanese */
  .large{
    font-size:        20px;
#   font-family:      ＭＳ Ｐゴシック;
    line-height:      25px;
  }
  .medium{
    font-size:        14px;
#    font-family:      ＭＳ Ｐゴシック;
    line-height:      19px;
  }
  .small{
    font-size:        12px;
#    font-family:      ＭＳ Ｐゴシック;
    line-height:      16px;
  }
  .xsmall{
    font-size:        10px;
#    font-family:      ＭＳ Ｐゴシック;
    line-height:      13px;
  }

  .xsmallred{
    font-size:        12px;
#    font-family:      ＭＳ Ｐゴシック;
    color:            #FFAAAA;    /* 注釈用など ### */
    line-height:      16px;
  }

  .xsmalltopnavi{
    font-size:        10px;
    color:            #606060;    /* トップナビ用 ### */
    padding-right:    30px;
    line-height:      10px;
  }

  .l_nolf{
    font-size:        20px;
#    font-family:      ＭＳ Ｐゴシック;
    line-height:      21px;
  }
  .m_nolf{
    font-size:        14px;
#    font-family:      ＭＳ Ｐゴシック;
    line-height:      15px;
  }
  .s_nolf{
    font-size:        12px;
#    font-family:      ＭＳ Ｐゴシック;
    line-height:      13px;
  }
  .xs_nolf{
    font-size:        10px;
#    font-family:      ＭＳ Ｐゴシック;
    line-height:      11px;
  }

/* <a>タグ リンク用 */
  a.l_link{
    font-size:        20px;
    text-decoration:  none;
/*  color:            #666666; */
  }

  a.m_link{
    font-size:        14px;
    text-decoration:  none;
/*  color:            #666666; */
  }

  a.s_link{
    font-size:        12px;
    text-decoration:  none;
/*  color:            #666666; */
  }

/* English */
  .e_medium{
    font-size:        16px;
#    font-family:      Arial, Helvetica, sans-serif;
  }

  .e_small{
    font-size:        13px;
#    font-family:      Arial, Helvetica, sans-serif;
  }

  .e_xsmall{
    font-size:        11px;
#    font-family:      Arial, Helvetica, sans-serif;
  }

  a.topnavi:link,a.topnavi:visited {
    font-size:        10px;
    color:            #8080CC;    /* トップナビ用 ### */
    font-weight:      bold;
    text-decoration:  none;
  }

  a.topnavi:hover {
    font-size:        10px;
    color:            #5050DD;    /* マウス上のリンク色 ### */
    font-weight:      bold;
    text-decoration:  underline;
  }

/* フォーム用 */
  input.text {
    background-color: #f8f8ff;
    border:           1px solid;
    padding-top:      2px;
    padding-left:     2px;
    margin-left:      5px;
  }

  textarea    {
        color     : darkblue;
/*        background-color  : transparent; */
        background-color  : #dddddd;
/*        width     : 300px; */
        border      : 1px blue solid;
/*      border      : none; */
        overflow    : auto;
        padding-top   : 2px;
        }

  input   {
        background-color  : #3364C9;
        border      : 1px #3364C9 solid;
        }

  input.txt   {
        color     : darkblue;
/*        background-color  : transparent; */
        background-color  : #dddddd;
/*        width     : 300px; */
        border      : 1px blue solid;
/*      border      : none;
        overflow    : auto;
        }

  input.select    {
        color     : darkblue;
/*        background-color  : transparent; */
        background-color  : #dddddd;
/*      width     : 300px; */
        border      : 1px blue solid;
/*      border      : none;
        }