@charset "UTF-8";
/* ブロックスライダー */
#topBloc {
  position: absolute;
  width: 100%;
  overflow: hidden;
}
#topBloc article {
  width: 1031px;
  margin: 0 auto;
}

.contents {
  width: 980px;
  margin-bottom: 60px;
}
.contents p {
  font-size: 12px;
  line-height: 1.8em;
}

section.block_area {
  background-color: #fff;
}

/* block - フォント・行間サイズ */
/* block - メインテキスト */
.block_maintxt {
  text-align: center;
  padding: 48px  0 60px 0;
}
.block_maintxt img {
  display: block;
  padding-bottom: 20px;
  margin: 0 auto;
}
.block_maintxt p {
  width: 550px;
  padding-top: 10px;
  margin: 0 auto;
  color: black;
  text-align: left;
}

/* block - レザー　*/
.block_leather {
  text-align: center;
  padding: 0 0 50px 0;
}
.block_leather img {
  display: block;
  padding-bottom: 20px;
  margin: 0 auto;
}
.block_leather img:first-child {
  padding-bottom: 25px;
}
.block_leather p {
  width: 550px;
  padding-bottom: 10px;
  margin: 0 auto;
  color: black;
  text-align: left;
}
.block_leather a {
  line-height: 2.2em;
  font-size: 11px;
}

/* block - エイジング　*/
.block_aging {
  text-align: center;
  border-top: 1px solid #cbcbcb;
  padding: 25px 0 100px 0;
}

.slider_area {
  width: 498px;
  padding-top: 20px;
  margin: 0 auto;
}

/* block - ディテール　*/
.block_detail {
  text-align: left;
  padding: 70px 61px 65px;
  background-color: #5e5e5e;
  overflow: hidden;
  height: 100%;
  position: relative;
  color: white;
}
.block_detail img.title {
  display: block;
  margin: 0 auto;
}
.block_detail .detail_l {
  float: left;
  width: 540px;
  padding-top: 45px;
  text-align: left;
}
.block_detail .detail_l .disnon {
  display: none;
}
.block_detail .detail_l h4 {
  font-size: 16px;
  color: white;
  margin: 47px 28px 20px 28px;
  font-weight: 700;
  line-height: 1.8em;
  letter-spacing: 0.1em;
}
.block_detail .detail_l p {
  margin: 0 28px;
  width: 430px;
  text-align: left;
}
.block_detail .detail_l .content_wrapbox {
  min-height: 790px;
}
.block_detail .detail_r {
  float: right;
  width: 300px;
  padding-top: 65px;
}
.block_detail ul li {
  float: left;
  padding: 0 0 13px 13px;
  cursor: pointer;
}
.block_detail ul li:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
.block_detail ul li img {
  border: 1px solid #858585;
}
.block_detail .detail_r #tab {
  display: block;
  width: 283px;
  float: right;
}
.block_detail .detail_r p.guide_txt {
  font-size: 11px;
  clear: both;
  padding: 10px 0 0 13px;
  text-align: left;
}
.block_detail .detail_r .spec_aera {
  height: 242px;
  width: 268px !important;
  position: absolute;
  bottom: 69px;
  right: 61px;
}
.block_detail .detail_r .spec_aera p {
  font-size: 11px;
  width: 245px;
  line-height: 1.5em;
  text-align: left;
}



.block_detail .detail_r h4 {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.8em;
    margin: 0px 0px 20px;
}
.block_detail .detail_r .spec_aera {
    bottom: 170px;
    height: 242px;
    position: absolute;
    right: 58px;
    width: 300px !important;
}
.block_detail .detail_l .content_wrapbox {
    min-height: 500px;
}

ul#tab{
clear:both;
padding-top:30px;
overflow:hidden;
}

.block_detail ul#tab li {
    cursor: pointer;
    float: left;
    padding: 0 6px 0 0;
}
.block_detail ul#tab li.last {
    padding: 0;
}

.block_detail ul#tab li img{
width:51px;
height:51px;
}
.block_detail p.guide_txt{
	text-align: left;
}

.block_detail .detail_r .disnon {
    display: none;
}



/* block - 革のこと */
.kawa_detail {
  text-align: center;
  padding: 0 61px 80px 89px;
  background-color: #5e5e5e;
  overflow: hidden;
  margin: 0 auto;
}
.kawa_detail img {
  float: left;
}
.kawa_detail p {
  float: right;
  width: 480px;
  border: 1px solid #B1B1B1;
  color: #fff;
  margin-right: 15px;
  padding: 30px 20px;
  min-height: 113px;
  text-align: left;
}
.kawa_detail_txt {
  text-align: center;
  padding: 0 61px 80px 61px;
  background-color: #5e5e5e;
  overflow: hidden;
  margin: 0 auto;
}
.kawa_detail_txt p{
  border: 1px solid #B1B1B1;
  color: #fff;
  padding: 30px 20px;
  min-height: 113px;
  text-align: left;
  font-size:11px;
}

/* block - クラフトマンシップ　*/
.block_craftsman {
  text-align: center;
  padding: 60px 0;
}
.block_craftsman img.title {
  display: block;
  padding-bottom: 20px;
  margin: 0 auto;
}
.block_craftsman img.thum {
  width: 406px;
  margin: 0 auto 20px auto;
}
.block_craftsman p {
  width: 389px;
  padding-bottom: 20px;
  margin: 0 auto;
  text-align: left;
}
.block_craftsman a {
  font-size: 11px;
}

/* block - カラーバリエーション */
.detail_color {
  border-top: 1px solid #cbcbcb;
  padding: 60px 0;
  text-align: center;
  overflow: hidden;
}
.detail_color ul li {
  float: left;
}
.detail_color p {
  text-align: center;
  padding: 28px 0 32px 0;
}
.detail_color ul.model {
  padding-top: 28px;
}
.detail_color .m_col4 {
  margin: 0 35px;
}
.detail_color .m_col4 li {
  padding-left: 15px;
}
.detail_color .m_col3 {
  margin: 0 35px;
}
.detail_color .m_col3 li {
  padding-left: 29px;
}
.detail_color .m_col2 {
  margin: 0 120px;
}
.detail_color .m_col2 li {
  padding-left: 79px;
}
.detail_color .m_col1 {
  margin: 0 auto;
  width: 432px;
}
.detail_color .i_col4 {
  margin: 0 47px;
}
.detail_color .i_col4 li {
  padding-left: 39px;
}
.detail_color .i_col3 {
  margin: 0 81px;
}
.detail_color .i_col3 li {
  padding-left: 121px;
}
.detail_color .i_col2 {
  margin: 0 189px;
}
.detail_color .i_col2 li {
  padding-left: 217px;
}
.detail_color .i_col1 {
  margin: 0 auto;
  width: 192px;
}
.detail_color li:first-child {
  padding-left: 0;
}

/* block - トピックス */
.block_topics {
  text-align: center;
  padding: 30px 0 65px 0;
  background-color: #ccc;
  position: relative;
  overflow: hidden;
  clear: both;
}
.block_topics img.title {
  margin: 0 auto;
  display: block;
}
.block_topics ul {
  padding-top: 20px;
  float: left;
  left: 50%;
  position: relative;
}
.block_topics ul li {
  float: left;
  left: -50%;
  position: relative;
  padding-left: 18px;
}
.block_topics ul li img {
  border: 6px solid #fff;
}
.block_topics ul li:first-child {
  padding-left: 0;
}
.block_topics ul li p {
  text-align: center;
  padding-top: 2px;
}

/* block - ナチュラルスタンプ */
.block_stamp {
  padding: 35px 0 10px 0;
  border-top: 1px solid #cbcbcb;
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
  position: relative;
  clear: both;
}
.block_stamp ul {
  text-align: center;
  letter-spacing: -0.4em;
}
.block_stamp ul li {
  width: 180px;
  margin: 0 17px 36px 17px;
  display: inline-block;
  letter-spacing: normal;
}
.block_stamp p {
  text-align: left;
}
.block_stamp p.read {
  width: 600px;
  margin: 0 auto;
  margin-bottom: 36px;
}
.block_stamp p.title {
  font-weight: 700;
  padding-bottom: 3px 0;
}

/* js - エイジングスライド　*/
.bxslider2 {
  height: 328px;
}

.slider_area .bx-wrapper {
  margin: 0 auto;
  padding: 0;
  position: relative;
  width: 498px;
  overflow: hidden;
}
.slider_area .bx-wrapper img {
  width: 498px;
  z-index: -1;
}
.slider_area .bx-wrapper .bx-controls-direction a {
  position: absolute;
  outline: 0;
  top: 49%;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 5999;
}
.slider_area .bx-wrapper .bx-prev {
  background: url("//s3-ap-northeast-1.amazonaws.com/tsuchiyakaban/user_data/packages/default/2014/img/bxslider/controls.png") no-repeat scroll 0 -32px rgba(0, 0, 0, 0);
  left: 10px;
}
.slider_area .bx-wrapper .bx-next {
  background: url("//s3-ap-northeast-1.amazonaws.com/tsuchiyakaban/user_data/packages/default/2014/img/bxslider/controls.png") no-repeat scroll -43px -32px rgba(0, 0, 0, 0);
  right: 10px;
}

/* js - ディテールスクロールバー　*/
.jspContainer {
  overflow: hidden;
  position: relative;
}

.jspPane {
  position: absolute;
  top: 0;
  left: 0;
}

.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 100%;
}

.jspVerticalBar *, .jspHorizontalBar * {
  margin: 0;
  padding: 0;
}

.jspHorizontalBar .jspCap {
  float: left;
}

.jspVerticalBar *, .jspHorizontalBar * {
  margin: 0;
  padding: 0;
}

.jspHorizontalBar .jspCap {
  float: left;
}

.jspTrack {
  background: #5e5e5e;
  position: relative;
  border-left: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
}

.jspDrag {
  background: #b1b1b1;
  width: 14px;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
}

.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
  float: left;
  height: 100%;
}

.jspVerticalBar .jspArrow {
  height: 21px;
  width: 16px;
  display: block;
}

.jspVerticalBar .jspArrow:focus {
  outline: none;
}

.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%;
}

* html .jspCorner {
  margin: 0 -3px 0 0;
}

a.jspArrowUp {
  background: url("//s3-ap-northeast-1.amazonaws.com/tsuchiyakaban/user_data/packages/default/2014/img/detail/basic_arrow_up.png") no-repeat 0 0;
}

a.jspArrowDown {
  background: url("//s3-ap-northeast-1.amazonaws.com/tsuchiyakaban/user_data/packages/default/2014/img/detail/basic_arrow_down.png") no-repeat 0 0;
}

a.jspArrowUp:hover, a.jspArrowDown:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}



.red p {
  font-size: 120%;
  font-color:red;
  text-align: center;
  line-height: 1.8em;
}