#msp { padding: 0px; clear: both; width: 980px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; background: #FFFFFF; }

#header { padding: 0px; height: 126px; width: 980px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; background-image: url(/jetImg/img/header/logo.jpg); background-repeat: repeat-x; clear: both; }
#header #logo { padding: 0px; height: 126px; width: 560px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 66px; float: left; }
#header h1 { color: #999999; display: inline; margin: 0px; float: left; width: 560px; padding: 0px; height: 126px; border-bottom-style: none; font-size: 10px; }
#header h1 a { color: #FFFFFF; display: block; margin: 0px; width: 560; padding: 6px 0px 0px; height: 120px; background-image: url(/jet/img/logo.jpg); background-repeat: no-repeat; text-indent: 5px; text-decoration: none; text-align: left; }
#header p { color: #999999; display: inline; margin: 0px; float: left; width: 560px; padding: 0px; height: 126px; border-bottom-style: none; font-size: 10px; }
#header p a { color: #FFFFFF; display: block; margin: 0px; width: 560; padding: 6px 0px 0px; height: 120px; background-image: url(/jet/img/logo.jpg); background-repeat: no-repeat; text-indent: 5px; text-decoration: none; text-align: left; }
#header  #heder_img { padding: 0px; height: 126px; width: 420; float: left; margin: 0px; }

/* メインメニュー */
#menu { padding: 0px; height: 49px; width: 980px; margin-bottom: 10px; margin-top: 0px; margin-right: auto; margin-left: auto; clear: both; }
#menu ul { line-height: 100%; margin: 0px; padding: 0px; }
#menu li { line-height: 100%; margin: 0px; padding: 0px; display: inline; float: left; list-style-image: none; list-style-type: none; }
#menu li a.m-a { background-image: url(/jetImg/img/header/a1.jpg); background-repeat: no-repeat; text-indent: -9999px; display: block; height: 49px; width: 140px; }
#menu li a.m-a:hover { background-image: url(/jetImg/img/header/a2.jpg); background-repeat: no-repeat; text-indent: -9999px; display: block; height: 49px; width: 140px; }
#menu li a.m-b { background-image: url(/jetImg/img/header/b1.jpg); background-repeat: no-repeat; text-indent: -9999px; display: block; height: 49px; width: 140px; }
#menu li a.m-b:hover { background-image: url(/jetImg/img/header/b2.jpg); background-repeat: no-repeat; text-indent: -9999px; display: block; height: 49px; width: 140px; }
#menu li a.m-c { background-image: url(/jetImg/img/header/c1.jpg); background-repeat: no-repeat; text-indent: -9999px; display: block; height: 49px; width: 140px; }
#menu li a.m-c:hover { background-image: url(/jetImg/img/header/c2.jpg); background-repeat: no-repeat; text-indent: -9999px; display: block; height: 49px; width: 140px; }
#menu li a.m-d { background-image: url(/jetImg/img/header/d1.jpg); background-repeat: no-repeat; text-indent: -9999px; display: block; height: 49px; width: 140px; }
#menu li a.m-d:hover { background-image: url(/jetImg/img/header/d2.jpg); background-repeat: no-repeat; text-indent: -9999px; display: block; height: 49px; width: 140px; }
#menu li a.m-e { background-image: url(/jetImg/img/header/e1.jpg); background-repeat: no-repeat; text-indent: -9999px; display: block; height: 49px; width: 140px; }
#menu li a.m-e:hover { background-image: url(/jetImg/img/header/e2.jpg); background-repeat: no-repeat; text-indent: -9999px; display: block; height: 49px; width: 140px; }
#menu li a.m-f { background-image: url(/jetImg/img/header/f1.jpg); background-repeat: no-repeat; text-indent: -9999px; display: block; height: 49px; width: 140px; }
#menu li a.m-f:hover { background-image: url(/jetImg/img/header/f2.jpg); background-repeat: no-repeat; text-indent: -9999px; display: block; height: 49px; width: 140px; }
#menu li a.m-g { background-image: url(/jetImg/img/header/g1.jpg); background-repeat: no-repeat; text-indent: -9999px; display: block; height: 49px; width: 140px; }
#menu li a.m-g:hover { background-image: url(/jetImg/img/header/g2.jpg); background-repeat: no-repeat; text-indent: -9999px; display: block; height: 49px; width: 140px; }

/* フッター */
#footer { height: auto; width: 950px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; clear: both; background: #009999; border-top-width: 3px; border-top-style: solid; border-top-color: #006666; }
#footer h2 { font-size: 10px; line-height: 100%; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 3px; padding-left: 0px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #006666; color: #CCCCCC; }
#footer p { font-size: 9px; line-height: 2em; margin: 0px; padding: 0px; color: #CCCCCC; }
#footer p.copy {
  font: 10px/2em Verdana, Geneva, Arial, Helvetica, sans-serif;
  letter-spacing: 0.1em;
  margin-top: 10px;
  text-align: right;
}
#footer a { color: #CCCCCC; text-decoration: none; }
#footer a:hover { color: #FFFF00; text-decoration: underline; }
/*** サイトマップ ***/
.sitemap_unit h3 { font-size: 14px; background-image: none; height: 30px; line-height: 30px; background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #cbecfb), color-stop(0.00, #f1f4fe)); background: -webkit-linear-gradient(top, #f1f4fe 0%, #cbecfb 100%); background: -moz-linear-gradient(top, #f1f4fe 0%, #cbecfb 100%); background: -o-linear-gradient(top, #f1f4fe 0%, #cbecfb 100%); background: -ms-linear-gradient(top, #f1f4fe 0%, #cbecfb 100%); background: linear-gradient(top, #f1f4fe 0%, #cbecfb 100%); padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 10px; font-weight: bold; }
.sitemap_unit ul { padding: 10px; }
.sitemap_unit li { list-style-type: none; float: left; width: 200px; }
.sitemap_unit li a { font-size: 12px; line-height: 1.5em; }

/*** 問合せフォーム ***/

.content .boat_infoform { width: 980px; margin-right: auto; margin-left: auto; }
.content .boat_infoform form .submit { width: 600px; margin-right: auto; margin-left: auto; }
.content .boat_infoform .sslSeal { width: auto; margin-right: auto; margin-left: auto; height: auto; margin-top: 20px; text-align: center; }
.content .boat_infoform form .submit_box  { width: 310px; height: 40px; margin-right: auto; margin-left: auto; margin-top: 10px; }
.content .boat_infoform form .submit_box button { width: 150px; height: 40px; }
.content .boat_infoform form .submit_box .submit { width: 150px; height: 40px; }
.content .boat_infoform .category_line { width: 700px; margin-right: auto; margin-left: auto; font-size: 14px; line-height: 2em; margin-bottom: 1px; }
.content .boat_infoform .category { display: table-cell; width: 200px; vertical-align: middle; background-color: #E8EAEA; padding: 5px; border-right-width: 2px; border-right-style: solid; border-right-color: #F60; }
.content .boat_infoform .category_input { display: table-cell; min-width: 400px;  max-width: 400px; vertical-align: middle; background-color: #F5F8F8; padding: 5px; }
.content .boat_infoform textarea { resize: none; height: 100px; width: 390px; }
.content input { font-size: 100%; }

/*** thanks画面 ***/
.content .form_thanks { width: 100%; margin-right: auto; margin-left: auto; text-align: center; }
.content .form_thanks p{ font-size: 16px; line-height: 3em; }
.content .form_thanks a{ font-size: 14px; }

* {
  margin: 0px;
  padding: 0px;
/*
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
*/
  list-style-image: none;
  list-style-type: none;
}

html {
    height: 100%;
    width: 100%;
}
body {
  color: #454545;
  font-family: "Lucida Grande","Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

.clear { clear: both; }

/* For modern browsers */
.cf:before,
.cf:after { content:""; display:table; }
.cf:after { clear:both; }
 
/* For IE 6/7 (trigger hasLayout) */
.cf { zoom:1; overflow: hidden; }


#topsection { clear: both; height: 482px; width: 1200px; margin-right: auto; margin-left: auto; overflow: hidden; }
#topsection #mmflicker { clear: both; height: 480px; width: 1200px; margin-right: auto; margin-left: auto; padding-top: 1px; padding-bottom: 1px; overflow: hidden; }
#topsection #mmflicker ul { margin: 0px; padding: 0px; }
#topsection #mmflicker ul li { margin: 0px; padding: 0px; list-style-image: none; list-style-type: none; }


#socialmedia { background-color: #213A5A; background-image: url(/vcsImg/img/index/bg-social.jpg); background-repeat: repeat-x; background-position: 0px 0px; clear: both; height: auto; width: 100%; display: block; }
#socialmedia #sm-body { clear: both; height: auto; width: 1200px; margin-right: auto; margin-left: auto; padding-top: 30px; padding-bottom: 30px; }
#socialmedia #sm-body #sm1 { float: left; height: auto; width: 880px; padding-right: 10px; padding-left: 10px; }
#socialmedia #sm-body #sm1 h2 { background-image: url(/vcsImg/img/index/title-facebook.png); background-repeat: no-repeat; background-position: 0px 0px; height: auto; width: auto; padding-top: 29px; font-size: 12px; line-height: 1.4em; color: #FFF; font-weight: normal; padding-left: 18px; margin-bottom: 15px; }
#socialmedia #sm-body #sm1 #sm-fbmm { padding-left: 15px; width: 812px; padding-right: 15px; background-color: #FFF; margin-right: auto; margin-left: auto; padding-top: 15px; padding-bottom: 15px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow:0px 1px 8px #000000; height: 700px; }
#socialmedia #sm-body #sm1 #sm-facebook { width: 782px; height: 670px; overflow: auto; overflow-x: none; }

#socialmedia #sm-body #sm2 { float: right; width: 280px; padding-right: 10px; padding-left: 10px; }
#socialmedia #sm-body #sm2 h2 { background-image: url(/vcsImg/img/index/title-hotnews.png); background-repeat: no-repeat; background-position: 0px 0px; height: auto; width: auto; padding-top: 29px; font-size: 12px; line-height: 1.4em; color: #FFF; font-weight: normal; padding-left: 18px; margin-bottom: 15px; }
#socialmedia #sm-body #sm2 #sm-twitmm { padding-left: 10px; width: 242px; padding-right: 10px; background-color: #FFF; margin-right: auto; margin-left: auto; padding-top: 15px; padding-bottom: 15px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow:0px 1px 8px #000000; height: 700px; }
#socialmedia #sm-body #sm2 #sm-twitter { width: 242px; height: 700px; overflow: auto; overflow-x: none; }
/*** topSection ***/
.hc_topSection { font-size: 12px; margin-left: auto; margin-right: auto; overflow: hidden; width: 980px;}


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

/* //////////////////////////////////////////////////
//////////////////////////////////////////////////
[PC_content basic] 
//////////////////////////////////////////////////
////////////////////////////////////////////////// */
.content { clear: both; height: auto; width: 980px; margin-right: auto; margin-left: auto; overflow: hidden; }
.content_mslist { clear: both; height: auto; width: 100%; margin-right: auto; margin-left: auto; overflow: hidden; }
.content h1{ line-height: 2em; margin-bottom: 0px; color: #333; margin-top: 0px; font-size: 20px; padding: 0px; }
.content h2{ line-height: 30px; margin-bottom: 3px; color: #333; margin-top: 0px; font-size: 18px; }
.content h3 { height: 63px; width: auto; font-size: 18px; line-height: 63px; color: #FFFFFF; font-weight: normal; margin-bottom: 10px; background-image: url(/jetImg/img/page_titlebar.jpg); background-repeat: no-repeat; background-position: left top; padding-left: 20px; }
.content h4{ line-height: 1.5em; margin-bottom: 3px; font-size: 14px; color: #275684; }
.content h5{ line-height: 1.2em; font-size: 12px; color: #039; }

.content p{ overflow: hidden; font-size: 12px; line-height: 1.6em; color: #000000; margin-top: 10px; margin-right: 5px; margin-bottom: 10px; margin-left: 5px; }
.content a{ font-size: 12px; color: #039; text-decoration: underline; }
.content a:hover { font-size: 12px; color: #039; text-decoration: none; }
.content .mmbody { width: 940px; margin-right: auto; margin-left: auto; }


/* 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;}
.hc_snsButtons .sns_facebook { width: 100px; float: right; overflow: hidden; }
.hc_snsButtons .sns_mixi { width: 68px; float: right; }
.hc_snsButtons .sns_gree { width: 106px; float: right; }
.hc_snsButtons .sns_plus1 { width: 40px; float: right; }
.hc_snsButtons .sns_twitter iframe.twitter-share-button { width: 72px !important; }

/* FLOAT */
.fl     {  float:left; !important; }
.fr     {  float:right; !important; }

/* BOAT 専門サイト非表示*/
.hideIfProtal {display: none !important;}


/* 船艇一覧ページネーション */
        .jet.pagenav .pagination {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

        .jet.pagenav li.active {
    padding: 5px 10px;
    display: block;
    text-align: center;
    margin-right: 5px;
    color: #fff;
    background: #000;
}

        .jet.pagenav ul.pagination li:first-child.disabled {
    display: none;
}


/*ヘッダーメニュー修正*/
.be0203stockList .pc .g-nav span.large , .be0204partsStockList .pc .g-nav span.large , .be0206shopList .pc .g-nav span.large {
    margin-bottom: 10px;
}

/*スマホ画像保存禁止*/
.boatStockDetail .ship-photo img{
    pointer-events: none;
    -webkit-touch-callout:none; /*リンク長押しのポップアップを無効化 */
    -webkit-user-select:none; /*テキスト長押しの選択ボックスを無効化*/
}

/*カード*/
.list-shipimg{
    position: relative;
}
.diners-card-ok {
    position: absolute;
    top: 5px;
    left: 5px;
}
.diners-card-ok img{
    width: 42px;
    height: auto;
}

/*詳細ページダイナーズバナー*/
.detail-diners-ban{
    text-align: center;
}
.detail-diners-ban img{
    max-width: 600px;
}

@media (max-width: 599px) {
    .detail-diners-ban img{
        max-width: 70%;
        margin-bottom: 1em;
    }
}