@charset "utf-8";

#contents.ctlgTop {
padding-top: 20px;
padding-bottom: 30px;
}

.topContents .section {
margin-bottom: 30px;
padding: 0;
}

.topContents .section .sectionHeader {
margin-bottom: 30px;
}

.topContents .section .sectionHeader .sectionTitle {
font-size: 18px;
border-bottom: 1px solid #D3D4D5;
margin-bottom: 15px;
padding-bottom: 5px;
}

.btmTxtLink {
margin-top: 15px;
font-size: 11px;
}

#topHeadArea {
padding: 0;
overflow: hidden;
}

#topMainArea {
padding: 0;
overflow: hidden;
}

#contents.ctlgTop div.pRecHead {
border-bottom: 1px #999 solid;
padding: 0 0 5px 0;
}

.imgGalleryUnit {
position: relative;
width: 660px;
margin: 30px auto;
}

.ctlgTop div#topHeadArea div.thpShifted {
margin: 0 0 0 220px;
}

.imgGalleryArw a {
width: 30px;
height: 60px;
position: absolute;
bottom: 60px;
opacity: 0.2;
filter: alpha(opacity=20);
-ms-filter: "alpha(opacity=20)";
transition: all 0.2s linear 0s;
}

.imgGalleryArw a:hover {
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
}

.imgGalleryArw a.prev {
background: url(../img/iconArwTopImgGallery.png) no-repeat 0 0;
left: 10px;
}

.imgGalleryArw a.next {
background: url(../img/iconArwTopImgGallery.png) no-repeat -30px 0;
right: 10px;
}

.imgGallerySlot {
border-top: 1px #D5D5D5 solid;
border-bottom: 1px #D5D5D5 solid;
overflow: hidden;
}

.imgGallerySlot .prmImg {
position: relative;
}

.imgGallerySlot .prmImg a {
display: block;
}

.imgGallerySlot .prmImg a.close {
background: url(../img/iconClose.png) no-repeat 0 0;
position: absolute;
top: 5px;
right: 5px;
width: 16px;
height: 16px;
display: none;
}

.imgGallerySlot .prmImg a.close:hover {
background-position: 0 -32px;
}

.imgGallerySlot .prmImg:hover a.close {
display: block;
}

.imgGalleryNavRow {
position: relative;
background: none;
z-index: 1;
}

.imgGalleryNavRow table {
margin: 0 auto;
height: 42px;
}

.imgGalleryNavRow td {
vertical-align: middle;
text-align: center;
padding: 0 10px;
}

.imgGalleryNavRow .imgGalleryNav:hover {
color: #000;
}

.imgGalleryNavRow td.active .imgGalleryNav {
color: #F00;
}

.imgGalleryUnit .imgGalleryIndicator {
position: absolute;
z-index: 1;
}

.imgGalleryUnit .imgGalleryIndicator .idcBody {
background: #FFF;
border-width: 1px;
border-style: solid;
border-color: #B5B5B5 #B5B5B5 #999;
border-radius: 5px;
height: 40px;
}

.imgGalleryUnit .imgGalleryIndicator .idcArw {
background: url(../img/iconImgGlryNavIdc.png) no-repeat 0 0;
width: 16px;
height: 16px;
}

.topHeadBedContent {
position: relative;
width: 660px;
margin: 30px auto;
}

.comShiftNav {
font-size: 11px;
}

.comShiftNav li {
color: #0D6295;
text-decoration: underline;
cursor: pointer;
border-left: 1px solid #CCC;
margin: 0 0 0 5px;
padding: 0 0 0 5px;
}

.comShiftNav li:first-child {
border-left: none;
margin: 0;
padding: 0;
}

.comShiftNav li:hover {
color: #F00;
}

.comShiftNav li.active {
font-weight: bold;
text-decoration: none;
color: inherit;
cursor: inherit;
}

.comShiftNav li.active:hover {
color: inherit;
}

.communityFeed {
border-top: 1px solid #CCC;
padding: 10px 35px 0 10px;
overflow: hidden;
height: 280px;
position: relative;
}

.comFeedBalloonUnit {
margin: 0 0 10px 0;
height: 130px;
}

.comFeedBalloonUnit .balloonBody {
position: relative;
border: 2px solid #CCC;
border-radius: 5px;
padding: 10px;
}

.comFeedBalloonUnit .balloonBody .balloonTail {
background-image: url(../img/bgTopRvwBlnTail.png);
background-repeat: no-repeat;
position: absolute;
bottom: -20px;
right: 10px;
width: 20px;
height: 20px;
}

.comFeedBalloonUnit.review .balloonBody {
border-color: #6CF;
}

.comFeedBalloonUnit.review .balloonBody .balloonTail {
background-position: 0 -40px;
}

.comFeedBalloonUnit.question .balloonBody {
border-color: #FC6;
}

.comFeedBalloonUnit.question .balloonBody .balloonTail {
background-position: 0 -20px;
}

.comFeedBalloonUnit .balloonBody .comListUnit {
margin: 0;
}

.comFeedBalloonUnit .balloonBody .pImg {
margin: 0 0 10px 0;
}

.comFeedBalloonUnit .balloonBody .valueAvg {
margin: 5px 0 0 0;
}

.comFeedBalloonUnit .balloonBody .pName {
font-size: 11px;
}

.comFeedBalloonUnit .comListUnit .cntrbtImgUnit .cntrbtImg img {
width: auto;
height: 30px;
}

.comFeedBalloonUnit .comLineInfo {
margin: 5px 0 0 0;
}

.comFeedBalloonUnit .comLineInfo .userInfo {
font-size: 11px;
}

.comFeedBalloonUnit .comLineInfo .userInfo img {
height: 24px;
}

.communityFeed .comFeedPgNav {
position: absolute;
top: 50%;
right: 0;
margin: -25px 0 0 0;
}

.communityFeed .comFeedPgNav .pgBtn {
background: #FFF;
border: 1px solid #B5B5B5;
cursor: pointer;
opacity: 0.75;
text-align: center;
padding: 5px;
}

.communityFeed .comFeedPgNav .pgBtn:hover {
opacity: 1;
box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

.communityFeed .comFeedPgNav .pgBtn.prev {
margin: 0 0 -1px 0;
border-radius: 5px 5px 0 0;
}

.communityFeed .comFeedPgNav .pgBtn.next {
border-radius: 0 0 5px 5px;
}

.communityFeed .comFeedPgNav .pgBtn.disabled {
opacity: 0.2;
cursor: default;
}

.communityFeed .comFeedPgNav .pgBtn.disabled:hover {
box-shadow: none;
}

#topSideArea {
float: right;
width: 300px;
margin: 0 0 0 20px;
}

.topSideContainer {
margin: 0 0 20px 0;
}

.topSideContainer .viewLink {
margin: 10px 0 0 0;
}

.topSideContainer .viewLink a {
line-height: 24px;
}

.topSideContainer .pRecHead {
margin: 0 0 10px 0;
}

.topSideContainer .pRecHead .ttl {
font-size: 12px;
font-weight: bold;
}

.bnrBox {
text-align: center;
position: relative;
border: 1px solid #D3D4D5;
border-radius: 5px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
overflow: hidden;
width: 300px;
}

.bnrBox a {
display: block;
}

.bnrBox img {
border-radius: 4px;
}

.bnrBox .close {
background: url(../img/iconClose.png) no-repeat 0 0;
position: absolute;
top: 5px;
right: 5px;
width: 16px;
height: 16px;
display: none;
}

.bnrBox .close:hover {
background-position: 0 -32px;
}

.bnrBox:hover .close {
display: block;
}

.bdrBox {
border: 1px solid #D3D4D5;
border-radius: 5px;
padding: 0 10px 10px 10px;
}

.topSideTtl {
font-size: 12px;
color: #F00;
font-weight: bold;
margin: 0 0 10px 0;
padding: 10px 0 0 0;
}

.topTabNavUnit {
position: relative;
margin: 10px 0;
padding: 0;
}

.topTabNavUnit .topTabNavIndicator {
position: absolute;
top: 0;
z-index: 1;
}

.topTabNavUnit .topTabNavIndicator .idcBody {
background: #FFF;
border-width: 1px;
border-style: solid;
border-color: #B5B5B5 #B5B5B5 #999;
border-radius: 5px;
height: 30px;
}

.topTabNavUnit .topTabNavIndicator .idcArw {
background: url(../img/iconTabNavIdc.png) no-repeat 0 0;
width: 16px;
height: 16px;
margin: -1px auto 0;
}

.topTabNavRow {
position: relative;
background: none;
z-index: 2;
}

.topTabNavRow table {
height: 32px;
}

.topTabNavRow td {
vertical-align: middle;
text-align: center;
padding: 0 8px;
}

.topTabNavRow .topTabNav:hover {
color: #000;
}

.topTabNavRow td.active .topTabNav {
color: #F00;
}

.rankingUnit .rankIconArea {
width: 30px;
text-align: center;
}

.rankingUnit li.rankNum {
font-size: 18px;
line-height: 1;
}

.rankingUnit li.rankIcon {
margin: 5px 0 0 0;
}

.bnrNewsUnit table {
width: 100%;
}

.bnrNewsUnit .imgArea {
width: 100px;
padding: 0 10px 0 0;
}

.bnrNewsUnit .imgArea img {
width: 100px;
}

.bnrNewsUnit .strcArea {
}

.mainTabBox .bnrNewsUnit {
display: inline-block;
/display: inline;
/zoom: 1;
vertical-align: top;
margin: 10px 0;
}

.mainTabBox .bnrNewsUnit .strcArea {
padding: 0 30px 0 0;
}

.subTabBox .bnrNewsUnit {
margin: 0;
}

.subTabBox .bnrNewsUnit .imgArea {
padding: 0 10px 0 0;
}

.topHlList {
font-size: 11px;
}

.topHlList li {
border-top: 1px solid #E3E4E5;
padding: 10px 0;
}

.topNewsList {
font-size: 11px;
border-bottom: 1px solid #E3E4E5;
}

.topNewsList li {
border-top: 1px solid #E3E4E5;
padding: 5px;
}

.mainTabBox .viewLink {
margin: 20px 0 0 0;
}

.subTabBox .viewLink a {
padding: 3px;
}

#cmpnEntry {
background: #F5F5F5;
}

#cmpnEntry .topSideTtl {
padding: 10px 0 0 50px;
position: relative;
}

#cmpnEntry .topSideTtl .cmpnIcon {
background: url(../img/iconCampaignEntry.png) no-repeat 0 0;
width: 52px;
height: 42px;
position: absolute;
top: 5px;
left: -11px;
}

.entryUnit {
position: relative;
}

.entryUnit .entryIpt {
height: 24px;
background: #FFF;
border: 1px solid #999;
margin: 0 41px 0 0;
}

.entryUnit .entryIpt input {
background: none;
border: none;
height: 20px;
width: 230px;
padding: 2px 3px 2px 2px;
}

.entryUnit .entryBtn {
position: absolute;
top: 0;
right: 0;
height: 24px;
width: 40px;
border: 1px solid #106CA7;
background: -moz-linear-gradient(top, #6ABFF5, #398ABA);
background: -webkit-gradient(linear, left top, left bottom, from(#6ABFF5), to(#398ABA));
background: -o-linear-gradient(top, #6ABFF5, #398ABA);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#6ABFF5', endColorstr='#398ABA');
background: linear-gradient(to bottom, #6ABFF5, #398ABA);
zoom: 1;
}

.entryUnit .entryBtn:hover {
box-shadow: 0 1px 2px rgba(0,0,0,0.2) inset;
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2) inset;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2) inset;
background: -moz-linear-gradient(top, #3585B8, #398ABA);
background: -webkit-gradient(linear, left top, left bottom, from(#3585B8), to(#398ABA));
background: -o-linear-gradient(top, #3585B8, #398ABA);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#3585B8', endColorstr='#398ABA');
background: linear-gradient(to bottom, #3585B8, #398ABA);
zoom: 1;
}

.entryUnit .entryBtn a {
display: block;
height: 24px;
line-height: 24px;
text-align: center;
color: #FFF;
font-size: 13px;
font-weight: bold;
text-decoration: none;
text-shadow: 1px 1px 0 #333;
font-family: Arial, Helvetica, sans-serif;
}

#campaignEntry {
width:210px;
margin: 10px auto 5px;
background: url(//image.yodobashi.com/catalog/20120214-01/common/img/campaign/bgEntryHead.gif) no-repeat 0 0;
padding: 50px 0 0 0;
}

.entryInputArea {
background: #F2F2F2;
border-right: 1px #CCC solid;
border-bottom: 1px #CCC solid;
border-left: 1px #CCC solid;
padding: 0 10px 10px;
}

.entryInput {
float: left;
background: url(//image.yodobashi.com/catalog/20120214-01/common/img/campaign/btnEntryInput.gif) no-repeat 0 0;
width: 148px;
height: 25px;
border: none;
}

.entryInput input {
width: 138px;
border: none;
background: none;
padding: 0 5px;
height: 25px;
line-height: 23px;
}

.entrySubmit {
float: left;
}

.entrySubmit a {
background: url(//image.yodobashi.com/catalog/20120214-01/common/img/campaign/btnEntryInput.gif) no-repeat -220px 0;
width: 40px;
height: 25px;
display: block;
text-indent: -9999px;
}

.entrySubmit a:hover {
background: url(//image.yodobashi.com/catalog/20120214-01/common/img/campaign/btnEntryInput.gif) no-repeat right 0;
}

.rcmWidget {
font-size: 0;
margin-top: 15px;
}

.rcmWidget .rcmBlock {
display: inline-block;
/display: inline;
/zoom: 1;
vertical-align: top;
margin-bottom: 45px;
font-size: 12px;
}

.rcmWidget.col03 .rcmBlock {
width: 33.33%;
}

.rcmWidget .rcmBlock .inner {
padding: 0 10px;
}

.rcmWidget .rcmBlock .subInfo {
font-size: 11px;
margin-left: 10px;
}

.rcmWidget .rcmBlock .nav.childNav {
margin: 0 0 0 5px;
}

.rcmWidget .rcmBlock .nav.discNav {
font-size: 11px;
padding: 0 0 0 10px;
}

.rcmWidget .rcmBlock .nav.discNav li {
list-style-type: disc;
margin: 5px 0 0 5px;
}

.rcmWidget .rcmBlock .nav li {
margin: 5px 0 0 0;
}

.rcmWidget .imgContainer {
}

.rcmWidget .imgContainer:after {
content: "";
display: table;
clear: both;
}

.rcmWidget .imgContainer .imgArea {
float: left;
width: 100px;
margin: 0 20px 10px 0;
}

.rcmWidget .imgContainer .imgArea img {
max-height: 100px;
max-width: 100px;
}

.rcmWidget .imgContainer .txtArea {
overflow: hidden;
min-width: 120px;
}

.rcmWidget .imgContainer .pName {
font-size: 12px;
}

.rcmWidget .imgContainer .price {
font-size: 12px;
color: #F00;
margin-top: 5px;
}

.rcmWidget .imgContainer .point {
font-size: 12px;
color: #F90;
}

.rcmWidget .rcmBrandList {
font-size: 0;
}

.rcmWidget .rcmBrandList li {
display: inline-block;
/display: inline;
/zoom: 1;
vertical-align: top;
margin: 0 10px 10px 0;
}

.rcmWidget .rcmBrandList .imgArea {
border: 1px solid #D3D4D5;
border-radius: 6px;
background: #FFF;
display: block;
padding: 5px 10px;
}

.rcmWidget .rcmBrandList a:hover .imgArea {
border: 1px solid #F00;
}

.rcmWidget .rcmBrandList .imgArea img {
width: 100px;
height: 50px;
}

.rcmWidget .rcmBrandList .caption {
font-size: 11px;
margin-top: 5px;
}

.rcmWidget .rcmBannerBlock .image {
margin-bottom: 5px;
}

.rcmWidget .rcmBannerBlock .image img {
width: 100%;
max-width: 400px;
display: block;
}

.rcmWidget .rcmBannerBlock .bannerCaption {
font-size: 12px;
}

.rcmWidget .rcmCategoryBlock .nav {
font-size: 0;
margin-top: 15px;
}

.rcmWidget .rcmCategoryBlock .nav li {
/display: inline;
/zoom: 1;
}

.rcmWidget .categoryTree li {
font-size: 11px;
margin-top: 7px;
padding: 0;
}

.rcmWidget .categoryTree li:first-child {
margin: 0;
}

.rcmWidget .categoryTree h5 {
color: #F00;
}

.rcmWidget .categoryTree h5 a {
display: block;
position: relative;
text-decoration: none;
padding: 0;
color: #F00;
}

.rcmWidget .categoryTree h5 a:hover {
text-decoration: underline;
}

.rcmWidget .categoryTree .arwLink {
padding-right: 15px;
}

.rcmWidget .categoryTree .arwLink:after {
content: " ";
background: url(../img/iconLinkNext.png) no-repeat center center;
position: absolute;
top: 50%;
right: 0;
width: 6px;
height: 10px;
margin: -5px 0 0 0;
}

.topSideContainer h2 {
font-size: 12px;
font-weight: bold;
}

.topSideContainer h3 {
font-size: 12px;
font-weight: bold;
}

.topSideContainer .caption {
font-size: 12px;
margin: 5px 0;
}

.bnrNewsUnit h3{
font-weight: bold;

}

.bnrNewsUnit h4{
font-size: 12px;
font-weight: bold;
margin-bottom: 5px;

}

.topNewsList p {
border-top: 1px solid #E3E4E5;
padding: 5px;
}

.rcmWidget .rcmBlock {
display: inline-block;
/display: inline;
/zoom: 1;
vertical-align: top;
margin-bottom: 30px;
font-size: 12px;
}

.rcmWidget.col02 .rcmBlock {
*width: 49%;
}

.rcmWidget.col05 .rcmBlock {
width: 18%;
}

.rcmWidget.col01 .rcmBlock {
width: 100%;
}

.gfNav .rcmWidget .rcmBlock {
border-left: 1px solid #CCC;
padding: 10px;
}

.rcmWidget .rcmCategoryBlock .inner {
border: 1px solid #D3D4D5;
border-radius: 3px;
margin-right: 15px;
margin-bottom: 15px;
}

.rcmWidget .rcmCategoryBlock .ttl {
font-size: 16px;
}

.rcmWidget .rcmBlockOuter {
font-size: 12px;
vertical-align: top;
float: left;
width: 33.3%;
}

.rcmWidget .rcmBlockOuter .inner {
padding-right: 10px;
padding-left: 10px;
}

.rcmWidget.col03.clearfix.PadRL {
padding-right: 10px;
padding-left: 10px;
}

.rcmWidget.col03 .rcmBlockOuter .innerBox {
padding-left: 5px;
}

.rcmWidget.col02.clearfix .rcmBannerBlock.rcmBannerBox {
float: left;
font-size: 12px;
vertical-align: top;
width: 50%;
*width: 49.9%;
}

.rcmWidget.col02.clearfix .rcmBannerBlock.rcmBannerBox .inner {
padding-right: 10px;
padding-left: 10px;
}

.rcmWidget.col02.clearfix .rcmBlockBox {
float: left;
font-size: 12px;
vertical-align: top;
width: 50%;
*width: 49.9%;
}

.rcmWidget.col02.clearfix .rcmBlockBox .inner {
padding-right: 10px;
padding-left: 10px;
}

.rcmWidget .rcmBannerBlock .imageOuter img {
width: 100%;
max-width: 400px;
max-height: 145px;
display: block;
}

.rcmWidget.col03.clearfix .rcmBlockOuter .inner .childOuterNav {
margin-left: 15px;
}

.rcmWidget.col03.clearfix .rcmBlockOuter .inner .childOuterNav .liD {
margin-left: 7px;
margin-top: 7px;
list-style-type: disc;
}

.rcmWidget.col03.clearfix .rcmBlockOuter .inner .ttl {
font-size: 13px;
}

.rcmBlockOuter .innerBox .listline li {
text-decoration: underline;
}

.rcmCategoryBlock .imgContainer .imgLink .brandImg {
float: left;
width: 100px;
margin: 0 20px 10px 0;
}

.topSideContainer #expService {
position: relative;
border: 1px #CCC solid;
border-radius: 5px;

}

.topSideContainer .expGgmapArea {
overflow: hidden;
position: relative;
z-index: 1;
border-radius: 6px 6px 0 0 / 6px 6px 0 0;
-webkit-border-radius: 6px 6px 0 0 / 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0 / 6px 6px 0 0;
}

.topSideContainer #expService .expGgmapArea iframe,
.topSideContainer .expGgmapArea object,
.topSideContainer .expGgmapArea embed {
width: 100%;
height: 252px;
}

.topSideContainer #expService  .expGgmapAdd {
position: absolute;
top: 8px;
left: 10px;
width: 270px;
background-color: #FFF;
padding: 10px 5px;
z-index: 10;
text-align: center;
border-radius: 3px;
box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}

.bannerTxtService {
color: #F90;
font-weight: bold;
}

.topSideContainer #expService  .expGgmapAdd p {
width: 92%;
color: #333435;
margin: 0 auto;

}

.expServiceBanner a {
text-decoration: none;
}

.expDeliveryTime .red {
font-weight: bold;
}

.bannerTxtaddr {
font-weight: bold;
}

.topSideContainer #expService .expDeliveryTime {
background-color: #fff;
color: #333435;
padding: 0.5rem 0;
text-align: center;
border-top: 1px solid #CCC;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-bottomright: 6px;
}

.topSideContainer #expService .expDeliveryTime p {
width: 85%;
margin: 0 auto;
padding: 5px 0;
line-height: 1.2rem;
}

.topSideContainer .destinationChange {
text-align: right;
margin: 6px 0 15px 0;
text-decoration: underline;
}

.rcmWidget.col03.clearfix .rcmBlockOuter .inner .ttl {
font-weight: bold
}

.rcmWidget .rcmBannerBlock .bannerCaption {
display: block;
width: 400px;
margin-top: 5px;
}

.rcmWidget .rcmBannerBlock a {
display: block;
float: left;
width: 100%;
}

.rcmWidget .widgetTitle {
font-size: 13px;
font-weight: bold;
margin-bottom: 5px;
padding-left: 10px;
}

.rcmWidget .categoryTree .childNav {
margin-top: 5px;
padding-left: 10px;
}

div.rcmWidget div.rcmBlock div.imgArea img {
max-height: 100px;
max-width: 100px;
}

div.rcmWidget div.rcmBlock div.imgArea {
float: left;
margin: 0 20px 10px 0;
width: 100px;
}

div.rcmWidget div.rcmBlock div.txtArea {
overflow: hidden;
}

div.rcmWidget div.rcmBlock div.ttl {
margin: 0 0 5px 0;
}

div.seoFix div.rcmBlock div.imgArea img {
float: left;
max-height: 100px;
max-width: 100px;
}

div.seoFix div.rcmBlock div.imgArea {
float: none;
width: 100%;
}

div.seoFix div.rcmBlock div.txtArea {
margin-left: 120px;
}

div.seoFix div.rcmBlock div.ttl {
margin: 0;
margin-left: 120px;
}

.seoFix .imgContainer {
position: relative;
}

div.seoFix div.rcmBlock div.ttl span {
text-decoration: underline;
}

.rcmWidget.categoryVertical .rcmBlock {
display: block;
font-size: 12px;
margin-bottom: 30px;
vertical-align: top;
}

.rcmWidget.categoryVertical .rcmWidgetInner {
float: left;
width: 33.33%;
}

.rcmWidget .rcmCategoryBlock .nav li {
display: block;
font-size: 12px;
margin-top: 5px;
min-width: auto;
vertical-align: top;
width: auto;
}

.rcmWidget .rcmCategoryBlock .nav li a {
line-height: 14px;
}

.rcmWidget .rcmBlock .nav {
font-size: 12px;
float: left;
margin: 5px 15px 0 0;
width: auto;
}

.rcmWidget .rcmBlock .nav li:first-child {
margin: 0;
}

.rcmWidget .rcmBlock .nav:nth-child(2) {
margin-right: -15px;
}

.rcmWidget .rcmBlock .nav.childNav {
float: none;
width: 100%;
}

.rcmWidget.col02 .rcmBlock {
width: 33.33%;
}

@media(max-width:1585px) {
.ctlgTop .rcmWidget.col02 .rcmBlock {
width: 50%;
}
}

@media(max-width:1500px) {
.rcmWidget.col02 .rcmBlock {
width: 50%;
}
}

@media ( max-width :1170px) {
.rcmWidget .rcmBannerBlock .image img {
width: 80%;
}
}

.rcmWidget .rcmCategoryBlock .imgContainer {
margin-top: 2px;
padding-left: 100px;
}

.rcmWidget .rcmCategoryBlock .inner.noImg .imgContainer {
padding-left: 0;
}

.rcmWidget .rcmCategoryBlock .imgContainerList {
padding-right: 15px;
padding-left: 100px;
}

.rcmWidget .rcmCategoryBlock .inner.noImg .imgContainerList {
padding-right: 0;
padding-left: 0;
}

.rcmWidget .rcmCategoryBlock .ttl {
position: relative;
}

.moreview {
font-size: 12px;
margin-top: 12px;
}

.rcmBlock.rcmCategoryBlock .moreview {
padding-left: 100px;
}

.rcmBlock.rcmCategoryBlock .noImg .moreview {
padding-left: 0;
}

.topContents .section .sectionHeader .caption {
border-top: 1px solid #d3d4d5;
clear: both;
font-size: 12px;
padding-top: 10px;
}

.topContents .section .sectionHeader .caption:empty {
padding-top: 0;
}

.moreview_right {
float: right;
font-size: 12px;
margin-top: 15px;
}

.rcmBlock.rcmCategoryBlock .moreview_right {
padding-left: 100px;
}

.rcmBlock.rcmCategoryBlock .noImg .moreview_right {
padding-left: 0;
}

.rcmWidget .rcmCategoryBlock .inner {
padding: 20px;
}

.valueAvg span.mainItem {
color: #F00;
font-size: 16px;
font-weight: bold;
margin-left: 10px;
vertical-align: middle;
}

#contents.ctlgTop.topContents .mainCol {
padding: 0px;
}

#contents.ctlgTop.topContents .rightCol {
padding: 0 10px;
width: 300px;
}

.rcmWidget.col03 .rcmWidgetInner .rcmBlock {
width: 100%;
}

.rcmWidget .rcmBlock.rcmCategoryBlock .nav {
width: 50%;
}

#contents.ctlgTop.topContents .mainCol {
float: left;
margin-right: -320px;
width: 100%;
}

#contents.ctlgTop.topContents .mainCol .mainColInner {
margin-right: 320px;
padding-left:10px;
}

#contents.ctlgTop.topContents .rightCol {
float: left;
}

.imgGalleryUnit .imgGalleryIndicator {
top: -2px;
}

.imgGallerySlot {
text-align: left;
}

.imgGalleryNavRow {
top: -3px;
margin:0 auto;
}

.imgGalleryNavRow ul{
margin: 0;
padding: 0;
text-align: center;
}

.imgGalleryNavRow ul li{
box-sizing: border-box;
display: inline-block;
height: 37px;
padding: 10px;
}

.imgGalleryNavRow .imgGalleryNav {
color: #666;
cursor: pointer;
display: table-cell;
font-size: 11px;
font-weight: bold;
height: 24px;
line-height: 1.2;
vertical-align: middle;
}

.imgGalleryUnit .imgGalleryIndicator .idcArw {
margin: -1px auto 0;
}

.imgGalleryNavRow .active .imgGalleryNav {
color: #F00;
}

.topTabNavRow ul {
height: 32px;
}

.topTabNavRow .topTabNav {
color: #666;
cursor: pointer;
line-height: 1.2;
}

.topTabNavRow .active .topTabNav {
color: #F00;
}

.topTabNavRow li {
float: left;
padding: 10px 8px;
text-align: center;
}

#contents .mainCol .section .rcmWidget.col03 a.captionHeader{
text-decoration: none;
}

.rcmWidget.col03 .rcmBlock .blockHeader {
min-width: 180px;
overflow: hidden;
}

div.rcmWidget div.rcmBlock div.txtArea {
min-width: 180px;
}

.rcmBlock .inner .imgContainer .moreview {
font-size: 12px;
font-weight: bold;
margin: 20px 0 0 0px;
padding-left: 0;
}

.rcmBlock .inner .imgContainer .moreview a.uiIconTxtS {
display: block;
height: auto;
}

div.rcmWidget div.rcmBlock div.imgArea {
height: 100px;
}

.rcmWidget.noImg .imgArea {
display: none;
}

.rcmWidget .rcmBlock .inner {
padding: 0 15px;
}

.pInfoTbl .deliveryInfo .js_notselect_address span {
font-weight: bold;
}

#dpu1008 .moreview {
margin-top: 0;
}
.topContents .section .sectionHeader.mView .moreview {
max-width: 39%;
margin: 0px;
float: right;
}

.topContents .section .sectionHeader.mView .sectionTitle {
margin-bottom: 8px;
float: left;
max-width: 55%;
border-bottom: none;
padding-bottom: 0px;
}

.topContents .section .sectionHeader .sectionTitle {
margin-bottom: 0;
border: none;
padding-bottom: 8px;
}

.topContents .section .sectionHeader.mView .moreview a {
text-decoration: none;
}

.topContents .section .sectionHeader.mView {
min-width: 730px;
position: relative;
}

.ctlgTop.topContents .section .sectionHeader.mView {
min-width: 630px;
}

div.rcmWidget .rcmBlock .ttl {
font-size: 13px;
font-weight: bold;
margin: 0 0 5px 0;
text-decoration: none;
}

div.rcmWidget .rcmBlock a .ttl {
font-size: 13px;
font-weight: bold;
margin: 0 0 5px 0;
text-decoration: underline;
}

#contents .mainCol .section .rcmWidget .caption {
font-size: 12px;
line-height: 14px;
margin-bottom: 10px;
}

#contents .mainCol .section .rcmWidget a .caption {
color: #333435;
}

.topHlList {
border-bottom: none;
}

.topHlList li:last-child {
border-top: 1px solid #E3E4E5;
padding: 10px 0 0 0;
}

#contents .mainCol .section .rcmWidget .rcmBlock .rcmBrandList a .caption {
color: #0D6295;
}

#contents .mainCol .section .rcmWidget .rcmBlock .rcmBrandList a:hover .caption {
color: #F00;
}

.topSideContainer_searchLink h2 {
font-size: 12px;
font-weight: bold;
margin-bottom: 5px;
}

.sideListBlock_section .caption {
font-size: 12px;
}

.topSideContainer_searchLink .sideListBlock_section {
border: 1px solid #E3E4E5;
border-radius: 3px;
padding: 10px;
margin-bottom: 20px;
}

.topContents .section .sectionHeader.sectionHeaderCarousel {
margin-bottom: 0px;
}

/* DOMリファクタ 追加スタイル
-------------------------------------------------------*/
#contents.ctlgTop .pRecHead{
  border-bottom: 1px #999 solid;
  padding: 0 0 5px 0;
}

.rcmWidget.col02 .rcmBlock{
  box-sizing: border-box;
  padding: 0 15px 0;
}
/*-------------------------------------------------------*/
/* カタログイベント 追加スタイル
-------------------------------------------------------*/
@media ( max-width :1170px) {
.rcmWidget .rcmBannerBlock .bannerCaption {
    width: inherit;
}
}
/*-------------------------------------------------------*/
