﻿@charset "UTF-8";
/*--------------------------------------------------------------------
          [ Style Sheet for Screen on The Project Page ]
  ---------------------------------------------------------------------*/
  
  /*  Import CSS  */
    @import url("../css/screen/default.css");
    @import url("../css/screen/common.css");
  /*-------------------------*
   *    Class : PageHeader   *
   *-------------------------*/
   .PageHeader {
        background-image:url("image/title/background.jpg");
        }
  /*--------------------*
   *    Class : Text    *
   *--------------------*/
    .Text {
        }
        .Text>h4 {
            margin-top:10px;
            margin-left:30px;
            font-size:120%;
            font-weight:bold;
            text-align:left;
            }
        .Text>ol {
            margin-left:30px;
            }
            .Text>ol>h5 {
                margin-top:10px;
                font-size:100%;
                font-weight:normal;
                }
            .Text>ol>li {
                margin-top:10px;
                margin-left:20px;
                }
                .Text>ol>li>ol {
                    list-style-type:none;
                    margin-top:5px;
                    margin-left:10px;
                    }
                    .Text>ol>li>ol>li {
                        margin-top:10px;
                        }
                    .Text>ol>li>ol>li>p {
                        margin-left:30px;
                        text-indent:0.7em;
                        }
                    .Text>ol>li>ol>li>dl {
                        margin-top:3px;
                        margin-left:30px;
                        }
                    .Text>ol>li>ol>li>dl:after {
                        content:"";
                        display:block;
                        clear:both;
                        visibility:hidden;
                        }
                    .Text>ol>li>ol>li>dl>dt {
                        margin-left:0px;
                        display:block;
                        width:40px;
                        float:left;
                        }
                    .Text>ol>li>ol>li>dl>dd {
                        width:440px;
                        margin-left:0px;
                        display:block;
                        float:left;
                        }
                    .Text>ol>li>ol>li>dl>dd>ol {
                        margin-left:0px;
                        list-style-type:none;
                        }
  /*--------------------------*
   *    Class : YearSelect    *
   *--------------------------*/
    .YearSelect {
        }
        .YearSelect li {
            display:block;
            }
        .YearSelect a:hover {
            color:blue;
            }
  /*----------------------*
   *    Class : Result    *
   *----------------------*/
    .Result {
        margin-left:30px;
        }
        .Result table {
            margin-top:15px;
            width:535px;
            }
        .Result .Column1 {
            width:50px;
            }
        .Result .Column2 {
            width:50px;
            }
        .Result .Column4 {
            width:170px;
            }
        .Result thead th {
            text-align:center;
            padding-right:0px;
            }
        .Result tbody th,
        .Result tbody td {
            background-color:white;
            }
            .Result th {
                text-align:right;
                padding-right:5px;
                font-weight:normal;
                }
        .Result tbody td a {
            color:blue;
            }
        .Result tbody td a:hover {
            font-weight:bold;
            }
  /*-----------------------*
   *    Class : Outline    *
   *-----------------------*/
    dl.Outline {
        margin-left:20px;
        }
        dl.Outline>dt {
            margin-top:15px;
            border-width:1px 1px 2px 15px;
            border-style:solid;
            border-color:#099;
            padding:4px 0px 1px 10px;
            text-align:left;
            display:list-item;
            list-style-position:inside;
            list-style-type:none;
            font-size:120%;
            }
        dl.Outline>dd {
            margin-left:20px;
            padding-left:0px;
            }
            dl.Outline>dd>dl>dt {
                margin-top:10px;
                margin-left:40px;
                display:list-item;
                list-style-position:outside;
                list-style-type:decimal;
                }
                dl.Outline>dd>dl>dd {
                    margin-top:5px;
                    margin-left:50px;
                    padding-left:0px;
                    }
                    dl.Outline>dd>dl>dd>dl>dt {
                        float:left;
                        width:40px;
                        }
                    dl.Outline>dd>dl>dd>dl>dd {
                        margin-left:50px;
                        margin-bottom:3px;
                        padding-left:0px;
                        }
    .Plan {
        margin-top:5px;
        margin-left:30px;
        }
        .Plan>h4 {
            margin-top:10px;
            border-width:1px 1px 2px 15px;
            padding:3px 2px 1px 15px;
            border-color:#099;
            text-align:left;
            }
        .Plan>ul {
            display:block;
            margin-left:60px;
            list-style-type:none;
            }
            .Plan>ul>li {
                display:block;
                margin-left:0px;
                margin-top:5px;
                }
                .Plan>ul>li>dl {
                    display:block;
                    }
                .Plan>ul>li>dl>dt {
                    float:left;
                    }
                .Plan>ul>li>dl>dd {
                    margin-left:60px;
                    }
            .Plan>dl {
                display:block;
                margin-top:10px;
                margin-left:60px;
                }
                .Plan>dl:after {
                    content:"";
                    display:block;
                    clear:both;
                    visibility:hidden;
                    }
                .Plan>dl>dt,
                .Plan>dl>dd {
                    display:block;
                    margin-left:20px;
                    float:left;
                    }
                    .Plan>dl>dd li {
                        margin-bottom:5px;
                        }
  /*-----------------------------*
   *    Class : ActivityLog      *
   *-----------------------------*/
    .ActivityLog {
        margin-top:5px;
        margin-left:30px;
        }
        .ActivityLog>h4 {
            margin-top:10px;
            border-width:1px 1px 2px 15px;
            border-color:#099;
            text-align:left;
            padding-left:15px;
            }
        .ActivityLog>.Paragraph {
            margin-top:10px;
            margin-left:20px;
            }
            .ActivityLog>.Paragraph>h5 {
                margin-top:10px;
                border-width:0px 0px 2px 10px;
                border-color:#066;
                text-align:left;
                padding-left:15px;
                }
            .ActivityLog>.Paragraph>.Photo {
                width:480px;
                margin:5px auto;
                }
                .ActivityLog>.Paragraph>.Photo>h6 {
                    margin-top:10px;
                    font-size:24px;
                    font-weight:bold;
                    text-align:center;
                    }
                .ActivityLog>.Paragraph>.Photo>hr {
                    margin:0px auto 5px;
                    width:400px;
                    border-top:1px gray solid;
                    }
                 .ActivityLog>.Paragraph>.Photo img {
                    border:1px gray solid;
                    }
                 .ActivityLog>.Paragraph>.Photo>.Index {
                    position:relative;
                    width:480px;
                    margin-top:-24px;
                    padding-top:3px;
                    margin-left:1px;
                    height:20px;
                    background-image:url("../image/white.png");
                    text-align:center;
                    }
            .ActivityLog>.Paragraph>.BackButton {
                text-align:right;
                }
                .ActivityLog>.Paragraph>.BackButton a {
                    padding:3px 5px;
                    font-size:12px;
                    border:1px gray solid;
                    border-radius:5px;
                    }
                    .ActivityLog>.Paragraph>.BackButton a:hover {
                        border:1px blue solid;
                        background-color:#ccf;
                        }
