@charset "UTF-8";
/**
 * トップページ
 */
/* ==========================================================================
   contents
   ========================================================================== */
#top {
  background: #f2f2f2; }
  #top #contents {
    padding-bottom: 89px; }

#top-slide {
  background: #fff;
  padding: 13px 0;
  height: 274px;
  overflow: hidden; }
  #top-slide ul {
    margin: 0 auto;
    width: 960px; }

#tab ul {
  width: 969px;
  margin-left: -9px;
  overflow: hidden;
  z-index: 100; }
  #tab ul li {
    margin-left: 9px;
    cursor: pointer !important; }

#tab-contents {
  background: #fff;
  border: 1px solid #d9d9d9;
  z-index: 0;
  margin-top: -1px; }
  #tab-contents .size-ml {
    width: 275px; }
  #tab-contents table th, #tab-contents table td {
    padding-bottom: 16px; }
  #tab-contents table th {
    font-weight: bold;
    color: #333;
    font-size: 107.6923076923%; }
  #tab-contents ul .inner {
    padding: 21px 21px 8px 21px; }
  #tab-contents ul .hide {
    display: none; }
  #tab-contents ul .pigment .fl {
    width: 55%; }
    #tab-contents ul .pigment .fl select, #tab-contents ul .pigment .fl .color-box {
      display: inline-block;
      letter-spacing: normal;
      vertical-align: middle;
      *display: inline;
      *zoom: 1; }
    #tab-contents ul .pigment .fl .color-box {
      padding-left: 5px; }
      #tab-contents ul .pigment .fl .color-box li {
        margin-left: 2px; }
  #tab-contents ul .pigment .fr {
    width: 45%; }
  #tab-contents ul .btn-sec {
    background: #f7f7f7;
    text-align: center;
    position: relative;
    padding: 21px 0; }
    #tab-contents ul .btn-sec .search-detail {
      position: absolute;
      right: 21px;
      top: -4px; }

#info {
  margin-top: 34px;
  position: relative; }
  #info h3, #info #info-lead {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: middle;
    *display: inline;
    *zoom: 1; }
  #info #info-lead {
    padding-left: 21px;
    color: #333; }
  #info #btn-info {
    position: absolute;
    right: 0;
    top: 0; }
  #info .info-list {
    border-top: 1px solid #e3e3e3;
    margin-top: 21px; }
    #info .info-list li {
      padding: 10px 13px;
      border-bottom: 1px solid #e3e3e3;
      position: relative; }
      #info .info-list li .date, #info .info-list li .text {
        display: inline-block;
        letter-spacing: normal;
        vertical-align: middle;
        *display: inline;
        *zoom: 1;
        line-height: 20px;
        vertical-align: top; }
      #info .info-list li .date {
        color: #666; }
      #info .info-list li .icon {
        position: absolute;
        left: 130px;
        top: 10px; }
      #info .info-list li .text {
        padding-left: 102px;
        width: 715px; }
        #info .info-list li .text a {
          color: #333; }
      #info .info-list li:nth-child(2n) {
        background: #fff; }

/* bxslider.css を上書き
   ========================================================================== */
.bx-wrapper {
  margin: 0 auto;
  width: 960px;
  margin-bottom: 0; }

.bx-wrapper .bx-viewport {
  border: none;
  border-radius: 0;
  box-shadow: none;
  left: 0;
  margin: 0; }

.bx-wrapper .bx-pager {
  text-align: right; }

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
  bottom: -13px;
  position: absolute;
  width: 100%; }

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #999; }

.bx-wrapper .bx-pager.bx-default-pager a {
  border-radius: 0;
  height: 5px;
  width: 30px; }

.bx-pager-link {
  text-indent: -9999px;
  text-align: center;
  overflow: hidden; }

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #2d1f47; }