/*

--------------------

PRIDE official website

--------------------

*/



/*�e�L�X�g*/

td,body { color:#454545;font-size:x-small  }

/*�e�L�X�g(�L��)*/

.lgnote { color:#333333;font-size:x-small;line-height:"150%"}

/*�e�L�X�g�i�����t�j*/

.stxt { color:#5082C2;font-size:xx-small }

/*�e�L�X�g�i�j*/

.btxt { color:#5082C2;font-size:x-small }

/*�e�L�X�g�i���j*/

.sctxt { color:#666666;font-size:xx-small }

/*�e�L�X�g�i���������ʁj*/

.sftxt { color:#5082C2;font-size:x-small }

/*�����N�F*/

a:link{color: #454545;}

a:visited{color:#7B7B7B }

a:hover{color: #357AD0;}

a:active{color:#357AD0 }

/*�����N�F�i�����j*/

a.pw:link{color: #2272D5;}

a.pw:visited{color:#729FD7 }

a.pw:hover{color: #4196FF;}

a.pw:active{color:#B9D8FF }

/*form�֘A*/

input.t{ background-color:#ffffff; font-size:x-small; border:0; border:1px #56626F solid; padding:1px }

textarea{ background-color:#ffffff; font-size:x-small; border:0; border:1px #56626F solid; padding:1px }

select{ background-color:#ffffff; font-size:x-small; border:1px #56626F}

/*���o��*/
h3{margin:0;padding:0;}

/*���o���g�b�v�p*/
h3.feat{color:#5082C2;font-size:x-small }

/* responsive overrides for legacy news pages */
html, body {
    min-width: 320px;
}

table[width="770"],
table[width="752"],
table[width="744"],
table[width="750"],
table[width="100%"],
td[width="770"],
td[width="752"],
td[width="744"],
td[width="750"] {
    width: 100% !important;
    max-width: 770px;
}

td[width="135"],
td[width="605"],
td[width="484"],
td[width="250"],
td[width="216"] {
    width: auto !important;
}

img, input, select, textarea {
    max-width: 100%;
    height: auto;
}

@media (max-width: 780px) {
    table[width="770"],
    table[width="752"],
    table[width="744"],
    table[width="750"],
    table[width="100%"] {
        width: 100% !important;
        max-width: 100% !important;
    }

    td[width="135"],
    td[width="605"],
    td[width="484"],
    td[width="250"],
    td[width="216"] {
        display: block;
        width: 100% !important;
    }

    img {
        width: 100% !important;
        max-width: 100% !important;
    }

    select, input, textarea {
        width: 100% !important;
        box-sizing: border-box;
    }
}
