/* 株式会社ウィンテル
Copyright(c)Wintel Corporation. All Rights Reserved. */

.boatkiyaku ul, ol { font-size: 12px; line-height: 20px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 25px; margin-left: 15px; }
.boatkiyaku li { font-size: 12px; line-height: 20px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 8px; margin-left: 15px; background-color: #FFF; }

.boatkiyaku p { background-color: #FFF; }

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

@media only screen and (max-width: 640px) {
	
.boatkiyaku ul, ol { font-size: 12px; line-height: 20px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 25px; margin-left: 5px; }
.boatkiyaku li { font-size: 12px; line-height: 20px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 8px; margin-left: 5px; background-color: #FFF; }

.boatkiyaku p { background-color: #FFF; }

/*////////////////////////////////////////////////
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; }
.content h3 { line-height: 20px; color: #214870; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 5px; font-size: 16px; background-image: none; background-repeat: no-repeat; background-position: left top; height: 20px; width: 310px; font-weight: normal; text-shadow: 1px 1p 0px #fff; border-left: 5px solid #32337F; margin-bottom: 4px; }

/*////////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; }


}