/*-------  画面全体 body ---------*/
    body {
      margin-top: 50px;
      /*margin-left: 100px; margin-right: 100px;*/
      /*line-height: 120%; */
    }

    /*------  リンクのスタイル  ------*/
    a:link {color:"#0033CC";}
    a:visited {color:"#0033CC";}
    a:hover {color:"red";}




    /*----- タイトルのスタイル -------*/

    /*----- ページタイトル -----*/
    .pagetitle {
      background-image: url("/dpc/img/dpcbg_blue1.gif");
      background-repeat: repeat-x;
      line-height: 40px;
      color: #ffffff; font-weight: bold; font-size: 130%; text-align: center;
    }

    .pagetitle_db {
      background-image: url("/dpc/img/dpcbg_blue2.gif");
      background-repeat: repeat-x;
      line-height: 40px;
      color: #ffffff; font-weight: bold; font-size: 130%; text-align: center;
    }

    .pagetitle_gr {
      background-image: url("/dpc/img/dpcbg_grn1.gif");
      background-repeat: repeat-x;
      line-height: 40px;
      color: #ffffff; font-weight: bold; font-size: 130%; text-align: center;
    }

    .pagetitle_or {
      background-image: url("/dpc/img/dpcbg_org1.gif");
      background-repeat: repeat-x;
      line-height: 40px;
      color: #ffffff; font-weight: bold; font-size: 130%; text-align: center;
    }

    .pagetitle_red {
      background-image: url("/dpc/img/dpcbg_red1.gif");
      background-repeat: repeat-x;
      line-height: 40px;
      color: #ffffff; font-weight: bold; font-size: 130%; text-align: center;
    }

    /*----- サブタイトル -----*/
    .subtitle {
      background-image: url("/dpc/img/dpcbg_blue1-mini.gif");
      background-repeat: repeat-x;
      line-height: 25px;
      color: #ffffff; font-weight: bold; font-size: 100%; text-align: left;
      padding-left: 10px;
    }

    .subtitle_db {
      background-image: url("/dpc/img/dpcbg_blue2-mini.gif");
      background-repeat: repeat-x;
      line-height: 25px;
      color: #ffffff; font-weight: bold; font-size: 100%; text-align: left;
      padding-left: 10px;
    }

    .subtitle_gr {
      background-image: url("/dpc/img/dpcbg_grn1-mini.gif");
      background-repeat: repeat-x;
      line-height: 25px;
      color: #ffffff; font-weight: bold; font-size: 100%; text-align: left;
      padding-left: 10px;
    }

    .subtitle_or {
      background-image: url("/dpc/img/dpcbg_org1-mini.gif");
      background-repeat: repeat-x;
      line-height: 25px;
      color: #ffffff; font-weight: bold; font-size: 100%; text-align: left;
      padding-left: 10px;
    }

    .subtitle_red {
      background-image: url("/dpc/img/dpcbg_red1-mini.gif");
      background-repeat: repeat-x;
      line-height: 25px;
      color: #ffffff; font-weight: bold; font-size: 100%; text-align: left;
      padding-left: 10px;
    }

    /*------- 小見出し  ---------*/
    .htitle {
      background-image: url("/dpc/img/bar_04.jpg");
      background-repeat: no-repeat;
      line-height: 30px; padding-left: 20px;
      color: #0; font-size: 100%; text-align: left;
    }

    .htitle_db {
      background-image: url("/dpc/img/bar_05.jpg");
      background-repeat: no-repeat;
      line-height: 30px; padding-left: 20px;
      color: #0; font-size: 100%; text-align: left;
    }

    .htitle_gr {
      background-image: url("/dpc/img/bar_02.jpg");
      background-repeat: no-repeat;
      line-height: 30px; padding-left: 20px;
      color: #0; font-size: 100%; text-align: left;
    }

    .htitle_or {
      background-image: url("/dpc/img/bar_01.jpg");
      background-repeat: no-repeat;
      line-height: 30px; padding-left: 20px;
      color: #0; font-size: 100%; text-align: left;
    }

    .htitle_lb {
      background-image: url("/dpc/img/bar_03.jpg");
      background-repeat: no-repeat;
      line-height: 30px; padding-left: 20px;
      color: #0; font-size: 100%; text-align: left;
    }


   /*------- 余白  -------*/
    .left30 {
      margin-left: 30px; margin-right: 30px;
    }

    .left60 {
      margin-left: 60px; margin-right: 60px;
    }

    .left100 {
      margin-left: 100px; margin-right: 100px;
    }

    /*-------- テーブルのスタイル --------*/
    table.gen {
        border-top: 1px solid #999;
        border-left: 1px solid #999;
        border-collapse: collapse;
    }

    th.gen, td.gen {
        padding: 8px;
        border-right: 1px solid #999;
        border-bottom: 1px solid #999;
    }

    th.gen { background: #ccc; }


   /*--------  強調文字  ---------*/
    strong.super-red {
        background-color: #af2225;
        color: #ffffff;
    }

    strong.super-yellow {
        background-color: #ffff00;
        color: #000000;
    }

    strong.super-blue {
        background-color: #0000ff;
        color: #ffffff;
    }

    strong.light-blue {
        background-color: #bbe2f9;
        color: #000000;
    }

    strong.super-green {
        background-color: #34c801;
        color: #ffffff;
    }


    /*------- attention ------------*/
    /*    赤枠点線の囲み            */
    table.attention{
        border : 2px dotted red;
        background-color : white;
    }
    table.attention td{
        padding : 3px;
    }