@charset "UTF-8";

/* Base
--------------------------------------------------------------------- */
* {
    margin: 0;
    padding: 0;
}

html {
    overflow-y: scroll;
}

body {
    font-size: 100%;
    color: #251d1b;
    margin: 0;
    padding: 0;
    background: url(/shared/image/bg01.png) repeat-y -115px 0;
}

img {
    border: none;
    vertical-align: bottom;
    _vertical-align: baseline;
}
*:first-child+html img {
    vertical-align: baseline;
}

li {
    list-style-type: none;
}

/* anchor
------------------------------------- */
a,
a:link,
a:visited{
    text-decoration:underline;
    color:#0000ee;
}
a:focus,
a:hover,
a:active{
    text-decoration:none;
    color:#0000ee;
}

/* opacity
------------------------------------- */
.opacity:focus,
.opacity:hover,
.opacity:active{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE */
    filter: alpha(opacity=70); /* IE */
    opacity: 0.7;
    cursor: pointer;
}

/* clearfix
------------------------------------- */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* inlineImg
------------------------------------- */
#navPagination li a,
#MAIN-CONTENT-AREA #navAboutmary li a,
#SITE-FOOT-AREA .navUtility a,
#SITE-FOOT-AREA #copyright a,
#SITE-HEAD-AREA .navUtility a,
#SITE-HEAD-AREA .navGlobal a,
#SITE-HEAD-AREA .navLang a,
.inlineImg a,
.inlineImg span,
.inlineImg em{
    line-height:0;
    display:block;
}



/* Structure
--------------------------------------------------------------------- */
#frametype {
    width: 100%;
    min-width: 1240px;
    min-height:880px;
    position:relative;
    z-index:1;
}

/* #SITE-SIDE-AREA
------------------------------------- */
#SITE-SIDE-AREA {
    width: 350px;
    min-height:100%;
    height: 100%;
    position:fixed;
    /* position:absolute; */
    overflow-y: scroll;
    overflow-x: hidden;
    top:0;
    left:0;
    z-index:2;
    background:#fff;
}

#SITE-SIDE-AREA::-webkit-scrollbar{
    width: 10px;
}
#SITE-SIDE-AREA::-webkit-scrollbar-track{
    background: #fff;
}
#SITE-SIDE-AREA::-webkit-scrollbar-thumb{
    background: transparent;
    border-radius: 10px;
    box-shadow: inset 0 0 0 2px #fff;
}

#SITE-SIDE-AREA:hover::-webkit-scrollbar-thumb {
    background: #bbb;
}

/* #SITE-HEAD-AREA ------------------ */
#SITE-HEAD-AREA {
    position:relative;
    z-index:3;
    padding-left: 40px;
}

/* .navLang */
#SITE-HEAD-AREA .navLang{
    width: auto;
}
#SITE-HEAD-AREA .navLang li{
    background:url(/shared/image/h_lang-bg01.png) no-repeat 0 0;
    height:27px;
    margin-left:8px;
    padding-left:9px;
    float:left;
}
#SITE-HEAD-AREA .navLang li.first{
    background:none;
    margin-left:0;
    padding-left:0;
}
#SITE-HEAD-AREA .navLang a{
    padding:7px 0;
}

/* .logo */
#SITE-HEAD-AREA .logo{
    width: auto;
    margin: 100px 0 0 0;
}

/* .info */
#SITE-HEAD-AREA .info a,
#SITE-HEAD-AREA .info a:link,
#SITE-HEAD-AREA .info a:visited{
    text-decoration:underline;
    color:#6e6e6e;
}
#SITE-HEAD-AREA .info a:focus,
#SITE-HEAD-AREA .info a:hover,
#SITE-HEAD-AREA .info a:active{
    text-decoration:none;
    color:#6e6e6e;
}

#SITE-HEAD-AREA .info{
    width: 290px;
    margin:86px 0 -67px 75px;
}
#SITE-HEAD-AREA .info li{
    margin-bottom:4px;
}

/* .navGlobal */
#SITE-HEAD-AREA .navGlobal{
    width: auto;
    position:relative;
    margin: 100px 0 0 -25px;
}

#SITE-HEAD-AREA .navGlobal li{
    position:relative;
    margin-bottom:18px;
    cursor: pointer;
}
#SITE-HEAD-AREA .navGlobal li a{
    position:relative;
    overflow:hidden;
    height:37px;
}
    /* hover */
    #SITE-HEAD-AREA .navGlobal li a:focus img,
    #SITE-HEAD-AREA .navGlobal li a:hover img,
    #SITE-HEAD-AREA .navGlobal li a:active img{
        margin-top:-40px;
    }

    /* current */
    body.cate-news #SITE-HEAD-AREA .navGlobal li#navg-news a img,
    body.cate-corporate #SITE-HEAD-AREA .navGlobal li#navg-corporate a img,
    body.cate-aboutmary #SITE-HEAD-AREA .navGlobal li#navg-aboutmary a img,
    body.cate-recruit #SITE-HEAD-AREA .navGlobal li#navg-recruit a img,
    body.cate-shoplist #SITE-HEAD-AREA .navGlobal li#navg-shoplist a img{
        margin-top:-80px;
    }

#SITE-HEAD-AREA .navGlobal li#navg-shoplist {
  display: none;
}

#brand-content{
    display:none;
    position:relative;
    background:#f00;
}
#brandmq{
    display:none;
    position:absolute;
    top:110px;
    left:0;
    margin-left:120px;
}
#brandgm{
    display:none;
    position:absolute;
    top:110px;
    left:0;
    margin-left:270px;
}


    /* onlineShop */
    .onlineShop a{
        position:relative;
        overflow:hidden;
        height:53px;
    }
    .onlineShop a:focus img,
    .onlineShop a:hover img,
    .onlineShop a:active img{
        margin-top:-53px;
    }

#navg-brand-content{
    display:none;
}

#SITE-HEAD-AREA .navGlobal li#navg-brand ul{
    position:absolute;
    z-index:7;
    top:0;
    left:120px;
    width: 144px;
    height:85px;
    background:#fff;
}
#SITE-HEAD-AREA .navGlobal li#navg-brand ul li{
    z-index:8;
    margin-bottom:10px;
    margin-left:1px;
}
#SITE-HEAD-AREA .navGlobal li#navg-brand ul li a{
    height:auto;
}
    /* hover */
    #SITE-HEAD-AREA .navGlobal li#navg-brand ul li a:focus img,
    #SITE-HEAD-AREA .navGlobal li#navg-brand ul li a:hover img,
    #SITE-HEAD-AREA .navGlobal li#navg-brand ul li a:active img{
        margin-top:0;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE */
        filter: alpha(opacity=70); /* IE */
        opacity: 0.7;
    }

/* .navUtility */
#SITE-HEAD-AREA .navUtility{
    position:relative;
    margin: 37px 0 100px;
}
#SITE-HEAD-AREA .navUtility ul{
    margin-left:5px;
    overflow: hidden;
}
#SITE-HEAD-AREA .navUtility li{
    float:left;
    margin-left:20px;
}
#SITE-HEAD-AREA .navUtility li a{
    padding:11px 0;
}

.fb_banner {
    height: 54px;
    margin: 40px 0 0;
    width: 244px;
}

.insta_banner{
    margin: 20px 0 0 0;
    width: 244px;
    height: 54px;
}

#SITE-HEAD-AREA .navUtility p.left-txt{
    margin: 5px 0 15px 20px;
}


/* #SITE-FOOT-AREA ------------------ */
#SITE-FOOT-AREA {
    width: 465px;
    height:32px;
    /*position:fixed;*/
    position:relative;
    bottom:20px;
    left:0;
    z-index:4;
}

/* .navUtility */
#SITE-FOOT-AREA .navUtility{
    position:absolute;
    left: 40px;
}
#SITE-FOOT-AREA .navUtility li a img{
    height: auto !important;
}
#SITE-FOOT-AREA .navUtility li{
    float:left;
    padding:10px 0;
    margin-left:16px;
}

/* #copyright */
#SITE-FOOT-AREA #copyright {
    position:absolute;
right:194px;
    bottom: -20px;
}
#SITE-FOOT-AREA #copyright a{
    padding:10px 0;
}

    /* max-width: 1238px */
    @media screen and (max-width: 1238px) {
        #SITE-SIDE-AREA {
            position:absolute;
            top:0;
            left:0;
        }
        #SITE-FOOT-AREA {
            position:relative;
        }
    }



/* #SITE-BODY-AREA
------------------------------------- */
#SITE-BODY-AREA {
    width: auto;
    margin-left: 350px;
    position:relative;
    z-index:5;
}
#SITE-BODY-CONTENT {
    width: 100%;
    position:relative;
    z-index:6;
}




/* navContent */
#MAIN-CONTENT-AREA #navContent{
    margin:15px 0 0 0 ;
    position:relative;
    left:-10px;
    overflow:hidden;
    height:82px;
    width:775px;
}
body.cate-biography #MAIN-CONTENT-AREA #navContent{
    width:791px;

}
#MAIN-CONTENT-AREA #navContent p#navc-prev,
#MAIN-CONTENT-AREA #navContent p#navc-next{
    position:absolute;
    top:0;
    left:0;
    height:82px;
    padding:12px 3px 0 0;
    cursor: pointer;
}
#MAIN-CONTENT-AREA #navContent p#navc-next{
    position:absolute;
    left:auto;
    right:0;
    padding:12px 0 0 10px;
}
#MAIN-CONTENT-AREA #navContent ul{
    position:relative;
    overflow:hidden;
    height:82px;
    width:4000px;
    float:left;
    margin-left:50px;
}
#MAIN-CONTENT-AREA #navContent li#navc-prev ,
#MAIN-CONTENT-AREA #navContent li#navc-next {
    margin-top:12px;
}

#MAIN-CONTENT-AREA #navContent ul a{
    position:relative;
    overflow:hidden;
    height:65px;
    display:block;
}
.cate-story02 #MAIN-CONTENT-AREA #navContent ul a{
    width:57px;
    text-align:center;
}

    /* hover */
    #MAIN-CONTENT-AREA #navContent ul a:focus img,
    #MAIN-CONTENT-AREA #navContent ul a:hover img,
    #MAIN-CONTENT-AREA #navContent ul a:active img{
        margin-top:-82px;
    }
    /* current */
    #MAIN-CONTENT-AREA #navContent ul li.current a{
        height:82px;
    }
    #MAIN-CONTENT-AREA #navContent ul li.current a img{
        margin-top:-164px;
    }

/* navContent02 */
.navContent02 {
    width:100%;
    padding:30px 0 50px 0;
}
.navContent02 ul{
    width:686px;
    margin-left:50px;
}
.navContent02 li{
    float:left;
    position:relative;
    left:0;
    top:-1px;
    margin-left:10px;
    font-size:84%;
    line-height:1.2;
    border-top:solid 1px #ccc;
}
.navContent02 li:first-child{
    margin-left:0;
}

.navContent02 a,
.navContent02 a:link,
.navContent02 a:visited{
    display:block;
    padding:9px 6px;
    min-width:60px;
    text-align: center;
    text-decoration:none;
    color:#a0a0a0;
}

.navContent02 a:focus,
.navContent02 a:hover,
.navContent02 a:active{
    text-decoration:none;
    color:#000;
}

.navContent02 li.current a,
.navContent02 li.current a:link,
.navContent02 li.current a:visited,
.navContent02 li.current a:focus,
.navContent02 li.current a:hover,
.navContent02 li.current a:active{
    color:#0000ee;
}


/* #navPagination */
#navPagination{
    clear: both;
    width: 155px;
    position:relative;
}
#navPagination li{
    position:relative;
    float:left;
    margin:0 10px 13px 0 ;
}
#navPagination li a{
    position:relative;
    overflow:hidden;
    height:15px;
}
#navPagination li a:focus img,
#navPagination li a:hover img,
#navPagination li a:active img,
#navPagination li.current img{
    margin-top:-15px;
}

#navPagination p{
    clear: both;
}

/* contentBlock01 */
.contentBlock01 {
    margin:28px 0 28px 50px;
    width: 724px;
}
.contentBlock01 p{
    margin-bottom:25px;
}

/* tableBlock01 */
.tableBlock01 table{
    clear:both ;
    margin:28px 0 28px 40px;
}

.tableBlock01 table,
.tableBlock01 table thead td,
.tableBlock01 table thead th,
.tableBlock01 table tbody td,
.tableBlock01 table tbody th{
    border-collapse: collapse;
    padding: 4px 8px 25px 8px;
    text-align: left;
    vertical-align:top;
}
.tableBlock01 table thead tr.narrow td,
.tableBlock01 table thead tr.narrow th,
.tableBlock01 table tbody tr.narrow td,
.tableBlock01 table tbody tr.narrow th{
    padding-bottom:4px;
}

.tableBlock01 table caption{
    font-weight: bold;
    text-align: left;
    padding:0.25em 0 0.25em 0 ;
}

.tableBlock01 table tr th{
    font-weight: normal;
}

.utilityBlockB01{
    width: 735px;
    margin:40px 0 0 40px;
}





/* cate-home -------------------------------------------------------- */
body.cate-home {background: #FFF url(/image/home/2019bg01.png) repeat 350px 0;}

body.cate-home #SITE-BODY-AREA {
    min-height:1902px;
}
body.cate-home #MAIN-CONTENT-AREA {
    position:relative;
}
body.cate-home #MAIN-CONTENT-AREA li{
    position:absolute;
    top:0;
    left:0;
}
/*body.cate-home #MAIN-CONTENT-AREA li#item01{ top:0; left:137px;}
body.cate-home #MAIN-CONTENT-AREA li#item02{ top:0; left:355px;}
body.cate-home #MAIN-CONTENT-AREA li#item03{ top:214px; left:28px;}
body.cate-home #MAIN-CONTENT-AREA li#item04{ top:450px; left:137px;}
body.cate-home #MAIN-CONTENT-AREA li#item05{ top:450px; left:247px;}
body.cate-home #MAIN-CONTENT-AREA li#item06{ top:450px; left:465px;}
body.cate-home #MAIN-CONTENT-AREA li#item07{ top:669px; left:10px;}
body.cate-home #MAIN-CONTENT-AREA li#item08{ top:669px; left:574px;}
body.cate-home #MAIN-CONTENT-AREA li#item09{ top:669px; left:465px;}*/
/*20160329修正*/
body.cate-home #MAIN-CONTENT-AREA li#item01{ top:0; left:137px;}
body.cate-home #MAIN-CONTENT-AREA li#item02{ top:0; left:353px;}
body.cate-home #MAIN-CONTENT-AREA li#item03{ top:225px; left:27px;}
body.cate-home #MAIN-CONTENT-AREA li#item04{ top:450px; left:137px;}
body.cate-home #MAIN-CONTENT-AREA li#item05{ top:450px; left:246px;}
body.cate-home #MAIN-CONTENT-AREA li#item06{ top:450px; left:463px;}
body.cate-home #MAIN-CONTENT-AREA li#item07{ top:675px; left:28px;}
body.cate-home #MAIN-CONTENT-AREA li#item08{ top:674px; left:573px;}
body.cate-home #MAIN-CONTENT-AREA li#item09{ top:675px; left:27px;}
body.cate-home #MAIN-CONTENT-AREA li#item10{ top:898px; left:135px;}
body.cate-home #MAIN-CONTENT-AREA li#item11{ top:898px; left:355px;}
body.cate-home #MAIN-CONTENT-AREA li#item12{ top:1123px; left:136px;}
body.cate-home #MAIN-CONTENT-AREA li#item13{ top:1349px; left:246px;}
body.cate-home #MAIN-CONTENT-AREA li#item14{ top:898px; left:572px;}

#item02 img {
  width: 426px;
  height: 440px;
}
#item01 img,#item03 img,#item05 img,#item06 img,#item07 img,#item08 img,#item09 img,#item10 img,#item11 img,#item12 img,#item13 img {
  width: 208px;
  height: 215px;
}

.mondo{
  display: block !important;
  opacity: 99;
}



/* cate-news -------------------------------------------------------- */
body.cate-news {background: #FFF url(/shared/image/bg01.png) repeat-y -115px 0;}
body.cate-news #SITE-BODY-AREA {background:url(/shared/image/bg02.png) no-repeat 0 0; min-height:300px;}

body.cate-news #MAIN-CONTENT-AREA{
    padding-bottom:100px;
}

body.cate-news #categoryTitle{
    position:relative;
    padding:85px 0 0 50px;
    width:250px;
}

body.cate-news #MAIN-CONTENT-AREA{
    min-height:550px;
}


/* navNewsCategory */
body.cate-news #navNewsCategory{
    width:100%;
}
body.cate-news #navNewsCategory ul{
    margin-left:20px;
}
body.cate-news #navNewsCategory li{
    float:left;
    margin-left:20px;
}

body.cate-news #navNewsCategory a,
body.cate-news #navNewsCategory a:link,
body.cate-news #navNewsCategory a:visited{
    display:block;
    padding:36px 6px 9px;
    min-width:100px;
    text-align: center;
    text-decoration:none;
    color:#a0a0a0;
    border-bottom:solid 1px #ccc;
}

body.cate-news #navNewsCategory li.current a,
body.cate-news #navNewsCategory li.current a:link,
body.cate-news #navNewsCategory li.current a:visited,
body.cate-news #navNewsCategory li.current a:focus,
body.cate-news #navNewsCategory li.current a:hover,
body.cate-news #navNewsCategory li.current a:active,
body.cate-news #navNewsCategory a:focus,
body.cate-news #navNewsCategory a:hover,
body.cate-news #navNewsCategory a:active{
    text-decoration:none;
    color:#000;
    border-bottom:solid 1px #000;
    font-weight: bold;
}


/* navNewsCategory */
body.cate-news #navNewsYear{
    width:191px;
    float:left;
}

body.cate-news #navNewsYear ul{
    margin:34px 0 0 40px;
}

body.cate-news #navNewsYear li span{
    padding-left:2px;
}

body.cate-news #navNewsYear a{
    display:block;
    padding:3px 6px 5px;
    width:110px;
    text-align: left;
}

body.cate-news #navNewsYear a,
body.cate-news #navNewsYear a:link,
body.cate-news #navNewsYear a:visited{
    text-decoration:none;
    color:#a0a0a0;
    border-bottom:solid 1px #ccc;
}

body.cate-news #navNewsYear li.current a,
body.cate-news #navNewsYear li.current a:link,
body.cate-news #navNewsYear li.current a:visited,
body.cate-news #navNewsYear li.current a:focus,
body.cate-news #navNewsYear li.current a:hover,
body.cate-news #navNewsYear li.current a:active,
body.cate-news #navNewsYear a:focus,
body.cate-news #navNewsYear a:hover,
body.cate-news #navNewsYear a:active{
    text-decoration:none;
    color:#000;
    border-bottom:solid 1px #000;
    font-weight: bold;
}

/* parallelBlockB04 */
body.cate-news .parallelBlockB04 a,
body.cate-news .parallelBlockB04 a:link,
body.cate-news .parallelBlockB04 a:visited{
    text-decoration:none;
    color:#000;
}
body.cate-news .parallelBlockB04 a:focus,
body.cate-news .parallelBlockB04 a:hover,
body.cate-news .parallelBlockB04 a:active{
    text-decoration:underline;
    color:#0000ee;
}

body.cate-news .parallelBlockB04{
    width:580px;
    float:left;
    margin-top:38px;
}

body.cate-news .parallelBlockB04 .description01{
    width:100%;
}
body.cate-news .parallelBlockB04 .description01 p{
    width:auto;
    float:left;
}

.parallelBlockB04 .item .date{
    font-weight: bold;
}

.parallelBlockB04 .description02{
    width:100%;
    float:left;
    margin:6px 0 35px;
}

.parallelBlockB04 .item .category{
    padding:3px 4px 0 4px ;
}

.parallelBlockB04 .item .category span{
    padding:0 4px 0 5px ;
    margin-left:4px;
    color:#fff;
}

.parallelBlockB04 .item .category span.mqc{background:#000;border:solid 1px #000;}
.parallelBlockB04 .item .category span.mq{background:#4d4d4d;border:solid 1px #717171;}
.parallelBlockB04 .item .category span.gm{background:#e25f6f;border:solid 1px #f5d0d7;}

.parallelBlockB04 .item .category span.information{background:#92df51;border:solid 1px #e4f6ce;}
.parallelBlockB04 .item .category span.campaign{background:#325cff;border:solid 1px #c4d5ff;}
.parallelBlockB04 .item .category span.cosmetics{background:#ff326d;border:solid 1px #ffc4da;}
.parallelBlockB04 .item .category span.recruitment{background:#971bc9;border:solid 1px #b090c2;}
.parallelBlockB04 .item .category span.fashion{background:#ff9034;border:solid 1px #fedac4;}

.parallelBlockB04 p.cateIndex{
    border-top:dotted 1px #000;
    clear: both;
    padding:10px 0 10px 0;
}

.parallelBlockB04 p.cateIndex:before{
    content:'\00ab\00A0\00A0';
    color:#0000ee;
}

body.cate-news #navPagination{
    padding-left:621px;
}

/* motif */
body.cate-news #motif{
    position:absolute;
    bottom:0;
    left:696px;
}


/* cate-corporate --------------------------------------------------- */
body.cate-corporate {background: #fff url(/shared/image/bg01.png) repeat-y -115px 0;}
body.cate-corporate #SITE-BODY-AREA {background:url(/shared/image/bg03.png) no-repeat 0 0; min-height:300px;}

body.cate-corporate #categoryTitle{
    position:relative;
    padding:85px 0 28px 50px;
    width:685px;
}
body.cate-corporate #motif{
    width:786px;
    text-align:right;
}

body.cate-corporate .navContent02{
    display:none;
}

body.cate-corporate .strong{
    margin-left:-40px;
    padding-right:40px;
}
body.cate-corporate h2{
    margin-left:-40px;
    padding-right:50px;
    padding-bottom:25px;
    border-bottom:solid #000 10px;
}
body.cate-corporate h2 img{
    margin-left:40px;
}
body.cate-corporate h3{
    padding-top:50px;
    padding-bottom:30px;
}


/* navCop */
#MAIN-CONTENT-AREA #navCop{
    position:relative;
    margin-left:0;
    overflow:hidden;
    height:60px;
    width:791px;
}

#MAIN-CONTENT-AREA #navCop li{
    float:left;
    margin-right:10px;
}
#MAIN-CONTENT-AREA #navCop li#navcop-next{
    margin-right:0;
}

#MAIN-CONTENT-AREA #navCop li a{
    position:relative;
    overflow:hidden;
    height:60px;
}

    /* hover */
    #MAIN-CONTENT-AREA #navCop li a:focus img,
    #MAIN-CONTENT-AREA #navCop li a:hover img,
    #MAIN-CONTENT-AREA #navCop li a:active img{
        margin-top:-60px;
    }
    #MAIN-CONTENT-AREA #navCop li#navcop-next a:focus img,
    #MAIN-CONTENT-AREA #navCop li#navcop-next a:hover img,
    #MAIN-CONTENT-AREA #navCop li#navcop-next a:active img,
    #MAIN-CONTENT-AREA #navCop li#navcop-prev a:focus img,
    #MAIN-CONTENT-AREA #navCop li#navcop-prev a:hover img,
    #MAIN-CONTENT-AREA #navCop li#navcop-prev a:active img{
        margin-top:0;
    }

    /* current */
    #MAIN-CONTENT-AREA #navCop li.current a img{
        margin-top:-120px;
    }


/* cate-aboutmary --------------------------------------------------- */
body.cate-aboutmary {background: url(/shared/image/bg01.png) repeat-y -115px 0;}

body.cate-aboutmary #MAIN-CONTENT-AREA{
    background:#ff8490;
    margin-left:10px;
    min-width: 781px;
}

body.cate-aboutmary #MAIN-CONTENT-AREA .category{
    background:url(/shared/image/bg02.png) no-repeat 0 0;
    min-height:140px;
    padding:84px 0 0 48px;
    margin-left:-10px;
}

body.cate-aboutmary #MAIN-CONTENT-AREA h1{
    margin:37px 0 0 40px;
    clear: both;
}

/* navAboutmary */
#MAIN-CONTENT-AREA #navAboutmary{
    margin-left:-10px;
}

#MAIN-CONTENT-AREA #navAboutmary li{
    float:left;
    margin-right:10px;
}

#MAIN-CONTENT-AREA #navAboutmary li a{
    position:relative;
    overflow:hidden;
    height:60px;
}

    /* hover */
    #MAIN-CONTENT-AREA #navAboutmary li#nava-biography a:focus img,
    #MAIN-CONTENT-AREA #navAboutmary li#nava-biography a:hover img,
    #MAIN-CONTENT-AREA #navAboutmary li#nava-biography a:active img,
    #MAIN-CONTENT-AREA #navAboutmary li#nava-story a:focus img,
    #MAIN-CONTENT-AREA #navAboutmary li#nava-story a:hover img,
    #MAIN-CONTENT-AREA #navAboutmary li#nava-story a:active img{
        margin-top:-60px;
    }

    /* current */
    body.cate-biography #MAIN-CONTENT-AREA #navAboutmary li#nava-biography a img,
    body.cate-story01 #MAIN-CONTENT-AREA #navAboutmary li#nava-story a img,
    body.cate-story02 #MAIN-CONTENT-AREA #navAboutmary li#nava-story a img{
        margin-top:-60px;
    }

/* cate-aboutmary cate-biography ------------------------------------ */
body.cate-biography #MAIN-CONTENT-AREA {
    position:relative;
    left:0;
    top:0;
    background:#ff8490;
}

/* navContent */
body.cate-biography #MAIN-CONTENT-AREA #navContent{
    height:77px;
}
body.cate-biography #MAIN-CONTENT-AREA #navContent p#navc-next{
    background: #ff8490;
}
body.cate-biography #MAIN-CONTENT-AREA #navContent li{
    float:left;
    margin-right:10px;
}
body.cate-biography #MAIN-CONTENT-AREA #navContent li img{
    cursor:pointer;
    height:230px;
}

    /* hover */
    body.cate-biography #MAIN-CONTENT-AREA #navContent ul a:focus img,
    body.cate-biography #MAIN-CONTENT-AREA #navContent ul a:hover img,
    body.cate-biography #MAIN-CONTENT-AREA #navContent ul a:active img{
        margin-top:-76px;
    }
    /* current */
    body.cate-biography #MAIN-CONTENT-AREA #navContent ul li.current a{
        height:82px;
    }
    body.cate-biography #MAIN-CONTENT-AREA #navContent ul li.current a img{
        margin-top:-153px;
    }


/* #SUB-CONTENT-AREA */
body.cate-biography #SUB-CONTENT-AREA{
    margin-left:10px;
    min-height:408px;
}
body.cate-biography #SUB-CONTENT-AREA .img{
    position:relative;
    overflow:hidden;
    width:100%;
}

body.cate-biography #SUB-CONTENT-AREA dl{
    width:600px;
}
body.cate-biography #SUB-CONTENT-AREA dt{
    float: left;
    width: 7em;
    padding: 5px 0;
    text-indent: 1em;
}
body.cate-biography #SUB-CONTENT-AREA dd{
    padding: 5px 0 5px 7em;
}

body.cate-biography #SUB-CONTENT-AREA .block{
    padding: 16px 0 30px 30px;
}

body.cate-biography #SUB-CONTENT-AREA .blocks{
    min-height:300px;
}

body.cate-biography #SUB-CONTENT-AREA #imageArea{
    width:781px;
    height:175px;
    position:relative;
    overflow:hidden;
}
body.cate-biography #SUB-CONTENT-AREA #imageArea div{
    width:3200px;
    position:absolute;
    left:0;
    top:0;
}

/* motif */
body.cate-biography #motif{
    position:absolute;
    bottom:0;
    left:700px;
}


/* cate-aboutmary cate-story01 -------------------------------------- */
body.cate-story01{
    background:#98ffd5 url(/shared/image/bg01.png) repeat-y 0 0;
}
body.cate-story01 #MAIN-CONTENT-AREA {
    background:#98ffd5;
}

body.cate-story01 #SUB-CONTENT-AREA .parallelBlockA01{
    width:710px;
    background:#98ffd5;
    margin:12px 0 0 40px;
}

body.cate-story01 #SUB-CONTENT-AREA .parallelBlockA01 .column01,
body.cate-story01 #SUB-CONTENT-AREA .parallelBlockA01 .column02{
    width:344px;
    margin-right:10px;
    float: left;
}
body.cate-story01 #SUB-CONTENT-AREA .parallelBlockA01 li{
    clear: both;
}

body.cate-story01 #SUB-CONTENT-AREA .parallelBlockA01 a{
    display:block;
    float: left;
    margin-bottom:10px;
}

body.cate-story01 #SUB-CONTENT-AREA .parallelBlockA01 .num{
    float: left;
    display:block;
    width:5em;
    padding-left:10px;
    color:#fff;
    font-weight: normal;
}
body.cate-story01 #SUB-CONTENT-AREA .parallelBlockA01 .title{
    color:#000;
    width:22em;
    display:block;
    float: left;
}

body.cate-story01 #SUB-CONTENT-AREA .parallelBlockA01 a{
    text-decoration:none;
}
body.cate-story01 #SUB-CONTENT-AREA .parallelBlockA01 a:focus,
body.cate-story01 #SUB-CONTENT-AREA .parallelBlockA01 a:hover,
body.cate-story01 #SUB-CONTENT-AREA .parallelBlockA01 a:active{
    text-decoration:none;
    background:#000;
    color:#fff;
}

body.cate-story01 #SUB-CONTENT-AREA .parallelBlockA01 a:focus .title,
body.cate-story01 #SUB-CONTENT-AREA .parallelBlockA01 a:hover .title,
body.cate-story01 #SUB-CONTENT-AREA .parallelBlockA01 a:active .title{
    text-decoration:none;
    background:#000;
    color:#fff;
}

/* cate-aboutmary cate-story02 -------------------------------------- */
body.cate-story02 #MAIN-CONTENT-AREA {
    background:#98ffd5;
}

/* navContent */
body.cate-story02 #MAIN-CONTENT-AREA #navContent p#navc-next{
    background: #98ffd5;
}
body.cate-story02 #MAIN-CONTENT-AREA #navContent li{
    float:left;
    margin-right:4px;
}

/* #SUB-CONTENT-AREA */
body.cate-story02 #SUB-CONTENT-AREA{
    margin-left:50px;
    width:727px;
    padding-bottom:25px;
}

body.cate-story02 #SUB-CONTENT-AREA h2{
    margin:45px 0 13px 0 ;
}
body.cate-story02 #SUB-CONTENT-AREA h2 .num{
    font-weight: normal;
}
body.cate-story02 #SUB-CONTENT-AREA h2 .title{
}

body.cate-story02 .episodeBlock{
    padding-bottom:10px
}

body.cate-story02 #navPagination{
    display:none;
    position:relative;
    left:508px;
    top:15px;
    width:128px;
    height:57px;
}

body.cate-story02 #navPagination .back,
body.cate-story02 #navPagination .next{
    position:absolute;
    top:0;
    width:58px;
    height:57px;
    overflow:hidden;
}
body.cate-story02 #navPagination .back{left:0;}
body.cate-story02 #navPagination .next{left:70px;}
body.cate-story02 #navPagination .back img{margin-left:0;cursor:pointer}
body.cate-story02 #navPagination .next img{margin-left:-60px;cursor:pointer}

/* motif */
body.cate-story02 #motif{
    position:absolute;
    bottom:1px;
    left:696px;
}

/* cate-privacypolicy ----------------------------------------------- */
body.cate-privacypolicy .block{
    margin-top:60px;
    padding-top:20px;
    border-top:solid 4px #eee;

}



/* cate-sitepolicy -------------------------------------------------- */
body.cate-sitepolicy .block{
    margin-top:60px;
    padding-top:20px;
    border-top:solid 4px #eee;

}



/* cate-sitemap -------------------------------------------------- */
body.cate-sitemap .block{
    margin-top:60px;
    padding-top:20px;
    border-top:solid 4px #eee;
}
small.sitemap_small{
    display: block;
    padding: 10px 0 0 0;
    font-size: 10px;
    line-height: 120%;
    color: #656565;
}

/* cate-recruit ----------------------------------------------------- */


/* cate-shoplist ---------------------------------------------------- */




/* cate-contact01 --------------------------------------------------- */
body.cate-contact01 {background: #fff url(/shared/image/bg01.png) repeat-y -115px 0;}
body.cate-contact01 #SITE-BODY-AREA {background:url(/shared/image/bg03.png) no-repeat 0 0; min-height:300px;}

body.cate-contact01 #categoryTitle{
    position:relative;
    padding:85px 0 28px 50px;
    width:685px;
}
body.cate-contact01 #motif{
    width:786px;
    padding-top:200px;
    text-align:right;
}

body.cate-contact01 #MAIN-CONTENT-AREA p{
    margin-left:50px;
}
body.cate-contact01 #MAIN-CONTENT-AREA ul{
    margin-top:15px;
    margin-left:50px;
}

body.cate-contact01 #MAIN-CONTENT-AREA ul li{
    font-size:84%;
    line-height:1.4;
    padding-left:26px;
    background:url(/image/contact/mail01.png) no-repeat left center;
}



/* cate-faq ----------------------------------------- */
.cate-faq #mainContentHead{
    padding-left:39px;
}

.cate-faq #mainContentHead #navContent{
    border-top:none;
    background: #ddd;
}

.cate-faq .utilityBlockB01 .pagelink a,
.cate-faq .utilityBlockB01 .pagelink a:link,
.cate-faq .utilityBlockB01 .pagelink a:visited{
    text-decoration:none;
    color:#6a13cc;
}
.cate-faq .utilityBlockB01 .pagelink a:focus,
.cate-faq .utilityBlockB01 .pagelink a:hover,
.cate-faq .utilityBlockB01 .pagelink a:active{
    text-decoration:underline;
    color:#6a13cc;
}
.cate-faq .utilityBlockB01 .pagelink li{
    border-bottom:dotted 1px #000;
    padding: 12px 2em;
    color:#6a13cc;
    text-indent: -1.8em;
    font-weight: bold;
}
.cate-faq .utilityBlockB01 .pagelink span{
    margin-right:1em;
}

.cate-faq .faqBlockB01{
    margin-top:70px;
}
.cate-faq .faqBlockB01 .item{
    position:relative;
    padding-top:30px;
}
.cate-faq .faqBlockB01 .item dt{
    background: #fff2fb;
}
.cate-faq .faqBlockB01 .item .pagetop{
    border-top:dotted 1px #000;
    position:absolute;
    top:0;
    left:0;
    width: 100%;
    padding-top:0;
    text-align: right;
}
.cate-faq .faqBlockB01 .item .pagetop img{
    margin-right:5px;
}

.cate-faq .faqBlockB01 .item dt{
    font-weight: bold;
    padding: 5px 2em;
    text-indent: -1.8em;
}
.cate-faq .faqBlockB01 .item dd{
    padding: 5px 2em 50px;
    text-indent: -1.8em;
}

.cate-faq .faqBlockB01 .item dd span,
.cate-faq .faqBlockB01 .item dt span{
    margin-right:1em;
}




/* Component (common)
--------------------------------------------------------------------- */

/* emBlockB
------------------------------------- */

/* emBlockB01 */
.emBlockB01{
    border:solid 1px #ddd;
    background:#eee;
    padding:25px 28px 0;
    margin-bottom:30px;
}

/* ComponentSet01
--------------------------------------------------------------------- */

/* hedging
------------------------------------- */
.componentSet01 h1{
    font-weight: bold;
    padding:0 0 10px;
}
.componentSet01 h2,
.componentSet01 h3{
    font-weight: bold;
    padding:10px 0 10px;
}

/* p
------------------------------------- */
.componentSet01 p{
    margin-bottom:25px;
    clear:both ;
}

/* img */
.componentSet01 p img.imgLeft{
    float:left;
    margin:0 15px 10px 0 ;
}
.componentSet01 p img.imgRight{
    float:right;
    margin:0 0 10px 15px ;
}

/* paragraph */
.componentSet01 p.pCenter{
    text-align: center;
}
.componentSet01 p.pRight{
    text-align: right;
}

/* ul
------------------------------------- */
.componentSet01 ul{
    margin:10px 0 15px 0;
}
.componentSet01 ul li{
    list-style-type: disc;
    margin-left:35px;
}
.componentSet01 ul:nth-of-type(2) li:first-child{
  display: none;
}


/* ul.link
------------------------------------- */
.componentSet01 ul.link{
    margin:0 0 15px 0;
}
.componentSet01 ul.link li{
    list-style-type: none;
    margin-left:0;
}

.componentSet01 ul.link a,
.componentSet01 ul.link a:link,
.componentSet01 ul.link a:visited,
.componentSet01 ul.link a:focus,
.componentSet01 ul.link a:hover,
.componentSet01 ul.link a:active{
    display:inline;
}
.componentSet01 ul.link a:after{
    content:'\00A0\00bb';
}

/* ol
------------------------------------- */
.componentSet01 ol{
    margin:10px 0 15px 0;
    padding-left:35px;
}
.componentSet01 ol li{
    list-style-type: decimal;
    margin-bottom:0.25em;
}

/* dl
------------------------------------- */
.componentSet01 dl{
    margin:30px ;
}
.componentSet01 dl dt{
    font-size: 100%;
    font-weight: bold;
    margin-bottom:0.25em;
}
.componentSet01 dl dd{
    margin-bottom:1em;
}

/* table
------------------------------------- */
.componentSet01 table{
    clear:both ;
    margin-bottom:25px;
    }

.componentSet01 table,
.componentSet01 table thead td,
.componentSet01 table thead th,
.componentSet01 table tbody td,
.componentSet01 table tbody th{
    border-collapse: collapse;
    padding: 4px 8px 4px 8px;
    border: solid 1px #dbd8ce;
}

.componentSet01 table caption{
    font-weight: bold;
    text-align: left;
    padding:0.25em 0 0.25em 0 ;
}

.componentSet01 table tr th{
    background-color: #e6e4de;
    font-weight: normal;
}

.componentSet01 table tr td{
    background-color: #fff;
}



/* 60th
--------------------------------------------------------------------- */

#sixteenPopup{
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 9999;
    background: rgba( 255, 255, 255, 0.8 );
}
.sixteenPopupInner{
    width: 1000px;
    height: 500px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -250px 0 0 -500px;
    background: #ffffff url(http://mq.maryquant.co.jp/image/home/60th.gif) no-repeat center top;
    box-shadow:         0px 0px 7px 0px rgba(50, 50, 50, 0.37);
}
.sixteenPopupInner a{
    display: block;
    width: 100%;
    height: 100%;
}
.sixteenPopupInner a:hover{
    background: rgba( 255, 255, 255, 0.4 );
}
.sixteenPopupInner span{
    width: 65px;
    height: 65px;
    display: block;
    background: url(http://mq.maryquant.co.jp/image/home/60th_close.png) no-repeat center top;
    position: absolute;
    right: -30px;
    top: -30px;
    cursor: pointer;
}





/* PRINT
--------------------------------------------------------------------- */
@media print{
    body{
        zoom:85%;
    }
}


/*mq.からのコンテンツ*/
.mq-contents {
    background: none;
}

.mq-contents #SITE-BODY-AREA {
    margin: 0;
}

#go-home {
    position: absolute;
    top: 20px;
    left: 30px;
    height: 26px;
    z-index: 1000;
    padding-left: 20px;
}

#go-home a{
}


#go-home img {
    vertical-align: top;
}

#go-home::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 8.7px 5px 0;
    border-color: transparent #000000 transparent transparent;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: .4s;
}

#go-home.hover::before{
    left: 5px;
}


.vertical-footer {
    position: absolute;
    left: 20px;
    bottom: 10px;
    z-index: 10;
}