@charset "UTF-8";

/*
    LightUp Shopping Club
    Copyright (C) LightUp Shopping Club Inc All Rights Reserved.

    [Base]
        0. Resetting default margin and padding
        1. HTML, Body, Anchor
        2. Heading, Paragraph
        3. List
        4. Table
        5. Form
        6. Other
        7. For IE6/7

    [Layout]
        0. Container
        1. Header
        2. Content
        3. Footer

    [Module]
        1. Common Module
        2. navigation
        3. top page module.
        4. brands page module
        5. recruit page styles.
        6. about page styles.
        7. sitemap style.
        8. blog styles.
        9. contact styles.
        90. Other
        99. Clearfix
*/

/* //////////////////////////////////////////////////
    [Base]
////////////////////////////////////////////////// */

/* --------------------------------------------------
    0. Resetting default margin and padding
-------------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, p, blockquote, th, td, form, fieldset, legend {
    margin: 0;
    padding: 0;
}

/* --------------------------------------------------
    1. HTML, Body, Anchor
-------------------------------------------------- */
html {
    overflow-y: scroll; /* for mozilla: always display scrollbar */
    background-color: #efefef;
}

body {
    background-color: #fff;
    color: #666;
    font-family: sans-serif;
    font-size: 13px;
    line-height: 1.5;
    *font-size: 82%; /* for ie6/7 */
    *font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; /* for ie6/7 */
}

/*
Font-size list (base: 13px)
 62% =  8px
 70% =  9px
 77% = 10px
 85% = 11px        162% = 21px        239% = 31px
 93% = 12px        170% = 22px        247% = 32px
100% = 13px        177% = 23px        254% = 33px
108% = 14px        185% = 24px        262% = 34px
116% = 15px        193% = 25px        270% = 35px
124% = 16px        200% = 26px        277% = 36px
131% = 17px        208% = 27px        285% = 37px
139% = 18px        216% = 28px        293% = 38px
147% = 19px        224% = 29px        300% = 39px
154% = 20px        231% = 30px        308% = 40px
*/

a:link {
    color: #666;
    text-decoration: underline;
    -webkit-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
}
    /* underline off to only top page. */
    #pageTop a {
        text-decoration: none;
    }
    #pageTop a:hover {
        text-decoration: underline;
    }
a:visited {
    color: #666;
}
a:hover,
a:active  {
    color: #d00007;
}

a.bnr {
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}
a.bnr:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}
a.btn img {
    border: solid 1px #ddd;
    -webkit-transition: border 0.3s ease-in-out;
    -o-transition: border 0.3s ease-in-out;
    -moz-transition: border 0.3s ease-in-out;
}
a.btn:hover img {
    border-color: #d00007;
}

/* --------------------------------------------------
    2. Heading, Paragraph
-------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    line-height: 1.2;
}
/* p {} */

/* --------------------------------------------------
    3. List
-------------------------------------------------- */
li { list-style: none; }

/* --------------------------------------------------
    4. Table
-------------------------------------------------- */
table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 100%;
    font-family: inherit;
}
caption, th, td {
    text-align: left;
    vertical-align: top;
    font-weight: normal;
}

/* --------------------------------------------------
    5. Form
-------------------------------------------------- */
fieldset { border: none; }

input, textarea, select, label {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 100%;
    font-family: inherit;
    vertical-align: middle;
}
label { cursor: pointer; }

textarea { overflow: auto; }

/* --------------------------------------------------
    6. Other
-------------------------------------------------- */
img {
    border: none;
    vertical-align: bottom;
}
object {
    vertical-align: middle;
    outline: none;
}
em, strong {
    font-weight: bold;
    font-style: normal;
}
abbr, acronym {
    border: none;
    font-variant: normal;
}
q:before, q:after { content: ''; }

address, caption, cite, code, dfn, var {
    font-weight: normal;
    font-style: normal;
}
code, pre { font-family: monospace; }

sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }

hr { display: none; }

/* ------------------------------------------------------------
    7. For IE6/7
------------------------------------------------------------ */

/* --- for ie7: page zoom bug fix --- */
*:first-child+html body,
*:first-child+html br { letter-spacing: 0; }

/* //////////////////////////////////////////////////
[Layout]
////////////////////////////////////////////////// */

/* --------------------------------------------------
    0. Container
-------------------------------------------------- */
#container {}

/* --------------------------------------------------
    1. Header
-------------------------------------------------- */
#header {
    width: 950px;
    margin: 0 auto;
    padding: 22px 0;
}
    #pageHighLight #header {
        width: 760px;
    }

/* siteName
----------------------------------- */
#siteName {
    float: left;
    margin-right: 40px;
    padding-top: 7px;
}

/* tagline
----------------------------------- */
#tagline {}

/* navGlobal
----------------------------------- */
#navGlobal {}
#navGlobal li {
    position: relative;
    float: left;
}
    #navGlobal li a {
        display: block;
    }
    #navGlobal li.company a {
        background: url(/img/common/nav/gnav_company_1_o.png) left top no-repeat;
    }
    #navGlobal li.brands a {
        background: url(/img/common/nav/gnav_brands_1_o.png) left top no-repeat;
    }
    #navGlobal li.news a {
        background: url(/img/common/nav/gnav_news_1_o.png) left top no-repeat;
    }
    #navGlobal li.recruit a {
        background: url(/img/common/nav/gnav_recruit_1_o.png) left top no-repeat;
    }

    body.pageCompany #navGlobal li.company a img ,
    body.pageBrands #navGlobal li.brands a img ,
    body.pageNews #navGlobal li.news a img ,
    body.pageRecruit #navGlobal li.recruit a img {
        position: relative;
        z-index: -1;
    }

/* navGlobalEN
----------------------------------- */
#navGlobalEN {}
#navGlobalEN li {
    position: relative;
    float: left;
}
    #navGlobalEN li a {
        display: block;
    }
    #navGlobalEN li.company a {
        background: url(/en/img/common/nav/gnav_company_1_o.png) left top no-repeat;
    }
    #navGlobalEN li.brands a {
        background: url(/en/img/common/nav/gnav_brands_1_o.png) left top no-repeat;
    }
    #navGlobalEN li.tbs {
        float: right;
        text-align: right;
    }
        #navGlobalEN li.tbs img {
            vertical-align: top;
        }

    body.pageCompany #navGlobalEN li.company a img ,
    body.pageBrands #navGlobalEN li.brands a img {
        position: relative;
        z-index: -1;
    }

/* navUtility
----------------------------------- */
#navUtility {}


/* navLocal
----------------------------------- */
.nav {
    padding-top: 22px;
}

#ttlNavLocal {
    padding-left: 12px;
    padding-bottom: 23px;
}
    .noNav {
        background: url(/img/common/bg_line_lnav_1.png) left bottom repeat-x;
    }

#navLocal {
    background: url(/img/common/bg_line_lnav_1.png) left top repeat-x;
}
    #navLocal li {}
        #navLocal li a {
            display: block;
            padding: 13px 0 12px 13px;
            background: url(/img/common/bg_line_lnav_1.png) left bottom repeat-x;
            *zoom: 1;
            -webkit-transition: background-color 0.3s ease-in-out;
            -o-transition: background-color 0.3s ease-in-out;
            -moz-transition: background-color 0.3s ease-in-out;
            transition: background-color 0.3s ease-in-out;
        }
        #navLocal li a img {
            vertical-align: middle;
        }
        #navLocal li a:hover {
            background-color: #efefef;
            color: #666;
        }
            #navLocal li.current a {
                color: #d00007;
            }
            #navLocal li.current a:hover {
                background-color: transparent;
                pointer-events: none;
                cursor: default;
            }
                #navLocal li.current li a {
                    color: #666;
                }
                #navLocal li.current li a:hover {
                    background-color: #efefef;
                    pointer-events: auto;
                    cursor: pointer;
                }

    #navLocal li ul {
        position: relative;
        overflow: hidden;
    }
    #navLocal li ul li {
        position: relative;
        margin-left: 12px;
        margin-top: -1px;
        border-top: none;
        background: url(/img/common/bg_line_lnav_1.png) left top repeat-x;
        *zoom: 1;
    }

/* groupConvNav
----------------------------------- */
.groupConvNav {
    clear: both;
    overflow: hidden;
    margin-bottom: -35px;
    padding: 50px 0 0;
}

/* topicPath
----------------------------------- */
#topicPath {
    float: left;
    position: relative;
    color: #999;
    font-size: 77%;
}
    #topicPath a {
        color: #999;
    }
    #topicPath a:hover {
        color: #d00007;
    }

#topicPath span {
    margin: 0 0.5em;
}
#topicPath strong {
    font-weight: normal;
}

/* goPageTop
----------------------------------- */
.goPageTop {
    float: right;
    position: relative;
    right: 0;
}

/* toMoreLink
----------------------------------- */
.toMoreLink {
    position: relative;
    _zoom: 1;
}
    .toMoreLink a {
        position: absolute;
        top: -26px;
        right: 0;
    }

/* --------------------------------------------------
    2. Content
-------------------------------------------------- */
#content {
    width: 950px;
    margin: 0 auto;
}
    #pageHighLight #content {
        width: 760px;
    }
#main {
    float: right;
    width: 693px;
    border-top: solid 1px #ddd;
    background: url(/img/common/bg_mainBorder.png) left top no-repeat;
}
#pageTop #main {
    float: left;
    width: 726px;
    margin-top: 22px;
    background: none;
    border-top: none;
}
#pageTopEN #main {
    width: 950px;
    margin-top: 22px;
    background: none;
    border-top: none;
}
#pageBlog #main {
    float: left;
    width: 693px;
    margin-top: 22px;
    background: none;
    border-top: none;
}
#pageHighLight #main {
    float: none;
    width: auto;
}
.webPage #main {
    float: none;
    width: auto;
}

#sub {
    float: left;
    width: 224px;
    border-top: solid 3px #ddd;
}
#pageTop #sub ,
#pageBlog #sub {
    float: right;
    width: 224px;
    padding-top: 0;
    border-top: none;
}
#tbHistory {
width: 693px;
    overflow: hidden;
    margin-top: 22px;
    _zoom: 1;
}
#tbHistory table {
    width: 100%;
    margin-top: -10px;
}
#tbHistory th {
    padding: 7px 20px;
    white-space: nowrap;
background: url(../img/common/bg_history_year.png) repeat-y;
font-weight: bold;
}
#tbHistory td {
    padding: 15px 0 15px;
height: 35px;
vertical-align: middle;
}
#tbHistory img {
width: 224px;
float:left;
}
#tbHistory dl {
margin: 0 10px;
width: 420px;
float:right;
}
#tbHistory dt {
font-weight: bold;
}
.tbLine {
border-top: dotted 1px #ddd;
}


/* --------------------------------------------------
    3. Footer
-------------------------------------------------- */
#footer {
    margin-top: 50px;
    padding-top: 8px;
    padding-bottom: 16px;
    background-color: #efefef;
    color: #666;
}
#innerFooter {
    width: 950px;
    margin: 0 auto;
}
    #pageHighLight #innerFooter {
        width: 760px;
    }
    #footer a {
        color: #666;
        text-decoration: none;
    }
    #footer a:hover {
        color: #d00007;
        text-decoration: underline;
    }

/* copyright
----------------------------------- */
#footer .copyright {
    text-align: right;
}

/* //////////////////////////////////////////////////
[Module]
////////////////////////////////////////////////// */

/* --------------------------------------------------
    1. Common Module
-------------------------------------------------- */

/* title
----------------------------------- */
.ttlLv1 {
    margin-top: 22px;
    font-size: 162%;
}
.ttlLv2 {
    margin-top: 34px;
    color: #999;
    font-size: 162%;
}
.ttlLv3 {
    padding: 6px 12px;
    background-color: #ddd;
}

.ttlBlogLv1 {
    padding-bottom: 4px;
    border-bottom: solid 2px #ddd;
    font-size: 116%;
}
.blogHeader {
    margin-top: 26px;
}
.blogHeader .pubDate {
    float: left;
    margin-right: 10px;
    padding-right: 10px;
    border-right: dotted 1px #d7d7d7;
}
.blogHeader .blogInfo {
    margin-top: 8px;
}

.hgroup {
    margin-bottom: 17px;
}
.hgroup .ttlLv2 {
    margin-top: 33px;
}

/* section
----------------------------------- */
.section {
    margin-top: 22px;
}
    .section .paragraph {
        margin-top: 11px;
    }
    .section .paragraph2 {
        margin-top: 22px;
    }

/* icon
----------------------------------- */
.type {
    vertical-align: middle;
}

.fileSize {
    margin-left: 10px;
}
    .fileSize img {
        vertical-align: middle;
    }

/* Text
----------------------------------- */
.exwin {
    padding-left: 15px;
    background: url(/img/common/ico_exwin.png) left center no-repeat;
}
.exwin:hover {
    background-image: url(/img/common/ico_exwin_o.png);
}
.note {
    margin-top: 9px;
    font-size: 77%;
}
.note2 {
    font-size: 77%;
}

/* viewMore
----------------------------------- */
.viewMore {
    margin-top: 12px;
    text-align: right;
}


/* Data Table
----------------------------------- */
/* .tblData */
.tblData {
    margin-top: 22px;
}
.tblData table {
    width: 100%;
    border: solid 1px #ddd;
}
.tblData th,
.tblData td {
    padding: 7px 13px;
}
.tblData th {
    width: 178px;
    border-right: dotted 1px #ddd;
}
    #pageContact .tblData th {
        width: 242px;
    }
.tblData tr.odd th ,
.tblData tr.odd td {
}
.tblData tr:nth-child(even) th ,
.tblData tr:nth-child(even) td {
    background-color: #f5f5f5;
}
.tblData tr.even th ,
.tblData tr.even td {
    background-color: #f5f5f5;
}

/* .tblDataSimple */
.tblDataSimple {
    overflow: hidden;
    margin-top: 22px;
    _zoom: 1;
}
.tblDataSimple table {
    width: 100%;
    margin-top: -10px;
}
.tblDataSimple th,
.tblDataSimple td {
    padding: 7px 0 7px 13px;
    border-top: dotted 1px #ddd;
}
.tblDataSimple th {
    padding-right: 20px;
    padding-left: 0;
    white-space: nowrap;
}
.tblDataSimple td {
   width:550px;
}
    #pageHistory .tblDataSimple {
        float: left;
        width: 432px;
        margin-right: 34px;
    }


/* List
----------------------------------- */

/* listSimple */
ul.listSimple {}
    ul.listSimple li {
        padding-left: 15px;
        background: url(/img/common/ico_bullet_01.png) 0 0.5em no-repeat;
    }

/* listSimple */
ul.listSimple2 {
    margin-top: 22px;
}
    ul.listSimple2 li {
        font-weight: bold;
    }

/* listMarked */
.listMarked  {
    margin-top: 11px;
}
    .listMarked li {
        margin-top: 11px;
        padding-left: 1em;
        text-indent: -1em;
    }
    .listMarked dd {
        margin-left: 1em;
    }

/* listStep */
.listStep {
    margin-top: 22px;
}
    .listStep li {
        float: left;
    }

.listLine {}
    .listLine li {
        display: inline;
        margin-right: 6px;
    }

.listImgLink {
    clear: both;
    width: 693px;
    background: url(/img/home/bg_group_line.png) right top no-repeat;
}
    .listImgLink .ttlImgLink {
        display: inline;
        line-height: 70px;
        vertical-align: middle;
        *zoom: 1;
    }
    .listImgLink ul {
        display: inline;
        margin-left: 35px;
        vertical-align: middle;
        line-height: 70px;
        *zoom: 1;
    }
    .listImgLink ul li {
        display: inline;
        margin-right: 43px;
    }
        .listImgLink ul li img {
            vertical-align: middle;
        }

.listImgLinkEN {
    clear: both;
    width: 100%;
    background: url(/en/img/home/bg_group_line.png) right top no-repeat;
}
    .listImgLinkEN .ttlImgLink {
        display: inline;
        line-height: 70px;
        vertical-align: middle;
        *zoom: 1;
    }
    .listImgLinkEN ul {
        display: inline;
        margin-left: 53px;
        vertical-align: middle;
        line-height: 70px;
        *zoom: 1;
    }
    .listImgLinkEN ul li {
        display: inline;
        margin-right: 75px;
    }
        .listImgLinkEN ul li img {
            vertical-align: middle;
        }

/* listDefinition */
.listDefinition {
    margin: 11px 0 0;
}
.listDefinition dt {
    margin-top: 11px;
    font-weight: bold;
}

/* image
----------------------------------- */
.figFloatR {
    float: right;
    margin-left: 22px;
}
    .figFloatR .figure {
        border: solid 1px #ddd;
    }
    .figFloatR .figCaption {
        margin-top: 14px;
    }

.figFloatL {
    float: left;
    margin-right: 22px;
}
    .figFloatL .figure {
        border: solid 1px #ddd;
    }
    .figFloatL .figCaption {
        margin-top: 14px;
    }


.dataImg {
    /* for .tblData image */
    float: right;
}
    .dataImg img {
        border: solid 1px #ddd;
    }

.imgR {
    clear: right;
    float: right;
    margin-left: 22px;
    margin-bottom: 22px;
    border: solid 1px #ddd;
}
    .withMT {
        margin-top: 11px;
    }


/* navBoxLine
----------------------------------- */
.navBoxLine {
    display: inline-block;
    *display: inline;
    background: url(/img/news/bg_cat_r.png) right top no-repeat;
    *zoom: 1;
}
.navBoxLineInner {
    padding: 7px 15px 7px 5px;
    background: url(/img/news/bg_cat_l.png) left top no-repeat;
}
    .navBoxLine ul {
        display: inline-block;
        *display: inline;
        overflow: hidden;
        margin-right: -10px;
        *zoom: 1;
    }
    .navBoxLine ul li {
        display: inline;
        border-left: solid 1px #ddd;
        margin-right: 10px;
        margin-left: -1px;
        padding-left: 10px;
    }
    .navBoxLine li.current a {
        color: #d00007;
    }

/* Pager
----------------------------------- */
.pager {
    float: left;
    position: relative;
    left: 50%;
    margin-top: 22px;
}
.pager li {
    position: relative;
    left: -50%;
    float: left;
    margin-right: 5px;
}
.pager li a,
.pager li span {
    display: block;
    width: 2em;
    height: 2em;
    border: solid 1px #ddd;
    text-align: center;
    line-height: 2em;
}
    .pager li .current_page {
        border-color: #fff;
        font-weight: bold;
        color: #d00007;
    }
    .pager a:hover {
        background-color: #efefef;
    }

.infoBox {
    margin-top: 12px;
    padding: 9px 10px;
    background-color: #f5f5f5;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.infoBox2 {
    margin-top: 21px;
    padding: 2px;
    border: solid 1px #b59757;
}
    .infoBox2 .infoBox2Inner {
        padding: 18px;
        border: solid 1px #dacbab;
    }

.vcard .fn {
    font-weight: bold;
}

/* --------------------------------------------------
    2. navigation
-------------------------------------------------- */
.navFooter {
    float: left;
    overflow: hidden;
}
    .navFooter ul {
        margin-left: -8px;
    }
    .navFooter li {
        display: inline;
        margin-left: -1px;
        padding-left: 8px;
        border-left: solid 1px #ccc;
    }

.date {
    margin-right: 10px;
    color: #999;
    font-size: 77%;
    vertical-align: middle;
}

/* --------------------------------------------------
    3. top page module
-------------------------------------------------- */
#pageTop #mainVisual {
    height: 320px;
}

.mainBoxTop {
    float: left;
    width: 330px;
    margin-bottom: 37px;
    padding-right: 33px;
}
    .mainBoxTop h2 {
        padding-bottom: 8px;
        border-bottom: solid 3px #ddd;
    }
.subBoxTop {
    background: url(/img/common/bg_subbox_b.png) left bottom no-repeat;
}
.subBoxTopInner {
    width: 184px;
    margin-top: 22px;
    padding: 20px;
    background: url(/img/common/bg_subbox_t.png) left top no-repeat;
}
#pageTop .subBoxTopInner {
    width: 180px;
    padding: 0 22px 20px;
}
#pageTop .subBoxTop h2 {
    margin: 0 -22px 8px;
}
#pageBlog .subBoxTop h2 {
    padding-bottom: 9px;
    border-bottom: solid 2px #ddd;
}
.subBoxBnr {
    margin-top: 22px;
}
    .subBoxBnr p {
        margin-top: 12px;
    }

.listTopItem {
    margin-top: 10px;
}
    #sub .listTopItem {
        overflow: hidden;
        margin-top: 4px;
        margin-bottom: -15px;
        _zoom: 1;
    }
    .listTopItem li {
        padding-top: 10px;
        padding-bottom: 10px;
        border-bottom: dotted 1px #ccc;
        -webkit-transition: background-color 0.3s ease-in-out;
        -o-transition: background-color 0.3s ease-in-out;
        -moz-transition: background-color 0.3s ease-in-out;
        transition: background-color 0.3s ease-in-out;
    }
        .listTopItem li {
            cursor: pointer;
        }
            .listTopItem li.hover {
                background-color: #efefef;
            }
        #sub .listTopItem li {
            margin-top: -1px;
            margin-bottom: 15px;
            padding: 10px 0 0;
            border-top: dotted 1px #ccc;
            border-bottom: none;
        }
    .itemSub span {
        padding-top: 1px;
        vertical-align: middle;
    }
    .itemSub img {
        vertical-align: middle;
    }
.itemImg {
    float: left;
    margin-right: 10px;
}
    .itemImg img {
        border: solid 1px #666;
    }
.itemMain {
    line-height: 1.2;
}
.itemSub {
    margin-top: 9px;
}
#storeInfo .itemSub {
    margin-top: 15px;
}

.listTopItem li .unitItem {
    overflow: hidden;
    _zoom: 1;
}
    .listTopItem li .unitItem h3 {
        font-weight: normal;
    }

.listGroupCompany {}
    .listGroupCompany li {
        margin-top: 13px;
    }


/* --------------------------------------------------
    4. brands page module
-------------------------------------------------- */
.blockStoreBox {
    position: relative;
}
.groupStoreBox {
    position: relative;
    margin-top: 32px;
}
    .groupStoreBox .capStore {
        margin-top: 22px;
    }
    .groupStoreBox .btnStore {
        margin-top: 16px;
        text-align: right;
    }

.groupShop .shopImg {
    margin-top: 12px;
}
    .groupShop .shopImg img {
        border: solid 1px #ddd;
    }
    .groupShop .shopImg .shopPhoto {
        float: left;
    }
    .groupShop .shopImg .shopMap {
        float: right;
    }

.shopInfo {
    margin-top: 10px;
    border: none;
}
    .shopInfo table {
        border: none;
    }
    .shopInfo th {
        width: 70px;
    }
    .shopInfo td , .shopInfo th {
        padding: 0;
    }

.blogList {
    margin-top: 17px;
}
.blogList table {
    width: 100%;
}
    .blogList td {
        border-bottom: dotted 1px #ddd;
    }
    .blogList .blogListTitle {
        display: none;
    }
    .blogList .blogTitle {
        padding: 9px 0;
        font-weight: bold;
        line-height: 1.2;
    }
    .blogList .shopName {
        padding-right: 16px;
        text-align: right;
        vertical-align: middle;
        white-space: nowrap;
    }
    .blogList .date {
        padding-left: 16px;
        text-align: right;
        vertical-align: middle;
    }
    

.storeDesc {
    padding: 9px 13px;
}
    .etc .storeDesc {
        padding: 0;
    }
.storeDesc .descImg {
    float: left;
    margin-right: 20px;
}
.storeDesc .description {
    float: right;
    width: 547px;
}
    .etc .storeDesc .description {
        float: none;
        width: auto;
    }

.blockStoreGuide {
    overflow: hidden;
    _zoom: 1;
}
#storeGuide {}
    #storeGuide .ttlLv3 {
        float: right;
        width: 560px;
        margin-bottom: 5px;
        padding: 17px 0 0;
        background: none;
    }
        #storeGuide .etc .ttlLv3 {
            float: none;
            width: auto;
            padding-top: 0;
        }
    #storeGuide .section {
        margin-top: -1px;
        margin-bottom: 15px;
        padding-top: 13px;
        border-top: dotted 1px #d7d7d7;
    }

/* --------------------------------------------------
    5. recruit page styles.
-------------------------------------------------- */
#pageContract .section .section {
    margin-top: 34px;
    border-top: solid 4px #dcdcdc;
}
    #pageContract .section .section .ttlLv2 {
        font-size: 100%;
    }
    #pageContract .section .section .ttlLv2 img {
        vertical-align: middle;
    }


.mainMenu {
    margin-top: 33px;
}
    .mainMenu .modKeyVisual {
        float: left;
    }
    .mainMenu ul {
        float: left;
        padding-top: 22px;
        width: 224px;
        height: 218px;
        background-color: #efefef;
    }
        .mainMenu ul li {
            margin-bottom: 11px;
            text-align: center;
        }
.groupBtnLine {
    margin-top: 22px;
}
    .groupBtnLine ul {
        margin-right: -16.5px;
        width: 709.5px;
    }
    .groupBtnLine li {
        float: left;
        margin-right: 16.5px;
    }

.blockHightLight {
    margin-top: 18px;
}
    .blockHightLight ul {
        width: 723px;
        margin-right: -60px;
    }
    .blockHightLight li {
        float: left;
        width: 211px;
        margin-right: 30px;
        margin-bottom: 18px;
    }
    .blockHightLight .highLightImg {
        margin-bottom: 9px;
    }

/* --------------------------------------------------
    6. about page styles.
-------------------------------------------------- */
#jadma {
    margin-top: 30px;
    font-size: 77%;
}
    #jadma .logo {
        margin-top: 10px;
    }

.signature {
    margin-top: 5px;
    text-align: right;
}
    .signature .sigName {
        letter-spacing: 0.8em;
        margin-left: 10px;
    }


/* --------------------------------------------------
    7. sitemap style.
-------------------------------------------------- */
.sitemapList {
    overflow: hidden;
    margin-top: 20px;
    _zoom: 1;
}
    .sitemapList dl {
        clear: both;
        margin-bottom: 12px;
        margin-top: -1px;
        border-top: dotted 1px #ddd;
    }
    .sitemapList dt {
        padding-left: 13px;
        margin-top: 12px;
        border-left: solid 3px #ddd;
        font-weight: bold;
    }
    .sitemapList dd {
        margin-top: 12px;
    }
    .sitemapList .listSimple li {
        display: inline;
        margin-right: 13px;
    }

/* --------------------------------------------------
    8. blog styles.
-------------------------------------------------- */
.article {
    overflow: hidden;
    margin-top: 17px;
}
.blogSection {
    margin-top: 22px;
    padding-bottom: 25px;
    border-bottom: dotted 1px #d7d7d7;
}
    .blogSection p {
        margin-top: 22px;
    }
.navCategory .current a {
    color: #d7000f;
}


/* --------------------------------------------------
    9. contact styles.
-------------------------------------------------- */
#pageContact .step {}
    #pageContact .step li {
        float: left;
    }
    #pageContact .step1 ,
    #pageContact .step2 {
        padding-right: 12px;
        background: url(/img/contact/bg_step.png) right top no-repeat;
    }
    #pageContact .step .ok {
        background: url(/img/contact/bg_step_ok.png) right top no-repeat;
    }
    #pageContact .step .current {
        background: url(/img/contact/bg_step_c.png) right top no-repeat;
    }

#mail_type ,
#mail_type2 {
    border: solid 1px #737373;
}

#mail_text {
    width: 100%;
    height: 111px;
    border: solid 1px #737373;
}
#mail_etc {
    width: 100%;
    height: 80px;
    border: solid 1px #737373;
}

#pageContact .contactInput {
    width: 400px;
    height: 19px;
    background: url(/img/contact/bg_input_1.png) left top no-repeat;
    border-left: solid 1px #b4b4b4;
    border-right: solid 1px #b4b4b4;
    border-top: solid 1px #727272;
    border-bottom: solid 1px #dadada;
}

#pageContact .att {
    color: #d7000f;
    font-weight: bold;
}

#mailFormFooter {
    margin-top: 22px;
    text-align: center;
}

.errBox {
    margin-top: 22px;
    padding: 1px;
    border: solid 2px #d7000f;
    color: #d7000f;
    font-weight: bold;
}
    .errBox p {
        padding: 15px;
        border: solid 1px #d7000f;
    }

.error th ,
.error td {
    background-color: #f9d9db !important;
    border-top: solid 1px #fff;
}
.txtErr {
    color: #d7000f;
    font-weight: bold;
}

/* --------------------------------------------------
    90. Other
-------------------------------------------------- */

/* for Voice Browser */
.hidden {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

/* Noscript Message */
#msgNoscript {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    padding: 5px 0;
    border-top: 1px solid #f00;
    border-bottom: 1px solid #f00;
    background: #fcc;
    color: #f00;
    line-height: 1.2;
    text-align: center;
    opacity: 0.7;
}

/* --------------------------------------------------
    99. Clearfix
-------------------------------------------------- */
.group ,
.listTopItem li { *zoom: 1; } /* for ie6/7 */
.group:after ,
.listTopItem li:after { content: ""; display: block; clear: both; }