/* --- clearfix --- */
.clearfix, .snsLists ul, #contentAreaInner .hasSidebar, #contentAreaInner .main, .bottomArea {
  *zoom: 1;
}

.clearfix:after, .snsLists ul:after, #contentAreaInner .hasSidebar:after, #contentAreaInner .main:after, .bottomArea:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
  margin-top: -1px;
}

@media print {
  .clearfix:after, .snsLists ul:after, #contentAreaInner .hasSidebar:after, #contentAreaInner .main:after, .bottomArea:after {
    clear: both;
    height: 1px;
    margin-bottom: -1px;
    visibility: hidden;
  }
}

/* !SNS */
#ttlArea {
  position: relative;
  width: 920px;
  margin-bottom: 12px;
}
#ttlArea .snsLists {
  position: absolute;
  right: 0;
  top: 0;
}

.snsLists ul {
  width: 450px;
  #width: 350px;
  height: 28px;
  background: #f9fafc;
  border: 1px solid #ecf0f5;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
/*  behavior: url(/common201008/css/PIE.htc); */
  position: relative;
  zoom: 1;
}

.snsLists ul {
behavior: url(/common201008/css/PIE.htc);
 /* all browsers */

}

.snsLists ul:not(:target){
    behavior: ¥9; /* IE9 */
}



.snsLists li {
  float: left;
  padding-top: 4px;
  margin-left: 10px;
  display: inline;
  zoom: 1;
}

/* !#contentArea */
#contentsFrame {
  text-align: left;
}

#contentArea {
  background: #ffea94;
}
#contentArea h2 {
  margin-bottom: 4px;
}

#contentAreaInner {
  padding: 0 12px 12px 4px;
}
#contentAreaInner .hasSidebar .main {
  width: 678px;
  float: left;
}
#contentAreaInner .hasSidebar .sidebar {
  width: 218px;
  float: right;
}
#contentAreaInner .hasSidebar .sidebar li {
  margin-bottom: 8px;
}
#contentAreaInner .main li {
  width: 218px;
  min-height: 230px;
  height: auto !important;
  height: 230px;
  float: left;
  margin: 0 0 8px 8px;
  display: inline;
  font-size: 85%;
  line-height: 1.3em;
  /*
  			a {
  				display: block;
  				//background: #FF0000;
  				@include min_height(230px);
  			}
  */
}
#contentAreaInner .main li.col896 {
  width: 896px;
}
#contentAreaInner .main li.col670 {
  width: 670px;
}
#contentAreaInner .main li.col444 {
  width: 444px;
}

.bottomArea {
  padding-bottom: 12px;
  position: relative;
  width: 920px;
}
.bottomArea .bigBanner {
  margin-top: 20px;
}
.bottomArea .attention {
  margin-top: 20px;
}
.bottomArea .attention li {
  font-size: 77%;
  list-style: disc;
  margin-left: 1.5em;
}
.bottomArea .snsLists {
  margin-top: 20px;
  float: right;
}

.hasBtns {
  position: relative;
}
.hasBtns .btn15, .hasBtns .btn30 {
  position: absolute;
}

.hasTxt .productName {
  font-size: 14px;
}
.hasTxt .productName .productPrice {
  font-size: 10px;
}

.mb12 {
  margin-bottom: 12px !important;
}

.mb4 {
  margin-bottom: 4px !important;
}