@charset "utf-8";

/*
Theme Name: ABAHOUSE renewal
Theme URI: http://www.abahouse.co.jp/
Description: CSS for ABAHOUSE Website 2010
Version: 1
Author: NAGI Co., Ltd.
Author URI: http://www.nagi.tv/
*/

/*
---------------------------------------------------------------------
    main.css [July.2010]
---------------------------------------------------------------------

    00:shared propaties

    01:TOP

    02:Global Contents
        -01:WOMEN / MEN
            --01:BRAND
        -02:ACCESSORY
        -03:INTERIOR
        -04:GALLERY

    03:Utility Contents
        -01:OFFICIAL BLOG
        -02:NEWS
        -03:SHOP SEARCH
        -04:MOBILE MEMBERS
        -05:MAIL MAGAZINE
        -06:ONLINE SHOP

    04:Company Contents
        -01:COMPANY INFORMATION
        -02:RECRUIT
        -03:SITEMAP
        -04:TERMS OF USE
        -05:PRIVACY PORICY
        -06:FAQ
        -07:INCUIRY

    -:ClearFix

*/


/* 00:Shared Propaties
--------------------------------------------------*/

#container h1 {
    float: left;
    width: 156px;
    padding: 18px 10px 0;
    border-top: 2px solid #b39b7f;
}

#mainContents {
    float: right;
    width: 764px;
    padding: 18px 0 0 0;
    border-top: 2px solid #000;
    word-wrap: break-word;
}

.article {
    clear: both;
    margin-top: 40px;
    position: relative;
}

.article .heading {
    float: left;
    width: 156px;
    padding: 18px 10px 0;
    border-top: 2px solid #000;
}

.article .heading .link {
    margin-top: 40px;
}

.date,
.catLabel {
    font-size: 85%;
    color: #b39b7f;
}

.inner {
    padding: 20px 10px 10px;
    background: url(/cmn/img/border_dot.gif) repeat-x left top;
}

a.emp { text-decoration: underline; }
a.act { color: #b39b7f; text-decoration: underline; }

#sideContents { margin: -20px 0 0; }

#sideContents .article,
#sideFunction .article { margin: 20px 0 0; }

#sideContents .article .heading,
#sideFunction .article .heading {
    float: none;
    border: none;
    font-size: 1%;
}

#sideContents .article .heading img,
#sideFunction .article .heading img { font-size: 1px; }

#sideContents .article,
#sideFunction .article {
    padding: 0 0 21px;
    background: #fff url(/cmn/img/sideArticle_bgBottom.gif) no-repeat left bottom;
    font-size: 85%;
}

#sideContents .article .date,
#sideFunction .article .date,
#sideContents .article .catLabel,
#sideFunction .article .catLabel { font-size: 100%; }

body.women #sideContents .article,
body.women #sideFunction .article { background: #fff url(/cmn/img/sideArticle_women_bgBottom.gif) no-repeat left bottom; }

body.accessory #sideContents .article,
body.accessory #sideFunction .article { background: #fff url(/cmn/img/sideArticle_accessory_bgBottom.gif) no-repeat left bottom; }

body.interior #sideContents .article,
body.interior #sideFunction .article { background: #fff url(/cmn/img/sideArticle_interior_bgBottom.gif) no-repeat left bottom; }

body.men #sideContents .article,
body.men #sideFunction .article {
    padding: 0 9px 20px;
    background-image: none;
    background-color: #fff;
    border: 1px solid #e5e5e5;
}

#sideContents .article .heading,
#sideFunction .article .heading {
    padding: 20px 11px 25px;
    background: url(/cmn/img/sideArticle_bgTop.gif) no-repeat left top;
}

body.women #sideContents .article .heading,
body.women #sideFunction .article .heading { background: url(/cmn/img/sideArticle_women_bgTop.gif) no-repeat left top; }

body.accessory #sideContents .article .heading,
body.accessory #sideFunction .article .heading { background: url(/cmn/img/sideArticle_accessory_bgTop.gif) no-repeat left top; }

body.interior #sideContents .article .heading,
body.interior #sideFunction .article .heading { background: url(/cmn/img/sideArticle_interior_bgTop.gif) no-repeat left top; }

body.men #sideContents .article .heading,
body.men #sideFunction .article .heading {
    padding: 19px 1px 25px;
    background: none;
}


#sideContents .article .section,
#sideFunction .article .section {
    padding: 0 9px;
    border-right: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
}

body.men #sideContents .article .section,
body.men #sideFunction .article .section {
    padding: 0;
    border: none;
}

#sideContents .article .link { margin: 15px 0 0; }

.brandLink {
    width: 156px;
    margin: 0;
    padding: 0 10px;
}
.brandLink dl { margin: 0 0 40px; }
.brandLink dl dt { margin: 0 0 30px; }
.brandLink dl dd { margin: 15px 0 0; }

* html .brandLink dl dd,
* html .brandLink dl dt { font-size: 1%; }
*:first-child+html .brandLink dl dd,
*:first-child+html .brandLink dl dt { font-size: 1%; }

#sideContents #blogEntry dt.img,
#sideContents #shopBlogEntry dt.img { margin: 0 0 10px; }
#sideContents #blogEntry dd,
#sideContents #shopBlogEntry dd { margin: 0 0 20px; }
#sideContents #blogEntry dt.date,
#sideContents #blogEntry dd.date,
#sideContents #shopBlogEntry dd.shop,
#sideContents #shopBlogEntry dd.date { margin: 0 0 5px; }
#sideContents #shopBlogEntry dd.date a { color: #b39b7f; }
#sideContents #blogEntry dd.catLabel { margin: -5px 0 10px; }
#sideContents #blogEntry .link,
#sideContents #shopBlogEntry .link { margin: 0; }
#sideContents #blogEntry dd.lst { margin: 0 0 10px; }

body#brandTop #sideContents #brandBlog .section .date a { color: #b39b7f; }

#sideContents .section dd,
#sideContents .section li { margin: 0 0 10px; }

#sideContents #blogArchive li {
    padding-left: 14px;
    background: url(/cmn/img/anchor_arrow.gif) no-repeat left 45%;
    font-size: 108%;
}

#sideContents #blogCalendar table {
    margin: 0 0 10px;
    width: 100%;
}

#sideContents #blogCalendar caption { padding: 0 0 5px; }
#sideContents #blogCalendar caption a { font-weight: bold; }

#sideContents #blogCalendar table td a { display: block; }

#sideContents #blogCalendar table caption,
#sideContents #blogCalendar table th,
#sideContents #blogCalendar table td,
#sideContents #blogCalendar table td a {
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    line-height: 18px;
}

#sideContents #blogCalendar table th,
#sideContents #blogCalendar table td,
#sideContents #blogCalendar table td a {
    width: 18px;
    height: 18px;
}


#sideContents #blogCalendar table th {
    background: url(/cmn/img/calender_bg_weekday.gif) no-repeat center center;
    color:#b39b7f;
}

#sideContents #blogCalendar table th,
#sideContents #blogCalendar table td {
    padding: 2px;
}

#sideContents #blogCalendar table th.weekend,
#sideContents #blogCalendar table td a {
    background: url(/cmn/img/calender_bg_weekend.gif) no-repeat center center;
    color: #fff;
}

#sideContents #brandMovies dd,
#sideContents #brandCatalog dd { margin: 10px 0 0; }

#sideContents #bannerList {
    margin: 20px 0 -10px;
    padding: 0;
    background: none;
    border: none;
}

#sideContents #bannerList li {
    margin: 0 0 10px;
}

#sideFunction #brandFunction { margin: 20px 0 60px; }
#sideFunction #brandFunction li,
#sideFunction #brandFunction dt,
#sideFunction #brandFunction dd {
    padding: 13px 0 0;
    font-size: 1%;
}

#sideFunction #brandFunction dt { padding: 13px 0 2px; }

#sideFunction #brandFunction a { font-size: 100%; }

#sideFunction #brandFunction a img { vertical-align: bottom; }
#sideFunction #brandFunction .section { margin: -15px 0 7px; }

#columns {
    width: 764px;
    float: right;
}

#columns #mainContents {
    float: left;
    width: 568px;
    overflow: hidden;
}

* html #sideContents { width: 176px; overflow: hidden; }


#ahInfo {
    clear: both;
    margin-top: 0;
    margin-bottom: -20px;
    padding: 50px 0 0 0;
}


#ahInfo .heading {
    border-top: 2px solid #b39b7f;
}

#ahInfo .section {
    float: right;
    width: 784px;
    margin: 0 -20px 20px 0;
    overflow: hidden;
    background: none;
    font-size: 85%;
}

#ahInfo .section li {
    float: left;
    width: 362px;
    margin: 0 20px 0 0;
    padding: 20px 0 0 10px;
    background: url(/cmn/img/border_dot.gif) repeat-x left top;
}

#ahInfo .section li a,
#ahInfo .section li span {
    display: block;
    width: 176px;
    min-height: 68px;
    height: auto !important;
    height: 68px;
    padding-top: 32px;
    padding-right: 186px;
    background-repeat: no-repeat;
    background-position: 0 0;
}

#ahInfo .section li.nav01 a { background-image: url(/cmn/img/ahInfo_nav01.png); }
#ahInfo .section li.nav02 span { background-image: url(/cmn/img/ahInfo_nav02.png); }
#ahInfo .section li.nav03 a { background-image: url(/cmn/img/ahInfo_nav03.png); }
#ahInfo .section li.nav04 a { background-image: url(/cmn/img/ahInfo_nav04.png); }
#ahInfo .section li.nav05 a { background-image: url(/cmn/img/ahInfo_nav05.png); }


#ahInfo .section li.nav01 a:hover { background-position: -372px 0; }
#ahInfo .section li.nav03 a:hover { background-position: -372px 0; }
#ahInfo .section li.nav04 a:hover { background-position: -372px 0; }
#ahInfo .section li.nav05 a:hover { background-position: -372px 0; }

/*#ahInfo .section li a

#ahInfo .section li dl {
    width: 176px;
    min-height:100px;
    height: auto !important;
    height: 100px;
    padding: 0 186px 0 0;
    position: relative;
}

#ahInfo .section li dl dt { margin: 0 0 20px 0; }

#ahInfo .section li dl dd.img {
    position: absolute;
    top: 0;
    right: 0;
}*/

.pageNation {
    margin: 40px 0 0;
    padding: 19px 10px 0;
    background: url(/cmn/img/border_dot.gif) repeat-x left top;
}

.pageNation li { font-size: 1%; }
.pageNation li a { font-size: 93%; }

.pageNation .prev { float: left; }
.pageNation .next { float: right; }
.pageNation .backList {
    width: 71px;
    margin: 0 auto;
    font-size: 1%;
}

ul.listing { padding: 0 0 0 20px; }
ul.listing li {
    margin: 2px 0;
    list-style-type: disc;
}

.cellContent {
    margin: 0 0 1px 0;
    padding: 0 0 40px;
    background: url(/cmn/img/table_th_bg.gif) repeat-y left top;
}

table.cellContent {
    padding: 0;
    margin: 0;
}

.cellContent h2,
.cellContent h3,
table.cellContent th {
    float: left;
    width: 156px;
    padding: 15px 10px 0;
    color: #fff;
}

table.cellContent th {
    float: none;
    padding: 15px 30px 15px 10px;
    border-bottom: 1px solid #fff;
}

.cellContent .inner,
table.cellContent td {
    float: right;
    width: 548px;
    padding: 15px 10px 0;
    background: url(/cmn/img/border_dot.gif) repeat-x left top;
}

table.cellContent td {
    float: none;
    padding: 15px 10px;
}

.cellContent .break {
    margin: 15px 0 0;
}

.cellLeadTxt {
    margin: 0 0 35px;
    padding: 0 10px;
}



/* 01:TOP
--------------------------------------------------*/


/* 02-01:WOMEN / MEN
--------------------------------------------------*/

* html body#brandList #container { zoom: 1; }
*:first-child+html body#brandList #container { zoom: 1; }

#mainContents .articleFst { margin: 0; }

body#brandList #mainContents {
    padding: 0;
    border: none;
}
body#brandList #mainContents .article .section {
    float: left;
    width: 254px;
    min-height:240px;
    height: auto !important;
    height: 240px;
    position: relative;
    padding: 18px 206px 0 10px;
    border-top: 2px solid #000;
}

body#brandList #mainContents .article .section .txt {
    margin-top: -5px;
}

body#brandList #mainContents .article .section .txt ul { margin: 15px 0 0; }

body#brandList #mainContents .article .section .txt ul li {
    font-size: 0;
    height: 12px;
    overflow: hidden;
}

body#brandList #mainContents .article .section .txt ul li a {
    font-size: normal;
}

body#brandList #mainContents .article .section .txt ul li a img {
    vertical-align: top;
}

body#brandList #mainContents .article .section .txt ul li.detail {
    margin-bottom: 8px;
}

body#brandList #mainContents .article .section .txt ul li.blog {
    margin-bottom: 8px;
}

body#brandList #mainContents .article .section .txt ul li.shop {
    margin-bottom: 8px;
}

body#brandList #mainContents .article .section .txt ul li.webcatalog {
    margin-bottom: 8px;
    display: none;
}

body#brandList #mainContents .article .section .txt ul li.brandSite {
    margin-bottom: 8px;
}

/*body#brandList #mainContents .article .section .txt ul li {
    font-size: normal;
}*/


body#brandList #mainContents .article .section h2 { margin: 0 0 20px 0; }
body#brandList #mainContents .article .section .img {
    width: 176px;
    position: absolute;
    top: 18px;
    right: 0;
}

body#brandList #mainContents .article .aside {
    float: right;
    position: relative;
    width: 254px;
    min-height:10px;
    height: auto !important;
    height: 10px;
    margin: 0;
    padding: 20px 10px 0;
    background: url(/cmn/img/border_dot.gif) repeat-x left top;
}

body#brandList #mainContents .article .aside p.img {
    margin-bottom: 20px;
}

body#brandList #mainContents .article .aside .linkList {
    /*margin-top: 20px;*/
    padding: 0 10px 0 98px;
}

body#brandList #mainContents .article .aside .linkList dd {
    font-size: 1%;
}

body#brandList #mainContents .article .aside .galAdd dd {
    font-size: 100%;
}

body#brandList #mainContents .article .aside .linkList dd a {
    font-size: normal;
}


/** html body#brandList #mainContents .article .aside .linkList dd {
    font-size: 1%;
}

* html body#brandList #mainContents .article .aside .galAdd dd {
    font-size: 100%;
}

* html body#brandList #mainContents .article .aside .linkList dd a {
    font-size: normal;
}

*:first-child+html body#brandList #mainContents .article .aside .linkList dd {
    font-size: 1%;
}

*:first-child+html body#brandList #mainContents .article .aside .galAdd dd {
    font-size: 100%;
}

*:first-child+html body#brandList #mainContents .article .aside .linkList dd a {
    font-size: normal;
}*/



body#brandList #mainContents .article .aside dl dt {
    position: absolute;
    left: 10px;
}

body#brandList #mainContents .article .aside dl .more {
    margin-bottom: 11px;
}

body#brandList #mainContents .article .aside dl .shopSearch {
    margin-bottom: 8px;
}

body#brandList #mainContents .article .aside .galAdd {
    padding-bottom: 16px;
    margin: 0 -10px 20px;
    background: url(/cmn/img/border_dot.gif) repeat-x left bottom;
}

body#brandList #mainContents .article .aside .galLink {
    margin-top: -1px;
}

body#brandList #mainContents .article .aside .galLink dd {
    position: relative;
    left: -10px;

    margin-bottom: 7px;
}




/* 02-01-01:BRAND
--------------------------------------------------*/

body#brandTop #mainContents {
    float: left;
    padding: 0;
    border: none;
}


body#brandTop #wrapper #container {
    margin-top: 0;
}

body#brandTop #mainContents .section {
    float: right;
    width: 568px;
    background: url(/cmn/img/border_dot.gif) repeat-x left top;
}

body#brandTop #brandIntro {
    position: relative;
    margin-top: 0;
    margin-bottom: 40px;
}

body#brandTop #brandIntro h1 {
    position: relative;
    float: none;
    width: 960px;
    height: 80px;
    margin: 0;
    padding: 0;
    text-align: center;
    border: none;
    overflow: hidden;
}

body#brandTop #brandIntro .link a {
    position: absolute;
    top: 51px;
    left: 10px;
    display: block;
    width: 75px;
    height: 12px;
}

body#brandTop #brandIntro .btn a {
    position: absolute;
    top: 46px;
    right: 10px;
    display: block;
    height: 16px;
    background-repeat: no-repeat;
    background-position: 0 0;
    text-indent: -9999px;
}

body.abahouse-lastword #brandIntro .btn a { width: 135px; background-image: url(/men/img/abahouse-lastword/btn_switch.gif); }
body.alfredo-bannister-men #brandIntro .btn a { width: 167px; background-image: url(/accessory/img/alfredo-bannister-men/btn_switch.gif); }
body.alfredo-bannister-women #brandIntro .btn a { width: 152px; background-image: url(/accessory/img/alfredo-bannister-women/btn_switch.gif); }

body.women.le-trio-abahouse #brandIntro .btn a { width: 160px; background-image: url(/women/img/le-trio-abahouse/btn_switch.gif); }
body.men.le-trio-abahouse #brandIntro .btn a { width: 160px; background-image: url(/men/img/le-trio-abahouse/btn_switch.gif); }

body.women.myself-abahouse #brandIntro .btn a { width: 160px; background-image: url(/women/img/myself-abahouse/btn_switch.gif); }
body.men.myself-abahouse #brandIntro .btn a { width: 160px; background-image: url(/men/img/myself-abahouse/btn_switch.gif); }

body#brandTop #brandIntro .btn a:hover {
    background-position: 0 -20px;
}

body#brandTop #brandIntro .img {
    width: 960px;
}

/*
body#brandTop #mainContents #brandIntro {
    width: 754px;
    margin: 0;
    padding: 0 0 0 10px;
}

body#brandTop #mainContents #brandIntro div {
        display: table-cell;
        width: 100px;
        vertical-align: middle;
}

* html body#brandTop #mainContents #brandIntro div {
    display: inline;
    zoom: 1;
}
*:first-child+html body#brandTop #mainContents #brandIntro div {
    display: inline;
    zoom: 1;
}

body#brandTop #mainContents #brandIntro .txt {
    width: 264px;
    overflow: hidden;
}
body#brandTop #mainContents #brandIntro .txt .link { margin-top: 30px; }
body#brandTop #mainContents #brandIntro .img { width: 470px; padding: 0 0 0 20px; }

body#brandTop #mainContents #brandIntro h1 {
    margin: 0 0 30px;
    padding: 0;
    border: none;
}
*/

body#brandTop #mainContents { margin-top: -40px; }

body#brandTop #mainContents #brandItem {
    width: 764px;
    overflow: hidden;
}

body#brandTop #mainContents #brandItem .heading .banner { margin: 28px 0 0 0; }
body#brandTop #mainContents #brandItem .heading .link { margin: 20px 0 0 0; }

body#brandTop #mainContents #brandItem .section {
    width: 588px;
    margin: 0 -20px 0 0;
    overflow: hidden;
}

body#brandTop #mainContents #brandItem .section ul li {
    float: left;
    width: 156px;
    position: relative;
    margin: 270px 20px 0 0;
    padding: 0 10px;
}

body#brandTop #mainContents #brandItem .section ul li h3 { margin-bottom: 5px; }

body#brandTop #mainContents #brandItem .section ul li .img {
    position: absolute;
    top: -250px;
    left: 0px;
}

body#brandTop #mainContents #brandItem .section ul li .img img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 85;
}

body#brandTop #mainContents #brandItem .section ul li .price {
    padding-right: 3em;
    font-size: 85%;
}

body#brandTop #mainContents #brandItem .section ul li .tag {
    position: absolute;
    bottom: 0;
    right: 10px;
    font-size: 85%;
    color: #b39b7f;
}

body#brandTop #mainContents #brandNews .section li,
body#brandTop #mainContents #brandShop .section li,
body#news #mainContents #newsIndex .section li,
body#brandList #brandNews .section li {
    min-height:80px;
    height: auto !important;
    height: 80px;
    position: relative;
    margin: 20px 10px 0 206px;
}

body#brandTop #mainContents #brandShop .section {
    margin: 0 0 -35px 0;
    padding-top: 20px;
}

body#brandTop #mainContents #brandShop .section li {
    margin: 0 0 35px 206px;
}

body#brandTop #mainContents #brandNews .section li .date,
body#news #mainContents #newsIndex .section li .date,
body#brandList #brandNews .section li .date { padding: 10px 0 5px; }

body#brandTop #mainContents #brandNews .section li .img,
body#brandTop #mainContents #brandShop .section li .img,
body#news #mainContents #newsIndex .section li .img,
body#brandList #brandNews .section li .img {
    position: absolute;
    top: 0;
    left: -206px;
}

body#brandTop #mainContents #brandShop .section li h3 { margin: 0 0 15px 0; }
body#brandTop #mainContents #brandShop .section li.caption {
    position: static;
    margin: -15px 0 0 0;
    padding: 20px 10px 0 10px;
    background: url(/cmn/img/border_dot.gif) repeat-x left top;
    font-size: 85%;
}

body#brandTop #mainContents #lightpop-content-wrap #lightpop-content iframe { border: none; }

body#brandTop #mainContents .atscheltaLink {
    margin: 25px 0 0 196px;
    padding: 16px 10px 0;
    background: url(/cmn/img/border_dot.gif) repeat-x left top;
}

body#brandTop #mainContents .atscheltaLink a {
    display: inline-block;
    height: 1.1em;
    padding: 0 0 0 15px;
    background: url(/cmn/img/anchor_blank.gif) no-repeat left 0.1em;
    line-height: 1.1;
    font-size: 85%;
}

* html body#brandTop #mainContents .atscheltaLink a {
    display: inline;
    zoom: 1;
}

*:first-child+html body#brandTop #mainContents .atscheltaLink a {
    display: inline;
    zoom: 1;
}

body#brandTop #brandShop {
    margin-top: 30px;
    padding-top: 10px;
}

/*20111120 add brand individual styling*/

#brandItem p.link a {
    display: block;
    width: 43px;
    height: 16px;
    background: url(/cmn/img/btn_more.png) no-repeat 0 0;
    text-indent: -9999px;
}

#brandShop p.link a {
    display: block;
    width: 84px;
    height: 16px;
    background: url(/cmn/img/btn_shopSearch.png) no-repeat 0 0;
    text-indent: -9999px;
}

#brandItem p.link a:hover,
#brandShop p.link a:hover { background-position: 0 -16px; }

#brandItem p.link a img,
#brandShop p.link a img {
    display: none;
}
/*
body.women {
    background: url(/cmn/img/body_woman_bg.jpg) repeat-x left top;
    color: #000;
}*/






/* 02-02:ACCESSORY
--------------------------------------------------*/
/* 02-03:INTERIOR
--------------------------------------------------*/
/* 02-04:GALLERY(include 'SPACE')
--------------------------------------------------*/

body#brandList #mainContents .article .section .address { margin: 10px 0 0; }

body#brandList #mainContents .listInfo {
    clear: both;
    width: 744px;
    margin: 20px 0 0;
    padding: 20px 10px 0;
    position: relative;
    background: url(/cmn/img/border_dot.gif) repeat-x left top;
}

body#brandList #mainContents .listInfo dt {
    float: left;
    width: 110px;
}

body#brandList #mainContents .listInfo dd {
    float: right;
    width: 634px;
}

body#brandList #brandNews {
    width: 764px;
    margin: 0 0 0 196px;
    padding: 40px 0 0;
}

body#brandList #brandNews .section {
    float: right;
    width: 568px;
    background: url(/cmn/img/border_dot.gif) repeat-x left top;
}



/* 03-01:OFFICIAL BLOG
--------------------------------------------------*/

body#blogList #topicPath {
    z-index: 10;
}

body#blogList #container {
    overflow: hidden;
    z-index: 1;
}

body#blogList #mainContents {
    width: 960px;
    margin: -40px 0 0;
    padding: 0;
    border: none;
}

body#blogList #mainContents .article h1,
body#blogList #mainContents .article .otherBlogTitle {
    float: left;
    width: 156px;
    margin: 0 0 50px;
    padding: 18px 10px 0;
    border-top: 2px solid #B39B7F;
}

body#blogList #mainContents .article .blogIndex {
    float: right;
    width: 764px;
    border-top: 2px solid #000;
}

body#blogList #mainContents .article ul {
    width: 784px;
    margin: 0 -20px 0 0;
    overflow: hidden;
}

body#blogList #mainContents .article ul li.section {
    float: left;
    width: 176px;
    margin: 18px 20px 18px 0;
    position: relative;
}

body#blogList #mainContents .article .section h3 { padding: 0 10px; }

body#blogList #mainContents .article .section .date,
body#blogList #mainContents .article .section .txt {
    margin: 245px 0 5px;
    padding: 0 10px;
}

body#blogList #mainContents .article .section .img {
    position: absolute;
    top: 50px;
    left: 0;
}

body#brandBlog #ahInfo {
    z-index: -1;
}

body#brandBlog h1 {
    float: none;
    width: 940px;
    margin: 0 0 20px;
}

body#brandBlog #mainContents {
    padding: 0;
    border: none;
    margin: -40px 0 0 0;
    overflow: visible;
}

body#brandBlog #mainContents .article .heading,
body#news #mainContents #newsIndiv .heading {
    float: none;
    width: 548px;
    padding: 18px 10px 19px;
    border: none;
    background: url(/cmn/img/border_dot.gif) repeat-x left bottom;
}

body#brandBlog #mainContents .article .heading { padding: 0 10px 19px; }

body#brandBlog #mainContents .date { margin: 0 0 5px; }

body#brandBlog #mainContents h2 {
    font-weight: bold;
    font-size: 108%;
}

body#brandBlog #mainContents .article .inner,
body#news #mainContents #newsIndiv .inner {
    padding: 19px 10px 0;
    background: none;
}

body#brandBlog #sideFunction {
    width: 176px;
    padding: 0;
}

body#brandBlog #sideFunction .brandLink .brandP {
    margin: 0 0 40px 0;
}

/*2011.oct add*/
body#blogList .brandLink dl dt,
body#brandBlog .brandLink dl dt { margin: 39px 0 28px; }
body#blogList .brandLink dl dt.first,
body#brandBlog .brandLink dl dt.first { margin-top: 0; }
body#blogList .brandLink dl dd,
body#brandBlog .brandLink dl dd { margin: 0 0 11px; }
body#blogList .brandLink dl dd.last,
body#brandBlog .brandLink dl dd.last { margin: 0; }
body#blogList #mainContents .article h1,
body#blogList #mainContents .article .otherBlogTitle { margin: 0 0 48px; }

body#brandBlog .blogSocial {
    position: relative;
    bottom: -41px;
    margin-top: 40px;
    padding: 10px 10px 9px;
    background: url(/cmn/img/border_dot.gif) repeat-x left top;
}

body#brandBlog .blogSocial li {
    display: block;
    float: left;
    margin-right: 10px;
}

body#brandBlog .blogSocial li.fb { width: 100px; }
body#brandBlog .blogSocial li.tw { width: 90px; }
body#brandBlog .blogSocial li.mx { width: 58px; }

body#brandBlog .blogSocial #un { display: none; }



/* 03-02:NEWS
--------------------------------------------------*/

body#news #mainContents { padding: 0; }

body#news #mainContents .article { margin: 0; }


body#news #mainContents #newsIndiv .heading .date { margin: 0 0 5px; }
body#news #mainContents #newsIndiv .heading .catLabel { margin: 8px 10px 5px 0; }
body#news #mainContents .catLabel {
    padding: 10px 0 5px;
    position: absolute;
    top: 0;
    right: 0;
}

body#news #mainContents #newsIndiv .heading h2 {
    font-weight: bold;
    font-size: 108%;
}



/* 03-03:SHOP SEARCH
--------------------------------------------------*/

body#shopSearch #mainContents #searchSection {
    margin: 0 0 -20px;
    padding: 0 0 40px;
}

body#shopSearch #mainContents #searchSection .cellLeadTxt {
    margin: 0 0 10px;
    padding: 0 10px 21px;
    background: url(/cmn/img/border_dot.gif) repeat-x left bottom;
}

body#shopSearch #mainContents #searchSection dl {
    float: left;
    width: 576px;
    height: 20px;
    margin: 0 -30px 0 0;
    padding: 0 0 0 10px;
}

body#shopSearch #mainContents #searchSection dl dt,
body#shopSearch #mainContents #searchSection dl dd {
    float: left;
    line-height: 22px;
}

body#shopSearch #mainContents #searchSection dl dt {
    margin: 0 10px 0 0;
    font-size: 10px;
}
body#shopSearch #mainContents #searchSection dl dd { margin: 0 25px 0 0; }

body#shopSearch #mainContents #searchSection select {
    width: 150px;
    margin: 1px 0 0;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    font-size: 11px;
}

* html body#shopSearch #mainContents #searchSection select {
    margin: 0;
    font-size: 10px;
}

*:first-child+html body#shopSearch #mainContents #searchSection select {
    margin: 0;
    font-size: 10px;
}

body#shopSearch #mainContents #searchSection p.btn {
    float: right;
    margin: 0 10px 0 0;
}

* html body#shopSearch #mainContents #searchSection p.btn { margin: 0 5px 0 0; }

body#shopSearch #mainContents .cellContent { margin: 20px 0 0 0; }
body#shopSearch #mainContents .cellContent h2 {
    float: none;
    width: auto;
    margin: 0;
    padding: 0;
    color: #000;
}

body#shopSearch #mainContents .cellContent th { padding: 10px 30px 10px 10px; }
body#shopSearch #mainContents .cellContent td { padding: 11px 10px 10px; }

body#shopSearch #mainContents .cellContent tr.address td li.txt {
    float: left;
    width: 380px;
}

body#shopSearch #mainContents .cellContent tr.address td li.btn {
    float: right;
    width: 156px;
}



/* 03-04:MOBILE MEMBERS
--------------------------------------------------*/

body#mobile-members #mainContents .article {
    margin: 0;
    padding: 15px 10px 0;

}

body#mobile-members #mainContents .articleFst {
    padding: 0 10px 40px;
    background: url(/cmn/img/border_dot.gif) repeat-x left bottom;
}

body#mobile-members #mainContents .articleFst dt {
    float: left;
    margin: 0 0 0 -10px;
}

* html body#mobile-members #mainContents .articleFst dt { margin: 0 0 0 -5px; }
body#mobile-members #mainContents .articleFst dd.blank { margin: 10px 0 0 186px; }
body#mobile-members #mainContents .articleFst dd { margin: 0 0 0 186px; }
body#mobile-members #mainContents .articleFst h2 { margin: 0 0 18px; }
body#mobile-members #mainContents .articleLst { margin: 0 0 -20px; }
body#mobile-members #mainContents .article h3 { margin: 0 0 20px; }
body#mobile-members #mainContents .article .section { margin: 30px 0 0; }
body#mobile-members #mainContents .article address { margin: 15px 0 0; }
body#mobile-members #mainContents .article .caption {
    margin: 25px 0 0;
    font-size: 85%;
}

body#mobile-members #mainContents .article ul.caption { margin: 20px 0 0; }
body#mobile-members #mainContents .article ul.caption li { margin: 5px 0 0; }

body#mobile-members #mainContents .article .blank {
    padding: 0 0 0 14px;
    background: url(/cmn/img/anchor_blank.gif) no-repeat 1px 43%;
}



/* 03-05:MAIL MAGAZINE
--------------------------------------------------*/
/* 03-06:ONLINE SHOP
--------------------------------------------------*/


/* 04-01:COMPANY INFORMATION
--------------------------------------------------*/

body#about #mainContents .article h2,
body#privacy #mainContents .article h2,
body#faq #mainContents .article h2 {
    margin: 0 0 15px;
    padding: 0 10px;
}

body#about #mainContents .article,
body#privacy #mainContents .article,
body#faq #mainContents .article {
    padding: 18px 0 0;
    border-top: 2px solid #000;
}

body#about #mainContents .articleFst,
body#faq #mainContents .articleFst {
    border: none;
    padding: 0;
}



/* 04-02:RECRUIT
--------------------------------------------------*/


/* 04-03:SITEMAP
--------------------------------------------------*/

body#sitemap #mainContents {
    margin: -35px 0 0;
    padding: 0;
    border: none;
}

body#sitemap #mainContents .articleRow {
    width: 784px;
    margin: 35px -20px 0 0;
    overflow: hidden;
}

body#sitemap #mainContents .article {
    clear: none;
    float: left;
    width: 372px;
    margin: 0 20px 0 0;
}

body#sitemap #mainContents .article h2 {
    float: left;
    width: 92px;
    padding: 18px 10px 0 25px;
    background: url(/cmn/img/anchor_arrow.gif) no-repeat 12px 1.9em;
    border-top: 2px solid #000;
}

body#sitemap #mainContents .article ul {
    float: right;
    width: 205px;
    padding: 14px 10px 0 10px;
    background: url(/cmn/img/border_dot.gif) repeat-x left top;
}

* html body#sitemap #mainContents .article ul { padding-top: 20px; }
*:first-child+html body#sitemap #mainContents .article ul { padding-top: 20px; }

body#sitemap #mainContents .article li {
    margin: 6px 0 0;
    padding: 0 0 0 15px;
    background: url(/cmn/img/anchor_arrow.gif) no-repeat 2px 0.45em;
}

body#sitemap #mainContents .article li.blank { background: url(/cmn/img/anchor_blank.gif) no-repeat 1px 43%; }

body#sitemap #mainContents ul.article {
    width: 352px;
    padding: 12px 10px 0 10px;
    border-top: 2px solid #000;
}

body#sitemap #mainContents .indiv { margin: 40px 0 0; }



/* 04-04:TERMS OF USE
--------------------------------------------------*/





/* 04-05:PRIVACY PORICY
--------------------------------------------------*/

body#privacy #mainContents dl {
    margin: -20px 0 0;
}

* html body#privacy #mainContents dl { margin: -5px 0 0; }
*:first-child+html body#privacy #mainContents dl { margin: -5px 0 0; }

body#privacy #mainContents dl dt {
    margin: 20px 0 15px;
}



/* 04-06:FAQ
--------------------------------------------------*/

body#faq #mainContents table.cellContent { margin: 20px 0 0; }
body#faq #mainContents table.cellContent h3 {
    float: none;
    width: auto;
    margin: 0;
    padding: 0;
    color: #000;
}

body#faq #mainContents table.cellContentFst { margin: 0; }
body#faq #mainContents table.cellContent { background-image: url(/cmn/img/table_th_bg_s.gif); }
body#faq #mainContents table.cellContent th { width: 58px; }
body#faq #mainContents table.cellContent td { width: 646px; }



/* 04-07:INCUIRY
--------------------------------------------------*/

body#inquiry #mainContents {
    width: 764px;
    padding: 18px 0 0;
}

body#inquiry #mainContents ul {
    float: left;
    width: 352px;
    margin: 30px 20px 30px 0;
}

* html body#inquiry #mainContents ul { margin: 30px 10px 30px 0; }

body#inquiry #mainContents .btn {
    clear: both;
    margin: 0 0 40px;
    position: relative;
    left: -10px;
}

body#inquiry #mainContents .break { margin: 10px 0 0; }

body#inquiry #mainContents .article {
    padding: 0 10px;
}

body#inquiry #mainContents .articleAS {
    margin: 35px 0 0;
    padding: 20px 10px 0;
    background: url(/cmn/img/border_dot.gif) repeat-x left top;
}

body#inquiry #mainContents .articleAS .btn { margin: 15px 0 0; }



/* ONLINE SHOP
--------------------------------------------------*/

body#online-shop #mainContents {
    float: left;
    width: 764px;
    padding: 0;
    border: none;
}

body#online-shop #mainContents #mainVi {
    height: 480px;
    overflow: hidden;
}

body#online-shop #mainContents #mainVi h1 {
    float: none;
    width: auto;
    border: none;
    padding: 0;
}

body#online-shop #mainContents #mainVi .txt {
    float: left;
    width: 294px;
    height: 480px;
    overflow: hidden;
}

body#online-shop #mainContents #mainVi .img {
    float: right;
    width: 470px;
    height: 480px;
}

body#online-shop #mainContents #mainVi .link {
    height: 9px;
    margin-top: 20px;
    margin-left: 10px;
    overflow: hidden;
    font-size: 1%;
}

body#online-shop #mainContents .article h2 {

}

body#online-shop #mainContents .article .inner {
    float: right;
    width: 352px;
    margin-bottom: -30px;
    padding: 19px 10px 0 206px;
}

body#online-shop #mainContents .article .inner li {
    position: relative;
    min-height: 100px;
    height: auto !important;
    height: 100px;
    margin-bottom: 30px;
}

body#online-shop #mainContents .article .inner li h3 {
    margin-bottom: 15px;
}

body#online-shop #mainContents .article .inner li dd.link {
    margin-top: 12px;
    padding-left: 13px;
    background: url(/cmn/img/anchor_arrow.gif) no-repeat 0 center;
}

body#online-shop #mainContents .article .inner p.img {
    position: absolute;
    top: 0;
    left: 0;
    margin-left: -206px;
}

body#online-shop #sideContents .article .heading {
    padding: 20px 11px 25px;
}

body#online-shop #sideContents dl.section dt {
    height: 9px;
    overflow: hidden;
    margin-bottom: 15px;
    font-size: 1%;
}

body#online-shop #sideContents dl.section dd {
    height: 16px;
    overflow: hidden;
    margin-bottom: 4px;
}

body#online-shop #sideContents dl.section dd a {
    font-size: normal;
}

body#online-shop #sideContents dl.section dd.more {
    height: 9px;
    margin-top: 15px;
    margin-bottom: 30px;
}

body#online-shop #sideContents dl.section dd.end {
    margin-bottom: 0;
}



/* -:ClearFix
--------------------------------------------------*/

.clrfix:after,
.article:after,
.section:after,
.pageNation:after,
div.cellContent:after,
body#brandTop #mainContents #brandIntro:after,
body#brandTop #mainContents #brandItem .section ul:after,
body#shopSearch #mainContents #searchSection:after,
body#shopSearch #mainContents #searchSection dl:after,
.blogSocial:after,
body#brandTop #brandShop li:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.clrfix,
.article,
.section,
.pageNation,
div.cellContent,
body#brandTop #mainContents #brandIntro,
body#brandTop #mainContents #brandItem .section ul,
body#shopSearch #mainContents #searchSection,
body#shopSearch #mainContents #searchSection dl,
.blogSocial,
body#brandTop #brandShop li {
    zoom:1;
}

/* ブランドトップページのATS商品表示 20150603追記
--------------------------------------------------*/

.brandItemList {
    margin-bottom: 25px;
}
.itemListTitle {
    margin-top: 18px;
    height: 12px;
    overflow: hidden;
}

/* 既存CSSの上書き main */
body.women-5351-pour-les-femmes .itemListTitle img,
body.recency-of-mine .itemListTitle img,
body.designworks .itemListTitle img,
body.men-5351-pour-les-hommes .itemListTitle img,
body.schorl .itemListTitle img {
    margin-top: -12px;
}
body#brandTop #mainContents #brandItem .section ul li h3 {
    min-height: 54px;
}

/* ブランド詳細ページのブランドショップリンク表示 20141008追記
--------------------------------------------------*/
body#brandTop #mainContents .brandSiteLink {
    margin: 10px 0 0 196px;
    padding: 0 10px;
}
body#brandTop #mainContents .brandSiteLink a {
    display: inline-block;
    height: 1.1em;
    padding: 0 0 0 15px;
    background: url(/cmn/img/anchor_blank.gif) no-repeat left 0.1em;
    line-height: 1.1;
    font-size: 85%;
}
* html body#brandTop #mainContents .brandSiteLink a {
    display: inline;
    zoom: 1;
}
*:first-child+html body#brandTop #mainContents .brandSiteLink a {
    display: inline;
    zoom: 1;
}


/* SHOP SEARCH CSS 20151007 index.phpから移植追記
--------------------------------------------------*/
.msg {
    margin-top: 20px;
    background-color: #fafafa;
    text-align: center;
    padding: 100px 0;
}
#storeSearchMenu {
    width: 176px;
    padding-top: 40px;
}
#storeSearchMenu h2{
    position: relative;
    padding-left: 5px;
    border-left: solid 4px #B39B7F;
    font-weight: bold;
    cursor: pointer;
}
#storeSearchMenu h2:after{
    content: "▼";
    margin: 0 0 0 10px;
    height: 0px;
    right: 11px;
    position: absolute;
    top: 1px;
    width: 0px;
    color:#B39B7F;
}
#storeSearchMenu h2.close:after{
    content: "▲";
    margin: 0 0 0 10px;
    height: 0px;
    right: 11px;
    position: absolute;
    top: 1px;
    width: 0px;
    color:#B39B7F;
}
#storeSearchMenu .brandLink {
    margin-top: 20px;
    border: solid 1px #B39B7F;
    padding: 10px;
}
.searchList {
    font-size: 11px;
    margin-top: 10px;
}
.searchList li {}
.searchList li a {
    position: relative;
    display: block;
    padding: 5px;
    border-top: solid 1px #b39b7f;
}
.searchList li a:hover {
    background: #b39b7f;
    color: #fff;
}
.searchList li a.current {
    background:#000;
    color:#fff;
}
.searchList li a.current:hover {
    background:#b39b7f;
    color:#fff;
}

.searchList a[target="_blank"],
table.cellContent a[target="_blank"] {
  padding-right: 13px;
  background: url(/shop-search/img/icon_target_blank.png) no-repeat center right;
}
.searchList li.active {
}
.searchList li.active a:after{
    border-color: #fff;
}
div[class*="searchIcon"] {
    font-size: 22px;
    height: 14px;
    text-align: center;
}