/*** for PC Browser ***/
@media (min-width:401px)
{
/* == 外枠 == */
.footer
{
    border-top: 3px solid #7DCCF3;
    float: left;
    font-size: small;
    margin: 0 0 5px;
    padding: 0;
    width: 990px;
}


/* == ロゴ == */
.footer .footer_logo
{
    float: left;
    padding: 5px 10px 0 10px;
}

.footer .footer_logo img
{
    vertical-align: bottom;
}


/* == 問い合わせ　== */
.footer .footer_contact
{
    border-left: 3px dotted #C3C3C3;
    float: left;
    padding: 10px 30px 10px 25px;
}

.footer .footer_contact h2
{
    color: #000000;
    font-size: small;
    font-weight: bold;
    margin: 0;
    padding: 0;
}


/* == サイトの情報 == */
.footer .footer_about
{
    border-left: 3px dotted #C3C3C3;
    float: left;
    padding: 10px 30px;
    width: 400px;
}

.footer ul
{
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 400px;
}

.footer li
{
    background: url("../../../Images/icon.gif") no-repeat left center;
    float: left;
    margin: 0 0 0 10px;
    padding: 5px 0 0 15px;
}

.footer li a
{
    float: left;
    display: block;
    text-decoration: none;
}


/* == コピーライト == */
.footer .copyright
{
    border-bottom: 2px solid #ABABAB;
    border-top: 3px dotted #C3C3C3;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    padding: 5px 0;
    text-align: center;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
/* == 外枠 == */
.footer
{
    border-top: 3px solid #7DCCF3;
    float: left;
    font-size: small;
    margin: 0 0 5px;
    padding: 0;
    width: 320px;
}

.footer_sp
{
    float: right;
    width: 320px;
}

.footer_sp2
{
    float: left;
    width: 320px;
}


/* == ロゴ == */
.footer .footer_logo
{
    float: left;
    padding: 0;
}

.footer .footer_logo img
{
    vertical-align: bottom;
}


/* == 問い合わせ　== */
.footer .footer_contact
{
    float: left;
    padding: 0 0 0 10px;
    width: 170px;
}

.footer .footer_contact h2
{
    color: #000000;
    font-size: small;
    font-weight: bold;
    margin: 0;
    padding: 0;
}


/* == サイトの情報 == */
.footer .footer_about
{
    float: left;
    padding: 5px 10px;
    width: 300px;
}

.footer ul
{
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.footer li
{
    background: url("../../../Images/icon.gif") no-repeat left center;
    float: left;
    margin: 0 10px 0 0;
    padding: 5px 0 0 15px;
}


/* == コピーライト == */
.footer .copyright
{
    border-bottom: 2px solid #ABABAB;
    border-top: 3px dotted #C3C3C3;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    padding: 5px 0;
    text-align: center;
}
}