/*======================================================================================================================
 * VIW0201
 *====================================================================================================================*/
body
{
	background-color: #F8F0BA;
    background-image: url(../../Image/2001/back.gif);
    background-position: center top;
    background-repeat: repeat-y;
}

/* ヘッダ部 */
.group-header
{
    text-align : center;
}
    /* タイトルイメージ */
    #VIW0201-top-image
    {
        background-image: url(../../Image/2001/bbs_title.gif);
        background-position: center top;
        background-repeat: no-repeat;

        height: 70px;
        width: 388px;
        
        text-align : left;
        padding-top : 120px;
        margin : 0px auto 20px;

        font-weight : bold;
        color : #000;
        font-size : larger;
    }

/* エラーメッセージ表示部 */
#VIW0201-error-area
{
     text-align : center;    
     padding : 10px;
}

    /* エラーテーブル */
    #VIW0201-error-table
    {
        border-style : solid;
        border-color : #104010;
        border-width : 1px 2px 2px 1px;
        
        width: 600px;
    }

        /* エラータイトルセル */
        #VIW0201-error-table th
        {
            background-color : #f99;
            color : #fff;
            vertical-align : top;
            text-align : center;
            padding : 3px;
            
            border-style : solid;
            border-color : #104010;
            border-width : 0px 0px 1px 0px;
            
            font-size : smaller;
        }

        /* エラー内容セル */
        #VIW0201-error-table td
        {
            padding : 5px;

            border-style : solid;
            border-color : #104010;
            border-width : 0px 0px 1px 0px;
            
            background-color : #fff;
            color : #f00;
            
            font-weight: bolder;
        }
        

/* 入力フォーム表示部 */
#VIW0201-input-area
{
     text-align : center;    
     padding : 10px;
}

    /* 入力テーブル */
    #VIW0201-input-table
    {
        border-style : solid;
        border-color : #104010;
        border-width : 1px 1px 0px 1px;
		
		margin: 0px auto;

        width: 600px;
    }

        /* 項目名セル */
        #VIW0201-input-table th
        {
            background-color : #104010;
            color : #fff;
            vertical-align : top;
            text-align : right;
            width : 6em;
            padding : 3px;
            
            border-bottom : solid dashed solid solid #fff 1px;
            
            font-size : smaller;
        }

        /* 入力欄セル */
        #VIW0201-input-table td
        {
            padding : 5px;

            border-style : solid;
            border-color : #104010;
            border-width : 0px 0px 1px 0px;
            
            background-color : #fff;
        }

        /* 名前入力テキストボックス */
        #VIW0201_txtName
        {
            margin-right: 10px;
        }

        /* アイコン名表示部 */
        #VIW0201_lblIconName
        {
            font-weight : bolder;
        }

        /* 選択ボタン */
        #VIW0201_btnSelect
        {
            background-color : #ccc;
            border-style : solid;
            border-color : #aaa;
            border-width : 2px;
            margin-right : 10px;
            padding : 2px;
        }
        
        /* ラジオボタン表示部 */
        #VIW0201_rdoColor td
        {
            border-style : none;
        }

    /* 登録ボタン */
    #VIW0201_btnSubmit
    {
        background-color : #fff;
        border-style : solid;
        border-color : #1A451A;
        border-width : 2px;
        margin-right : 10px;
        padding : 2px;
    }

    /* クリアボタン */
    #VIW0201_btnClear
    {
        background-color : #fff;
        border-style : solid;
        border-color : #1A451A;
        border-width : 2px;
        padding : 2px;
    }

/* 記事表示部 */
.VIW0201-article-area
{
     text-align : center;
     padding : 10px;
}

    /* 記事テーブル */
    .VIW0201-article-table
    {
        border-style : none;
		
		margin: 0px auto;

        width: 600px;
    }

        /* 記事タイトル */
        .VIW0201-article-title
        {
            background-color : #104010;
            color : #fff;
            vertical-align : top;
            padding : 3px;
            
            text-align : left;
            
            border-style : solid;
            border-color : #104010;
            border-width : 0px 1px 1px 0px;
            
            font-weight : bold;
        }

        /* 投稿者・投稿日・修正日表示部 */
        .VIW0201-article-info
        {
            background-color : #fff;

            padding : 5px;
            text-align : left;
            
            border-style : solid;
            border-color : #104010;
            border-width : 0px 1px 0px 0px;
        }

        /* アイコン・内容・画像表示部 */
        .VIW0201-article-contents
        {
            background-color : #fff;

            padding : 4px;

            border-style : solid;
            border-color : #104010;
            border-width : 0px 1px 0px 0px;
        }

            /* アイコン表示部 */
            .VIW0201-article-contents-icon
            {
                padding: 8px;
                text-align : left;
                vertical-align : middle;
            }

            /* 本文表示部 */
            .VIW0201-article-contents-text
            {
                text-align : left;
                vertical-align : middle;
                width : 100%;
                word-break: break-all;
            }

            /* 画像表示部 */
            .VIW0201-article-contents-image
            {
                padding: 8px;
                text-align : right;
                vertical-align : top;
            }
            
        /* 各種ボタン表示部 */
        .VIW0201-article-button
        {
            background-color : #fff;

            text-align : right;
            padding : 8px 4px 4px 40px;

            border-style : solid;
            border-color : #104010;
            border-width : 0px 1px 1px 0px;
        }
        
            /* 返信ボタン */
            .VIW0201-btnResponse
            {
                background-color : #fff;
                border-style : solid;
                border-color : #1A451A;
                border-width : 2px;
                padding : 2px;
            }
            
            /* 編集ボタン */
            .VIW0201-btnEdit
            {
                background-color : #fff;
                border-style : solid;
                border-color : #1A451A;
                border-width : 2px;
                padding : 2px;
            }

/*======================================================================================================================
 * RES0201
 *====================================================================================================================*/
/* ヘッダ表示部 */
#RES0201-header-area
{
    text-align : left;
    background-color : #fff;
    
    width : 600px;
    
    padding : 10px;
    
    border-style : dashed;
    border-width : 1px;
    border-color : #104010;
}

    /* タイトルイメージ */
    #RES0201-top-image
    {
        /*
        background-image: url(../../Image/9999/bbs_title.gif);
        background-position: center middle;
        background-repeat: no-repeat;
        height: 120px;
        */
    }

    /* タイトル */
    #RES0201-header-area span
    {
        font-weight : bold;
        color : #000;
        font-size : larger;
    }

/* エラーメッセージ表示部 */
#RES0201-error-area
{
     text-align : center;    
     padding : 10px;
}

    /* エラーテーブル */
    #RES0201-error-table
    {
        border-style : solid;
        border-color : #104010;
        border-width : 1px 2px 2px 1px;
        
        width: 600px;
    }

        /* エラータイトルセル */
        #RES0201-error-table th
        {
            background-color : #f99;
            color : #fff;
            vertical-align : top;
            text-align : center;
            padding : 3px;
            
            border-style : solid;
            border-color : #104010;
            border-width : 0px 0px 1px 0px;
            
            font-size : smaller;
        }

        /* エラー内容セル */
        #RES0201-error-table td
        {
            padding : 5px;

            border-style : solid;
            border-color : #104010;
            border-width : 0px 0px 1px 0px;
            
            background-color : #fff;
            color : #000;
            
            font-weight: bolder;
        }
        

/* 記事表示部 */
.RES0201-article-area
{
     text-align : center;
     padding : 10px;
}

    /* 記事テーブル */
    .RES0201-article-table
    {
        border-style : none;

        width: 600px;
    }

        /* 記事タイトル */
        .RES0201-article-title
        {
            background-color : #104010;
            color : #fff;
            
            vertical-align : top;
            padding : 3px;
            
            text-align : left;
            
            border-style : solid;
            border-color : #104010;
            border-width : 0px 1px 1px 0px;
            
            font-weight : bold;
        }

        /* 投稿者・投稿日・修正日表示部 */
        .RES0201-article-info
        {
            padding : 5px;
            text-align : left;
            background-color : #fff;

            border-style : solid;
            border-color : #104010;
            border-width : 0px 1px 0px 0px;
        }

        /* アイコン・内容・画像表示部 */
        .RES0201-article-contents
        {
            padding : 4px;
            background-color : #fff;

            border-style : solid;
            border-color : #104010;
            border-width : 0px 1px 1px 0px;
        }

            /* アイコン表示部 */
            .RES0201-article-contents-icon
            {
                padding: 8px;
                text-align : left;
                vertical-align : middle;
            }

            /* 本文表示部 */
            .RES0201-article-contents-text
            {
                text-align : left;
                vertical-align : middle;
                width : 100%;
            }

            /* 画像表示部 */
            .RES0201-article-contents-image
            {
                padding: 8px;
                text-align : right;
                vertical-align : top;
            }

/* 入力フォーム表示部 */
#RES0201-input-area
{
     text-align : center;    
     padding : 10px;
}

    /* 入力テーブル */
    #RES0201-input-table
    {
        border-style : solid;
        border-color : #104010;
        border-width : 1px 2px 2px 1px;
        
        width : 600px;
    }

        /* 項目名セル */
        #RES0201-input-table th
        {
            background-color : #104010;
            color : #fff;
            vertical-align : top;
            text-align : right;
            width : 6em;
            padding : 3px;
            
            border-style : solid dashed solid solid;
            border-color : #104010;
            border-width : 0px 1px 1px 0px;
            
            font-size : smaller;
        }

        /* 入力欄セル */
        #RES0201-input-table td
        {
            padding : 5px;

            border-style : solid;
            border-color : #104010;
            border-width : 0px 0px 1px 0px;
            
            background-color : #fff;
        }

        /* 名前入力テキストボックス */
        #RES0201_txtName
        {
            margin-right: 10px;
        }

        /* アイコン名表示部 */
        #RES0201_lblIconName
        {
            font-weight : bolder;
        }

        /* 選択ボタン */
        #RES0201_btnSelect
        {
            background-color : #ccc;
            border-style : solid;
            border-color : #aaa;
            border-width : 2px;
            margin-right : 10px;
            padding : 2px;
        }
        
        /* ラジオボタン表示部 */
        #RES0201_rdoColor td
        {
            border-style : none;
        }

    /* 登録ボタン */
    #RES0201_btnSubmit
    {
        background-color : #ccc;
        border-style : solid;
        border-color : #aaa;
        border-width : 2px;
        margin-right : 10px;
        padding : 2px;
    }

    /* クリアボタン */
    #RES0201_btnClear
    {
        background-color : #ccc;
        border-style : solid;
        border-color : #aaa;
        border-width : 2px;
        padding : 2px;
    }

/* 記事一覧へ戻る表示部分 */
#RES0201-return-area
{
    text-align : left;
    background-color : #fff;
    
    width : 600px;
    
    padding : 10px;
    
    border-style : dashed;
    border-width : 1px;
    border-color : #104010;
}

    /* 記事一覧へ戻るボタン */
    #RES0201_btnReturn
    {
        background-color : #ccc;
        border-style : solid;
        border-color : #aaa;
        border-width : 2px;
        padding : 2px;
        margin-top : 10px;
    }

/*======================================================================================================================
 * EDT0101
 *====================================================================================================================*/
/* ヘッダ表示部 */
#EDT0101-header-area
{
    text-align : left;
    background-color : #fff;
    
    width : 600px;
    
    padding : 10px;
    
    border-style : dashed;
    border-width : 1px;
    border-color : #104010;
}

    /* タイトルイメージ */
    #EDT0101-top-image
    {
        /*
        background-image: url(../../Image/9999/bbs_title.gif);
        background-position: center middle;
        background-repeat: no-repeat;
        height: 120px;
        */

        text-align : left;
    }

    /* タイトル */
    #EDT0101-header-area span
    {
        font-weight : bold;
        color : #000;
        font-size : larger;
    }

/* エラーメッセージ表示部 */
#EDT0101-error-area
{
     text-align : center;    
     padding : 10px;
}

    /* エラーテーブル */
    #EDT0101-error-table
    {
        border-style : solid;
        border-color : #104010;
        border-width : 1px 2px 2px 1px;
        
        width: 600px;
    }

        /* エラータイトルセル */
        #EDT0101-error-table th
        {
            background-color : #f99;
            color : #fff;
            vertical-align : top;
            text-align : center;
            padding : 3px;
            
            border-style : solid;
            border-color : #104010;
            border-width : 0px 0px 1px 0px;
            
            font-size : smaller;
        }

        /* エラー内容セル */
        #EDT0101-error-table td
        {
            padding : 5px;

            border-style : solid;
            border-color : #104010;
            border-width : 0px 0px 1px 0px;
            
            background-color : #fff;
            color : #000;
            
            font-weight: bolder;
        }
        
/* 編集記事表示部 */
#EDT0101-article-area
{
     text-align : center;
     padding : 10px;
}

    /* 記事テーブル */
    #EDT0101-article-table
    {
        border-style : solid;
        border-color : #104010;
        border-width : 1px 2px 2px 1px;

        width: 600px;
    }

        /* 記事タイトル */
        #EDT0101-article-title
        {
            background-color : #104010;
            color : #fff;
            vertical-align : top;
            padding : 3px;
            
            text-align : left;
            
            border-style : solid;
            border-color : #104010;
            border-width : 0px 0px 1px 0px;
            
            font-weight : bold;
        }

        /* 投稿者・投稿日・修正日表示部 */
        #EDT0101-article-info
        {
            padding : 5px;
            text-align : left;
            background-color : #fff;
        }

        /* アイコン・内容・画像表示部 */
        #EDT0101-article-contents
        {
            padding : 4px;
            background-color : #fff;
        }

            /* アイコン表示部 */
            #EDT0101-article-contents-icon
            {
                padding: 8px;
                text-align : left;
                vertical-align : middle;
            }

            /* 本文表示部 */
            #EDT0101-article-contents-text
            {
                text-align : left;
                vertical-align : middle;
                width : 100%;
                padding : 0px 0px 10px 0px;
            }

            /* 画像表示部 */
            #EDT0101-article-contents-image
            {
                padding: 8px;
                text-align : right;
                vertical-align : top;
            }


/* 入力フォーム表示部 */
#EDT0101-input-area
{
     text-align : center;    
     padding : 10px;
}

    /* 入力テーブル */
    #EDT0101-input-table
    {
        border-style : solid;
        border-color : #104010;
        border-width : 1px 2px 2px 1px;

        width: 600px;
    }

        /* 項目名セル */
        #EDT0101-input-table th
        {
            background-color : #104010;
            color: #fff;
            vertical-align : top;
            text-align : right;
            width : 6em;
            padding : 3px;
            
            border-style : solid dashed solid solid;
            border-color : #104010;
            border-width : 0px 1px 1px 0px;
            
            font-size : smaller;
        }

        /* 入力欄セル */
        #EDT0101-input-table td
        {
            padding : 5px;

            border-style : solid;
            border-color : #104010;
            border-width : 0px 0px 1px 0px;

            background-color : #fff;
        }

        /* 名前入力テキストボックス */
        #EDT0101_txtName
        {
            margin-right: 10px;
        }

        /* アイコン名表示部 */
        #EDT0101_lblIconName
        {
            font-weight : bolder;
        }

        /* 選択ボタン */
        #EDT0101_btnSelect
        {
            background-color : #ccc;
            border-style : solid;
            border-color : #aaa;
            border-width : 2px;
            margin-right : 10px;
            padding : 2px;
        }
        
        /* ラジオボタン表示部 */
        #EDT0101_rdoColor td
        {
            border-style : none;
        }

    /* 編集キー入力部 */
    #EDT0101-key-area
    {
        text-align : left;
        background-color : #fff;
        
        width : 600px;
        
        padding : 10px;
        
        border-style : dashed;
        border-width : 1px;
        border-color : #104010;
    }

    /* 登録ボタン */
    #EDT0101_btnSubmit
    {
        background-color : #ccc;
        border-style : solid;
        border-color : #aaa;
        border-width : 2px;
        margin-right : 10px;
        padding : 2px;
    }

    /* 削除ボタン */
    #EDT0101_btnDelete
    {
        background-color : #ccc;
        border-style : solid;
        border-color : #aaa;
        border-width : 2px;
        margin-right : 10px;
        padding : 2px;
    }

    /* クリアボタン */
    #EDT0101_btnClear
    {
        background-color : #ccc;
        border-style : solid;
        border-color : #aaa;
        border-width : 2px;
        padding : 2px;
    }

/* 記事一覧へ戻る表示部分 */
#EDT0101-return-area
{
    text-align : left;
    background-color : #fff;
    
    width : 600px;
    
    padding : 10px;
    
    border-style : dashed;
    border-width : 1px;
    border-color : #104010;
}

    /* 記事一覧へ戻るボタン */
    #EDT0101_btnReturn
    {
        background-color : #ccc;
        border-style : solid;
        border-color : #aaa;
        border-width : 2px;
        padding : 2px;
        margin-top : 10px;
    }

/*======================================================================================================================
 * UTL0101
 *====================================================================================================================*/
/* 背景色 */
.UTL0101-base
{
}

/* 画面タイトル部 */
#UTL0101-title
{
    color : #000;
    font-weight : bold;
}

/* アイコン表示部 */
#UTL0101-icon-area
{
    height : 300px;
    width  : 350px;
    overflow : auto;
    
    background-color : #fff;
    
    border-style : solid;
    border-width : 5px 0px 5px 0px;
    border-color : #104010;

    text-align : center;
    
}

    /* アイコン表示テーブル */
    #UTL0101-icon-table
    {
    }

        /* アイコン表示セル */
        .UTL0101-icon
        {
            text-align : center;
            width : 80px;

            background-color : #fff;

            border-style : solid;
            border-width : 0px 2px 1px 0px;
            border-color : #104010;
        }

        /* アイコン名表示セル */
        .UTL0101-icon-name
        {
            text-align : left;
            width : 200px;

            background-color : #fff;

            border-style : solid;
            border-width : 0px 0px 1px 0px;
            border-color : #104010;

            padding-left : 10px;
        }

/* 閉じるボタン */
#UTL0101_btnClose
{
    background-color : #ccc;
    border-style : solid;
    border-color : #aaa;
    border-width : 2px;
    padding : 2px;
}


/*======================================================================================================================
 * UTL0201
 *====================================================================================================================*/
/* 背景色 */
.UTL0201-base
{
    background-image : none;
    background-color : #fff;
}

/* 画像 */
#UTL0201-image
{
    padding : 20px 0px 0px 0px;
}

/* 閉じるボタン */
#UTL0201_btnClose
{
    background-color : #ccc;
    border-style : solid;
    border-color : #aaa;
    border-width : 2px;
    padding : 2px;
}