
/* 株式会社ウィンテル
Copyright(c)Wintel Corporation. All Rights Reserved. */

* { margin: 0px; padding: 0px; list-style-image: none; list-style-type: none; }
html { height: 100%; }

body { color: #454545; background-color: #FFFFFF; height: 100%; 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; }

header { background-image: url(/boatImg/img/common/header/0bg.jpg); background-repeat: repeat-x; background-position: left top; clear: both; height: 115px; width: 100%; margin-right: auto; margin-left: auto; }
#hr01 { clear: both; height: 25px; width: 970px; margin-right: auto; margin-left: auto; }
#hr01 h1 { font-size: 0.6em; line-height: 25px; font-weight: normal; color: #DEE7EE; float: left; height: 25px; width: auto; }
#hr01 p { font-size: 0.6em; line-height: 25px; font-weight: normal; color: #DEE7EE; float: left; height: 25px; width: auto; }
#hr01 ul { float: right; height: 25px; width: 300px; list-style-image: none; list-style-type: none; }
#hr01 ul li { float: right; height: 25px; width: auto; margin-right: 1px; }
#hr02 { clear: both; height: 90px; width: 970px; margin-right: auto; margin-left: auto; background-image: url(/boatImg/img/common/header/0hrbg.jpg); background-repeat: no-repeat; background-position: center top; padding-right: 5px; padding-left: 5px; }
#hr02 #hrlogo { float: left; height: 90px; width: 360px; }
#hr02 #hrlogo img { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#hr02 #menu { float: right; height: 40px; width: 602px; padding-top: 25px; padding-bottom: 25px; background-image: url(/boatImg/img/common/header/hrmbg.png); background-repeat: no-repeat; background-position: 1px 25px; padding-left: 1px; }
#hr02 #menu li { float: left; height: 30px; width: 118px; margin-right: 1px; margin-left: 1px; font-size: 0.7em; line-height: 15px; list-style-image: none; list-style-type: none; text-align: center; font-weight: bold; }
#hr02 #menu li a { color: #26415C; text-decoration: none; display: block; height: 30px; width: 118px; 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: 118px; 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; }


#footer { background-color: #069; clear: both; height: auto; width: 100%; margin-right: auto; margin-left: auto; }
#footer .ftbody { clear: both; height: auto; width: 980px; margin-right: auto; margin-left: auto; padding-top: 25px; padding-bottom: 25px; }
#footer .ftbody ul { float: left; height: auto; width: 650px; }
#footer .ftbody ul li { white-space: nowrap; float: left; list-style-image: none; list-style-type: none; font-size: 0.6em; line-height: 1.5em; color: #FFF; }
#footer .ftbody ul li a { color: #FFF; text-decoration: none; font-size: 100%;}
#footer .ftbody ul li a:hover { color: #FC0; text-decoration: underline; font-size: 100%;}
#footer .ftbody p { font-size: 0.6em; line-height: 1.5em; font-weight: normal; color: #FFF; float: right; margin-top: 2em; }

/*** topSection ***/
.hc_topSection { font-size: 12px; margin-left: auto; margin-right: auto; overflow: hidden; width: 980px; padding-top: 5px; }
.hc_topSection .banner_big_detail{clear:both;}
/*** パンくず ***/
.hcw_breadcrumbs { font-size: 12px; margin-left: auto; margin-right: auto; overflow: hidden; width: 980px; padding-top: 5px; padding-bottom: 5px; }
.hcw_breadcrumbs a { font-size: 12px;}

/* //////////////////////////////////////////////////
//////////////////////////////////////////////////
[PC_content basic] 
//////////////////////////////////////////////////
////////////////////////////////////////////////// */
.content { clear: both;  min-height: 500px;  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{ line-height: 80px; color: #214870; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 20px; font-size: 24px; background-image: url(/boatImg/img/pagetitle.png); background-repeat: no-repeat; background-position: left top; height: 80px; width: 980px; font-weight: normal; text-shadow:1px 1px 0px #fff; }
.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; }

.be0101toppages .realtimeLink { text-align: right; }
.be0101toppages .realtimeLink a { color: #FFF; text-decoration: none; }
.be0101toppages .realtimeLink a:hover { color: #FF0; text-decoration: underline; }

/* FLOAT */
.fl     {  float:left; !important; }
.fr     {  float:right; !important; }


/* 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; }


/*** bottomSection ***/
.hc_bottomSection { margin: 0 auto; width: 970px; }

/*** 一覧、詳細バナー設定 ***/
.banner_big_detail { clear: both; height: 90px; width: 970px; margin-right: auto; margin-left: auto; margin-bottom: 10px; }
.banner_big_detail_footer { clear: both; height: 90px; width: 970px; margin-right: auto; margin-left: auto; margin-bottom: 10px; }

/*船艇詳細ページの画像保存不能にする*/
.boatStockDetail .ship-photo img{
    pointer-events: none;
    -webkit-touch-callout:none; /*リンク長押しのポップアップを無効化 */
    -webkit-user-select:none; /*テキスト長押しの選択ボックスを無効化*/
}


/* =======================================
    スマホ版
======================================= */

@media only screen and (max-width: 640px) {
.hc_topSection { font-size: 12px; margin-left: auto; margin-right: auto; overflow: hidden; width: 320px; padding-top: 5px; }
.hc_bottomSection { font-size: 12px; margin-left: auto; margin-right: auto; overflow: hidden; width: 318px; padding-top: 0px; height: auto; }
.banner_big_detail { clear: both; height: 100px; width: 320px; margin-right: auto; margin-left: auto; margin-bottom: 10px; }
.banner_big_detail_footer  { clear: both; width: 300px; height: 250px; margin-right: auto; margin-left: auto; margin-bottom: 10px; }
#menu .only-pc{display: none; /*20210607 maeda*/}
}





