/* styles-list.css */
/* 固定レイアウト共通 */
body {
        margin: 20px 0px 20px 0px;
        text-align: center;
        background-color: #8FABBE;
        }

h1, h2, h3, h4 {
        margin: 0px;
        padding: 0px;
        font-weight: normal;
        }

a {
        text-decoration: underline;
        }

a:link {
        color: #0066ff;
        }

a:visited {
        color: #000099;
        }

a:active {
        color: #000099;
        }

a:hover {
        color: #ff6600;
        }

#titlelist {
        margin-right: auto;
        margin-left: auto;
        text-align: left;
        width: 760px;
        color: #000099;
        background-color: #FFFFFF;
        border: 1px solid #FFFFFF;
        }

#titlelist h1 {
    margin-left: 0px;
    padding-top: 10px;
    padding-left: 40px;
    color: #0066FF;
    font-family: Verdana, Arial, sans-serif;
    font-style: italic;
    font-weight: normal;
    font-size: 20pt;
}

#linkbanner {
        text-align: right;
        padding-right: 40px;
}

#linkbanner2 {
        text-align: right;
        padding-right: 0px;
}

.titlecontent {
        padding-top: 0px;
        padding-right: 20px;
        padding-bottom: 10px;
        padding-left: 20px;
        font-family: Verdana, Arial, sans-serif;
        font-size: 11pt;
/*        font-size: small; */
        color: #000099;
        }

#titlelist-navi {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10pt;
    color: #0066FF;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

#titlelist-navi2 {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10pt;
    color: #0066FF;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

#titlelist .titlecontent table {
    width: 718px;
    border-collapse: collapse;
}

#bangou { width: 12%; }
#gappi { width: 16%; }
#namae { width: 16%; }

#titlelist td, th {
   padding: 4px 2px;
   text-align: left;
   font-size: 10pt;
   color: #000099;
   line-height: 130%;
}

.titlecontent .footer {
    color: #0066FF;
    font-family: Verdana, Arial, sans-serif;
    font-size: 10pt;
/*    border-top: 1px solid #000099;  */
    text-align: left;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 140%;
    padding-top: 10px;
    padding-left: 20px;
}

#clipcredit {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 1px;
}

titlecontent .formbody {
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}
titlecontent .found {
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 20px;
}

/* ------------------------------------------------------------------------------------ */
@media only screen and (max-width:684px) {
#titlelist {
        margin-right: auto;
        margin-left: auto;
        text-align: left;
        width: auto;
        color: #000099;
        background-color: #FFFFFF;
        border: 1px solid #FFFFFF;
        }
        
#titlelist .titlecontent table {
    width: auto;
    border-collapse: collapse;
}
img {
    max-width: 100%;
    height: auto;
    }
}
/* ------------------------------------------------------------------------------------ */