@charset "utf-8";
/* 株式会社ウィンテル
　Copyright (C) Wintel Corporation. All Rights Reserved. */

/* =======================================
    タブレット／PC版
======================================= */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }

.content .clear { clear: both; }

.content #body-stockdetail { background-color: #FAFAFA; margin: 0px; padding: 0px; font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.content .shipDetailWrapper { height: auto; width: 800px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding: 15px; background-color: #FFF; }

.content .shipDetailWrapper h1 { font-size: 18px; font-weight: bold; text-align: left; color: #666; margin-bottom: 15px; background-color: #eeeeee; padding: 10px; }

.content .free-item1 { text-align: left; width: auto; margin-bottom: 15px; display: block; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #CCC; border-right-color: #999; border-bottom-color: #999; border-left-color: #CCC; }
.content .free-item1 .cap { width: 150px; display: block; padding: 10px; margin-top: 0px; margin-right: 1px; margin-bottom: 0px; margin-left: 0px; float: left; font-size: 15px; line-height: 20px; color: #333; background-color: #E6E6E6; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
.content .free-item1 .contents { display: block; width: 606px; margin: 0px; padding: 10px; float: left; font-size: 15px; line-height: 20px; color: #333; background-color: #FFF; }
.content .free-item1 .contents a { color: #06C; text-decoration: underline; }
.content .free-item1 .contents a:hover { color: #C00; text-decoration: none; }

.content .ship-photo { width: auto; height: auto; margin-bottom: 15px; }
.content .photoL { position: relative; top: 340px; left: -15px; margin-top:-102px; width:1.2em;height:40px;border:none; background-color:#999999; color:#ffffff; padding-top:40px; padding-bottom:16px; text-align:center; font-weight:bold; cursor:pointer;}
.content .photoR { position: relative; top: -290px; left: 801px; margin-bottom:-110px;  width:1.2em;height:20px;border:none; background-color:#999999; color:#ffffff; padding-top:40px; padding-bottom:37px; text-align:center; font-weight:bold; cursor:pointer;}

.content #hr01 p{display: inline;}
.content .ship-photo .morePhoto {
  clear:both; width: 100%;height: 50px;
  background:  url("/boatImg/img/ship/bt_all_img03_1.png") 0 0 no-repeat;
  text-align: center; vertical-align: middle; font-weight: bold;
}
.content .ship-photo .morePhoto :hover{
  clear: both; width: 100%; height: 50px;
  background:  url("/boatImg/img/ship/bt_all_img03_2.png") 0 0 no-repeat;
  text-align: center; vertical-align: middle;
  font-weight: bold;
}
.content .ship-photo .morePhoto a{
  display: block;
  padding-top: 15px; padding-bottom: 15px;
  font-style: 14px; font-weight: bold; color: #ffffff;
  /* font-style: 14px; font-weight: bold; color: #ff0000; */
}
.content .ship-photo .morePhoto a:hover{
  display: block;
  padding-top: 15px;padding-bottom: 15px;
  font-style: 14px; font-weight: bold; color: #0033ff;
}

.content .free-item2 { text-align: left; width: auto; margin-bottom: 15px; display: block; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #CCC; border-right-color: #999; border-bottom-color: #999; border-left-color: #CCC; }
.content .free-item2 .cap { width: 150px; display: block; padding: 10px; margin-top: 0px; margin-right: 1px; margin-bottom: 0px; margin-left: 0px; float: left; font-size: 15px; line-height: 20px; color: #333; background-color: #E6E6E6; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
.content .free-item2 .contents { display: block; width: 606px; margin: 0px; padding: 10px; float: left; font-size: 15px; line-height: 20px; color: #333; background-color: #FFF; }
.content .free-item2 .contents a { color: #06C; text-decoration: underline; }
.content .free-item2 .contents a:hover { color: #C00; text-decoration: none; }

.content .ship-info { width: auto; height: auto; margin-bottom: 15px; }

.content .spec { width: 429px; height: auto; float: left; margin-right: 15px; }

.content .ship-spec { width: auto; height: auto; }
.content .ship-spec .ship { width: 405px; height: auto; padding: 10px; text-align: center; display: block; margin-top: 0px; margin-right: 0px; margin-bottom: 1px; margin-left: 0px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #CCC; border-right-color: #999; border-bottom-color: #999; border-left-color: #CCC; font-size: 13px; line-height: 18px; float: left; }
.content .ship-spec .ship2 { width: 191px; height: auto; padding: 10px; text-align: center; display: block; margin-top: 0px; margin-right: 1px; margin-bottom: 1px; margin-left: 0px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #CCC; border-right-color: #999; border-bottom-color: #999; border-left-color: #CCC; font-size: 13px; line-height: 18px; float: left; }
.content .ship-spec .ship2r { width: 191px; height: auto; padding: 10px; text-align: center; display: block; margin-top: 0px; margin-right: 0px; margin-bottom: 1px; margin-left: 0px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #CCC; border-right-color: #999; border-bottom-color: #999; border-left-color: #CCC; font-size: 13px; line-height: 18px; float: left; }

.content .sobi-icon { width: 800px; height: auto; margin-top: 15px; margin-bottom: 15px; }
.content .sobi-icon ul { width: auto; height: auto; }
.content .sobi-icon li { width: auto; height: auto; list-style-type: none; float: left; margin: 0px; padding: 1px; }
.content .sobi-icon img { width: 50px; border: none; }

.content .sns { width: 429px; height: auto; float: left; }
.content .sns_button { list-style:none; margin: 0px; padding: 0px; margin-top: 10px; }
.content .sns_button li { margin: 0px; padding-left: 5px; }
.content .sns_twitter { width: 84px; float: left; }
.content .sns_facebook { width: 65px; float: left; }
.content .sns_mixi { width: 68px; float: left; }
.content .sns_gree { width: 106px; float: left; }
.content .sns_plus1 { width: 40px; float: left; }
.content .sns_twitter iframe.twitter-share-button { width: 72px !important; }

.content .price-info { width: 356px; height: auto; float: right; }

.content .price-display { width: auto; height: auto; margin-bottom: 10px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #CCC; border-right-color: #999; border-bottom-color: #999; border-left-color: #CCC; padding-top: 18px; padding-right: 15px; padding-bottom: 18px; padding-left: 15px; }
.content .price-display .price-icon { width: 90px; height: auto; float: left; margin-right: 10px; padding-top: 6px; }
.content .price-display .price-icon img { width: 90px; border: none; }
.content .price-display .price { width: auto; height: 32px; float: left; margin-right: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 36px; font-weight: bold; text-align: right; color: #C00; padding-top: 5px; line-height: 36px; padding-bottom: 0px; }
.content .price-display .price-tag { width: auto; height: auto; float: left; font-size: 14px; line-height: 14px; font-weight: normal; padding-top: 20px; }
.content .price-display .price-tax{position: relative; top: -10px; left: 3px; height: 15px;color: #333333;font-size: 12px;}
.content .price-display .price-tax-child {float: right; padding-top: 10px;}
.content .price-display .price-box{float: left; width: }
.content .price-display .price-oudan{text-align: center;}
.content .price-display .price-notice { color: #ff0000;}

.content .qr-display { width: auto; height: auto; margin-bottom: 15px; padding: 15px; background-color: #F0F0F0; display: block; }
.content .qr-display .qr-img { width: 45px; height: 45px; float: left; margin-right: 10px; border: 1px solid #999; }
.content .qr-display .qr-img img { width: 45px; border: none; }
.content .qr-display .qr-tx { width: auto; height: auto; float: left; font-size: 12px; line-height: 20px; font-weight: normal; padding-top: 4px; }
.content .qr-display .qr-tx a { color: #06C; text-decoration: underline; }
.content .qr-display .qr-tx a:hover { color: #C00; text-decoration: none; }

.content .inquiry { width: 356px; height: 70px; margin-bottom: 10px; margin-left: auto; margin-right: auto;}
.content .inquiry img { border: none; width: 356px; height: 70px; }
.content .inquiry a { width: 356px; height: 70px; display: block; background-image: url(/boatImg/img/ship/inquiry1.png); background-repeat: no-repeat; }
.content .inquiry a:hover { width: 356px; height: 70px; display: block; background-image: url(/boatImg/img/ship/inquiry2.png); background-repeat: no-repeat; }

.content .print { width: 356px; height: 70px; float: right; display: block; margin-bottom: 10px;}
.content .print img { border: none; width: 356px; height: 70px; }
.content .print a { width: 356px; height: 70px; display: block; background-image: url(/boatImg/img/ship/print1.png); background-repeat: no-repeat; }
.content .print a:hover { width: 356px; height: 70px; display: block; background-image: url(/boatImg/img/ship/print2.png); background-repeat: no-repeat; }

.content .lineButton { width: 356px; height: 70px; margin-bottom: 10px; float: right; display: block; }
.content .lineButton img { border: none; width: 356px; height: 70px; }
.content .lineButton a { width: 356px; height: 70px; display: block; background-image: url(/vcsImg/img/car/lineButton.png); background-repeat: no-repeat; }
.content .lineButton a:hover { width: 356px; height: 70px; display: block; background-image: url(/vcsImg/img/car/lineButton2.png); background-repeat: no-repeat; }

.content .lineButton_sp { width: 356px; height: 70px; margin-bottom: 15px; float: right; display: block; }
.content .lineButton_sp img { border: none; width: 356px; height: 70px; }
.content .lineButton_sp a { width: 356px; height: 70px; display: block; background-image: url(/vcsImg/img/car/lineButton.png); background-repeat: no-repeat; }
.content .lineButton_sp a:hover { width: 356px; height: 70px; display: block; background-image: url(/vcsImg/img/car/lineButton2.png); background-repeat: no-repeat; }

.content .shopUrl { width: 356px; height: 70px; float: right; display: block; margin-bottom: 10px;}
.content .shopUrl img { border: none; width: 356px; height: 70px; }
.content .shopUrl a { width: 356px; height: 70px; display: block; background-image: url(/boatImg/img/parts/shopurl01.jpg); background-repeat: no-repeat; background-size: 100% 100%;}
.content .shopUrl a:hover { width: 356px; height: 70px; display: block; background-image: url(/boatImg/img/parts/shopurl02.jpg); background-repeat: no-repeat; background-size: 100% 100%;}

.content .free-item3 { text-align: left; width: auto; margin-bottom: 15px; display: block; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #CCC; border-right-color: #999; border-bottom-color: #999; border-left-color: #CCC; }
.content .free-item3 .cap { width: 150px; display: block; padding: 10px; margin-top: 0px; margin-right: 1px; margin-bottom: 0px; margin-left: 0px; float: left; font-size: 15px; line-height: 20px; color: #333; background-color: #E6E6E6; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
.content .free-item3 .contents { display: block; width: 606px; margin: 0px; padding: 10px; float: left; font-size: 15px; line-height: 20px; color: #333; background-color: #FFF; }
.content .free-item3 .contents a { color: #06C; text-decoration: underline; }
.content .free-item3 .contents a:hover { color: #C00; text-decoration: none; }

.content .comment-area { width: auto; height: auto; min-height: 200px; padding: 10px; text-align: left; display: block; margin-top: 0px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #CCC; border-right-color: #999; border-bottom-color: #999; border-left-color: #CCC; font-size: 15px; line-height: 1.25 !important; }
.content .comment-area p { font-size: 15px; line-height: 1.25 !important; }
.content .comment-area #ship-document { width: auto; height: auto; margin: 15px auto 0px auto; }
.content .comment-area #sobi-tx { width: auto; height: auto; margin: 15px auto 0px auto; }
.content .comment-area .main-comment { width: auto; height: auto; margin: 0px auto 0px auto; }
.content .comment-area #ship-number { width: auto; height: auto; margin: 15px auto 0px auto; }
.content .comment-area #fixed-comment { width: auto; height: auto; margin: 15px auto 0px auto; }
.content .comment-area .free-item4 { width: 778px; height: auto; margin: 15px auto 0px auto; display: block; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; overflow: hidden; }
.content .comment-area .free-item4 img { width: 100%; border: none; }
.content .comment-area .free-item4 iframe { width:  !important; height:  !important; }

.content .pagelink1 { width: auto; margin-bottom: 15px; display: block; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; text-align: left; border-top-color: #CCC; border-right-color: #999; border-bottom-color: #999; border-left-color: #CCC; }
.content .pagelink1 .cap { display: block; width: 150px; padding: 10px; margin-top: 0px; margin-right: 1px; margin-bottom: 0px; margin-left: 0px; float: left; font-size: 13px; line-height: 20px; color: #333; background-color: #E6E6E6; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; text-align: center }
.content .pagelink1 .contents { display: block; width: 606px; margin: 0px; padding: 10px; float: left; font-size: 15px; line-height: 20px; color: #333; background-color: #FFF; }
.content .pagelink1 .contents a { color: #06C; text-decoration: underline; }
.content .pagelink1 .contents a:hover { color: #C00; text-decoration: none; }

.content .pagelink2 { width: 778px; height: auto; background-color: #99ccff; text-align: center; margin-top: 0px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; padding: 10px; -moz-border-radius: 5px;
    /* Firefox */ -webkit-border-radius: 5px; /* Safari,Chrome */ border-radius: 5px; /* CSS3 */ border: 1px solid #999;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #838891), color-stop(0.00, #e6e6e6));
background: -webkit-linear-gradient(top, #e6e6e6 0%, #838891 100%);
background: -moz-linear-gradient(top, #e6e6e6 0%, #838891 100%);
background: -o-linear-gradient(top, #e6e6e6 0%, #838891 100%);
background: -ms-linear-gradient(top, #e6e6e6 0%, #838891 100%);
background: linear-gradient(top, #e6e6e6 0%, #838891 100%);
}
.content .pagelink2 a { color: #06C; text-decoration: underline; }
.content .pagelink2 a:hover { color: #C00; text-decoration: none; }


.content .shop-info { width: auto; height: auto; }
.content .shop-info .shop-photo { 
  width: 300px; 
  height: 225px; 
  float: left; 
  margin-right: 15px; 
  border-top-width: 1px; 
  border-right-width: 1px; 
  border-bottom-width: 1px; 
  border-left-width: 1px; 
  border-top-style: solid; 
  border-right-style: solid; 
  border-bottom-style: solid; 
  border-left-style: solid; 
  border-top-color: #CCC; 
  border-right-color: #999; 
  border-bottom-color: #999; 
  border-left-color: #CCC; 
  padding: 1px; 
  display: table;
  table-layout: fixed;
}
.content .shop-info .centeringimg{
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  line-height: 225px;
}
.content .shop-info .shop-photo img { max-height: 225px; max-width: 300px; }
.content .shop-detail { width: 460px; height: auto; float: right; }
.content .shop-detail .cap { display: block;
 margin-top: 0px;
 margin-right: 1px;
 margin-bottom: 1px;
 margin-left: 0px;
 float: left;
 border-top-width: 1px;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-left-width: 1px;
 border-top-style: solid;
 border-right-style: solid;
 border-bottom-style: solid;
 border-left-style: solid;
 border-top-color: #CCC;
 border-right-color: #999;
 border-bottom-color: #999;
 border-left-color: #CCC;
 font-size: 13px;
 line-height: 18px;
// height:16px;
 width: 84px;
 padding-top: 7px;
 padding-right: 10px;
 padding-bottom: 7px;
 padding-left: 10px;
 background-color: #FFF;
 }
.content .shop-detail .contents { display: block;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 1px;
 margin-left: 0px;
 float: left;
 border-top-width: 1px;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-left-width: 1px;
 border-top-style: solid;
 border-right-style: solid;
 border-bottom-style: solid;
 border-left-style: solid;
 border-top-color: #CCC;
 border-right-color: #999;
 border-bottom-color: #999;
 border-left-color: #CCC;
 font-size: 13px;
 line-height: 18px;
// height:16px;
 width: 330px;
 padding-top: 7px;
 padding-right: 10px;
 padding-bottom: 7px;
 padding-left: 10px;
 background-color: #FFF;
 }

.content .shop-detail .contents a { color: #06C; text-decoration: underline; }
.content .shop-detail .contents a:hover { color: #C00; text-decoration: none; }

.content .shop-detail .pagelink3 { width: 437px; height: auto; background-color: #99ccff; float: left; text-align: center; margin-top: 0px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; padding: 10px; -moz-border-radius: 5px;
    /* Firefox */ -webkit-border-radius: 5px; /* Safari,Chrome */ border-radius: 5px; /* CSS3 */ border: 1px solid #999;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #b0b0b0), color-stop(0.00, #f4f4f4));
background: -webkit-linear-gradient(top, #f4f4f4 0%, #b0b0b0 100%);
background: -moz-linear-gradient(top, #f4f4f4 0%, #b0b0b0 100%);
background: -o-linear-gradient(top, #f4f4f4 0%, #b0b0b0 100%);
background: -ms-linear-gradient(top, #f4f4f4 0%, #b0b0b0 100%);
background: linear-gradient(top, #f4f4f4 0%, #b0b0b0 100%);}
.content .shop-detail .pagelink3 a { color: #06C; text-decoration: underline; }
.content .shop-detail .pagelink3 a:hover { color: #C00; text-decoration: none; }

.content .inspKey{float: left;}
.content .inspValue{float: left; padding-left: 5px;padding-right: 10px;}
.content .syakenBikouKey{clear: both;}
.content .syakenBikouValue{clear: both;}

/* sns buttons content内*/
.content .hc_topSection { font-size: 12px; overflow: hidden; width: 100%;}
.content .hc_snsButtons { width: 429px; height: auto; float: left; }
.content .hc_snsButtons .sns_button { list-style:none; margin: 0px; padding: 0px; margin-top: 10px; }
.content .hc_snsButtons .sns_button li { margin: 0px; padding-left: 5px; }
.content .hc_snsButtons .sns_twitter { width: 84px; float: left; padding-left:12px;}
.content .hc_snsButtons .sns_facebook { width: 100px; float: left; overflow: hidden; }
.content .hc_snsButtons .sns_mixi { width: 68px; float: left; }
.content .hc_snsButtons .sns_gree { width: 106px; float: left; }
.content .hc_snsButtons .sns_plus1 { width: 40px; float: left; }
.content .hc_snsButtons .sns_twitter iframe.twitter-share-button { width: 72px !important; }

/* =======================================
    スマホ版
======================================= */

@media only screen and (max-width: 640px) {


.content #body-stockdetail { background-color: #FAFAFA; margin: 0px; padding: 0px; font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.content .shipDetailWrapper { height: auto; width: 304px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding: 8px; background-color: #FFF; }

.content .shipDetailWrapper h1 { font-size: 18px; line-height: 24px; font-weight: bold; text-align: left; color: #666; margin-bottom: 15px; background-color: #eeeeee; padding: 10px; }

.content .free-item1 { text-align: left; width: 304px; margin: 0px auto 15px auto; display: block; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
.content .free-item1 .cap { display: block; margin: 0px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999; font-size: 15px; line-height: 20px; width: 290px; padding: 7px; background-color: #f6f6f6; }
.content .free-item1 .contents { display: block; margin: 0px; font-size: 15px; line-height: 20px; width: 290px; padding: 7px; margin: 0px; background-color: #f6f6f6; word-break: break-all; }
.content .free-item1 .contents a { color: #06C; text-decoration: underline; }
.content .free-item1 .contents a:hover { color: #C00; text-decoration: none; }

.content .ship-photo { width: auto; height: auto; margin-bottom: 15px; }

.content .ship-photo .morePhoto {
  clear:both; width: 100%;height: 50px;
  background:  url("/boatImg/img/ship/bt_all_img04_1.png") 0 0 no-repeat;
  text-align: center; vertical-align: middle; font-weight: bold;
}
.content .ship-photo .morePhoto :hover{
  clear: both; width: 100%; height: 50px;
  background:  url("/boatImg/img/ship/bt_all_img04_2.png") 0 0 no-repeat;
  text-align: center; vertical-align: middle;
  font-weight: bold;
}

.content .free-item2 { text-align: left; width: 304px; margin: 0px auto 15px auto; display: block; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
.content .free-item2 .cap { display: block; margin: 0px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999; font-size: 15px; line-height: 20px; width: 290px; padding: 7px; background-color: #f6f6f6; }
.content .free-item2 .contents { display: block; margin: 0px; font-size: 15px; line-height: 20px; width: 290px; padding: 7px; margin: 0px; background-color: #f6f6f6; word-break: break-all; }
.content .free-item2 .contents a { color: #06C; text-decoration: underline; }
.content .free-item2 .contents a:hover { color: #C00; text-decoration: none; }

.content .ship-info { width: 304px; height: auto; margin: 0px auto 15px auto; }
.content .photoL { display: none; }
.content .photoR { display: none; }

.content .spec { width: 304px; height: auto; margin: 0px auto 15px auto; }

.content .ship-spec { width: 304; height: auto; }
.content .ship-spec .ship { width: 288px; height: auto; padding: 7px; margin: 0px auto 0pa auto; text-align: center; display: block; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #CCC; border-right-color: #999; border-bottom-color: #999; border-left-color: #CCC; font-size: 15px; line-height: 20px; }
.content .ship-spec .ship2 { width: 288px; height: auto; padding: 7px; margin: 0px auto 1px auto; text-align: center; display: block; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #CCC; border-right-color: #999; border-bottom-color: #999; border-left-color: #CCC; font-size: 15px; line-height: 20px; }
.content .ship-spec .ship2r { width: 288px; height: auto; padding: 7px; margin: 0px auto 1px auto; text-align: center; display: block; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #CCC; border-right-color: #999; border-bottom-color: #999; border-left-color: #CCC; font-size: 15px; line-height: 20px; }

.content .sobi-icon { width: 297px; height: auto; margin: 15px auto 15px auto; overflow: auto; }
.content .sobi-icon ul { width: auto; height: auto; }
.content .sobi-icon li { width: auto; height: auto; list-style-type: none; float: left; margin: 0px; padding: 0px; }
.content .sobi-icon img { width: 50px; border: none; }



.content .price-info { width: 304px; height: auto; margin: 0px auto 0px auto; }

.content .price-display { width: auto; height: auto; margin-bottom: 10px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #CCC; border-right-color: #999; border-bottom-color: #999; border-left-color: #CCC; padding-top: 18px; padding-right: 15px; padding-bottom: 18px; padding-left: 15px; }
.content .price-display .price-icon { width: 90px; height: auto; float: left; margin-right: 10px; padding-top: 6px; }
.content .price-display .price-icon img { width: 90px; border: none; }
.content .price-display .price { width: auto; height: auto; float: left; margin-right: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 36px; font-weight: bold; text-align: right; color: #C00; padding-top: 5px; line-height: 36px; padding-bottom: 2px; }
.content .price-display .price-box{float: none;}
.content .price-display .price-tag { width: auto; height: auto; float: none; font-size: 11px; line-height: 15px; font-weight: normal; padding-top: 20px; }
.content .price-display .price-tax{float: right;width: 300px;height: 15px;color: #333333;font-size: 12px;}
.content .price-display .price-tax-child {float: right;}
.content .price-display .price-notice {float: left; padding-left: 113px; color: #ff0000;}

.content .qr-display { width: auto; height: auto; margin-bottom: 15px; padding: 15px; background-color: #F0F0F0; display: none; }
.content .qr-display .qr-img { width: 45px; height: 45px; float: left; margin-right: 10px; border: 1px solid #999; }
.content .qr-display .qr-img img { width: 45px; border: none; }
.content .qr-display .qr-tx { width: auto; height: auto; float: left; font-size: 10px; line-height: 20px; font-weight: normal; padding-top: 4px; }
.content .qr-display .qr-tx a { color: #06C; text-decoration: underline; }
.content .qr-display .qr-tx a:hover { color: #C00; text-decoration: none; }

.content .inquiry { width: 304px; height: 70px; }
.content .inquiry img { border: none; width: 304px; height: 70px; }
.content .inquiry a { width: 304px; height: 70px; display: block; background-image: url(/boatImg/img/ship/inquiry1_sp.png); background-repeat: no-repeat; }
.content .inquiry a:hover { width: 304px; height: 70px; display: block; background-image: url(/boatImg/img/ship/inquiry2_sp.png); background-repeat: no-repeat; }

.content .print { width: 304px; height: 70px; display: none; }
.content .print img { border: none; width: 304px; height: 70px; }
.content .print a { width: 304px; height: 70px; display: block; background-image: url(/boatImg/img/ship/print1_sp.png); background-repeat: no-repeat; }
.content .print a:hover { width: 304px; height: 70px; display: block; background-image: url(/boatImg/img/ship/print2_sp.png); background-repeat: no-repeat; }

.content .lineButton { width: 304px; height: 70px; }
.content .lineButton img { border: none; width: 304px; height: 70px; }
.content .lineButton a { width: 304px; height: 70px; display: block; background-image: url(/vcsImg/img/car/lineButton_sp.png); background-repeat: no-repeat; }
.content .lineButton a:hover { width: 304px; height: 70px; display: block; background-image: url(/vcsImg/img/car/lineButton2_sp.png); background-repeat: no-repeat; }

.content .lineButton_sp { width: 304px; height: 70px; }
.content .lineButton_sp img { border: none; width: 304px; height: 70px; }
.content .lineButton_sp a { width: 304px; height: 70px; display: block; background-image: url(/vcsImg/img/car/lineButton_sp.png); background-repeat: no-repeat; }
.content .lineButton_sp a:hover { width: 304px; height: 70px; display: block; background-image: url(/vcsImg/img/car/lineButton2_sp.png); background-repeat: no-repeat; }

.content .shopUrl { width: 304px; height: 70px; }
.content .shopUrl img { border: none; width: 304px; height: 70px; }
.content .shopUrl a { width: 304px; height: 70px; display: block; background-image: url(/boatImg/img/parts/shopurl01.jpg); background-repeat: no-repeat; }
.content .shopUrl a:hover { width: 304px; height: 70px; display: block; background-image: url(/boatImg/img/parts/shopurl02.jpg); background-repeat: no-repeat; }

.content .free-item3 { text-align: left; width: 304px; margin: 0px auto 15px auto; display: block; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
.content .free-item3 .cap { display: block; margin: 0px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999; font-size: 15px; line-height: 20px; width: 290px; padding: 7px; background-color: #f6f6f6; }
.content .free-item3 .contents { display: block; margin: 0px; font-size: 15px; line-height: 20px; width: 290px; padding: 7px; margin: 0px; background-color: #f6f6f6; word-break: break-all; }
.content .free-item3 .contents a { color: #06C; text-decoration: underline; }
.content .free-item3 .contents a:hover { color: #C00; text-decoration: none; }

.content .comment-area { width: 282px; height: auto; padding: 10px; text-align: left; display: block; margin: 0px auto 15px auto; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #CCC; border-right-color: #999; border-bottom-color: #999; border-left-color: #CCC; font-size: 15px; line-height: 1.25 !important; }
.content .comment-area p { font-size: 15px; line-height: 1.25 !important; }
.content .comment-area #ship-document { width: auto; height: auto; margin: 15px auto 0px auto; }
.content .comment-area #sobi-tx { width: auto; height: auto; margin: 15px auto 0px auto; }
.content .comment-area .main-comment { width: auto; height: auto; margin: 0px auto 0px auto; word-break: break-all; }
.content .comment-area #ship-number { width: auto; height: auto; margin: 15px auto 0px auto; }
.content .comment-area #fixed-comment { width: auto; height: auto; margin: 15px auto 0px auto; }
.content .comment-area .free-item4 { width: 282px; height: auto; margin: 15px auto 0px auto; display: block; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
.content .comment-area .free-item4 img { width: 100%; border: none; }
.content .comment-area .free-item4 iframe { width: 100% !important; height: auto !important; }

.content .pagelink1 { width: 300px; margin-bottom: 15px; display: block; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; text-align: left; border-top-color: #CCC; border-right-color: #999; border-bottom-color: #999; border-left-color: #CCC; }
.content .pagelink1 .cap { display: block; padding-top: 5px; padding-right: 5px; padding-left: 5px; padding-bottom: 5px; margin-top: 0px; margin-right: 1px; margin-bottom: 0px; margin-left: 0px; float: left; font-size: 15px; line-height: 20px; color: #333; background-color: #E6E6E6; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
.content .pagelink1 .contents { display: block; width: 262px; margin: 0px; padding: 10px; float: left; font-size: 15px; line-height: 20px; color: #333; background-color: #FFF; }
.content .pagelink1 .contents a { color: #06C; text-decoration: underline; }
.content .pagelink1 .contents a:hover { color: #C00; text-decoration: none; }

.content .pagelink2 { width: 284px; height: auto; background-color: #99ccff; text-align: center; margin-top: 0px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; padding: 10px; -moz-border-radius: 5px;
    /* Firefox */ -webkit-border-radius: 5px; /* Safari,Chrome */ border-radius: 5px; /* CSS3 */ border: 1px solid #999;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #b0b0b0), color-stop(0.00, #f4f4f4));
background: -webkit-linear-gradient(top, #f4f4f4 0%, #b0b0b0 100%);
background: -moz-linear-gradient(top, #f4f4f4 0%, #b0b0b0 100%);
background: -o-linear-gradient(top, #f4f4f4 0%, #b0b0b0 100%);
background: -ms-linear-gradient(top, #f4f4f4 0%, #b0b0b0 100%);
background: linear-gradient(top, #f4f4f4 0%, #b0b0b0 100%);}
.content .pagelink2 a { color: #06C; text-decoration: underline; }
.content .pagelink2 a:hover { color: #C00; text-decoration: none; }

.content .shop-info { width: 304px; height: auto; margin: 0px auto 0px auto; }
.content .shop-info .shop-photo { width: 300px; height: auto; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #CCC; border-right-color: #999; border-bottom-color: #999; border-left-color: #CCC; padding: 1px; margin: 0px 0px 15px 0px; }
.content .shop-info .shop-photo img { width: 300px; }
.content .shop-detail { width: 304px; height: auto; }
.content .shop-detail .cap { display: block; margin: 0px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999; font-size: 15px; line-height: 20px; width: 290px; padding: 7px; background-color: #f6f6f6; border-top-style: none; border-right-style: none; border-left-style: none; }
.content .shop-detail .contents { display: block; margin: 0px; font-size: 15px; line-height: 20px; width: 290px; padding: 7px; margin: 0px 0px 15px 0px; background-color: #f6f6f6; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
.content .shop-detail .contents a { color: #06C; text-decoration: underline; }
.content .shop-detail .contents a:hover { color: #C00; text-decoration: none; }

.content .shop-detail .pagelink3 { width: 284px; height: auto; background-color: #99ccff; float: left; text-align: center; margin-top: 0px; margin-bottom: 15px; margin-left: 0px; margin-right: 0px; padding: 10px; -moz-border-radius: 5px;
    /* Firefox */ -webkit-border-radius: 5px; /* Safari,Chrome */ border-radius: 5px; /* CSS3 */ border: 1px solid #999;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #838891), color-stop(0.00, #e6e6e6));
background: -webkit-linear-gradient(top, #e6e6e6 0%, #838891 100%);
background: -moz-linear-gradient(top, #e6e6e6 0%, #838891 100%);
background: -o-linear-gradient(top, #e6e6e6 0%, #838891 100%);
background: -ms-linear-gradient(top, #e6e6e6 0%, #838891 100%);
background: linear-gradient(top, #e6e6e6 0%, #838891 100%);
}
.content .shop-detail .pagelink3 a { color: #06C; text-decoration: underline; }
.content .shop-detail .pagelink3 a:hover { color: #C00; text-decoration: none; }

/*////////////////////////////////////////////////
boatCommon sp header menu footer
////////////////////////////////////////////////*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }


body { width: 320px !important; min-width:320px;}
html { width: 320px !important; margin-right: auto; margin-left: auto; }
header { background-image: url(/boatImg/img/common/header/0bg_sp.jpg); background-repeat: repeat-x; background-position: left top; clear: both; height: 160px; width: 320px; margin-right: auto; margin-left: auto; }
.content { width: 320px; }
.content .clear { clear: both; }

.partsStockDetail .partsDetailWrapper { height: auto; width: 320px; margin-top: 0px; margin-right: auto; margin-bottom: 0; margin-left: auto; }

#hr01 { clear: both; height: 25px; width: 320px; margin-right: auto; margin-left: auto; }
#hr01 h1 { font-size: 9px; line-height: 25px; font-weight: normal; color: #DEE7EE; height: 10px; width: 320px; text-align: center; }
#hr01 p { font-size: 9px; line-height: 25px; font-weight: normal; color: #DEE7EE; height: 10px; width: 320px; display: inline;}
#hr01 ul { display: none; }

#hr02 { clear: both; height: 90px; width: 320px; margin-right: auto; margin-left: auto; background-image: none; background-repeat: no-repeat; background-position: center top; padding-right: 0px; padding-left: 0px; }
#hr02 #hrlogo { float: left; height: 45px; width: 320px; margin-bottom: 2px; }
#hr02 #hrlogo img { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; height: 45px; width: 180px; }

#hr02 #menu { float: right; height: 70px; width: 320px; padding-top: 0px; padding-bottom: 0px; background-image: none; background-repeat: no-repeat; background-position: 0px 0px; padding-left: 0px; }
#hr02 #menu li { float: left; height: 40px; width: 102px; margin-right: 2px; margin-left: 1px; margin-bottom: 2px; font-size: 0.7em; line-height: 15px; list-style-image: none; list-style-type: none; text-align: center; font-weight: bold; border-radius: 4px; border-right: 1px solid #A1A1A1; border-bottom: 1px solid #7A7A7A; background-color: #FFE2B3; background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #97b0d9), color-stop(0.00, #dbe8ff));
background: -webkit-linear-gradient(top, #dbe8ff 0%, #97b0d9 100%);
background: -moz-linear-gradient(top, #dbe8ff 0%, #97b0d9 100%);
background: -o-linear-gradient(top, #dbe8ff 0%, #97b0d9 100%);
background: -ms-linear-gradient(top, #dbe8ff 0%, #97b0d9 100%);
background: linear-gradient(top, #dbe8ff 0%, #97b0d9 100%);
}
#hr02 #menu li a { color: #26415C; text-decoration: none; display: block; height: 30px; width: 102px; padding-top: 5px; padding-bottom: 5px; text-shadow: 1px 1px 0px #ffffff; }
#hr02 #menu li a:hover { color: #FFFFFF; text-decoration: none; display: block; height: 30px; width: 102px; padding-top: 5px; padding-bottom: 5px; background-image: url(/boatImg/img/common/header/hrm_ro.jpg); background-repeat: repeat-x; background-position: left top; text-shadow:-1px -1px 0px #000066; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }

.wrap { width: 320px; margin: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; padding: 0px; }

/*** パンくず ***/
.hcw_breadcrumbs { font-size: 12px; margin-left: auto; margin-right: auto; overflow: hidden; width: 310px; padding-top: 5px; padding-bottom: 5px; }
.hcw_breadcrumbs a { font-size: 12px;}

/* sns buttons*/
.hc_snsButtons { width: 318px; height: auto; float: right; }
.hc_snsButtons .sns_button { list-style:none; margin: 0px; padding: 0px; margin-top: 10px; }
.hc_snsButtons .sns_button li { margin: 0px; padding-left: 5px; }
.hc_snsButtons .sns_twitter { width: 84px; float: right; padding-left:12px; display: block;}
.hc_snsButtons .sns_facebook { width: 100px; float: right; overflow: hidden; display: block;}
.hc_snsButtons .sns_mixi { width: 68px; float: right; display: block;}
.hc_snsButtons .sns_gree { width: 106px; float: right; display: block;}
.hc_snsButtons .sns_plus1 { width: 40px; float: right; display: block;}
.hc_snsButtons .sns_twitter iframe.twitter-share-button { width: 72px !important; display: block;}

/* stocklist sns buttons content内*/
 .content .hc_topSection { font-size: 12px; overflow: hidden; width: 100%;}
 .content .hc_snsButtons { width: 310px; height: auto; float: left; }
 .content .hc_snsButtons .sns_button { list-style:none; margin: 0px; padding: 0px; margin-top: 10px; }
 .content .hc_snsButtons .sns_button li { margin: 0px; padding-left: 5px; }
 .content .hc_snsButtons .sns_twitter { width: 84px; float: left; padding-left:12px; display: block;}
 .content .hc_snsButtons .sns_facebook { width: 100px; float: left; overflow: hidden; display: block;}
 .content .hc_snsButtons .sns_mixi { width: 68px; float: left; display: block;}
 .content .hc_snsButtons .sns_gree { width: 106px; float: left; display: block;}
 .content .hc_snsButtons .sns_plus1 { width: 40px; float: left; display: block;}
 .content .hc_snsButtons .sns_twitter iframe.twitter-share-button { width: 72px !important; display: block;}

#footer { background-color: #069; clear: both; height: auto; width: 320px; margin-right: auto; margin-left: auto; }
#footer .ftbody { clear: both; height: auto; width: 310px; margin-right: auto; margin-left: auto; padding-top: 25px; padding-bottom: 25px; }
#footer .ftbody ul { float: left; height: auto; width: 320px; }


}



@media screen and (min-width: 751px) {
.content .lineButton_sp a {
	display: none;
	height: 0px;	
}
.content .lineButton_sp {
 display:none;	
 height: 0px;
 visibility:hidden;
}
}
@media screen and (max-width: 750px) {
 
/*.content .lineButton a {
 display:none;
 height:0;
}
.content .lineButton {
 display:none;	
 height: 0px;
 visibility:hidden;
}
.content .lineButton {
	margin-bottom: 0px;
}*/
}