@charset "utf-8";
/*--------------------------------------------
CSS Information

File name:template.css
- template
--------------------------------------------*/

/*--------------------------------------------
TABLE OF CONTENTS
----------------------------------------------
BODY
1.Document:  　　　　  #liqueur_document
2.Header:    　　　　　#liqueur_header
3.Nav:  　　　　　     #liqueur_globalNav
4.Contents:  　　　　　#liqueur_content
5.Main:  　　　　　　　#liqueur_main
6.Sub:                 #liqueur_sub
7.Footer               #liqueur_footer
--------------------------------------------*/

/* Document
-----------------------------------*/
#liqueur_document {
    margin: 0 auto;
    text-align: center;
}

#liqueur_header-inner,
#liqueur_content,
#liqueur_footer-inner {
    width: 890px;
    margin: 0 auto;
    text-align: left;
}

/* Header
-----------------------------------*/
#liqueur_header {
    width: 100%;
    height: 95px;
    margin-top: 3px;
    background: url(../images/tmp_header_bg01.jpg) repeat-x 100% 0;
}

#liqueur_header-inner {
    background: url(../images/tmp_header_bg01.jpg) repeat-x 0 0;
}

#liqueurId {
    padding-top: 17px;
}

#liqueur_header-utility {
    float: right;
    width: 220px;
    height: 28px;
    background: url(../images/tmp_header_utility_bg01.jpg) no-repeat 0 0;
    position: relative;
    margin-top: -40px;
}

#liqueur_header-utility p {
    padding: 3px 0 0 9px;
}

#liqueur_header-utility a {
    position: absolute;
    top: 3px;
    left: 115px;
}

/* Nav
-----------------------------------*/
ul#liqueur_globalNav {
    width: 890px;
    margin-top: 17px;
    display: flex;
}

ul#liqueur_globalNav li {}

ul#liqueur_globalNav li a {
    display: block;
    height: 38px;
    text-indent: -99999px;
}

ul#liqueur_globalNav li.liqueur_nav01 a {
    width: 223px;
    background: url(/wnb/common/images/tmp_nav_re01_normal.png) no-repeat 0 0;
    background-size: 223px auto;
}
ul#liqueur_globalNav li.liqueur_nav02 a {
    width: 222px;
    background: url(/wnb/common/images/tmp_nav_re02_normal.png) no-repeat 0 0;
    background-size: 222px auto;
}
ul#liqueur_globalNav li.liqueur_nav03 a {
    width: 222px;
    background: url(/wnb/common/images/tmp_nav_re03_normal.png) no-repeat 0 0;
    background-size: 222px auto;
}
ul#liqueur_globalNav li.liqueur_nav04 a {
    width: 223px;
    background: url(/wnb/common/images/tmp_nav_re04_normal.png) no-repeat 0 0;
    background-size: 223px auto;
}
ul#liqueur_globalNav li.liqueur_nav01 a:hover {
    width: 223px;
    background: url(/wnb/common/images/tmp_nav_re01_hover.png) no-repeat 0 0;
    background-size: 223px auto;
}
ul#liqueur_globalNav li.liqueur_nav02 a:hover {
    background: url(/wnb/common/images/tmp_nav_re02_hover.png) no-repeat 0 0;
    background-size: 222px auto;
}
ul#liqueur_globalNav li.liqueur_nav03 a:hover {
    background: url(/wnb/common/images/tmp_nav_re03_hover.png) no-repeat 0 0;
    background-size: 222px auto;
}
ul#liqueur_globalNav li.liqueur_nav04 a:hover {
    background: url(/wnb/common/images/tmp_nav_re04_hover.png) no-repeat 0 0;
    background-size: 223px auto;
}
.dictionary ul#liqueur_globalNav li.liqueur_nav02 a {
    background: url(/wnb/common/images/tmp_nav_re02_current.png) no-repeat 0 0;
    background-size: 222px auto;
}
.faq ul#liqueur_globalNav li.liqueur_nav03 a {
    background: url(/wnb/common/images/tmp_nav_re03_current.png) no-repeat 0 0;
    background-size: 222px auto;
}


/* Contents
-----------------------------------*/
#liqueur_content {
    margin-bottom: 60px;
}

#liqueur_content h1 {
    margin-top: 10px;
}

#liqueur_content p#topicPath {
    margin: 10px 0 20px;
    font-size: 85%;
}

.list #liqueur_content p#topicPath {
    margin: 10px 0 0;
}

#liqueur_content p#topicPath strong {
    font-weight: normal;
}

/* Main
-----------------------------------*/
#liqueur_main {
    float: right;
    width: 649px;
}

.event #liqueur_main {
    clear: both;
    width: 890px;
    margin-bottom: -24px;
}

.list #liqueur_main {
    clear: both;
    width: 890px;
    margin-top: 20px;
    margin-bottom: -36px;
}

/* Sub
-----------------------------------*/
#liqueur_sub {
    float: left;
    width: 211px;
}

#liqueur_sub div.localNavArea {
    background: url(../images/tmp_lNav_bg01.gif) repeat-y 0 0;
}

#liqueur_sub div.localNavArea h2 {
    margin-bottom: -14px;
}

#liqueur_sub div.localNavArea dl {
    padding-bottom: 7px;
    background: url(../images/tmp_lNav_bg02.gif) no-repeat 0 100%;
}

#liqueur_sub div.localNavArea dt,
#liqueur_sub div.localNavArea dd {
    width: 171px;
    margin-left: 20px;
}

#liqueur_sub div.localNavArea dt {
    margin-top: 14px;
}

#liqueur_sub div.localNavArea dt img {
    display: block;
}

#liqueur_sub div.localNavArea dd {}

/* Footer
-----------------------------------*/
#liqueur_footer {
    clear: both;
    width: 100%;
    min-height: 70px;
    background: #000 url(../images/tmp_footer_bg01.gif) repeat-x 0 100%;
}

#liqueur_footer-inner {
    position: relative;
    background: url(../images/tmp_footer_bg01.gif) repeat-x 0 100%;
    min-height: 70px;
}

* html #liqueur_footer,
* html #liqueur_footer-inner {
    height: 70px;
}

ul#liqueur_footer_nav {
    padding: 14px 0 0;
}

ul#liqueur_footer_nav li {
    float: left;
    border-right: 1px solid #444;
    font-size: 85%;
    text-align: center;
    line-height: 1.3;
}

ul#liqueur_footer_nav li.first-child {
    border-left: 1px solid #444;
}

ul#liqueur_footer_nav li.product {
    width: 146px;
}

ul#liqueur_footer_nav li.recipe {
    width: 152px;
}

ul#liqueur_footer_nav li.event {
    width: 181px;
}

ul#liqueur_footer_nav li.dictionary {
    width: 123px;
}

ul#liqueur_footer_nav li.faq {
    width: 116px;
}

ul#liqueur_footer_nav li.shop {
    width: 165px;
}

ul#liqueur_footer_nav li a {
    padding-left: 12px;
    background: url(../images/tmp_bulletB01.gif) no-repeat 0 40%;
}

ul#liqueur_footer_nav li a:link {
    color: #DAA520;
    text-decoration: none;
    cursor: pointer;
}

ul#liqueur_footer_nav li a:visited {
    color: #FFBB00;
}

ul#liqueur_footer_nav li a:hover {
    color: #97660B;
    text-decoration: underline;
}

ul#liqueur_footer_nav li a:active {
    color: #97660B;
}

#liqueur_footer ul.liqueur_footer_utility {}

#liqueur_footer p.tohome {
    position: absolute;
    bottom: 0;
    left: 0;
}

#liqueur_footer p.pagetop {
    position: absolute;
    bottom: 0;
    right: 0;
}