@charset "Shift_JIS";

@media screen and (max-width: 640px) {
 
        img{
        max-width:100%;
        height: auto;
        width /***/:auto;
        }

BODY {
    background-color:rgb(73, 130, 184);
    text-align:center;
    margin-top:20px;
} 



div#main{
    width:90%;
    background-color:#FFFFFF;
    padding:10px;
    margin:0 auto;
    text-align:left;
    font-size:small;
    line-height:130%;
    letter-spacing:1px;
    padding-top:40px;
}


div#footer{
    background-color:#879EC2;
    font-size:x-small;
    text-align:right;
    color:#FFFFFF;
}

div#list{
    background-color: #c6d5ee;
    text-indent: 65px;
    margin-top: 20px;
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 14px;
    border-top-width: 0px;
    border-bottom-width: 2px;
    border-bottom-style: ridge;
    border-bottom-color: gray;
    border-right-width: 2px;
    border-right-style: ridge;
    border-right-color: gray;
    padding:8px;
}

div#date {
    background-color:transparent;
    font-size:80%;
    font-weight:normal;
    text-align:right;
    margin:0 15px 0 15px;
}


dl {
    margin: 1em 0;
    border-bottom:1px solid #ccc;
    width: 98%;
    font-size:x-small;
}

dl {
    background: #ececec;
}

dt, dd {
    margin: 0;
    border-top: 1px solid #ccc;
    padding: .1em 1em;

}

dt {
    width: 8em;
    font-weight: normal;
}


dt {
    float: left;
}

dd {
    margin-left: 8em;
    background: #fff;
}


h1 {
    font-size:125%;
    color:#24417B;
    background-color:#ECF5FF;
    padding:3px 5px 0px;
    border-width:0 0 1px 10px;
    border-style:solid;
    margin:8px 2px 2px 2px;
    border-color:#178BFF;
}

h2 {
    font-size:100%;
    color:#FFFFFF;
    background-color:rgb(132, 149, 189);
    padding:3px 5px 0px;
    border-width:0 0 1px 8px;
    border-style:solid;
    margin:8px 2px 0px 2px;
    border-color:#33CCFF;
    font-weight:normal;
}
h3 {
    color:#1C315E;
    background-color:rgb(219, 239, 255);
    padding:3px 5px 0px;
    border-width:0 0 0px 8px;
    border-style:solid;
    margin:0px 2px 0px 2px;
    border-color:#178BFF;
    font-weight:normal;
    font-size:98%;
}

h4 {
    font-size:80%;
    color:#FFFFFF;
    background-color:#2D47DB;
    border-style:solid;
    margin:1px 2px 1px 10px;
    border-color:2D47DB;
    font-weight:normal;
    border-width:2px 0 0 14px;
}

h5 {
    font-size:60%;
    color:#FFFFFF;
    background-color:transparent;
    border-style:solid;
    margin: 0 10px 10px 10px;
    border-color:#33CCFF;
}


H7 {
    font-size:350%;
    color:#FFFFFF;
    background-color:transparent;
    border-style:solid;
    margin: 0 10px 10px 10px;
    border-color:#33CCFF;
}


H8 {
    font-size:20%;
    color:#FFFFFF;
    background-color:transparent;
    border-style:solid;
    margin: 0 10px 10px 10px;
    border-color:#33CCFF;
}

/*----------------------------------------------------------*/
A:link {
    text-decoration: none;
    background-color:transparent;
    color:#0000FF;
    font-family:sans-serif;
}
A:VISITED {
    text-decoration: none;
    background-color:transparent;
    color:#43887e;
    font-family: sans-serif;
}
A:active  {
    text-decoration: none;
    background-color:transparent;
    color:#2469DB;
}
A:hover{
    text-decoration: none;
    background-color:#DEE8FA;
    color:rgb(23, 39, 141);
}
/*----------------------------------------------------------*/


INPUT.fixed01{
    border-style:none;
    color:#000000;
    font-size:x-small;
    width : 100%;
    background:transparent; 
}

INPUT.fixed02{
    border-style:none;
    color:#000000;
    font-size:x-small;
    background:transparent; 
}


TABLE.list01{
    border-collapse:collapse;
    width:85%;
}

TABLE.list01 td{
    border-color:#CACACA;
    border-style:solid;
    border-left-width:0;
    border-right-width:0;
    border-top-width:0;
    border-bottom-width:1px;
    font-size:x-small;
    padding-left:8px;
    padding-right:8px;
    padding-bottom:2px;
    padding-top:12px;
}


}