/* --------------------
article
-------------------- */
#information article {
    /* override common.css */
    padding-top: 171px;
}


#information h2.page-title {
    background-image: url("../images/pagetitle.gif");
    padding-left:182px;
    height: 34px;
    margin-bottom: 72px;
}

/* --------------------
dl.information
-------------------- */
#information dl.information {
    display: block;
    width:640px;
    overflow: hidden;
}

#information dl.information dt,
#information dl.information dd,
#information dl.information dd a {
    display: block;
    background: no-repeat 0 0;
    background-size: contain;
    width: 0;
    margin: 0 auto;
    overflow: hidden;
}

#information dl.information dt {
    margin-bottom: 16px;
}

#information dl.information dd {
    margin-bottom: 56px;
}

#information dl.information dt.hours {
    background-image: url("../images/hours_head.gif");
    padding-left:57px;
    height: 14px;
}

#information dl.information dd.hours {
    background-image: url("../images/hours.gif");
    padding-left: 130px;
    height: 58px;
}

#information dl.information dt.holiday {
    background-image: url("../images/holiday_head.gif");
    padding-left: 39px;
    height: 14px;
}

#information dl.information dd.holiday {
    background-image: url("../images/holiday.gif");
    padding-left: 124px;
    height: 17px;
}

#information dl.information dt.address {
    background-image: url("../images/address_head.gif");
    padding-left: 43px;
    height: 14px;
}

#information dl.information dd.address {
    width: 248px;
    padding: 0;
}

#information dl.information dd.address a {
    background-image: url("../images/address.png");
    padding-left: 248px;
    height: 40px;
}

#information dl.information dt.tel {
    background-image: url("../images/tel_head.gif");
    padding-left: 57px;
    height: 14px;
}

#information dl.information dd.tel {
    width: 121px;
    margin-bottom: 32px;
    padding: 0;
}

#information dl.information dd.tel a {
    background-image: url("../images/tel.gif");
    padding-left: 121px;
    height: 15px;
}

#information dl.information dd.tel-notice {
    background-image: url("../images/tel_notice.gif");
    padding-left: 320px;
    height: 72px;
}

#information dl.information dt.url {
    background-image: url("../images/url_head.gif");
    padding-left: 28px;
    height: 11px;
}

#information dl.information dd.url {
    width: 229px;
    padding: 0;
}

#information dl.information dd.url a {
    background-image: url("../images/url.gif");
    padding-left: 229px;
    height: 17px;
}

#information dl.information a:hover {
    opacity: 0.8;
}

#information dl.information dd.tel a:hover {
    cursor: default;
    opacity: 1;
}

/* --------------------
section.profile
-------------------- */
#information section.profile {
    margin-bottom: 64px;
}

#information section.profile h3.name {
    display: block;
    background: url("../images/profile_name.gif") no-repeat;
    background-size: contain;
    width: 0;
    padding-left: 184px;
    height: 46px;
    margin: 0 auto 34px;
    overflow: hidden;
}

#information section.profile ul.career {
    display: block;
    background: url("../images/profile_career.gif") no-repeat;
    background-size: contain;
    width: 0;
    padding-left: 308px;
    height: 230px;
    margin: 0 auto;
    overflow: hidden;
}

/* --------------------
section.access
-------------------- */
#information section.access {
    display: block;
    background: url("../images/access.png") no-repeat;
    background-size: contain;
    width: 0;
    padding-left: 576px;
    height: 112px;
    margin: 0 auto 114px;
    overflow: hidden;
}



/* --------------------
footer
-------------------- */
#information footer {
    /* override common.css */
    border: none;
    padding: 0;
}


@media screen and (max-width: 568px) {

    #information article {
        padding-top: 106px;
    }

    #information h2.page-title {
        margin-bottom: 40px;
    }

    #information dl.information {
        width:100%;
    }

    #information dl.information dt {
        margin-bottom: 16px;
    }

    #information dl.information dd {
        margin-bottom: 56px;
    }

    #information dl.information dd.address {
        padding: 0;
    }

    #information dl.information dd.address a {
    }

    #information dl.information dd.tel-notice {
        padding-left: 240px;
        height: 54px;
    }

    #information section.profile {
        margin-bottom: 32px;
    }

    #information section.profile ul.career {
        padding-left: 231px;
        height: 173px;
    }


    #information section.access {
        padding-left: 288px;
        height: 68px;
        margin: 0 auto 42px;
    }
}