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


.shopDetail h4 {font-color:#ffffff;background-color: #bbbbbb;}
.shopDetail h3 { color: #336699; font-size: 14px; font-weight: bold; line-height: 2em; text-align: left; margin-top: 5px; margin-bottom: 10px; background-color: #66FFFF; height: auto; background-image: none; background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #daedff), color-stop(0.00, #eff7ff));
background: -webkit-linear-gradient(top, #eff7ff 0%, #daedff 100%);
background: -moz-linear-gradient(top, #eff7ff 0%, #daedff 100%);
background: -o-linear-gradient(top, #eff7ff 0%, #daedff 100%);
background: -ms-linear-gradient(top, #eff7ff 0%, #daedff 100%);
background: linear-gradient(top, #eff7ff 0%, #daedff 100%);
}
.shopDetail .top { width: 980px; background-color: #E3E3E3; float: left; }
.shopDetail .shopName{ height: auto; font-size: 16px; padding-left: 10px; padding-top: 10px; font-weight: bold; background-color: #D0D0D0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFF; }
.shopDetail .shopInfo2 {
  float: left;
  height: auto; width: 600px;
  margin-right: 30px;
}
.shopDetail .shopInfo2 .row {
  float: left;
  width: 600px; height: auto;
  border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFF;
  font-size: 14px;
}
.shopDetail .shopInfo2 .th {
  width: 78px; height: auto; line-height: 2.5em;
  background-color: #E3E3E3; font-size: 14px;
  float: left; text-align: center;
}
.shopDetail .shopInfo2 .val {
  width: 500px; height: auto; line-height: 2.5em;
  float: left; font-size: 14px; 
  padding-left: 10px; padding-right: 10px; background-color: #F8F8F8;
  border-left-width: 1px; border-left-style: dotted; border-left-color: #666;
}
.shopDetail .top .shopPhoto{ 
    float: left; 
    height: 289px; 
    width: 320px; 
    display: block; 
}
.shopDetail .top .shopPhoto .tableimg{
    display: table;
    table-layout: fixed;
    width: 320px;
    height: 289px;
}
.shopDetail .top .shopPhoto .tableimg .cellimg{
    display: table-cell;
    vertical-align: middle;
    text-align: center;

    line-height: 289px;
}
.shopDetail .top .shopPhoto img{ max-width: 320px; max-height: 240px; border: 1px solid #FFF; padding: 1px; }

.shopDetail .pagelinks{ width: 980px; height: auto; text-align: center; float: left; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #CCC; border-left-color: #CCC; padding-top: 10px; padding-bottom: 10px; background-color: #F8F8F8; }
.pagelinks .pagelink { width: 430px; height: auto; background-color: #99ccff; float: left; margin-right: 10px; padding-top: 10px; padding-bottom: 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, #75afea), color-stop(0.00, #daedff)); background: -webkit-linear-gradient(top, #daedff 0%, #75afea 100%); background: -moz-linear-gradient(top, #daedff 0%, #75afea 100%); background: -o-linear-gradient(top, #daedff 0%, #75afea 100%); background: -ms-linear-gradient(top, #daedff 0%, #75afea 100%); background: linear-gradient(top, #daedff 0%, #75afea 100%); }
.pagelinks .pagelink1 { width: 430px; height: auto; background-color: #99ccff; float: none; margin-right: auto; margin-left: auto; padding-top: 10px; padding-bottom: 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, #75afea), color-stop(0.00, #daedff)); background: -webkit-linear-gradient(top, #daedff 0%, #75afea 100%); background: -moz-linear-gradient(top, #daedff 0%, #75afea 100%); background: -o-linear-gradient(top, #daedff 0%, #75afea 100%); background: -ms-linear-gradient(top, #daedff 0%, #75afea 100%); background: linear-gradient(top, #daedff 0%, #75afea 100%);
}
.pagelinks .pagelink:nth-child(1) { float: left; }
.pagelinks .pagelink:nth-child(2) { float: right; }

.service {clear: both;}
.bottom { word-wrap: break-word; overflow: hidden; width: 978px; height: auto; border: 1px solid #CCC; float: left; margin-bottom: 10px; }
.bottom .shopPhotos{ width: 19%; height: auto; float: left; background-color: #E3E3E3; padding: 20px 0px 32768px 0px; text-align: center; margin-bottom: -32768px;}
.bottom .shopPhoto{ width: 182px; height: auto; float: left; background-color: #E3E3E3; padding-bottom: 0px; margin-bottom: 0px; }
.bottom .shopPhoto img{ max-width: 161px; max-height: 121px; padding: 2px; border: 1px solid #FFF; margin-bottom: 20px;}
.bottom .shopPr{ width: 78%; height: auto; float: left; padding: 1%; font-size: 14px; line-height: 2em; }
.shopDetail .content .shop .pagelinks .pagelinks_box { margin-right: auto; margin-left: auto; width: 900px; height: 60px; }
.shopDetail .content .shop .pagelinks .pagelinks_box a { font-size: 12px; color: #009; text-decoration: underline; line-height: 3em; }
.shopDetail .content .shop .pagelinks .pagelinks_box a:hover { font-size: 12px; color: #036; text-decoration: none; line-height: 3em; }


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

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

/* //////////////////////////////////////////////////
//////////////////////////////////////////////////
[shop Detail sp] 
//////////////////////////////////////////////////
////////////////////////////////////////////////// */
.shopDetail .content .shop { width: 320px; }
.content h2{ line-height: 20px; margin-bottom: 3px; color: #333; margin-top: 0px; font-size: 12px; width: 320px; }
.shopDetail h4 {font-color:#ffffff;background-color: #bbbbbb;}
.shopDetail h3  { color: #336699; font-size: 12px; font-weight: bold; line-height: 1.5em; text-align: left; margin-top: 5px; margin-bottom: 10px; background-color: #66FFFF; height: auto; background-image: none; background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #daedff), color-stop(0.00, #eff7ff)); background: -webkit-linear-gradient(top, #eff7ff 0%, #daedff 100%); background: -moz-linear-gradient(top, #eff7ff 0%, #daedff 100%); background: -o-linear-gradient(top, #eff7ff 0%, #daedff 100%); background: -ms-linear-gradient(top, #eff7ff 0%, #daedff 100%); background: linear-gradient(top, #eff7ff 0%, #daedff 100%); width: 310px; padding: 5px; }
.shopDetail .top { width: 320px; background-color: #E3E3E3; float: left; }
.shopDetail .shopName{ height: auto; font-size: 14px; padding-left: 10px; padding-top: 10px; font-weight: bold; background-color: #D0D0D0; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFF; min-height: 28px; }
.shopDetail .shopInfo2 {
  float: left;
  height: auto; width: 320px;
  margin-right: 0px;
}
.shopDetail .shopInfo2 .row {
  float: left;
  width: 320px; height: auto;
  border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFF;
  font-size: 14px;
}
.shopDetail .shopInfo2 .th { width: 308px; height: auto; line-height: 2em; background-color: #E3E3E3; font-size: 14px; float: left; text-align: left; padding-left: 10px; }
.shopDetail .shopInfo2 .val { width: 308px; height: auto; line-height: 2em; float: left; font-size: 14px; padding-left: 5px; padding-right: 5px; background-color: #F8F8F8; border-left: 0px dotted #666; }
.shopDetail .top .shopPhoto{ float: left; height: 240px; width: 318px; display: block; }
.shopDetail .top .shopPhoto .tableimg{ display: table; table-layout: fixed; width: 318px; height: 240px; }
.shopDetail .top .shopPhoto .tableimg .cellimg{
    display: table-cell;
    vertical-align: middle;
    text-align: center;

    line-height: 289px;
}
.shopDetail .top .shopPhoto img { max-width: 300px; max-height: 240px; border: 1px solid #FFF; padding: 1px; }

.shopDetail .pagelinks{ width: 318px; height: auto; text-align: center; float: left; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #CCC; border-left-color: #CCC; padding-top: 10px; padding-bottom: 10px; background-color: #F8F8F8; }
.pagelinks .pagelink { width: 310px; height: auto; background-color: #99ccff; float: none; margin-right: auto; margin-left: auto; padding-top: 10px; padding-bottom: 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, #75afea), color-stop(0.00, #daedff)); background: -webkit-linear-gradient(top, #daedff 0%, #75afea 100%); background: -moz-linear-gradient(top, #daedff 0%, #75afea 100%); background: -o-linear-gradient(top, #daedff 0%, #75afea 100%); background: -ms-linear-gradient(top, #daedff 0%, #75afea 100%); background: linear-gradient(top, #daedff 0%, #75afea 100%);
}
.pagelinks .pagelink1 { width: 310px; height: auto; background-color: #99ccff; float: none; margin-right: auto; margin-left: auto; padding-top: 10px; padding-bottom: 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, #75afea), color-stop(0.00, #daedff)); background: -webkit-linear-gradient(top, #daedff 0%, #75afea 100%); background: -moz-linear-gradient(top, #daedff 0%, #75afea 100%); background: -o-linear-gradient(top, #daedff 0%, #75afea 100%); background: -ms-linear-gradient(top, #daedff 0%, #75afea 100%); background: linear-gradient(top, #daedff 0%, #75afea 100%);
}
.pagelinks .pagelink:nth-child(1) { float: left; margin-left: 2px; margin-bottom: 3px; }
.pagelinks .pagelink:nth-child(2) { float: left; margin-left: 2px; margin-top: 0px; }

.service {clear: both;}
.bottom { word-wrap: break-word; overflow: hidden; width: 318px; height: auto; border: 1px solid #CCC; float: left; margin-bottom: 10px; }
.bottom .shopPhotos{ width: 312px; height: auto; float: left; background-color: #E3E3E3; margin-bottom: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 8px; text-align: center; }
.bottom .shopPhoto{ width: 150px; height: auto; float: left; background-color: #E3E3E3; padding-bottom: 0px; margin-bottom: 0px; }
.bottom .shopPhoto img{ max-width: 140px; max-height: 105px; padding: 2px; border: 1px solid #FFF; margin-bottom: 20px; }
.bottom .shopPr { width: 310px; height: auto; float: left; padding: 5px; font-size: 12px; line-height: 1.5em; }
.shopDetail .content .shop .pagelinks .pagelinks_box { margin-right: auto; margin-left: auto; width: 320px; height: auto; }
.shopDetail .content .shop .pagelinks .pagelinks_box a { font-size: 12px; color: #009; text-decoration: underline; line-height: 1.5em; }
.shopDetail .content .shop .pagelinks .pagelinks_box a:hover { font-size: 12px; color: #036; text-decoration: none; line-height: 1.5em; }

/*////////////////////////////////////////////////
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; }
#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: 429px; 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; }


}