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

.partsStockDetail .tableimg { display: table; height: 100%; table-layout: fixed; width: 100%; }
.partsStockDetail .cellimg { display: table-cell; text-align: center; vertical-align: middle; width: 100%; }
.partsStockDetailWrapper { word-wrap: break-word; }
.partsDetailWrapper { word-wrap: break-word; }
.content { width: auto; }
.clear { clear: both; }
.partsStockDetail .partsDetailWrapper { height: auto; margin: 20px auto 0; width: 800px; }
/*
.partsStockDetail .partsDetailWrapper p.p-ShopData {
    border-bottom: 3px solid #336699;
    color: #336699;
    font-weight: bold;
    margin: 20px 0 3px;
}
*/

.partsStockDetail li { height: 100%; list-style-type: none; }
.partsStockDetail .parts-info .left { background-color: #CCCCCC; float: left; width: 358px; }
.partsStockDetail .parts-info .right { float: right; width: 420px; }
.partsStockDetail .parts-info .bottom { float: left; margin-bottom: 15px; margin-top: 15px; width: 798px; }
.partsStockDetail .left .mainPhoto { height: 268px; margin: 0; padding: 1px; width: 356px; }
.partsStockDetail .left .mainPhoto .tableimg .cellimg { }
.partsStockDetail .left .mainPhoto .tableimg .cellimg img { max-height: 268px; max-width: 356px; padding: 0; }
.partsStockDetail .left .thumbnail { height: 56px; margin: 0; padding-left: 2px; width: 358px; }
.partsStockDetail .left .thumbnail li { float: left; height: 52px; padding: 1px; width: 69px; }
.partsStockDetail .left .thumbnail .tableimg .cellimg { }
.partsStockDetail .left .thumbnail .tableimg .cellimg img { max-height: 52px; max-width: 70px; padding: 0; }
.partsStockDetail .right table { background-color: #FFFFFF; border-collapse: collapse; width: 100%; }
.partsStockDetail .right table .partsName { background-color: #E6EEF7; color: #1085D4; font-weight: bold; padding: 3px 6px; text-align: left; width: 408px; font-size: 14px; }
.partsStockDetail .right table .button { background-color: #FFFFFF; width: 416px; }
.partsStockDetail .right table tr { border: 1px solid #CCCCCC; line-height: 1.5em; }
.partsStockDetail .right table th { background-color: #DDDDDD; border: 1px solid #CCCCCC; font-weight: normal; width: 85px; font-size: 14px; }
.partsStockDetail .right table td { border: 1px solid #CCCCCC; max-width: 266px; padding-left: 3px; width: 239px; font-size: 14px; }
.partsStockDetail .right table td .price { color: #FF6666; font-weight: bold; }
.partsStockDetail .right .Div-button .button { /*margin-top: 5px;*/
margin-top: 9px; margin-bottom: 9px; padding-right: 0px; padding-left: 0px; text-align: center; }
.partsStockDetail .right .Div-button .button a { display: block; }
.partsStockDetail .bottom .comment-relUrl-area { border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; height: auto; margin-bottom: 3px; width: 100%; }
.partsStockDetail .bottom .comment1 p, .partsStockDetail .bottom .comment2 p { margin: 0; padding: 0; line-height: 1.6; }
.partsStockDetail .bottom .comment-relUrl-area .cap { background-color: #F6F6F6; border-bottom: 1px solid #CCCCCC; padding: 5px; }
.partsStockDetail .bottom .comment-relUrl-area .contents { border-bottom: 1px solid #CCCCCC; padding: 5px; }
.partsStockDetail .bottom .partsStock { 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, #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%); }
.partsStock a { color: #06C; text-decoration: underline; }
.partsStock a:hover { color: #C00; text-decoration: none; }
.partsStockDetail .bottom .boatStock { 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, #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%); }
.p .boatStock a { color: #06C; text-decoration: underline; }
.boatStock a:hover { color: #C00; text-decoration: none; }
/* 店舗情報 */
.content .shop-info { width: auto; height: auto; margin-bottom: 20px; }
.content .shop-info .centeringimg { display: table-cell; text-align: center; vertical-align: middle; line-height: 225px; }
.content .shop-info .shop-photo { width: 300px; height: 225px; 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; margin-right: 15px; padding: 1px; display: table; table-layout: fixed; }
.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, #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; }
.button .lineButton a { background-image: url(../../boatImg/img/parts/line01.png); background-repeat: no-repeat; height: 60px; width: 250px; margin-left: auto; margin-right: auto; }
.button .lineButton a:hover { background-image: url(../../boatImg/img/parts/line02.png); background-repeat: no-repeat; height: 60px; width: 250px; margin-left: auto; margin-right: auto; }

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

@media only screen and (max-width: 640px) {
/* partsdetail*/
.partsStockDetail .parts-info .left { background-color: #CCCCCC; float: left; width: 320px; }
.partsStockDetail .parts-info .right { float: right; width: 320px; }
.partsStockDetail .parts-info .bottom { float: left; margin-bottom: 15px; margin-top: 15px; width: 320px; }
.partsStockDetail .left .mainPhoto { height: 241px; margin: 0; padding: 1px; width: 320px; }
.partsStockDetail .left .mainPhoto .tableimg .cellimg { }
.partsStockDetail .left .mainPhoto .tableimg .cellimg img { max-height: 241px; max-width: 320px; padding: 0; }
.partsStockDetail .left .thumbnail { height: 56px; margin: 0; padding-left: 2px; width: 320px; }
.partsStockDetail .left .thumbnail li { float: left; height: 47px; padding: 1px; width: 62px; }
.partsStockDetail .left .thumbnail .tableimg .cellimg { }
.partsStockDetail .left .thumbnail .tableimg .cellimg img { max-height: 47px; max-width: 62px; padding: 0; }
.partsStockDetail .right table { background-color: #FFFFFF; border-collapse: collapse; width: 318px; }
.partsStockDetail .right table .partsName { background-color: #E6EEF7; color: #1085D4; font-weight: bold; text-align: left; width: 300px; font-size: 14px; padding-top: 3px; padding-right: 2px; padding-bottom: 3px; padding-left: 2px; }
.partsStockDetail .right table .button { background-color: #FFFFFF; width: 310px; }
.partsStockDetail .right table th { background-color: #DDDDDD; border: 1px solid #CCCCCC; width: 85px; font-weight: normal; font-size: 12px; }
.partsStockDetail .right table td { border: 1px solid #CCCCCC; padding-left: 3px; max-width: 230px; width: 230px; font-size: 12px; }
.partsStockDetail .bottom .comment-relUrl-area { border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; margin-bottom: 3px; height: auto; width: 318px; }
.partsStockDetail .bottom .partsStock { line-height: 30px; }
.partsStockDetail .bottom .boatStock { line-height: 30px; }
/* 店舗情報 */
.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; padding: 7px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999; font-size: 15px; line-height: 20px; width: 290px; background-color: #f6f6f6; border-top-style: none; border-right-style: none; border-left-style: none; }
.content .shop-detail .contents { display: block; padding: 7px; margin: 0px 0px 15px 0px; font-size: 15px; line-height: 20px; width: 290px; 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; }
.partsStockDetail .bottom .partsStock { width: 310px; height: auto; background-color: #99ccff; text-align: center; margin-top: 0px; margin-bottom: 5px; margin-left: 0px; margin-right: 0px; padding-top: 2px; padding-right: 2px; padding-left: 2px; padding-bottom: 2px; -moz-border-radius: 5px; /* Firefox */ -webkit-border-radius: 5px; /* Safari,Chrome */ border-radius: 5px; /* CSS3 */ border: 1px solid #999;     /* 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%); }
.partsStock a { color: #06C; text-decoration: underline; }
.partsStock a:hover { color: #C00; text-decoration: none; }
.partsStockDetail .bottom .boatStock { width: 310px; height: auto; background-color: #99ccff; text-align: center; margin-top: 0px; margin-bottom: 5px; margin-left: 0px; margin-right: 0px; padding-top: 2px; padding-right: 2px; padding-left: 2px; padding-bottom: 2px; -moz-border-radius: 5px; /* Firefox */ -webkit-border-radius: 5px; /* Safari,Chrome */ border-radius: 5px; /* CSS3 */ border: 1px solid #999;     /* 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%); }
.boatStock a { color: #06C; text-decoration: underline; }
.boatStock 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用////////////*/
.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; }
#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: 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; 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; }
}