@charset "shift_jis";

/*
@import url(/common/front/season/pj/0001/css/season.css);
*/

/* -----------------------------------------------
 *                    style_pj
 * ----------------------------------------------- */



/* =========== block level elements =========== */


/* ----- top level ----- */

/* 
 * body {
 *     background: #fff2f2 url(/common/front/img/pj/etc_0001.gif) top center repeat-y;
 * }
 */

html {height:100%;}
body {height:100%; color:#000000;}
ul {margin:0; padding:0; list-style-type:none;}

menu,
fieldset {
    display: block;
    text-align: inherit;
    line-height: 1.7;
    text-indent: 0;
}

/* =========== inline level elements =========== */


/* ----- anchor ----- */

a {
    color: #ff679c;
}

a:link {
    
}
/*
a:visited {
    color: #bb4774;
}
*/
a:focus,
a:hover,
a:active,
a.pseudo-hover {
    color: #ff679c;
    text-decoration: underline;
}

/* pj */ 
a.pj {
    color: #ff679c;
}

a.pj:focus,
a.pj:hover,
a.pj:active,
a.pj.pseudo-hover {
    color: #ff679c;
    text-decoration: underline;
}
/*
a.pj:visited {
    color: #bb4774;
}
*/
/* gj */
a.gj {
    color: #c7a136;
}
/*
a.gj:visited {
    color: #8b7330;
}
*/
a.gj:focus,
a.gj:hover,
a.gj:active,
a.gj.pseudo-hover {
    color: #c7a136;
    text-decoration: underline;
}
/* al */

a.al {
    color: #0000af;
}

a.al:link {
    
}
/*
a.al:visited {
    color: #353570;
}
*/
a.al:focus,
a.al:hover,
a.al:active,
a.al.pseudo-hover {
    color: #0000af;
    text-decoration: underline;
}


/* =========== more-search =========== */

#more-search .word-area-wrap {
    background: url(/common/front/img/pj/etc_0037.gif) left top no-repeat;
}

#more-search .word-area {
    background: url(/common/front/img/pj/etc_0038.gif) left bottom no-repeat;
}

#more-search .conditional-input {
    background: url(/common/front/img/pj/etc_0041.gif) left top repeat-x;
}

#more-search .conditional-input h3 {
    background: #fff5f2;
}

#more-search .conditional-wrap02 {
    border-top: 1px solid #ffebeb;
}

#more-search .conditional-wrap03 {
    border-top: 1px solid #ffebeb;
}

#more-search .conditional-wrap04 {
    border-top: 1px solid #ffebeb;
}

#more-search .conditional01 {
    background: url(/common/front/img/pj/etc_0039.gif) right 35px no-repeat;
}

#more-search .conditional02 {
    background: url(/common/front/img/pj/etc_0039.gif) left 35px repeat-x;
}

#more-search .conditional03 {
    background: url(/common/front/img/pj/etc_0040.gif) left 35px no-repeat;
}

#more-search .conditional-wrap01 h4,
#more-search .conditional-wrap02 h4,
#more-search .conditional-wrap03 h4,
#more-search .conditional-wrap04 h4 {
    border-left: 5px solid #f797a6;
}

#more-search .conditional-wrap01 p,
#more-search .conditional-wrap02 p {
    color: #666666;
}

#more-search .button {
    border-top: 8px solid #ffd9d9;
}


/* ----- footer ----- */

#footer-wrapper #footer {
    background: #f4f4f4;
}



/* =========== HEADER-WRAPPER =========== */


/* ----- global-nav ----- */

/*global-nav-list-area*/
#content-wrapper #content #global-nav {
    height: 1px;
}

#content-wrapper #content #global-nav ul#global-nav-menu li div.global-nav-list-area01 {
    background: url(/common/front/img/pj/etc_0097.gif) left top no-repeat;
}

#content-wrapper #content #global-nav ul#global-nav-menu li.pseudo-last-child div.global-nav-list-area01 {
    background-image: url(/common/front/img/pj/etc_0098.gif);
}

#content-wrapper #content #global-nav ul#global-nav-menu li div.global-nav-list-area01 div.pseudo-after {
    background: url(/common/front/img/pj/etc_0099.gif) left bottom no-repeat;
}

#content-wrapper #content #global-nav ul#global-nav-menu li div.global-nav-list-area02 {
    background: url(/common/front/img/pj/etc_0100.gif) left top no-repeat;
}

#content-wrapper #content #global-nav ul#global-nav-menu li.pseudo-last-child div.global-nav-list-area02 {
    background-image: url(/common/front/img/pj/etc_0101.gif);
}

#content-wrapper #content #global-nav ul#global-nav-menu li div.global-nav-list-area02 div.pseudo-after {
    background: url(/common/front/img/pj/etc_0102.gif) left bottom no-repeat;
}

#content-wrapper #content #global-nav ul#global-nav-menu li div.global-nav-list-area03 {
    background: url(/common/front/img/pj/etc_0103.gif) left top no-repeat;
}

#content-wrapper #content #global-nav ul#global-nav-menu li.pseudo-last-child div.global-nav-list-area03 {
    background-image: url(/common/front/img/pj/etc_0104.gif);
}

#content-wrapper #content #global-nav ul#global-nav-menu li div.global-nav-list-area03 div.pseudo-after {
    background: url(/common/front/img/pj/etc_0105.gif) left bottom no-repeat;
}

/*global-nav-list-groupA01*/
#content-wrapper #content #global-nav ul#global-nav-menu li dl.global-nav-list-groupA01 dt {
    background: url(/common/front/img/pj/etc_0106.gif) left top no-repeat;
}

#content-wrapper #content #global-nav ul#global-nav-menu li dl.global-nav-list-groupA01.pseudo-first-child dt {
    background: none;
}

/*global-nav-list-groupA02*/
#content-wrapper #content #global-nav ul#global-nav-menu li dl.global-nav-list-groupA02 dt {
    background: url(/common/front/img/pj/etc_0107.gif) left top no-repeat;
}

#content-wrapper #content #global-nav ul#global-nav-menu li dl.global-nav-list-groupA02.pseudo-first-child dt {
    background: none;
}

/*global-nav-list*/
#content-wrapper #content #global-nav ul#global-nav-menu li ul.global-nav-list li a {
    background: url(/common/front/img/pj/ico_0044.gif) 26px 12px no-repeat;
}

#content-wrapper #content #global-nav ul#global-nav-menu li ul.global-nav-list li a:hover,
#content-wrapper #content #global-nav ul#global-nav-menu li ul.global-nav-list li a:active,
#content-wrapper #content #global-nav ul#global-nav-menu li ul.global-nav-list li a:focus,
#content-wrapper #content #global-nav ul#global-nav-menu li dl.global-nav-list-groupA02 ul.global-nav-list li a:hover,
#content-wrapper #content #global-nav ul#global-nav-menu li dl.global-nav-list-groupA02 ul.global-nav-list li a:active,
#content-wrapper #content #global-nav ul#global-nav-menu li dl.global-nav-list-groupA02 ul.global-nav-list li a:focus{
    background-image: url(/common/front/img/pj/ico_0045.gif);
    background-color:#f9a7c5;
}

#content-wrapper #content #global-nav ul#global-nav-menu li ul.global-nav-list li em a,
#content-wrapper #content #global-nav ul#global-nav-menu li ul.global-nav-list li em a:hover,
#content-wrapper #content #global-nav ul#global-nav-menu li ul.global-nav-list li em a:active,
#content-wrapper #content #global-nav ul#global-nav-menu li ul.global-nav-list li em a:focus,
#content-wrapper #content #global-nav ul#global-nav-menu li dl.global-nav-list-groupA02 ul.global-nav-list li em a,
#content-wrapper #content #global-nav ul#global-nav-menu li dl.global-nav-list-groupA02 ul.global-nav-list li em a:hover,
#content-wrapper #content #global-nav ul#global-nav-menu li dl.global-nav-list-groupA02 ul.global-nav-list li em a:active,
#content-wrapper #content #global-nav ul#global-nav-menu li dl.global-nav-list-groupA02 ul.global-nav-list li em a:focus {
    background-image:none;
    background-color:#e84287;
    font-weight:bold;
    color:#ffffff;
}


/*global-nav-banner*/
#content-wrapper #content #global-nav ul#global-nav-menu li ul.global-nav-banner {
    background: url(/common/front/img/pj/etc_0044.gif) left top no-repeat;
}



/* =========== heading =========== */

#content-wrapper #content .heading-A02_txt {
    background: url(/common/front/img/pj/etc_0034.gif) top left no-repeat;
}

#content-wrapper #content .heading-A02_txt span {
    background: url(/common/front/img/pj/etc_0035.gif) bottom left repeat;
}

#content-wrapper #content.has-side-area .heading-A02_txt {
    background: url(/common/front/img/pj/etc_0004.gif) top left no-repeat;
}

#content-wrapper #content.has-side-area .heading-A02_txt span {
    background: url(/common/front/img/pj/etc_0005.gif) bottom left repeat-y;
}

#content-wrapper #content .heading-A02_txt span.text,
#content-wrapper #content.has-side-area .heading-A02_txt span.text {
    background: none;
}

#content-main .heading-A03 {
    border-left-color: #f797a6;
}



/* =========== ul =========== */

/* ----- link_list ----- */

#content-main ul.link_list-A01 li {
    background: url(/common/front/img/pj/ico_0003.gif) left 7px no-repeat;
}



/* =========== attention_area =========== */

#content-main .attention_area-01 {
    background: #fff2f2;
}



/* =========== table =========== */

#content-main table.table-A01 thead {
    background: url(/common/front/img/pj/etc_0019.gif) left bottom repeat-x;
}

#content-main table.table-A01 th.number {
    background: url(/common/front/img/pj/etc_0021.gif) right bottom repeat-x;
}

#content-main table.table-A01 td {
    background: url(/common/front/img/pj/etc_0021.gif) left bottom repeat-x;
}

#content-main table.table-A01 tr.error th.number {
    background: url(/common/front/img/pj/etc_0023.gif) right bottom repeat-x;
}

#content-main table.table-A01 tr.error td {
    background: url(/common/front/img/pj/etc_0023.gif) left bottom repeat-x;
}



/* =========== button-A01 =========== */

#content-main .button-A01 {
    border-color: #ffd9d9;
}

#content-main .button-A02 {
    border-color: #ffd9d9;
}




/* =========== prd-list =========== */


/* ----- prd-list-A01 ----- */

#content-main .prd-list-A01 {
    background: url(/common/front/img/pj/etc_0012.gif) left bottom no-repeat;
}


/* ----- prd-list-A02 ----- */

#content-main .prd-list-A02-wrap .prd-list-A02 {
    background: url(/common/front/img/pj/etc_0013.gif) left bottom no-repeat;
}


/* ----- prd-list-B01 ----- */

#content-main .prd-list-B01 {
    background: url(/common/front/img/pj/etc_0107.gif) left bottom no-repeat;
}

#content-main .prd-list-B01-wrap .prd-list-B01 .prd-info dt.pj {
    background: url(/common/front/img/pj/etc_0015.gif) left top no-repeat;
}

#content-main .prd-list-B01-wrap .prd-list-B01 .prd-info dt.gj {
    background: url(/common/front/img/pj/etc_0016.gif) left top no-repeat;
}


/* ----- prd_list-D01 ----- */

#content-main .prd_list-D01-wrap .prd_list-D01 {
    background: url(/common/front/img/pj/etc_0014.gif) left bottom no-repeat;
}

#content-main .prd_list-D01-wrap .prd_list-D01 .prd-info dt.pj {
    background: url(/common/front/img/pj/etc_0015.gif) left top no-repeat;
}

#content-main .prd_list-D01-wrap .prd_list-D01 .prd-info dt.gj {
    background: url(/common/front/img/pj/etc_0016.gif) left top no-repeat;
}



/* =========== sort-info =========== */

/* ----- page-nation ----- */

#content-main div.page-nation ul li.active1 a {
    background: url(/common/front/img/pj/etc_0008.gif) left top no-repeat;
}
#content-main div.page-nation ul li.active2 a {
    background: url(/common/front/img/pj/etc_0008_2.gif) left top no-repeat;
}
#content-main div.page-nation ul li.active3 a {
    background: url(/common/front/img/pj/etc_0008_3.gif) left top no-repeat;
}
/* --ページ桁数にによって切り替え
#content-main div.page-nation ul li a:hover {
    background: url(/common/front/img/pj/etc_0008_o.gif) left top no-repeat;
}*/
#content-main div.page-nation ul li.active1 a:hover {
    background: url(/common/front/img/pj/etc_0008_o.gif) left top no-repeat;
}
#content-main div.page-nation ul li.active2 a:hover {
    background: url(/common/front/img/pj/etc_0008_o_2.gif) left top no-repeat;
}
#content-main div.page-nation ul li.active3 a:hover {
    background: url(/common/front/img/pj/etc_0008_o_3.gif) left top no-repeat;
}
/* --ページ桁数にによって切り替え
#content-main div.page-nation ul li.stay em {
    background: url(/common/front/img/pj/etc_0008_s.gif) left top no-repeat;
}*/
#content-main div.page-nation ul li.stay1 em {
    background: url(/common/front/img/pj/etc_0008_s.gif) left top no-repeat;
}
#content-main div.page-nation ul li.stay2 em {
    background: url(/common/front/img/pj/etc_0008_s_2.gif) left top no-repeat;
}
#content-main div.page-nation ul li.stay3 em {
    background: url(/common/front/img/pj/etc_0008_s_3.gif) left top no-repeat;
}

/* =========== review_wrap =========== */

/* ----- review_prd ----- */

#content-main .review_wrap .review_prd {
    background: url(/common/front/img/pj/etc_0031.gif) left bottom no-repeat;
}

#content-main .review_wrap .review_prd .review_prd_before {
    background: url(/common/front/img/pj/etc_0061.gif) left top no-repeat;
}

#content-main .review_wrap .review_prd dl {
    background: url(/common/front/img/pj/etc_0030.gif) left top no-repeat;
}

/* ----- review-input ----- */

#content-main .review_wrap .review-input p.attention {
    color: #bd0000;
}

#content-main .review_wrap .review-input div.table-wrap {
    background: url(/common/front/img/pj/etc_0036.gif) left top no-repeat;
}

#content-main .review_wrap .review-input table th {
    background: url(/common/front/img/pj/etc_0032.gif) left bottom no-repeat;
}

#content-main .review_wrap .review-input table td {
    background: url(/common/front/img/pj/etc_0033.gif) left bottom no-repeat;
}

#content-main .review_wrap .review-input table tr.pseudo-last-child th {
    background: url(/common/front/img/pj/etc_0032.gif) left top no-repeat;
}

#content-main .review_wrap .review-input table tr.pseudo-last-child td {
    background: none;
}

#content-main .review_wrap .review-input table p.note,
#content-main .review_wrap .review-input table span.note {
    color: #949494;
}

#content-main .review_wrap .review-input table tr.coment p {
    color: #949494;
}

#content-main .review_wrap .review-input table tr.coment p em {
    color: #5a5a5a;
}

#content-main .review_wrap .review-input table tr.coment p em.pseudo-error {
    color: #BD0000;
}

#content-main .review_wrap .review-input .thanks-message {
    border-top: 2px solid #ffd9d9;
}

#content-main .review_wrap .review-input .button-A01 {
    border-color: #ffd9d9;
}

#content-main .review_wrap .review-input .button-A02 {
    border-color: #ffd9d9;
}

/* ----- review-all ----- */

#content-main .review_wrap .review-all .title {
    background: #fff2f2;
}

#content-main .review_wrap .review-all .title .author p {
    color: #f06A81;
}

#content-main .review_wrap .review-all .content p.date {
    color: #999999;
}

/* ----- review-main_popup ----- */

div.review-main_popup {
    background: url("/common/front/img/pj/etc_0109.gif") no-repeat scroll left top transparent;
}

div.review-main_popup p {
    background: url("/common/front/img/pj/etc_0110.gif") no-repeat scroll left bottom transparent;
}

/* =========== input =========== */

input.text,
input.password,
textarea{
    color: #000000;
    border: 1px solid;
    border-top-color: #adadad;
    border-left-color: #c2baba;
    border-right-color: #c2baba;
    border-bottom-color: #e4dddd;
    background: #fffbfb;
}


/* ----- デフォルト（案内テキスト展開状態） ----- */

input.BAInteractiveTextField,
textarea.BAInteractiveTextField{
    color: #cccccc;
    border: 1px solid;
    border-top-color: #adadad;
    border-left-color: #c2baba;
    border-right-color: #c2baba;
    border-bottom-color: #e4dddd;
    background: #fffbfb;
}


/* ----- 任意の文字列が入力された後の状態 ----- */

input.BAInteractiveTextField.pseudo-changed,
textarea.BAInteractiveTextField.pseudo-changed{
    color: #000000;
    border: 1px solid;
    border-top-color: #adadad;
    border-left-color: #c2baba;
    border-right-color: #c2baba;
    border-bottom-color: #e4dddd;
    background: #fffbfb;
}


/* ----- マウスポインタが上空にある時 ----- */

input.BAInteractiveTextField.pseudo-hover,
textarea.BAInteractiveTextField.pseudo-hover{
    border: 1px solid;
    background: #fffbfa;
    border-top-color: #f6a7b4;
    border-left-color: #fac1ca;
    border-right-color: #fac1ca;
    border-bottom-color: #ffe0e2;
}


/* ----- フォーカスが当たっている時 ----- */

input.BAInteractiveTextField.pseudo-focus,
textarea.BAInteractiveTextField.pseudo-focus{
    color: black;
    border: 1px solid;
    background-color: #ffffff;
    border-top-color: #f06a82;
    border-left-color: #f898a6;
    border-right-color: #f898a6;
    border-bottom-color: #fecace;
}



/* =========== side-area =========== */

#content-wrapper #content #side-area {
    overflow: visible;
    margin:0 0 16px 0;
}



/* =========== local-nav =========== */

#content-wrapper #content #local-nav-wrap {
    background: url(/common/front/img/pj/etc_0025.gif) left top no-repeat #ffcccc;
}

#content-wrapper #content #local-nav {
    background: url(/common/front/img/pj/etc_0026.gif) left bottom no-repeat #ffcccc;
}

#content-wrapper #content #local-nav ul {
    background: url(/common/front/img/pj/etc_0027.gif) left bottom no-repeat;
}

#content-wrapper #content #local-nav ul li a {
    background: url(/common/front/img/pj/ico_0004.gif) 15px 9px no-repeat;
}

#content-wrapper #content #local-nav ul li a:hover {
    background: url(/common/front/img/pj/ico_0006.gif) 15px 9px no-repeat #ffebeb;
}

#content-wrapper #content #local-nav ul li em {
    background: #e84287;
}

#content-wrapper #content #local-nav dl dt em {
    color: #FFFFFF;
    display: block;
    margin: 0;
    background: #e84287;
}

#content-wrapper #content #local-nav dl dt a {
    display: block;
    margin: 0;
    text-decoration: none;
}

/* =========== ad-block =========== */


/* ----- preserved ----- */

#content-wrapper #content #ad-block.has-preserved #ad-preserved-block {
    background: url(/common/front/img/pj/etc_0028.gif) left top no-repeat #ffeaf1;
}

#content-wrapper #content #ad-block.has-preserved #ad-preserved-block ul.wide-ad li {
    background: url(/common/front/img/pj/etc_0018.gif) left bottom no-repeat;
}

#content-wrapper #content #ad-block.has-preserved #ad-preserved-block ul.wide-ad li.pseudo-last-child {
    background: none;
}

#content-wrapper #content #ad-block.has-preserved #ad-preserved-block ul.small-ad01 {
    background: url(/common/front/img/pj/etc_0018.gif) left top no-repeat;
}

#content-wrapper #content #ad-block.has-preserved #ad-preserved-block ul.small-ad02 {
    background: url(/common/front/img/pj/etc_0018.gif) left bottom no-repeat;
}


/* ----- free ----- */

#content-wrapper #content #ad-block.has-preserved #ad-free-block {
    background: url(/common/front/img/pj/etc_0029.gif) left bottom no-repeat #ffeaf1;
}

#content-wrapper #content #ad-block.has-preserved #ad-free-block ul.mobile-code li {
    background: url(/pj/img/txt_2049.gif) left bottom repeat-x;
}




/* =========== product selector =========== */

/* --- visibility control by availability of Ajax ---- */

#product-confirm-panel-wrap {
    background: url(/common/front/img/pj/etc_0060.gif) left bottom no-repeat;
}

#product-confirm-panel {
    background: url(/common/front/img/pj/etc_0059.gif) left top no-repeat;
}


/* --- product selector variations of avaiable swatches --- */

/* has-full-swatches (default) */

#product-selector-main.has-full-swatches #product-confirm-panel-wrap {
    background: url(/common/front/img/pj/etc_0054.gif) left bottom no-repeat;
}

#product-selector-main.has-full-swatches #product-confirm-panel {
    background: url(/common/front/img/pj/etc_0053.gif) left top no-repeat;
}

/* has-color-swatch-only */

#product-selector-main.has-color-swatch-only #product-confirm-panel-wrap {
    background: url(/common/front/img/pj/etc_0056.gif) left bottom no-repeat;
}

#product-selector-main.has-color-swatch-only #product-confirm-panel {
    background: url(/common/front/img/pj/etc_0055.gif) left top no-repeat;
}

/* has-size-swatch-only */

#product-selector-main.has-size-swatch-only #product-confirm-panel-wrap {
    background: url(/common/front/img/pj/etc_0058.gif) left bottom no-repeat;
}

#product-selector-main.has-size-swatch-only #product-confirm-panel {
    background: url(/common/front/img/pj/etc_0057.gif) left top no-repeat;
}

/* has-no-swatches */

#product-selector-main.has-no-swatches #product-confirm-panel-wrap {
    background: url(/common/front/img/pj/etc_0060.gif) left bottom no-repeat;
}

#product-selector-main.has-no-swatches #product-confirm-panel {
    background: url(/common/front/img/pj/etc_0059.gif) left top no-repeat;
}


/* ----- product selector main area ----- */

#product-selector #product-selector-main-area h1 {
    background: url(/common/front/img/pj/etc_0066.gif) left top no-repeat;
}

#product-selector #product-selector-main-area h1 span.prd_price {
    color: #939393;
}

#product-selector #product-selector-main-area h1 span.prd_price em {
    color: #333333;
}


/* ----- product selector main area content ----- */

#product-selector #product-selector-main {
    background: url(/common/front/img/pj/etc_0052.gif) left top no-repeat;
}


/* --- color swatch --- */

/* default */

#product-selector-color-swatch dd ul li a {
    background-image: url(/common/front/img/pj/etc_0084.gif);
}

#product-selector-color-swatch dd ul li a span.pseudo-after {
    background-image: url(/common/front/img/pj/etc_0085.gif);
}

#product-selector-color-swatch dd ul li.pseudo-first-child a {
    background-image: url(/common/front/img/pj/etc_0086.gif);
}

#product-selector-color-swatch dd ul li.pseudo-last-child a span.pseudo-after {
    background-image: url(/common/front/img/pj/etc_0087.gif);
}

/* hover */

#product-selector-color-swatch dd ul li a:hover,
#product-selector-color-swatch dd ul li a:focus,
#product-selector-color-swatch dd ul li a:active {
    background-image: url(/common/front/img/pj/etc_0084_o.gif);
}

#product-selector-color-swatch dd ul li a:hover span.pseudo-after,
#product-selector-color-swatch dd ul li a:focus span.pseudo-after,
#product-selector-color-swatch dd ul li a:active span.pseudo-after {
    background-image: url(/common/front/img/pj/etc_0085_o.gif);
}

#product-selector-color-swatch dd ul li.pseudo-first-child a:hover,
#product-selector-color-swatch dd ul li.pseudo-first-child a:focus,
#product-selector-color-swatch dd ul li.pseudo-first-child a:active {
    background-image: url(/common/front/img/pj/etc_0086_o.gif);
}

#product-selector-color-swatch dd ul li.pseudo-last-child a:hover span.pseudo-after,
#product-selector-color-swatch dd ul li.pseudo-last-child a:focus span.pseudo-after,
#product-selector-color-swatch dd ul li.pseudo-last-child a:active span.pseudo-after {
    background-image: url(/common/front/img/pj/etc_0087_o.gif);
}

/* selected */

#product-selector-color-swatch dd ul li a.pseudo-selected {
    color: #e84287 !important;
    background-image: url(/common/front/img/pj/etc_0084_s.gif) !important;
}

#product-selector-color-swatch dd ul li a.pseudo-selected span.pseudo-after {
    background-image: url(/common/front/img/pj/etc_0085_s.gif) !important;
}

#product-selector-color-swatch dd ul li.pseudo-first-child a.pseudo-selected {
    background-image: url(/common/front/img/pj/etc_0086_s.gif) !important;
}

#product-selector-color-swatch dd ul li.pseudo-last-child a.pseudo-selected span.pseudo-after {
    background-image: url(/common/front/img/pj/etc_0087_s.gif) !important;
}

/* disabled */

#product-selector-color-swatch dd ul li a.pseudo-disabled {
    color: #a6a6a6 !important;
    background-image: url(/common/front/img/pj/etc_0084_d.gif) !important;
}

#product-selector-color-swatch dd ul li a.pseudo-disabled span.pseudo-after {
    background-image: url(/common/front/img/pj/etc_0085_d.gif) !important;
}

#product-selector-color-swatch dd ul li.pseudo-first-child a.pseudo-disabled {
    background-image: url(/common/front/img/pj/etc_0086_d.gif) !important;
}

#product-selector-color-swatch dd ul li.pseudo-last-child a.pseudo-disabled span.pseudo-after {
    background-image: url(/common/front/img/pj/etc_0087_d.gif) !important;
}

/* selected+disabled */

#product-selector-color-swatch dd ul li a.pseudo-selected-disabled {
    background-image: url(/common/front/img/pj/etc_0084_sd.gif) !important;
}

#product-selector-color-swatch dd ul li a.pseudo-selected-disabled span.pseudo-after {
    background-image: url(/common/front/img/pj/etc_0085_sd.gif) !important;
}

#product-selector-color-swatch dd ul li.pseudo-first-child a.pseudo-selected-disabled {
    background-image: url(/common/front/img/pj/etc_0086_sd.gif) !important;
}

#product-selector-color-swatch dd ul li.pseudo-last-child a.pseudo-selected-disabled span.pseudo-after {
    background-image: url(/common/front/img/pj/etc_0087_sd.gif) !important;
}


/* --- size swatch --- */

/* default */

#product-selector-size-swatch dd ul li a {
    background-image: url(/common/front/img/pj/etc_0088.gif);
}

#product-selector-size-swatch dd ul li a span.pseudo-after {
    background-image: url(/common/front/img/pj/etc_0089.gif);
}

#product-selector-size-swatch dd ul li.pseudo-first-child a {
    background-image: url(/common/front/img/pj/etc_0090.gif);
}

#product-selector-size-swatch dd ul li.pseudo-last-child a span.pseudo-after {
    background-image: url(/common/front/img/pj/etc_0091.gif);
}

/* hover */

#product-selector-size-swatch dd ul li a:hover,
#product-selector-size-swatch dd ul li a:focus,
#product-selector-size-swatch dd ul li a:active {
    background-image: url(/common/front/img/pj/etc_0088_o.gif);
}

#product-selector-size-swatch dd ul li a:hover span.pseudo-after,
#product-selector-size-swatch dd ul li a:focus span.pseudo-after,
#product-selector-size-swatch dd ul li a:active span.pseudo-after {
    background-image: url(/common/front/img/pj/etc_0089_o.gif);
}

#product-selector-size-swatch dd ul li.pseudo-first-child a:hover,
#product-selector-size-swatch dd ul li.pseudo-first-child a:focus,
#product-selector-size-swatch dd ul li.pseudo-first-child a:active {
    background-image: url(/common/front/img/pj/etc_0090_o.gif);
}

#product-selector-size-swatch dd ul li.pseudo-last-child a:hover span.pseudo-after,
#product-selector-size-swatch dd ul li.pseudo-last-child a:focus span.pseudo-after,
#product-selector-size-swatch dd ul li.pseudo-last-child a:active span.pseudo-after {
    background-image: url(/common/front/img/pj/etc_0091_o.gif);
}

/* selected */

#product-selector-size-swatch dd ul li a.pseudo-selected {
    color: #e84287 !important;
    background-image: url(/common/front/img/pj/etc_0088_s.gif) !important;
}

#product-selector-size-swatch dd ul li a.pseudo-selected span.pseudo-after {
    background-image: url(/common/front/img/pj/etc_0089_s.gif) !important;
}

#product-selector-size-swatch dd ul li.pseudo-first-child a.pseudo-selected {
    background-image: url(/common/front/img/pj/etc_0090_s.gif) !important;
}

#product-selector-size-swatch dd ul li.pseudo-last-child a.pseudo-selected span.pseudo-after {
    background-image: url(/common/front/img/pj/etc_0091_s.gif) !important;
}

/* disabled */

#product-selector-size-swatch dd ul li a.pseudo-disabled {
    color: #a6a6a6 !important;
    background-image: url(/common/front/img/pj/etc_0088_d.gif) !important;
}

#product-selector-size-swatch dd ul li a.pseudo-disabled span.pseudo-after {
    background-image: url(/common/front/img/pj/etc_0089_d.gif) !important;
}

#product-selector-size-swatch dd ul li.pseudo-first-child a.pseudo-disabled {
    background-image: url(/common/front/img/pj/etc_0090_d.gif) !important;
}

#product-selector-size-swatch dd ul li.pseudo-last-child a.pseudo-disabled span.pseudo-after {
    background-image: url(/common/front/img/pj/etc_0091_d.gif) !important;
}

/* selected+disabled */

#product-selector-size-swatch dd ul li a.pseudo-selected-disabled {
    color: #a6a6a6 !important;
    background-image: url(/common/front/img/pj/etc_0088_sd.gif) !important;
}

#product-selector-size-swatch dd ul li a.pseudo-selected-disabled span.pseudo-after {
    background-image: url(/common/front/img/pj/etc_0089_sd.gif) !important;
}

#product-selector-size-swatch dd ul li.pseudo-first-child a.pseudo-selected-disabled {
    background-image: url(/common/front/img/pj/etc_0090_sd.gif) !important;
}

#product-selector-size-swatch dd ul li.pseudo-last-child a.pseudo-selected-disabled span.pseudo-after {
    background-image: url(/common/front/img/pj/etc_0091_sd.gif) !important;
}

/* not applicable */

#product-selector-size-swatch dd ul li a.pseudo-disabled.not-applicable {
    color: #f9f9f9 !important;
}


/* ----- product confirm panel ----- */

#product-confirm-panel #product-purchase-info {
    background: url(/common/front/img/pj/etc_0065.gif) left bottom repeat-x;
}

#product-confirm-panel #product-purchase-info th {
    color: #666666;
}

#product-confirm-panel #product-purchase-info td {
    color: #333333;
}

#product-confirm-panel #product-purchase-info.previewing td {
    color: #888888;
}

#product-confirm-panel #product-user-action p em {
    color: #ff0000;
}


/* ----- product selector notify dialog ----- */

#product-selector-dialog div.pseudo-before {
    background: url(/common/front/img/pj/etc_0067.png) left top no-repeat;
}

/* --- dialog content --- */

#product-selector-dialog-content {
    background: #ffffff;
}

/* --- dialog content main --- */

#product-selector-dialog-content h3 span.label {
    color: #666666;
}

#product-selector-dialog-content table th {
    color: #666666;
}

#product-selector-dialog-content table td {
    color: #333333;
}

#product-selector-dialog-photo img {
    border: 1px solid #dedede;
}

#product-selector-dialog-total {
    background: #ffebeb;
}

#product-selector-dialog-buttons {
    background: url(/common/front/img/pj/etc_0068.gif) left bottom no-repeat;
}


/* ----- product copy ----- */

#product-selector-main-area #prd_copy {
    border-left: 4px solid #f0699d;
}


/* ----- product detail ----- */

#product-selector-main-area p#prd_detail {
    color: #888888;
    background: url(/common/front/img/pj/etc_0069.gif) left top repeat-x;
}

/* #prd_info_button */

#product-selector-main-area #prd_info_button {
    background: url(/common/front/img/pj/etc_0069.gif) left top repeat-x;
}

/* ----- user-review ----- */

#product-selector-main-area #user-review {
    margin: 6px 0 0;
    background: url(/common/front/img/pj/etc_0070.gif) left top repeat-x;
}

#product-selector-main-area #user-review .title {
    background: #fff2f2;
}

#product-selector-main-area #user-review .title .author p {
    color: #f06A81;
}

#product-selector-main-area #user-review .content p.date {
    color: #999999;
}


/* ----- product-selector-sub-area ----- */




/* -----------------------------------------------
 *                style for 'mypage'
 * ----------------------------------------------- */

#mypage {
    background: url(/common/front/img/pj/etc_0073.gif) left top no-repeat;
    border-bottom: 6px solid #000000;
}


/* =========== #menu-area =========== */

/* #menu-head */

#mypage #menu-area #menu-head {
    background: url(/common/front/img/pj/txt_0041.gif) left top no-repeat;
}

#mypage #menu-area #menu-head h3 {
    background: url(/common/front/img/pj/etc_0074.gif) left bottom no-repeat;
}


/* #menu-main */

#mypage #menu-area #menu-main {
/*  左のテーブル削除に伴い削除　_mypage.css　98行目追加*/
/*  padding: 0 0 309px;*/
/*  background: url(/common/front/img/pj/etc_0075.gif) left top no-repeat;*/
    background: url(/common/front/img/ribon.gif) left top no-repeat;
}

#mypage #menu-area #menu-main ul li div.menu-main_popup {
    background: url(/common/front/img/pj/etc_0092.gif) left top no-repeat;
}

#mypage #menu-area #menu-main ul li div.menu-main_popup p {
    background: url(/common/front/img/pj/etc_0093.gif) left bottom no-repeat;
}

/* #menu-main_01 */

#mypage #menu-area #menu-main_01 {
    padding: 0 0 309px;
    background: url(/common/front/img/pj/etc_0075.gif) left bottom no-repeat;
}

#mypage #menu-area #menu-main_01 ul li div.menu-main_popup {
    background: url(/common/front/img/pj/etc_0092.gif) left top no-repeat;
}

#mypage #menu-area #menu-main_01 ul li div.menu-main_popup p {
    background: url(/common/front/img/pj/etc_0093.gif) left bottom no-repeat;
}


/* =========== #content-area =========== */

/* #information-campaign-wrap */

#mypage #content-area #information-campaign-wrap {
    min-height: 315px;
    _height: 315px;
}

/* #information-content */

#mypage #content-area #information-content {
    background: url(/common/front/img/pj/etc_0078.gif) left bottom no-repeat;
}

#mypage #content-area #information-content h2 {
    background: url(/common/front/img/pj/etc_0076.gif) left top no-repeat;
}

#mypage #content-area #information-content #information-content-main ul li a {
    color: #ff679c;
    background: url(/common/front/img/pj/ico_0037.gif) left 4px no-repeat;
}


/* #campaign-content */

#mypage #content-area #campaign-content {
    background: url(/common/front/img/pj/etc_0078.gif) left bottom no-repeat;
}

#mypage #content-area #campaign-content h2 {
    background: url(/common/front/img/pj/etc_0077.gif) left top no-repeat;
}

#mypage #content-area #campaign-content #campaign-content-main ul li a {
    background: url(/common/front/img/pj/ico_0037.gif) left 4px no-repeat;
}

#mypage #content-area #campaign-content #campaign-content-bunner {
    background: url(/common/front/img/pj/etc_0079.gif) left top repeat-y;
/*  width: 270px;*/
    width: 250px;
    margin: -40px 29px 11px 0;
    padding: 20px 0 14px 20px;
}

#mypage #content-area #campaign-content #campaign-content-bunner h2 {
    top: -24px;
    left: -22px;
}

#mypage #content-area #campaign-content #campaign-content-bunner ul li {
    margin: 0 4px 4px 0;
    _margin: 0 0 -1px;
    float: left;
}

#mypage #content-area #campaign-content #campaign-content-bunner ul li a img {
    border: 1px solid #000000;
}


/* #wish-list-conetnt */

#mypage #content-area #wish-list-conetnt h2 {
    top: 26px;
    left: 226px;
}

#mypage #content-area #wish-list-conetnt {
    background: url(/common/front/img/pj/etc_0080.gif) left top no-repeat;
}

#mypage #content-area #wish-list-conetnt ul#prd-image-area {
    margin: 0 0 31px 49px;
    _margin: 0 0 26px 49px;
}

#mypage #content-area #wish-list-conetnt ul#prd-image-area li {
    margin: 0 40px 0 0;
}

#mypage #content-area #wish-list-conetnt ul#prd-image-area li div.prd-image-area_popup {
    left: -10px;
    bottom: 174px;
    _bottom: 178px;
    background: url(/common/front/img/pj/etc_0094.gif) left top no-repeat;
}

#mypage #content-area #wish-list-conetnt ul#prd-image-area li div.prd-image-area_popup p {
    background: url(/common/front/img/pj/etc_0095.gif) left bottom no-repeat;
}

#mypage #content-area #wish-list-conetnt ul#prd-image-area li a img {
    border: 1px solid #cccccc;
}

#mypage #content-area #wish-list-conetnt ul#prd-image-area li a:hover img {
    border: 1px solid #e84287;
}

#mypage #content-area #wish-list-conetnt ul#link-to-list {
    top: 2px;
    left: 417px;
}

#mypage #content-area #wish-list-conetnt .pseudo-after {
    background: url(/common/front/img/pj/etc_0083.gif) left bottom no-repeat;
}






/* -----------------------------------------------
 *             style_pj    for static page
 * ----------------------------------------------- */



/* =========== heading =========== */

#content-wrapper #content .heading-sB01_txt {
    background: url(/common/front/img/pj/etc_0034.gif) top left no-repeat;
}

#content-wrapper #content .heading-sB01_txt span {
    background: url(/common/front/img/pj/etc_0035.gif) bottom left repeat;
}

#content-wrapper #content.has-side-area .heading-sB01_txt {
    background: url(/common/front/img/pj/etc_0004.gif) top left no-repeat;
}

#content-wrapper #content.has-side-area .heading-sB01_txt span {
    background: url(/common/front/img/pj/etc_0005.gif) bottom left repeat-y;
}

#content-wrapper #content .heading-sB01_txt span.text,
#content-wrapper #content.has-side-area .heading-sB01_txt span.text {
    background: none;
}

#content-main .heading-sC01,
#content-main .heading-sC02{
    border-left-color: #f797a6;
}



/* =========== link_list =========== */


/* ----- link_list-sA01 ----- */

#content-main ul.link_list-sA01 li {
    background: url(/common/front/img/pj/ico_0003.gif) left 7px no-repeat;
}


/* ----- link_list-sB01 ----- */

#content-main ul.link_list-sB01 li {
    background: url(/common/front/img/pj/ico_0003.gif) left 5px no-repeat;
}


/* ----- link_list-sC01 ----- */

#content-main ul.link_list-sC01 li {
    background: url(/pj/img/ico_2001.gif) left 7px no-repeat;
}



/* =========== attention_area =========== */

#content-main .attention_area-sA01 {
    background: #fff2f2;
}

/* =========== tax =========== */

#tax ul li {
    margin-top: 15px;
    margin-bottom: 15px;
}


/* =========== line =========== */

#content-main .line-sA01 {
    background: url(/pj/img/etc_2001.gif) left top repeat-x;
}

#content-main .line-sA02 {
    background: url(/pj/img/etc_2001.gif) left top repeat-x;
}

#content-main .line-sA03 {
    background: url(/pj/img/etc_2001.gif) left top repeat-x;
}



/* =========== img_list =========== */


/* ----- img_list-sA01 ----- */

#content-main div.img_list-sA01 dt {
    border-bottom: 1px solid #ffcace;
}


/* ----- img_list-sB01 ----- */

#content-main div.img_list-sB01 ul li img.thumbnail {
    border: 1px solid #cccccc;
}

#content-main div.img_list-sB01 ul li span.text {
    background: url(/common/front/img/pj/ico_0003.gif) 84px 4px no-repeat;
    *background: url(/common/front/img/pj/ico_0003.gif) left 4px no-repeat;
}



/* =========== check_areaA01 =========== */

dl.check_areaA01 dd a {
    background: url(/common/front/img/pj/ico_0003.gif) left 2px no-repeat;
}



/*******************************************
2014リニューアル
*******************************************/

html {height:100%;}
body {height:100%; color:#000000;}
ul {margin:0; padding:0; list-style-type:none;}

#content-wrapper #content.has-side-area {width:974px; padding:0;}
#content-wrapper #content.has-side-area #content-main {float:right; width:772px; margin:0;}


/*******************************************
2014リニューアル共通項目
*******************************************/

#page-wrapper {
    *zoom:1; width:100%; min-width:1014px; height:auto !important; height:100%; min-height:100%; position:relative; text-align:center; overflow:hidden;}
#page-wrapper:after {display:block; clear:both; height:0; content:"";}


/*******************************************
2014リニューアル共通項目：ヘッダー
*******************************************/

#page-wrapper {
    *zoom:1; width:100%; min-width:1014px; height:auto !important; height:100%; min-height:100%; position:relative; text-align:center; overflow:hidden;}
#page-wrapper:after {display:block; clear:both; height:0; content:"";}

#header-wrapper {width:100%; position:relative; z-index:100;}
#header-wrapper a, 
#header-wrapper a img, 
#header-wrapper div, 
#header-wrapper input {
    display:block; transition:all 0.2s ease-in-out 0s; -webkit-transition:all 0.2s ease-in-out 0s; -webkit-transform-style:preserve-3d; 
    transition-property:border-color,background-color,color,opacity; -webkit-transition-property:border-color,background-color,color,opacity;}
#header-wrapper img {display:block;}
#header-wrapper ul  {margin:0;}

#header-wrapper > .top {width:100%; height:30px; background:#f4f4f4; color:#666666; text-align:center; letter-spacing:-0.4em; overflow:hidden;}
#header-wrapper > .top > h1, 
#header-wrapper > .top > p, 
#header-wrapper > .top > strong, 
#header-wrapper > .top > .user {display:inline-block; *display:inline; *zoom:1; letter-spacing:normal; vertical-align:top;}
#header-wrapper > .top > h1, 
#header-wrapper > .top > p {width:185px; margin:0; font-size:9px; font-weight:normal; line-height:30px; text-align:left;}
#header-wrapper > .top > strong {width:549px;}
#header-wrapper > .top > .user {width:240px; margin:0; background:#000000; text-align:center; letter-spacing:-0.4em;}
#header-wrapper > .top > .user > li {display:inline-block; *display:inline; *zoom:1; letter-spacing:normal; vertical-align:top;}
#header-wrapper > .top > .user > li > a {}
#header-wrapper > .top > .user > li > a:hover {background:#333333;}
#header-wrapper > .top > .user > li.login    {}
#header-wrapper > .top > .user > li.logout   {display:none;}
#header-wrapper > .top > .user > li.mypage   {}
#header-wrapper > .top > .user > li.wishlist {}
#page-wrapper.logged-in #header-wrapper > .top > .user > li.login  {display:none;}
#page-wrapper.logged-in #header-wrapper > .top > .user > li.logout {display:inline-block; *display:inline;}

#header-wrapper > .main {width:974px; min-height:100px; *height:100px; margin:0 auto; background:#ffffff; position:relative; z-index:9999; text-align:left;}
#header-wrapper > .main > p {position:absolute; left:326px; top:0;}
#header-wrapper > .main > .keywords {position:absolute; left:0; top:15px; border:1px solid #000000; background:#000000; border-radius:5px; overflow:hidden;}
#header-wrapper > .main > .keywords #keyword {
    display:block; width:193px; height:21px; position:relative; margin:0; *margin:-1px 0; padding:5px; 
    border:none; border-right:32px solid #000000; background:#ffffff; font-size:12px; line-height:21px; outline:none;}
#header-wrapper > .main > .keywords .submit {
    display:block; width:31px; height:31px; position:absolute; right:1px; top:0; border:none; background:#000000 url(/common/front/img/pj/header/btn_search.png) no-repeat; 
    font-size:0; line-height:0px; text-indent:-9999px; overflow:hidden; cursor:pointer; outline:none;}
#header-wrapper > .main > .keywords:hover {border-color:#000000; background:#000000;}
#header-wrapper > .main > .keywords:hover #keyword {border-color:#000000;}
#header-wrapper > .main > .keywords:hover .submit {background-color:#000000;}
#header-wrapper > .main > .guide {width:340px; padding:56px 0 0; letter-spacing:-0.4em;}
#header-wrapper > .main > .guide > li {display:inline-block; *display:inline; *zoom:1; letter-spacing:normal; vertical-align:top; font-size:10px; line-height:16px;}
#header-wrapper > .main > .guide > li.register, 
#header-wrapper > .main > .guide > li.first    {width:9em;}
#header-wrapper > .main > .guide > li.howto, 
#header-wrapper > .main > .guide > li.request  {width:8em;}
#header-wrapper > .main > .guide > li.catalog, 
#header-wrapper > .main > .guide > li.order    {width:12em;}
#header-wrapper > .main > .guide > li > a {padding:0 0 0 8px; color:#333333; text-decoration:none; background:url(/common/front/img/pj/header/ico_guide.png) 0 center no-repeat;}
#header-wrapper > .main > .guide > li > a:hover {color:#dc2e62;}
#header-wrapper > .main > .cart {
    display:inline-block; *display:inline; *zoom:1; height:52px; position:absolute; right:80px; top:21px; padding:4px 129px 4px 0; border-right:1px solid #e2e2e2; text-align:right;}
#header-wrapper > .main > .cart > .message {display:block; position:relative; right:-110px; margin:-4px 0 0; line-height:1;}
#header-wrapper > .main > .cart > small, 
#header-wrapper > .main > .cart > strong {display:block; *zoom:1; position:relative; color:#333333; line-height:1;}
#header-wrapper > .main > .cart > small  {margin:7px 0 0; *margin-top:4px; font-size:10px;}
#header-wrapper > .main > .cart > strong {margin:5px 0 0; font-size:14px; font-weight:bold;}
#header-wrapper > .main > .cart > div {position:absolute; right:19px; bottom:4px;}
#header-wrapper > .main > .cart > div > .button {background:#dc2e62; border-radius:5px;}
#header-wrapper > .main > .cart > div > .button:hover {background:#e66c91;}
#header-wrapper > .main > .status {width:79px; height:60px; position:absolute; right:0; top:21px; border-right:1px solid #e2e2e2; text-align:center;}
#header-wrapper > .main > .status img {margin:0 auto;}
#header-wrapper > .main > .status > b {display:block; margin:-6px 0 0;}
#header-wrapper > .main > .status > div {}
#header-wrapper > .main > .status > #logout_rankImg {}
#header-wrapper > .main > .status > #login_rankImg  {display:none;}
#page-wrapper.logged-in #header-wrapper > .main > .status > #logout_rankImg {display:none;}
#page-wrapper.logged-in #header-wrapper > .main > .status > #login_rankImg  {display:block;}

#header-wrapper > .category {*zoom:1; padding:1px 0 0; background:#ffffff; text-align:center; border-top:1px solid #000000;border-bottom:1px solid #000000; width:994px; margin:0 auto;}
#header-wrapper > .category:hover {position:relative; z-index:9998;}
#header-wrapper > .category:after {display:block; clear:both; height:0; content:"";}
#header-wrapper > .category > ul {display:block; *zoom:1; width:994px; margin:-21px auto 0; padding:10px 0; letter-spacing:-0.4em;}
#header-wrapper > .category > ul > li {
    display:inline-block; *display:inline; *zoom:1; height:1.5em; margin:20px 0 0; position:relative; border-left:1px solid #e5d7db; 
    font-size:14px; line-height:1.5; letter-spacing:normal; vertical-align:top; white-space:nowrap;}
#header-wrapper > .category > ul > li > b {display:block; *zoom:1; margin:-10px 0 -10px -1px; padding:10px 1.16em; color:#000000; font-weight:normal; cursor:default;}
#header-wrapper > .category > ul > li > b > a {margin:-10px -1.16em; padding:10px 1.16em; color:#000000; text-decoration:none; cursor:pointer;}
#header-wrapper > .category > ul > li:first-child {border-color:transparent;}
#header-wrapper > .category > ul > li > div {
    display:none; *zoom:1; position:absolute; left:0; top:2em; z-index:9999; margin:0 0 0 -1px; padding:12px 22px 15px 0; border:1px solid #000000; background:#ffffff; 
    text-align:left; letter-spacing:-0.4em; box-shadow:3px 3px 10px rgba(0,0,0,0.2);}
#header-wrapper > .category > ul > li > div:after {display:block; clear:both; height:0; content:"";}
#header-wrapper > .category > ul > li > div > div {display:inline-block; *display:inline; *zoom:1; margin:0; padding:0 3px 15px 0; letter-spacing:normal; vertical-align:top;}
#header-wrapper > .category > ul > li:hover > b     {}
#header-wrapper > .category > ul > li:hover > b > a {position:relative; z-index:1; background:#FFEFF4; color:#000000;}
#header-wrapper.ready > .category > ul > li:hover > div {display:inline-block; *display:inline;}

#header-wrapper > .category > ul > li div > b {
    display:block; margin:0 0 0 27px; padding:15px 0; border-bottom:1px solid #cccccc; font-size:14px; font-weight:bold; letter-spacing:normal; cursor:default;}
#header-wrapper > .category > ul > li div > b > a {margin:-15px 0; padding:15px 0; color:#333333; text-decoration:none; cursor:pointer;}
#header-wrapper > .category > ul > li div > b > a:hover {color:#dc2e62;}
#header-wrapper > .category > ul > li div > ul {display:inline-block; *display:inline; *zoom:1; padding:12px 3px 0 27px; *padding-left:11px; letter-spacing:normal; vertical-align:top;}
#header-wrapper > .category > ul > li div > ul > li {width:203px;}
#header-wrapper > .category > ul > li div > ul > li > a {
    display:block; position:static; margin:0; padding:3px 0 2px 11px; border:none; background:url(/common/front/img/pj/ico_0052.png) 3px 0.7em no-repeat; 
    color:#333333; font-size:12px; *font-size:13px; text-decoration:none; white-space:break-all;}
#header-wrapper > .category > ul > li div > ul > li > a:hover {background-color:transparent; color:#dc2e62;}

#header-wrapper > .category > ul > li.bra {}
#header-wrapper > .category > ul > li.bra > div {width:946px;}
#header-wrapper > .category > ul > li.bra > div > div {float:left; margin-right:-1px;}
#header-wrapper > .category > ul > li.beauty {}
#header-wrapper > .category > ul > li.beauty > div {width:946px;}
#header-wrapper > .category > ul > li.beauty > div > div {float:left; margin-right:-1px;}
#header-wrapper > .category > ul > li.beauty > div > div.brand {float:right;}


/*******************************************
2014リニューアル共通項目：サイドバー
*******************************************/

#page-wrapper #content-wrapper #side-area {float:left; width:175px; margin:-40px 0 0;}

#page-wrapper #content-wrapper #side-area > #local-nav-wrap {width:auto; margin:40px 0 0;}
#page-wrapper #content-wrapper #side-area > #local-nav-wrap #local-nav {width:auto;}

#page-wrapper #content-wrapper #side-area > .search {*zoom:1; margin:40px 0 0;}
#page-wrapper #content-wrapper #side-area > .search:hover {position:relative; z-index:9999;}
#page-wrapper #content-wrapper #side-area > .search > *:first-child {margin-top:0 !important;}
#page-wrapper #content-wrapper #side-area > .search a, 
#page-wrapper #content-wrapper #side-area > .search li, 
#page-wrapper #content-wrapper #side-area > .search input, 
#page-wrapper #content-wrapper #side-area > .search > .colors > ul > li > a {
    display:block; *zoom:1; position:relative; transition:all 0.2s ease-in-out 0s; -webkit-transition:all 0.2s ease-in-out 0s; -webkit-transform-style:preserve-3d; 
    transition-property:padding,border-color,background-color,opacity; -webkit-transition-property:padding,border-color,background-color,opacity;}
#page-wrapper #content-wrapper #side-area > .search input, 
#page-wrapper #content-wrapper #side-area > .search > .colors > ul > li > a {
    transition-property:padding,border-color,background-color,color,opacity; -webkit-transition-property:padding,border-color,background-color,color,opacity;}
#page-wrapper #content-wrapper #side-area > .search > div {margin:40px 0 0;}
#page-wrapper #content-wrapper #side-area > .search > div > b {display:block; padding:10px 15px; background:#f4f4f4; font-size:12px; font-weight:bold;}
#page-wrapper #content-wrapper #side-area > .search > div > div {}
#page-wrapper #content-wrapper #side-area > .search > div > div > b {display:block; padding:12px 0 11px; border-bottom:1px solid #eaeaea; color:#000000; font-size:10px; font-weight:bold;}
#page-wrapper #content-wrapper #side-area > .search > div ul {*zoom:1;}
#page-wrapper #content-wrapper #side-area > .search > div ul > li {*zoom:1; position:relative; padding:10px 0; border-bottom:1px solid #eaeaea;}
#page-wrapper #content-wrapper #side-area > .search > div ul > li > a {
    display:block; margin:-10px 0; padding:10px 15px 10px 0; color:#333333; background:url(/common/front/img/pj/search/ico_nav.png) right center no-repeat; text-decoration:none;}
#page-wrapper #content-wrapper #side-area > .search > div ul > li > ul {
    display:none; *zoom:1; *width:300px; max-width:793px; position:absolute; left:175px; top:0; z-index:9990; 
    border:1px solid #000000; background:#ffffff; box-shadow:3px 3px 10px rgba(0,0,0,0.2);}
#page-wrapper #content-wrapper #side-area > .search > div ul > li > ul > li {*zoom:1; width:100%; border-width:0; white-space:nowrap; *white-space:normal;}
#page-wrapper #content-wrapper #side-area > .search > div ul > li > ul > li.all {border-width:1px;}
#page-wrapper #content-wrapper #side-area > .search > div ul > li > ul > li > a {
    padding:10px 30px 10px 25px; background:url(/common/front/img/pj/ico_0052.png) 17px 1.2em no-repeat; 
    transition:all 0.2s ease-in-out 0s; -webkit-transition:all 0.2s ease-in-out 0s; 
    transition-property:background-color,color; -webkit-transition-property:background-color,color;}
#page-wrapper #content-wrapper #side-area > .search > div ul > li.selected > a {
    padding:10px 25px 10px 10px; background:#e66c91 url(/common/front/img/pj/search/ico_cancel.png) right center no-repeat; color:#ffffff;}
#page-wrapper #content-wrapper #side-area > .search > div ul > li:hover > a {padding:10px 5px 10px 10px; background-color:#ffeff4; color:#000000; cursor:pointer;}
#page-wrapper #content-wrapper #side-area > .search > div ul > li:hover > ul {display:block;}
#page-wrapper #content-wrapper #side-area > .search > div ul > li.selected:hover > a {padding:10px 25px 10px 10px; background-color:#ffeff4;}
#page-wrapper #content-wrapper #side-area > .search > div ul > li > ul > li:hover > a {
    padding:10px 30px 10px 25px; background-color:#ffeff4; background-image:url(/common/front/img/pj/ico_0053.png);}
#page-wrapper #content-wrapper #side-area > .search > div ul > li > ul > li.selected > a {padding:10px 30px 10px 25px;}
#page-wrapper #content-wrapper #side-area > .search > div ul > li > ul > li.selected:hover > a {padding:10px 30px 10px 25px; background-image:url(/common/front/img/pj/search/ico_cancel.png);}

#page-wrapper #content-wrapper #side-area > .search > .condition {background:#777777; border:5px solid #777777; border-radius:5px;}
#page-wrapper #content-wrapper #side-area > .search > .condition > b {padding:0; background:transparent; color:#ffffff; font-size:12px; text-align:center;}
#page-wrapper #content-wrapper #side-area > .search > .condition > ul {margin:4px 0 0; background:#ffffff; border-radius:5px; box-shadow:1px 1px 1px rgba(0,0,0,0.2) inset; overflow:hidden;}
#page-wrapper #content-wrapper #side-area > .search > .condition > ul > li {border-color:#999999; white-space:nowrap; overflow:hidden;}
#page-wrapper #content-wrapper #side-area > .search > .condition > ul > li > a {position:relative; padding:10px 23px 10px 10px; background:transparent;}
#page-wrapper #content-wrapper #side-area > .search > .condition > ul > li > a > s, 
#page-wrapper #content-wrapper #side-area > .search > .condition > ul > li > a:after {
    display:block; content:""; width:50px; height:100%; position:absolute; right:0; top:0; z-index:1; 
    background:url(/common/front/img/pj/search/ico_condition_cancel.png) 0 center repeat-y;}
#page-wrapper #content-wrapper #side-area > .search > .condition > ul > li > a:after {display:inline\9;}
#page-wrapper #content-wrapper #side-area > .search > .condition > ul > li:hover > a:after {background-position:-200px center;}
#page-wrapper #content-wrapper #side-area > .search > .condition > ul > li:hover > a {padding:10px 23px 10px 10px; background:transparent; color:#888888;}
#page-wrapper #content-wrapper #side-area > .search > .condition > ul > li.reset {border:none;}
#page-wrapper #content-wrapper #side-area > .search > .condition > ul > li.reset > a {padding:10px; background:#f4f4f4; color:#000000; text-align:right; text-decoration:underline;}
#page-wrapper #content-wrapper #side-area > .search > .condition > ul > li.reset:hover > a {color:#888888;}
#page-wrapper #content-wrapper #side-area > .search > .condition > ul > li.reset > a:after {display:none;}

#page-wrapper #content-wrapper #side-area > .search > .colors {}
#page-wrapper #content-wrapper #side-area > .search > .colors > b {}
#page-wrapper #content-wrapper #side-area > .search > .colors > ul {width:165px; margin:10px 0 0 10px; padding-bottom:5px; letter-spacing:-0.4em;}
#page-wrapper #content-wrapper #side-area > .search > .colors > ul > li {
    display:inline-block; *display:inline; *zoom:1; width:72px; position:relative; margin:5px 6px 0 0; border:none; font-size:9px; letter-spacing:normal; vertical-align:top;}
#page-wrapper #content-wrapper #side-area > .search > .colors > ul > li > a {
    display:block; width:auto; *zoom:1; position:relative; padding:0; background:none; letter-spacing:-0.4em; cursor:pointer;}
#page-wrapper #content-wrapper #side-area > .search > .colors > ul > li i, 
#page-wrapper #content-wrapper #side-area > .search > .colors > ul > li b {display:inline-block; *display:inline-block; *zoom:1; font-weight:normal; letter-spacing:normal; vertical-align:middle;}
#page-wrapper #content-wrapper #side-area > .search > .colors > ul > li i {width:18px; height:18px; border:1px solid transparent; position:relative; z-index:-1; margin-right:5px; padding:0;}
#page-wrapper #content-wrapper #side-area > .search > .colors > ul > li i > img {margin:-1px;}
#page-wrapper #content-wrapper #side-area > .search > .colors > ul > li b {width:43px; line-height:1; *line-height:1.3;}
#page-wrapper #content-wrapper #side-area > .search > .colors > ul > li.selected > a {padding:0; background:none; color:#dc2e62;}
#page-wrapper #content-wrapper #side-area > .search > .colors > ul > li.selected:hover > a {padding:0; background:transparent;}
#page-wrapper #content-wrapper #side-area > .search > .colors > ul > li.selected > a > s, 
#page-wrapper #content-wrapper #side-area > .search > .colors > ul > li.selected > a:after {
    display:block; content:url(/common/front/img/pj/search/icon_deselect_img.png); width:11px; height:11px; position:absolute; left:12px; top:-3px; z-index:2; 
    *background:url(/common/front/img/pj/search/icon_deselect_img.png) 0 0 no-repeat; overflow:hidden;}
#page-wrapper #content-wrapper #side-area > .search > .colors > ul > li:hover > a {padding:0; background:none; color:#dc2e62;}
#page-wrapper #content-wrapper #side-area > .search > .colors > ul > li:hover > a i, 
#page-wrapper #content-wrapper #side-area > .search > .colors > ul > li.selected i {border-color:#ea3c7e; overflow:hidden;}

#page-wrapper #content-wrapper #side-area > .search > .price {}
#page-wrapper #content-wrapper #side-area > .search > .price > .free {position:relative; margin:20px 0 0;}
#page-wrapper #content-wrapper #side-area > .search > .price > .free:after {display:block; clear:both; height:0; content:"";}
#page-wrapper #content-wrapper #side-area > .search > .price > .free .input {*zoom:1; margin:0 0 0 -5px;}
#page-wrapper #content-wrapper #side-area > .search > .price > .free .input > label {display:inline-block; *display:inline; *zoom:1; margin:0 0 0 5px;}
#page-wrapper #content-wrapper #side-area > .search > .price > .free .input input {
    display:inline-block; *display:inline; *zoom:1; width:43px; height:1.5em; *height:auto; margin:0 5px 0 0; padding:4px 5px; 
    border:1px solid #cccccc; border-radius:5px; background:#ffffff; font-size:12px; text-align:right; outline:none;}
#page-wrapper #content-wrapper #side-area > .search > .price > .free .input input:hover {border-color:#dc2e62;}
#page-wrapper #content-wrapper #side-area > .search > .price > .free a.clear, 
#page-wrapper #content-wrapper #side-area > .search > .price > .free a.submit {width:80px; height:30px; margin:20px 0 0; border-radius:5px; text-align:center;}
#page-wrapper #content-wrapper #side-area > .search > .price > .free a.clear > img, 
#page-wrapper #content-wrapper #side-area > .search > .price > .free a.submit > img {display:block; height:30px; margin:0 auto;}
#page-wrapper #content-wrapper #side-area > .search > .price > .free a.clear {float:left; background:#cccccc;}
#page-wrapper #content-wrapper #side-area > .search > .price > .free a.clear:hover {background:#999999;}
#page-wrapper #content-wrapper #side-area > .search > .price > .free a.clear > img {width:51px; }
#page-wrapper #content-wrapper #side-area > .search > .price > .free a.submit {float:right; background:#000000;}
#page-wrapper #content-wrapper #side-area > .search > .price > .free a.submit:hover {background:#333333;}
#page-wrapper #content-wrapper #side-area > .search > .price > .free a.submit > img {width:43px;}
#page-wrapper #content-wrapper #side-area > .search > .price > .free .caution {
    display:none; position:absolute; left:182px; top:-10px; z-index:9900; padding:10px; border:3px solid #dc2e62; border-radius:5px; background:#ffffff;}
#page-wrapper #content-wrapper #side-area > .search > .price > .free .caution > p {width:15em; font-size:10px;}
#page-wrapper #content-wrapper #side-area > .search > .price > .free .caution > i {
    display:block; width:14px; height:14px; position:absolute; left:-10px; top:50%; margin:-7px 0 0 0; 
    background:url(/common/front/img/pj/search/etc_caution_edge.png) no-repeat; overflow:hidden;}
#page-wrapper #content-wrapper #side-area > .search > .price > .free .caution.show {display:block;}

#page-wrapper #content-wrapper #side-area > .catalog-items {*zoom:1; margin:40px auto 0; border:1px solid #e3e3e3; background:#ffffff; text-align:center;}
#page-wrapper #content-wrapper #side-area > .catalog-items > b {
    display:block; height:50px; margin:0; background:#f3f3f3 url(/common/front/img/pj/txt_side-area_catalog-items_title.gif) 9px 0 no-repeat; 
    color:#ffffff;text-indent:100%; white-space:nowrap; overflow:hidden;}
#page-wrapper #content-wrapper #side-area > .catalog-items a > img {
    transition:opacity 0.2s ease-in-out 0s; -webkit-transition:opacity 0.2s ease-in-out 0s; -webkit-transform-style:preserve-3d;}
#page-wrapper #content-wrapper #side-area > .catalog-items > ul {width:137px; margin:0 auto -1px; text-align:center;}
#page-wrapper #content-wrapper #side-area > .catalog-items > ul > li {border-bottom:1px solid #e3e3e3; }
#page-wrapper #content-wrapper #side-area > .catalog-items > ul > li > a {display:inline-block; *display:block; *zoom:1; padding:10px 0; text-decoration:none;}
#page-wrapper #content-wrapper #side-area > .catalog-items > ul > li img {display:inline; vertical-align:middle;}
#page-wrapper #content-wrapper #side-area > .catalog-items > ul > li > a:hover > img {display:inline-block; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
#page-wrapper #content-wrapper #side-area > .catalog-items > ul > p {padding:10px 0;}
#page-wrapper #content-wrapper #side-area > .catalog-items > ul > p > a {display:block;}
#page-wrapper #content-wrapper #side-area > .catalog-items > ul > p img {display:block;}
#page-wrapper #content-wrapper #side-area > .catalog-items > ul > p > a:hover > img {filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}

#page-wrapper #content-wrapper #side-area > .mailmagazine {*zoom:1; position:relative; margin:40px auto 0; border:1px solid #e3e3e3; text-align:center; overflow:hidden;}
#page-wrapper #content-wrapper #side-area > .mailmagazine > b {
    display:block; height:50px; margin:0; background:#f3f3f3 url(/common/front/img/pj/txt_side-area_mailmagazine_title.gif) 9px 0 no-repeat; 
    color:#ffffff; text-indent:100%; white-space:nowrap; overflow:hidden;}
#page-wrapper #content-wrapper #side-area > .mailmagazine > a {display:block;}
#page-wrapper #content-wrapper #side-area > .mailmagazine img {display:block; vertical-align: middle;}
#page-wrapper #content-wrapper #side-area > .mailmagazine > a > img {
    transition:opacity 0.2s ease-in-out 0s; -webkit-transition:opacity 0.2s ease-in-out 0s; -webkit-transform-style:preserve-3d;}
#page-wrapper #content-wrapper #side-area > .mailmagazine > a:hover > img {filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}

#page-wrapper #content-wrapper #side-area > .snsappli {*zoom:1; margin:40px auto 0; border:1px solid #e3e3e3; background:#ffffff; text-align:center;}
#page-wrapper #content-wrapper #side-area > .snsappli > b {
    display:block; height:50px; margin:0; background:#f3f3f3 url(/common/front/img/pj/txt_side-area_snsappli_title.gif) 9px 0 no-repeat; 
    color:#ffffff;text-indent:100%; white-space:nowrap; overflow:hidden; }
#page-wrapper #content-wrapper #side-area > .snsappli a > img {
    transition:opacity 0.2s ease-in-out 0s; -webkit-transition:opacity 0.2s ease-in-out 0s; -webkit-transform-style:preserve-3d;}
#page-wrapper #content-wrapper #side-area > .snsappli > ul {margin:0 auto -1px; text-align:center; padding-bottom:20px;}

#page-wrapper #content-wrapper #side-area > .snsappli > ul > li.sns {display:inline; margin:3px;}
#page-wrapper #content-wrapper #side-area > .snsappli > ul > li.appli {display:block; float:left; margin:2px auto; width:70px;}
#page-wrapper #content-wrapper #side-area > .snsappli > ul > li.btn {display:block; width:100px; float:left; margin:1px 0;}
#page-wrapper #content-wrapper #side-area > .snsappli > ul > li > b {display:inline-block; *display:block; border-bottom:1px solid #e3e3e3; width:150px; margin:15px 10px 10px 10px; text-align:left;}
#page-wrapper #content-wrapper #side-area > .snsappli > ul > li > a {display:inline-block; *display:block; *zoom:1; padding:0px 0; text-decoration:none;}
#page-wrapper #content-wrapper #side-area > .snsappli > ul > li img {display:inline; vertical-align:middle;}
#page-wrapper #content-wrapper #side-area > .snsappli > ul > li > a:hover > img {display:inline-block; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
#page-wrapper #content-wrapper #side-area > .snsappli > ul > p {padding:10px 0;}
#page-wrapper #content-wrapper #side-area > .snsappli > ul > p > a {display:block;}
#page-wrapper #content-wrapper #side-area > .snsappli > ul > p img {display:block;}
#page-wrapper #content-wrapper #side-area > .snsappli > ul > p > a:hover > img {filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}





/*******************************************
2014リニューアル共通項目：コンテンツ
*******************************************/

#content-wrapper {width:974px; margin:0 auto; text-align:left; padding:40px 0 80px;}
#content-wrapper:after {display:block; clear:both; height:0; content:"";}

#content-wrapper > .path {*zoom:1; min-height:20px; margin:-40px 0 0; padding:10px 0 10px 14px; letter-spacing:-0.4em;}
#content-wrapper > .path:after {display:block; clear:both; height:0; content:"";}
#content-wrapper > .path a {
    display:block; transition:all 0.2s ease-in-out 0s; -webkit-transition:all 0.2s ease-in-out 0s; -webkit-transform-style:preserve-3d; 
    transition-property:padding,border-color,background,color,opacity; -webkit-transition-property:padding,border,background-color,color,opacity;}
#content-wrapper > .path span, 
#content-wrapper > .path > h1 {
    display:inline-block; *display:inline; *zoom:1; position:relative; padding:0 0 0 1em; font-size:10px; line-height:2; letter-spacing:normal; vertical-align:top;}
#content-wrapper > .path span > i, 
#content-wrapper > .path span:after {display:block; content:">"; position:absolute; left:0.5em; top:0; font-style:normal;}
#content-wrapper > .path span > a {display:inline-block; *display:inline; *zoom:1; margin:0 0 0 1em; color:#333333; text-decoration:none;}
#content-wrapper > .path span > a:hover {color:#dc2e62;}
#content-wrapper > .path > h1 {margin:0; padding:0; font-weight:normal;}
#content-wrapper > .path > h1 > span {}
#content-wrapper > .path > h1 > span > a {display:inline-block; *display:inline; *zoom:1;}
#content-wrapper > .path > span:first-child {margin-left:-14px; padding:0;}
#content-wrapper > .path > span:first-child > a {
    *display:block; width:14px; height:1em; min-height:14px; margin:3px 0 0; background:url(/app/img/common/ico_home.svg) no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden;}
#content-wrapper > .path > span:first-child:after {display:none;}
#content-wrapper > .path > span:first-child + h1 {padding-left:1em;}


/*******************************************
2014リニューアル共通項目：PJ
*******************************************/

#content-wrapper > form {margin:0; padding:0;}

#content-wrapper #content-main {float:right; width:772px; margin:0;}

#content-wrapper #content-main > #description {margin:40px 0 0;}
#content-wrapper #content-main > #description > h3 {color:#333333; font-size:12px; font-weight:normal;}
#content-wrapper #content-main > #description > p  {color:#333333; font-size:12px;}

#content-wrapper #content-main > #recently-checked {
    width:738px; margin:30px 0 0; padding:10px 17px 15px; background:#f1ebdd; border-radius:5px; overflow:hidden;}
#content-wrapper #content-main > #recently-checked h3 {margin:0; font-size:13px; font-weight:bold;}
#content-wrapper #content-main > #recently-checked ul {width:752px; margin:-7px 0 0 -15px; padding:0; list-style-type:none;}
#content-wrapper #content-main > #recently-checked ul:after {display:block; clear:both; height:0; content:"";}
#content-wrapper #content-main > #recently-checked ul > li {float:left; width:79px; margin:15px 0 0 15px;}
#content-wrapper #content-main > #recently-checked ul > li > a {display:block;}
#content-wrapper #content-main > #recently-checked ul > li img {display:block;}

#content-wrapper #content-main > .items {margin:50px 0 0 0;}
#content-wrapper #content-main > .items > h2 {}
#content-wrapper #content-main > .items > ul {margin:26px 0 0 20px; letter-spacing:-0.4em;}
#content-wrapper #content-main > .items > ul > li {
    display:inline-block; *display:inline; *zoom:1; width:130px; position: relative; margin-right:20px; 
    letter-spacing:normal; vertical-align:top; line-height:1.5;}
#content-wrapper #content-main > .items > ul > li > a {
    width:100%;
    text-align:center;
    overflow:hidden;
}
#content-wrapper #content-main > .items > ul > li img,
#content-wrapper #content-main > .rankitems.PJ_RANKING ul > li img {
    width:auto;
    margin:0 auto;
    max-height:116px;
    border:1px solid #eee4d4;
}
#content-wrapper #content-main > .items > ul > li b, 
#content-wrapper #content-main > .items > ul > li strong,
#content-wrapper #content-main > .rankitems.PJ_RANKING ul > li b,
#content-wrapper #content-main > .rankitems.PJ_RANKING ul > li Strong {
    font-size:11px;
    color:#333333;
}
#content-wrapper #content-main > .items > ul > li b,
#content-wrapper #content-main > .rankitems.PJ_RANKING ul > li b {
    display:inline-block;
    *display:inline;
    *zoom:1;
    margin:7px 0 0;
    padding:0 0 0 7px;
    background:url(/common/front/img/pj/icon_arrow.gif) 0 0.4em no-repeat;
    font-weight:bold;
}
#content-wrapper #content-main > .items > ul > li strong,
#content-wrapper #content-main > .rankitems.PJ_RANKING ul > li Strong {
    display:block;
    font-weight:normal;
}
#content-wrapper #content-main > .items > ul > li > a:hover > img,
#content-wrapper #content-main > .rankitems.PJ_RANKING ul > li > a:hover > img {
    border-color:#dc2e62; 
    opacity:0.7; 
    *filter:alpha(opacity=70); 
    -ms-filter:"alpha(opacity=70)";
}
#content-wrapper #content-main > .items > ul > li > a:hover > b, 
#content-wrapper #content-main > .items > ul > li > a:hover > strong,
#content-wrapper #content-main > .rankitems.PJ_RANKING ul > li > a:hover > b,
#content-wrapper #content-main > .rankitems.PJ_RANKING ul > li > a:hover > strong {
    color:#999999;
}

#content-wrapper #content-main > .rankitems.PJ_RANKING > h2 > a {
    color:#000000;
}
#content-wrapper #content-main > .rankitems.PJ_RANKING > div ul {
    position:relative;
    margin: 0;
}
#content-wrapper #content-main > #ranking > ul > li > a,
#content-wrapper #content-main > .rankitems.PJ_RANKING ul > li > a {
    position:relative;
    overflow:visible;
    text-align: center;
}
#content-wrapper #content-main > #ranking > ul > li i,
#content-wrapper #content-main > .rankitems.PJ_RANKING ul > li i {
    display:block;
    width:25px;
    height:25px;
    position:absolute;
    left:2px;
    top:-11px;
    z-index:10;
    background:center center no-repeat;
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
}
#content-wrapper #content-main > #ranking > ul > li.rank1 i,
#content-wrapper #content-main > .rankitems.PJ_RANKING ul > li.rank1 i {
    width:48px;
    height:48px;
    left:0px;
    top:-17px;
    background-image:url(/common/front/img/pj/icon_rank1.png);
}
#content-wrapper #content-main > #ranking > ul > li.rank2 i,
#content-wrapper #content-main > .rankitems.PJ_RANKING ul > li.rank2 i {
    background-image:url(/common/front/img/pj/icon_rank2.png);
}
#content-wrapper #content-main > #ranking > ul > li.rank3 i,
#content-wrapper #content-main > .rankitems.PJ_RANKING ul > li.rank3 i {
    background-image:url(/common/front/img/pj/icon_rank3.png);
}
#content-wrapper #content-main > #ranking > ul > li.rank4 i,
#content-wrapper #content-main > .rankitems.PJ_RANKING ul > li.rank4 i {
    background-image:url(/common/front/img/pj/icon_rank4.png);
}
#content-wrapper #content-main > #ranking > ul > li.rank5 i,
#content-wrapper #content-main > .rankitems.PJ_RANKING ul > li.rank5 i {
    background-image:url(/common/front/img/pj/icon_rank5.png);
}
#content-wrapper #content-main > #ranking > ul > li.rank6 i,
#content-wrapper #content-main > .rankitems.PJ_RANKING ul > li.rank6 i {
    background-image:url(/common/front/img/pj/icon_rank6.png);
}
#content-wrapper #content-main > #ranking > ul > li.rank7 i,
#content-wrapper #content-main > .rankitems.PJ_RANKING ul > li.rank7 i {
    background-image:url(/common/front/img/pj/icon_rank7.png);
}
#content-wrapper #content-main > #ranking > ul > li.rank8 i,
#content-wrapper #content-main > .rankitems.PJ_RANKING ul > li.rank8 i {
    background-image:url(/common/front/img/pj/icon_rank8.png);
}
#content-wrapper #content-main > #ranking > ul > li.rank9 i,
#content-wrapper #content-main > .rankitems.PJ_RANKING ul > li.rank9 i {
    background-image:url(/common/front/img/pj/icon_rank9.png);
}
#content-wrapper #content-main > #ranking > ul > li.rank10 i,
#content-wrapper #content-main > .rankitems.PJ_RANKING ul > li.rank10 i {
    background-image:url(/common/front/img/pj/icon_rank10.png);
}
#content-wrapper #content-main > #ranking > ul > li.rank11 i,
#content-wrapper #content-main > .rankitems.PJ_RANKING ul > li.rank11 i {
    background-image:url(/common/front/img/pj/icon_rank11.png);
}
#content-wrapper #content-main > #ranking > ul > li.rank12 i,
#content-wrapper #content-main > .rankitems.PJ_RANKING ul > li.rank12 i {
    background-image:url(/common/front/img/pj/icon_rank12.png);
}
#content-wrapper #content-main > #ranking > ul > li.rank13 i,
#content-wrapper #content-main > .rankitems.PJ_RANKING ul > li.rank13 i {
    background-image:url(/common/front/img/pj/icon_rank13.png);
}
#content-wrapper #content-main > #ranking > ul > li.rank14 i,
#content-wrapper #content-main > .rankitems.PJ_RANKING ul > li.rank14 i {
    background-image:url(/common/front/img/pj/icon_rank14.png);
}
#content-wrapper #content-main > #ranking > ul > li.rank15 i,
#content-wrapper #content-main > .rankitems.PJ_RANKING ul > li.rank15 i {
    background-image:url(/common/front/img/pj/icon_rank15.png);
}
#content-wrapper #content-main > #ranking > ul > li.rank16 i,
#content-wrapper #content-main > .rankitems.PJ_RANKING ul > li.rank16 i {
    background-image:url(/common/front/img/pj/icon_rank16.png);
}
#content-wrapper #content-main > #ranking > ul > li.rank17 i,
#content-wrapper #content-main > .rankitems.PJ_RANKING ul > li.rank17 i {
    background-image:url(/common/front/img/pj/icon_rank17.png);
}
#content-wrapper #content-main > #ranking > ul > li.rank18 i,
#content-wrapper #content-main > .rankitems.PJ_RANKING ul > li.rank18 i {
    background-image:url(/common/front/img/pj/icon_rank18.png);
}
#content-wrapper #content-main > #ranking > ul > li.rank19 i,
#content-wrapper #content-main > .rankitems.PJ_RANKING ul > li.rank19 i {
    background-image:url(/common/front/img/pj/icon_rank19.png);
}
#content-wrapper #content-main > #ranking > ul > li.rank20 i,
#content-wrapper #content-main > .rankitems.PJ_RANKING ul > li.rank20 i {
    background-image:url(/common/front/img/pj/icon_rank20.png);
}
#content-wrapper #content-main > #ranking > ul > li.rank21 i,
#content-wrapper #content-main > .rankitems.PJ_RANKING ul > li.rank21 i {
    background-image:url(/common/front/img/pj/icon_rank21.png);
}
#content-wrapper #content-main > #ranking > ul > li.rank22 i,
#content-wrapper #content-main > .rankitems.PJ_RANKING ul > li.rank22 i {
    background-image:url(/common/front/img/pj/icon_rank22.png);
}
#content-wrapper #content-main > #ranking > ul > li.rank23 i,
#content-wrapper #content-main > .rankitems.PJ_RANKING ul > li.rank23 i {
    background-image:url(/common/front/img/pj/icon_rank23.png);
}
#content-wrapper #content-main > #ranking > ul > li.rank24 i,
#content-wrapper #content-main > .rankitems.PJ_RANKING ul > li.rank24 i {
    background-image:url(/common/front/img/pj/icon_rank24.png);
}
#content-wrapper #content-main > #ranking > ul > li.rank25 i,
#content-wrapper #content-main > .rankitems.PJ_RANKING ul > li.rank25 i {
    background-image:url(/common/front/img/pj/icon_rank25.png);
}

#content-wrapper #content-main > .rankitems.PJ_RANKING .bx-wrapper {
    position: relative;
    margin: 0 auto 0;
    padding: 0;
}

#content-wrapper #content-main > .rankitems.PJ_RANKING .bx-wrapper .bx-viewport {
    padding-top: 26px;
    
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
        -ms-transform: translatez(0);
        -o-transform: translatez(0);
        transform: translatez(0);
}

#content-wrapper #content-main > .rankitems.PJ_RANKING .bx-wrapper .bx-controls.bx-has-controls-direction .bx-controls-direction a {
    position: absolute;
    top: 50%;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 25px;
    height: 50px;
    z-index: 10;
	margin-top: -40px!important;
}
#content-wrapper #content-main > .rankitems.PJ_RANKING .bx-wrapper .bx-prev {
    left: -30px;
    background: url(../../../app/img/common/slide_nav_prev.png) no-repeat;
}
#content-wrapper #content-main > .rankitems.PJ_RANKING .bx-wrapper .bx-next {
    right: -30px;
    background: url(../../../app/img/common/slide_nav_next.png) no-repeat;
}


#content-wrapper #content-main .stars0, 
#content-wrapper #content-main .stars1, 
#content-wrapper #content-main .stars2, 
#content-wrapper #content-main .stars3, 
#content-wrapper #content-main .stars4, 
#content-wrapper #content-main .stars5 {width:65px; height:14px; background:url(/common/front/img/pj/stars.gif) no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden;}
#content-wrapper #content-main .stars0 {background-position:0 0;}
#content-wrapper #content-main .stars1 {background-position:0 -14px;}
#content-wrapper #content-main .stars2 {background-position:0 -28px;}
#content-wrapper #content-main .stars3 {background-position:0 -42px;}
#content-wrapper #content-main .stars4 {background-position:0 -56px;}
#content-wrapper #content-main .stars5 {background-position:0 -70px;}




/* =========== FOOTER-WRAPPER =========== */

/*
 * #footer-wrapper {
 *  background: url(/common/front/season/pj/0001/img/n_etc_0003.gif) top center no-repeat;
 *}
*/
#footer-wrapper {width:100%; background:transparent url(http://www.peachjohn.co.jp/common/front/season/pj/0001/img/n_etc_0004.gif) repeat-x center top; color:#ffffff; overflow:hidden;}

#content-wrapper #content #global-nav ul#global-nav-menu li div.global-nav-list-area01, 
#content-wrapper #content #global-nav ul#global-nav-menu li div.global-nav-list-area02, 
#content-wrapper #content #global-nav ul#global-nav-menu li div.global-nav-list-area03 {
    top: 34px;
    left: 0px;
}
#content-wrapper #content #global-nav ul#global-nav-menu li div.global-nav-list-area03 {
    background: url(/common/front/img/pj/n_etc_0103.gif) left top no-repeat;
}
#content-wrapper #content #global-nav ul#global-nav-menu li div.global-nav-list-area03 div.pseudo-after {
    background: url(/common/front/img/pj/n_etc_0105.gif) left bottom no-repeat;
}
#content-wrapper #content #global-nav ul#global-nav-menu li div.global-nav-list-area01 {
    background: url(/common/front/img/pj/n_etc_0097.gif) left top no-repeat;
}
#content-wrapper #content #global-nav ul#global-nav-menu li div.global-nav-list-area01 div.pseudo-after {
    background: url(/common/front/img/pj/n_etc_0099.gif) left bottom no-repeat;
}
#content-wrapper #content #global-nav ul#global-nav-menu li.pseudo-last-child div.global-nav-list-area01 {
    background-image: url(/common/front/img/pj/n_etc_0098.gif);
}
#content-wrapper #content #global-nav ul#global-nav-menu li div.global-nav-list-area02 {
    width: 327px;/*348*/
    padding: 25px 19px 0;
}
#content-wrapper #content #global-nav ul#global-nav-menu li div.global-nav-list-area02 div.pseudo-after {
    width: 348px;
}
#content-wrapper #content #global-nav ul#global-nav-menu li div.global-nav-list-area02 {
    background: url(/common/front/img/pj/n_etc_0100.gif) left top no-repeat;
}
#content-wrapper #content #global-nav ul#global-nav-menu li div.global-nav-list-area02 div.pseudo-after {
    background: url(/common/front/img/pj/n_etc_0102.gif) left bottom no-repeat;
}
/*cosme*/
#content-wrapper #content #global-nav ul#global-nav-menu li div.global-nav-list-area03cosme {
/*  width: 524px;*/
    width: 486px;
    padding: 25px 19px 0;
    display: none;
    position: absolute;
    top: 33px;
    z-index: 1000005;
    zoom: 1;
    overflow:visible;
    left: -158px;
    background: url(/common/front/img/pj/n_etc_0106.gif) left top no-repeat;
}
#content-wrapper #content #global-nav ul#global-nav-menu li div.global-nav-list-area03cosme div.pseudo-after {
    position:absolute;
    bottom:-8px;
    left:0;
    height:8px;
    width:524px;
    clear:both;
}
#content-wrapper #content #global-nav ul#global-nav-menu li div.global-nav-list-area03cosme div.pseudo-after {
    background: url(/common/front/img/pj/n_etc_0105.gif) left bottom no-repeat;
}

#content-wrapper #content #ad-block.has-preserved #ad-preserved-block {
    margin: 0;
    padding: 0;
}
#content-wrapper #content #ad-block.has-preserved #ad-preserved-block h2.heading01 {
    margin: 0px 0px 16px 11px;
}
#content-wrapper #content #ad-block.has-preserved #ad-preserved-block ul.wide-ad li {
    background: url(/pj/img/n_etc_3000.gif) left top no-repeat;
    padding:8px 0 0 0;
}
#content-wrapper #content #ad-block.has-preserved #ad-preserved-block ul.small-ad01 {
    background-image:none;
}
#content-wrapper #content #ad-block.has-preserved #ad-free-block h2.heading04 {
    padding-top:20px;
}
#content-wrapper #content #ad-block.has-preserved #ad-free-block ul.mobile-code {
    padding-bottom:12px;
}
#content-wrapper #content #ad-block.has-preserved #ad-free-block ul.mobile-code li {
    background-image:none;
    padding-bottom:0;
}
#content-wrapper #content.has-side-area{
padding-bottom:70px;
}
#content-wrapper #content.has-side-area #content-main #s-PJ01 {
    margin-top:0px !important;
}
a, a:visited, a:focus, a:hover, a:active, a.pseudo-hover {
    color:#e84287;
    outline:none;
}
#s-PJ01 {
    position:static;
}
/* ----- over ride end ----- */

#ad-preserved-top-block {
    padding:10px;
    background: url(/common/front/img/pj/etc_0028.gif) left top no-repeat #ffebeb;
}
#ad-preserved-top-block h2{
margin:0;
}
/* for scroll-pane.js */
.jspVerticalBar {
    width:5px;
}
.jspTrack {
    background-color:#b0b0b0;
}
.jspDrag {
    background-color:#000000;
}
/*twitter*/
#twitter{
margin-top:30px;
margin-left:10px;
background-color:#ffbcd2;
width:132px;
}
#twitter h3{
margin:0;
}
#content-wrapper #content #ad-block.has-preserved #ad-preserved-block #twitter li {
font-size:83%;
border-bottom:1px dotted #FFFFFF;
padding:5px 8px;
margin-bottom:5px;
}

/*===================== renew 110704 add =======================*/

#content-wrapper #content.has-side-area .c_launchbtn {
    text-align:right;
    padding-top:18px;
}

/* =========== recently-checked =========== */
#content-main #recently-checked {
    width:738px; margin:20px 10px 0; padding:10px 17px 15px; background:#f1ebdd;
    -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; overflow:hidden;
    position: relative;
}
#content-main #recently-checked h3 {font-size:13px; font-weight:bold; margin:0;}
#content-main #recently-checked ul {width:752px; margin:-7px -15px 0 0; padding:0; list-style-type:none;}
#content-main #recently-checked ul:after {display:block; clear:both; height:0; content:"";}
#content-main #recently-checked ul li {float:left; width:79px; margin:15px 15px 0 0;}
#content-main #recently-checked ul li a {display:block;}
#content-main #recently-checked ul li img {display:block;}