.container {
    margin: 0 auto;
    padding: 0;
    width: 800px;
    text-align: left;
}


/**
 *
 *
 *  #head
 *
 *
 **/
#head {
    height: 240px;
    background: url(../../../img/sozai/bg.head.png) left top repeat-x;
}

#head #head-content {
    margin-bottom: 10px;
    position: relative;
    background: url(../../../img/sozai/bg.head.container.l.png) left top no-repeat;
    height: 240px;
}
#head #head-content #head-content-r {
    margin-bottom: 10px;
    height: 240px;
    background: url(../../../img/sozai/bg.head.container.r.jpg) right top no-repeat;
}
#head #head-content #head-content-r strong {
    visibility: hidden;
}

#head h1 {
    margin: 0;
    position: absolute;
    top: 10px;
    left: -40px;
    width: 222px;
    height: 222px;
    background: url(../../../img/sozai/bg.h1.png) left top no-repeat;
}
#head h1 a {
    outline: none;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}
#head h1 a span {
    visibility: hidden;
}


#navi {
    margin: 10px 0 0 0;
    padding: 0 10px;
    clear: both;
    height: 40px;
}

#navi ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#navi ul li {
    margin: 0;
    padding: 0;
    width: 130px;
    height: 40px;
    float: left;
}
#navi ul li a {
    outline: none;
    display: block;
    height: 100%;
    background-image: url(../../../img/sozai/bg.navi.png);
    background-repeat: no-repeat;
    text-decoration: none;
}
#navi ul li a span {
    visibility: hidden;
}

#navi ul li#navi-top     a { background-position:    0px -40px; }
#navi ul li#navi-profile a { background-position: -130px -40px; }
#navi ul li#navi-info    a { background-position: -260px -40px; }
#navi ul li#navi-clinic  a { background-position: -390px -40px; }
#navi ul li#navi-access  a { background-position: -520px -40px; }
#navi ul li#navi-faq     a { background-position: -650px -40px; }

#navi ul li#navi-top     a:hover { background-position:    0px 0px; }
#navi ul li#navi-profile a:hover { background-position: -130px 0px; }
#navi ul li#navi-info    a:hover { background-position: -260px 0px; }
#navi ul li#navi-clinic  a:hover { background-position: -390px 0px; }
#navi ul li#navi-access  a:hover { background-position: -520px 0px; }
#navi ul li#navi-faq     a:hover { background-position: -650px 0px; }

#navi ul li.active#navi-top     a { background-position:    0px 0px; }
#navi ul li.active#navi-profile a { background-position: -130px 0px; }
#navi ul li.active#navi-info    a { background-position: -260px 0px; }
#navi ul li.active#navi-clinic  a { background-position: -390px 0px; }
#navi ul li.active#navi-access  a { background-position: -520px 0px; }
#navi ul li.active#navi-faq     a { background-position: -650px 0px; }



/**
 *
 *
 *  #content
 *
 *
 **/
#content {
    clear: both;
    min-height: 420px;
}

#content-container {
    background: url(../../../img/sozai/bg.content.container.m.png) left top repeat-x;
}

#content-container-t {
    height: 10px;
    background: url(../../../img/sozai/bg.content.container.t.png) left top no-repeat;
}

#content-container-b {
    clear: both;
    height: 160px;
    background: url(../../../img/sozai/bg.content.container.b.png) left bottom no-repeat;
}


/**
 *
 *
 *  #content-l
 *
 *
 **/
#content-l {
    margin-left: 10px;
    padding: 10px;
    float: left;
    width: 500px;
    min-height: 400px;
    background: url(../../../img/sozai/bg.content-l.m.png) top left repeat;
}
#content-l-t {
    margin: -10px;
    height: 10px;
    background: url(../../../img/sozai/bg.content-l.t.png) left top no-repeat;
}


/**
 *
 *
 *  #content-r
 *
 *
 **/
#content-r {
    margin-left: 10px;
    width: 250px;
    float: left;
    font-size: 90%;
}

#content-r h3.h3-info {
    margin-bottom: 4px;
    padding: 0 0 0 32px;
    background: url(../../../img/sozai/bg.h3-info.png) left -4px no-repeat;
    min-height: 40px;
}


#content-r .content {
    margin-bottom: 10px;
    padding: 10px;
    background: url(../../../img/sozai/bg.content-r.m.png) left top repeat;
}
#content-r .content .content-t {
    margin: -10px;
    height: 10px;
    background: url(../../../img/sozai/bg.content-r.t.png) left top no-repeat;
}
#content-r .content .content-b {
    margin: -10px;
    padding-bottom: 5px;
    height: 10px;
    background: url(../../../img/sozai/bg.content-r.b.png) left bottom no-repeat;
}

/**
 *
 *
 *  #content-1
 *
 *
 **/
#content-1 {
    margin-left: 10px;
    padding: 10px;
    float: left;
    width: 760px;
    min-height: 400px;
    background: url(../../../img/sozai/bg.content-1.m.png) top left repeat;
}
#content-1-t {
    margin: -10px;
    height: 10px;
    background: url(../../../img/sozai/bg.content-1.t.png) left top no-repeat;
}





/**
 *
 *
 *  #foot
 *
 *
 **/
#foot {
    height: 100px;
}

#foot .container {
    padding: 0;
    height: 100%;
    position: relative;
    color: #ffffff;
    background: url(../../../img/sozai/bg.foot.container.png) left bottom repeat-x;
    line-height: 166%;
    font-size: 85%;
}

#foot .container address {
    position: absolute;
    right: 20px;
    bottom: 16px;
    text-align: right;
    font-style: normal;
}
#foot .container address a {
    color: #ffffff !important;
}

