@charset "UTF-8";
/* CSS Document */

/* ログイン */




 .wrap .be0102page .boatenduserlogin .login{


}
.be0102page .login_box {


}
.wrap .be0102page .info_box p { font-size: 12px; line-height: 2em; padding-left: 10px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCC; text-align: left; padding-right: 10px; }
.wrap .be0102page .boatenduserlogin .default { border: 1px none #CCC; }
.boatenduserlogin .defaultlabel {
	font-size: 16px;
	display: inline-block;
	min-width: 130px;




}
input.inputfield {
	font-size: 18px;
	border: 1px solid #ccc;
	padding: 10px;
}



.boatenduserlogin .input_box {


}

.boatenduserlogin .submit_box { margin-right: auto; margin-left: auto; margin-bottom: 10px; 
	margin-top: 20px;


}
.formbutton .submitbutton { height: 40px; width: 140px; background-color: #F90; 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; border-radius: 6px;        /* CSS3草案 */ -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */ -moz-border-radius: 6px;   /* Firefox用 */ }

.formbutton .submitbutton { 
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ff3600), color-stop(0.00, #f5bcad));
background: -webkit-linear-gradient(top, #f5bcad 0%, #ff3600 100%);
background: -moz-linear-gradient(top, #f5bcad 0%, #ff3600 100%);
background: -o-linear-gradient(top, #f5bcad 0%, #ff3600 100%);
background: -ms-linear-gradient(top, #f5bcad 0%, #ff3600 100%);
background: linear-gradient(top, #f5bcad 0%, #ff3600 100%); }

.formbutton .submitbutton:hover { background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #b52903), color-stop(0.00, #f88e72));
background: -webkit-linear-gradient(top, #f88e72 0%, #b52903 100%);
background: -moz-linear-gradient(top, #f88e72 0%, #b52903 100%);
background: -o-linear-gradient(top, #f88e72 0%, #b52903 100%);
background: -ms-linear-gradient(top, #f88e72 0%, #b52903 100%);
background: linear-gradient(top, #f88e72 0%, #b52903 100%); }


.formbutton .submitbutton:hover { background-color: #F60; }
.be0102page .info_box { height: auto;  min-height: 130px; width: 90%; border: 1px solid #CCC; background-color: #FFFFFF; margin-right: auto; margin-left: auto; padding-top: 5px; padding-bottom: 5px; margin-bottom: 10px; }
.boatenduserlogin .input_box .default .defaultrow {


 margin-bottom: 15px; width: auto;
 display: table;




  }
.boatenduserlogin .login_box .info_box ul li { margin-right: 5px; margin-left: 5px; }
.boatenduserlogin .login_box .info_box ul li a { font-size: 12px; line-height: 2em; display: block; padding-left: 5px; }
.boatenduserlogin .login_box .info_box ul li a:hover { background-color: #DFDFDF; }
.boatenduserlogin .login_box .info_box ul li a:visited { color: #999; text-decoration: none; background-color: #FFF; }
.boatenduserlogin .login_box .info_box ul li a .title { margin-left: 5px; }

.comment { font-size: 10px; color: #333; line-height: 1.5em; width: 100%; margin-right: auto; margin-left: auto; }
.copyright { margin-right: auto; margin-left: auto; font-size: 10px; text-align: right; color: #666; width: 90%; line-height: 1.5em; margin-top: 5px; }

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

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



input.inputfield {
	width: 100%;
}





.wrap .be0102page .boatenduserlogin .login{

}

.wrap .be0102page .info_box p { font-size: 12px; line-height: 2em; padding-left: 10px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCC; text-align: left; padding-right: 10px; }
.wrap .be0102page .boatenduserlogin .default { border: 1px none #CCC; }
.boatenduserlogin .defaultlabel {

	font-size: 16px; line-height: 2em;
	width: 100%;
	text-align: left;


}




.boatenduserlogin .submit_box { margin-right: auto; margin-left: auto; margin-bottom: 10px; }
.formbutton .submitbutton { height: 40px; width: 140px; background-color: #F90; 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; border-radius: 6px;        /* CSS3草案 */ -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */ -moz-border-radius: 6px;   /* Firefox用 */ }

.formbutton .submitbutton { 
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ff3600), color-stop(0.00, #f5bcad));
background: -webkit-linear-gradient(top, #f5bcad 0%, #ff3600 100%);
background: -moz-linear-gradient(top, #f5bcad 0%, #ff3600 100%);
background: -o-linear-gradient(top, #f5bcad 0%, #ff3600 100%);
background: -ms-linear-gradient(top, #f5bcad 0%, #ff3600 100%);
background: linear-gradient(top, #f5bcad 0%, #ff3600 100%); }

.formbutton .submitbutton:hover { background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #b52903), color-stop(0.00, #f88e72));
background: -webkit-linear-gradient(top, #f88e72 0%, #b52903 100%);
background: -moz-linear-gradient(top, #f88e72 0%, #b52903 100%);
background: -o-linear-gradient(top, #f88e72 0%, #b52903 100%);
background: -ms-linear-gradient(top, #f88e72 0%, #b52903 100%);
background: linear-gradient(top, #f88e72 0%, #b52903 100%); }


.formbutton .submitbutton:hover { background-color: #F60; }
.be0102page .info_box { height: auto;  min-height: 130px; width: 90%; border: 1px solid #CCC; background-color: #FFFFFF; margin-right: auto; margin-left: auto; padding-top: 5px; padding-bottom: 5px; margin-bottom: 10px; }
.boatenduserlogin .input_box .default .defaultrow {

	margin-bottom: 5px; width: auto;
	width: 100%;


}
.boatenduserlogin .login_box .info_box ul li { margin-right: 5px; margin-left: 5px; }
.boatenduserlogin .login_box .info_box ul li a { font-size: 12px; line-height: 2em; display: block; padding-left: 5px; }
.boatenduserlogin .login_box .info_box ul li a:hover { background-color: #DFDFDF; }
.boatenduserlogin .login_box .info_box ul li a:visited { color: #999; text-decoration: none; background-color: #FFF; }
.boatenduserlogin .login_box .info_box ul li a .title { margin-left: 5px; }

.comment { font-size: 10px; color: #333; line-height: 1.5em; width: 98%; margin-right: auto; margin-left: auto; }
.copyright { margin-right: auto; margin-left: auto; font-size: 10px; text-align: right; color: #666; width: 90%; line-height: 1.5em; margin-top: 5px; }

/*////////////////////////////////////////////////
boatCommon sp header menu footer
////////////////////////////////////////////////*/





.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 {margin: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; padding: 0px; }

/*** topSection ***/
.hc_topSection { font-size: 12px; margin-left: auto; margin-right: auto; overflow: hidden; width: 318px; padding-top: 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;}


}