﻿

/*** for PC Browser ***/
@media (min-width:401px)
{
/* === グローバルナビ === */
#preload
{
  background-image: url('../../../Images/glnv_on.gif');
}


/* === フッター === */
.footer_contents
{
    margin-right: auto;
    margin-left: auto;
    padding:0;
    width:920px;
}

.footer_l
{
    background: url("../../../Images/footer_logo.png") no-repeat left bottom;
    float: left;
    margin: 0px 10px 0px 0px;
    height: 66px;
    width: 110px;
}

.footer_base
{
    float: left;
    width: 730px;
}

.footer_r
{
    background: url("../../../Images/footer_kumadori.png") no-repeat left bottom;
    margin: 0px 0px 0px 10px;
    float: left;
    height: 70px;
    width: 60px;
}

.footer_body
{
    font-size: small;
    width: 720px;
}

.footer_body ul
{
    margin: 0px;
    padding: 0px 0px 5px 0px;
    list-style-type: none;
}

.footer_body ul li
{
    background: url("../../../Images/icon.gif") no-repeat left center;
    display: inline;
    padding: 3px 5px 2px 12px;
}

.footer_body ul li a
{
    text-decoration: none;
}

.footer_body h2
{
    float: left;
    color: black;
    font-size: 100%;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

.announce_block_1,
.announce_block_2,
.announce_block_3,
.announce_block_4
{
    float: left;
    width: 730px;
    padding: 0px 0px 5px 0px;
}

.announce_block_1 div,
.announce_block_2 div,
.announce_block_3 div
{
    float: left;
    display: block;
}

.announce_block_1 a,
.announce_block_2 a,
.announce_block_3 a
{
    float: right;
    display: block;
}

.footer_body ADDRESS
{
    float: left;
    font-size:small;
    font-style:normal;
    padding: 0;
}

.footer_copy
{
    background: url("../../../Images/maku.gif") repeat-x left bottom #383735;
    color: #FFFFFF;
    font-size: small;
    padding: 5px 0 10px;
    text-align: center;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
/* === グローバルナビ === */
#preload
{
}


/* === フッター === */
.footer_contents
{
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    width: 320px;
}

.footer_l
{
    background: url("../../../Images/footer_logo.png") no-repeat left bottom;
    float: left;
    height: 66px;
    margin: 20px 10px 0 0;
    width: 110px;
}

.footer_base
{
}

.footer_r
{
    background: url("../../../Images/footer_kumadori.png") no-repeat left bottom;
    margin: 0px 0px 0px 10px;
    float: left;
    height: 70px;
    width: 60px;
}

.footer_body
{
    font-size: small;
    word-break: break-all;
}

.footer_body ul
{
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0 0 5px;
    width: 200px;
}

.footer_body ul li
{
    background: url("../../../Images/icon.gif") no-repeat left center;
    padding: 0 5px 0 12px;
}

.footer_body ul li a
{
    text-decoration: none;
}

.footer_body h2
{
    float: left;
    color: black;
    font-size: 100%;
    font-weight: bold;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

.announce_block_1,
.announce_block_2,
.announce_block_3,
.announce_block_4
{
    float: left;
    padding: 0 0 5px;
    width: 320px;
}

.announce_block_3
{
    float: left;
    padding: 0 0 5px;
    width: 250px;
}

.announce_block_1 a,
.announce_block_2 a,
.announce_block_3 a,
.announce_block_1 div,
.announce_block_2 div,
.announce_block_3 div
{
    padding: 0 0 0 10px;
}

.footer_body ADDRESS
{
    float: left;
    font-size: small;
    font-style: normal;
    padding: 0 0 0 10px;
}

.footer_copy
{
    background: url("../../../Images/maku.gif") repeat-x left bottom #383735;
    color: #FFFFFF;
    font-size: small;
    padding: 5px 0 10px;
    text-align: center;
}
}
