/* ----- RT_AUTO_RECOMMEND ----- */
.RT_AUTO_RECOMMEND {
    margin-top: 20px;
}

.RT_AUTO_RECOMMEND > p {
    border-bottom:1px solid;
}

.RT_AUTO_RECOMMEND > p > b {
    font-size:20px;
}

.RT_AUTO_RECOMMEND > p > span {
    font-size: 12px;
    font-weight: normal;
    margin-left: 5px;
}

.RT_AUTO_RECOMMEND > div {
    width:auto;
    height:auto;
    margin:10px 5px 0px 5px;
    overflow:hidden;
}

#rt_auto_thanks.RT_AUTO_RECOMMEND > div {
    text-align:justify;
    text-justify:distribute-all-lines;
    text-align-last:justify;
    -moz-text-align-last:justify;
    -webkit-text-align-last:justify;
}

.RT_AUTO_RECOMMEND > div dl {
    display:inline-block;
    *display:inline;
    *zoom:1;
    width:18%;
    position:relative;
    margin-right:10px; 
    letter-spacing:normal;
    vertical-align:top;
    text-align:left;
    line-height:1.5;
}

#rt_auto_thanks.RT_AUTO_RECOMMEND > div dl {
    margin-right: 2px; 
    text-align: auto;
    text-align-last: auto;
    -moz-text-align-last: auto;
    -webkit-text-align-last: auto;
}

.RT_AUTO_RECOMMEND > div > div {
    display:inline-block;
    *display:inline;
    *zoom:1;
    width:18%;
    position:relative;
    margin-right:10px; 
    letter-spacing:normal;
    vertical-align:top;
    text-align:left;
    line-height:1.5;
}

.RT_AUTO_RECOMMEND > div dl > dl {
    width: 100%;
}

.RT_AUTO_RECOMMEND > div dl a {
    width:auto;
    overflow:hidden;
    color:#e84287;
}

.RT_AUTO_RECOMMEND > div dl img {
    width:auto;
    height:auto;
    margin:0 auto;
    max-width:100%;
    border:1px solid #eee4d4;
    display:block;
}

.RT_AUTO_RECOMMEND > div dl span, p, strong {
    font-size:12px;
    display:block;
}

.RT_AUTO_RECOMMEND > div dl span {
    font-family: "MS UI Gothic", sans-serif;
    word-break: break-all;
}

.RT_AUTO_RECOMMEND > div dl a:hover > img {
    border-color:#dc2e62;
    opacity:0.7;
    *filter:alpha(opacity=70);
    -ms-filter:"alpha(opacity=70)";
}

.RT_AUTO_RECOMMEND > div dl li {
    list-style-type:none;
}

/* ----- RT_AUTO_RECOMMEND_ROW ----- */
.RT_AUTO_RECOMMEND_ROW {
    margin-top: 10px;
}

.RT_AUTO_RECOMMEND_ROW > div {
    width:auto;
    height:auto;
    margin:10px 5px 0px 5px;
    overflow:hidden;
}

.RT_AUTO_RECOMMEND_ROW > div dl {
    display:inline-block;
    *display:inline;
    *zoom:1;
    width:18%;
    position:relative;
    margin-right:10px; 
    letter-spacing:normal;
    vertical-align:top;
    text-align:left;
    line-height:1.5;
}

.RT_AUTO_RECOMMEND_ROW > div dl a {
    width:auto;
    overflow:hidden;
    color:#e84287;
}

.RT_AUTO_RECOMMEND_ROW > div dl img {
    width:auto;
    height:auto;
    margin:0 auto;
    max-width:100%;
    border:1px solid #eee4d4;
    display:block;
}

.RT_AUTO_RECOMMEND_ROW > div dl span, p, strong {
    font-size:12px;
    display:block;
}

.RT_AUTO_RECOMMEND_ROW > div dl span {
    font-family: "MS UI Gothic", sans-serif;
    word-break: break-all;
}

.RT_AUTO_RECOMMEND_ROW > div dl a:hover > img {
    border-color:#dc2e62;
    opacity:0.7;
    *filter:alpha(opacity=70);
    -ms-filter:"alpha(opacity=70)";
}

.RT_AUTO_RECOMMEND_ROW > div dl li {
    list-style-type:none;
}

/* ----- RT_AUTO_RECOMMEND_RELATEDITEM ----- */
.RT_AUTO_RECOMMEND_RELATEDITEM_RELATEDITEM {
    margin-top: 20px;
}

.RT_AUTO_RECOMMEND_RELATEDITEM > p {
    border-bottom:1px solid;
}

.RT_AUTO_RECOMMEND_RELATEDITEM > p > b {
    font-size:18px;
}

.RT_AUTO_RECOMMEND_RELATEDITEM > p > span {
    font-size: 12px;
    font-weight: normal;
    margin-left: 5px;
}

.RT_AUTO_RECOMMEND_RELATEDITEM > div {
    width:auto;
    height:auto;
    margin-top:10px;
    /*margin:10px 5px 0px 5px;*/
    overflow:hidden;
}

.RT_AUTO_RECOMMEND_RELATEDITEM > div dl {
    display:inline-block;
    *display:inline;
    *zoom:1;
    width:48%;
    position:relative;
    margin-left:2.5px; 
    margin-right:2.5px; 
    letter-spacing:normal;
    vertical-align:top;
    text-align:left;
    line-height:1.5;
}

.RT_AUTO_RECOMMEND_RELATEDITEM > div dl a {
    width:auto;
    overflow:hidden;
    color:#e84287;
}

.RT_AUTO_RECOMMEND_RELATEDITEM > div dl img {
    width:100%;
    height:auto;
    /*margin:0 auto;*/
    max-width:100%;
    border:1px solid #eee4d4;
    display:block;
}

.RT_AUTO_RECOMMEND_RELATEDITEM > div dl span, p, strong {
    font-size:12px;
    display:block;
}

.RT_AUTO_RECOMMEND_RELATEDITEM > div dl span {
    font-family: "MS UI Gothic", sans-serif;
    word-break: break-all;
}

.RT_AUTO_RECOMMEND_RELATEDITEM > div dl a:hover > img {
    border-color:#dc2e62;
    opacity:0.7;
    *filter:alpha(opacity=70);
    -ms-filter:"alpha(opacity=70)";
}

.RT_AUTO_RECOMMEND_RELATEDITEM > div dl li {
    list-style-type:none;
}

/*PJGH291 Start*/
/* ----- RT_AUTO_RECOMMEND_RELATEDITEM2 ----- */
.RT_AUTO_RECOMMEND_RELATEDITEM2 {
    position: absolute;
    left: 0px;
    top: 324px;
    width: 285px;
    height: 110px;
    background: transparent url("/common/front/img/pj/etc_0067_2.png") no-repeat scroll left top;
}

.RT_AUTO_RECOMMEND_RELATEDITEM2 > p {
    border-bottom:1px solid;
    text-align: left;
    margin: 3px 15px 0px;
}

.RT_AUTO_RECOMMEND_RELATEDITEM2 > p > b {
    font-size:12px;
    margin: 5px;
}

.RT_AUTO_RECOMMEND_RELATEDITEM2 > p > span {
    font-size: 12px;
    font-weight: normal;
    margin-left: 5px;
}

.RT_AUTO_RECOMMEND_RELATEDITEM2 > div {
    width:auto;
    height:auto;
    margin:3px 15px 0px;
    overflow:hidden;
    text-align: left;
}

.RT_AUTO_RECOMMEND_RELATEDITEM2 > div dl {
    display:inline-block;
    *display:inline;
    *zoom:1;
    width:23%;
    position:relative;
    margin-left:1.2px; 
    margin-right:0px; 
    letter-spacing:normal;
    vertical-align:top;
    text-align:left;
    line-height:1.5;
}

.RT_AUTO_RECOMMEND_RELATEDITEM2 > div dl dd {
    word-wrap:break-word;
}

.RT_AUTO_RECOMMEND_RELATEDITEM2 > div dl a {
    width:auto;
    overflow:hidden;
    color:#e84287;
}

.RT_AUTO_RECOMMEND_RELATEDITEM2 > div dl img {
    width:100%;
    height:auto;
    /*margin:0 auto;*/
    max-width:100%;
    border:1px solid #eee4d4;
    display:block;
}

.RT_AUTO_RECOMMEND_RELATEDITEM2 > div dl span, p, strong {
    font-size:12px;
    display:block;
}

.RT_AUTO_RECOMMEND_RELATEDITEM2 > div dl span {
    font-family: "MS UI Gothic", sans-serif;
    word-break: break-all;
}

.RT_AUTO_RECOMMEND_RELATEDITEM2 > div dl a:hover > img {
    border-color:#dc2e62;
    opacity:0.7;
    *filter:alpha(opacity=70);
    -ms-filter:"alpha(opacity=70)";
}

.RT_AUTO_RECOMMEND_RELATEDITEM2 > div dl li {
    list-style-type:none;
}
/*PJGH291 End*/


/** Item Detail. **/

/** Item List. **/
#rt_auto_list.RT_AUTO_RECOMMEND > div dl {
    width:11%;
    margin:0px 3px auto; 
}

/** Cart List. **/
#rt_auto_cart.RT_AUTO_RECOMMEND > div dl {
    width:10.8%; 
}

#rt_auto_plusoneitems.RT_AUTO_RECOMMEND > div dl {
    width:10.8%; 
}

#rt_auto_plusoneitems.RT_AUTO_RECOMMEND > p > b {
    font-size:18px;
    letter-spacing:2px;
}

/** My Page. **/
#rt_auto_mypage1.RT_AUTO_RECOMMEND {
    background:#FFF;
    margin:10px 0px 0px 0px;
    border-radius:10px;
}

#rt_auto_mypage1.RT_AUTO_RECOMMEND > p {
    padding:10px 0px 0px 0px;
    margin:0px 15px 0px 15px;
}

#rt_auto_mypage1.RT_AUTO_RECOMMEND > div {
    margin:10px 40px 0px 25px;
    padding:0px 0px 10px 0px;
}

#rt_auto_mypage1.RT_AUTO_RECOMMEND > div dl {
    width:20%; 
    margin-right:15px; 
}

/** Order Complete. **/

/* ----- RT_USER_HISTORY ----- */
.RT_USER_HISTORY,
#rt_userhistory.RT_USER_HISTORY {
    margin-top:20px;
}

.RT_USER_HISTORY > p,
#rt_userhistory.RT_USER_HISTORY > p {
    margin: 0;
    padding: 4px 0 2px;
    border-bottom: 1px solid #333333;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: 2px;
}

.RT_USER_HISTORY > p > b,
#rt_userhistory.RT_USER_HISTORY > p > b {
}

.RT_USER_HISTORY > p > span,
#rt_userhistory.RT_USER_HISTORY > p > span {
    font-size: 12px;
    font-weight: normal;
    margin-left: 5px;
}

.RT_USER_HISTORY > div,
#rt_userhistory.RT_USER_HISTORY > div {
    width:auto;
    height:auto;
    padding:10px 0px 15px 0px;
    overflow:hidden;
    vertical-align:top;
    text-align:justify;
    text-justify:distribute-all-lines;
    text-align-last:justify;
    -moz-text-align-last:justify;
    -webkit-text-align-last:justify;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
    .RT_USER_HISTORY > div:after,
    #rt_userhistory.RT_USER_HISTORY > div:after {
        content:"";
        display: inline-block;
        width:100%;
        overflow:hidden;
        height:0;
    }
}

.RT_USER_HISTORY > div dl,
#rt_userhistory.RT_USER_HISTORY > div dl {
    display:inline-block;
    *display:inline;
    *zoom:1;
    width:11%;
    position:relative;
    text-align:left;
    line-height:1.5;
    text-align:auto;
    text-align-last:auto;/* ie9*/
    -moz-text-align-last:auto;/*ff*/
    -webkit-text-align-last:auto;/*chrome 20+*/
}

.RT_USER_HISTORY > div dl a,
#rt_userhistory.RT_USER_HISTORY > div dl a {
    width:auto;
    overflow:hidden;
    color:#e84287;
}

.RT_USER_HISTORY > div dl a figure,
#rt_userhistory.RT_USER_HISTORY > div dl a figure {
    margin:0px;
    width:100%;
}

.RT_USER_HISTORY > div dl a img,
#rt_userhistory.RT_USER_HISTORY > div dl a img {
    width:auto;
    height:auto;
    margin:0 auto;
    max-width:100%;
    border:1px solid #eee4d4;
    display:block;
}

.RT_USER_HISTORY > div dl a:hover img,
#rt_userhistory.RT_USER_HISTORY > div dl a:hover img {
    border-color:#dc2e62;
    opacity:0.7;
    *filter:alpha(opacity=70);
    -ms-filter:"alpha(opacity=70)";
}

#content-wrapper #content-main #rt_userhistory.RT_USER_HISTORY > div dl a > img {
    max-width:96%;
}

/** MemberRegistComplete. **/
#rt_ranking1.MEMBER_REGIST_COMPLETE {
    border-top: 8px solid #ececec;
    padding: 16px 0 0 0;
}
#rt_ranking1.MEMBER_REGIST_COMPLETE > div {
    width:auto;
    height:auto;
    padding:10px 0px 15px 0px;
    overflow:hidden;
    margin:0px;
    vertical-align:top;
    text-align:justify;
    text-justify:distribute-all-lines;/*ie6-8*/
    text-align-last:justify;/* ie9*/
    -moz-text-align-last:justify;/*ff*/
    -webkit-text-align-last:justify;/*chrome 20+*/
}

@media screen and (-webkit-min-device-pixel-ratio:0){/*chrome&Safari*/
    #rt_ranking1.MEMBER_REGIST_COMPLETE > div:after{
        content:"";
        display: inline-block;
        width:100%;
        overflow:hidden;
        height:0;
    }
}

#rt_ranking1.MEMBER_REGIST_COMPLETE > div dl {
    display:inline-block;
    *display:inline;
    *zoom:1;
    position:relative;
    text-align:left;
    line-height:1.5;
    margin:0px 2px 0px 0px;
    width:10.8%;
    text-align:auto;
    text-align-last:auto;/* ie9*/
    -moz-text-align-last:auto;/*ff*/
    -webkit-text-align-last:auto;/*chrome 20+*/
}

#rt_userhistory.MEMBER_REGIST_COMPLETE > div dl {
    width:10.8%; 
}

/* ----- COMMON ----- */
#content-main .items {
    margin: 50px 0 0 0;
    width: 772px;
    padding: 0 0 10px 0px;
}

#content-main .items > h2 {
    margin: 0;
    padding: 4px 0 2px;
    border-bottom: 1px solid #333333;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 2px;
}

#content-main .items > h2 > b {
    display: inline-block;
}

#content-main .items > h2 > small {
    margin: 0 2px 0 0;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
}

#content-main .items > ul {
    margin: 26px 0 0 20px;
    letter-spacing: -0.4em;
}

#content-main .items > ul > li {
    display: inline-block;
    width: 130px;
    position: relative;
    margin-right: 20px;
    letter-spacing: normal;
    vertical-align: top;
    line-height: 1.5;
}

#content-main .items > ul > li > a {
    width: 100%;
    text-align: center;
    overflow: hidden;
}

#content-main .items > ul > li > a:hover {
    color: #e84287;
    outline: none;
}

#content-main .items > ul > li img {
    width: auto;
    margin: 0 auto;
    max-height: 116px;
    border: 1px solid #eee4d4;
}

#content-main .items > ul > li > a:hover > img {
    border-color: #dc2e62;
    opacity: 0.7;
}

#content-main .items > ul > li b {
    display: inline-block;
    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;
    font-size: 11px;
    color: #333333;
}

#content-main .items > ul > li strong {
    display: block;
    font-weight: normal;
    font-size: 11px;
    color: #333333;
}

#content-main .items > ul > li strong {
    display: block;
    font-weight: normal;
    font-size: 11px;
    color: #333333;
}

#content-main .items > 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-main .items > ul > li.rank1 i {
    width:48px;
    height:48px;
    left:-9px;
    top:-17px;
    background-image:url(/common/front/img/pj/icon_rank1.png);
}

#content-main .items > ul > li.rank2 i {
    background-image:url(/common/front/img/pj/icon_rank2.png);
}

#content-main .items > ul > li.rank3 i {
    background-image:url(/common/front/img/pj/icon_rank3.png);
}

#content-main .items > ul > li.rank4 i {
    background-image:url(/common/front/img/pj/icon_rank4.png);
}

#content-main .items > ul > li.rank5 i {
    background-image:url(/common/front/img/pj/icon_rank5.png);
}

/* ----- COMMON ----- */
.shadowOverlayWhole {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
    cursor: pointer;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000);
    display: none;
}

.shadowOverlayBottom {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9999999;
    cursor: pointer;
    width: 100%;
    height: auto;
    background: rgba(0, 0, 0, 0.6);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000,endColorstr=#BF000000);
    display: none;
}

.shadowOverlayWhole .content,
.shadowOverlayBottom .content {
    width: auto;
    height: auto;
    position: absolute;
    background: #fff;
    opacity: 0.0;
    background: rgba(0, 0, 0, 0);
}

.shadowOverlayWhole .content .close {
    position: absolute;
    top: 1px;
    right: 1px;
}

.shadowOverlayBottom .close{
    position: absolute;
    top: -2px;
    right: -15px;
}
