@charset "UTF-8";
/*------------------------------------------------
PartsOrder パーツオーダー用
------------------------------------------------*/
.sp_area{
 width: calc(100% - 193px);
 margin: 20px 0px 30px 11px;
 padding: 0px 0px 0px 0px;
 float: left;
}
.sp_area h2 {
 font-size: 20px;
 font-family: Verdana;
 font-weight: bold;
}
.sp_area h3{
 margin: 10px 0px 0px 0px;
 padding: 5px 10px 5px 10px;
 font-size: 16px;
 font-family: Verdana;
 background-color: #29ABE2;
 color: #fff;
}
.sp_form1 {
 margin: 0px auto;
 width: 600px;
 clear:left;
}
.sp_form1 table {
 width: 100%;
}
.sp_form1 td {
 vertical-align: top;
}
.sp_form2 {
 margin: 0px auto;
 /*width: 600px;*/
 /*text-align: center;*/
}
.sp_signin_box {
 margin: 0px auto;
 width: 308px;
 height: 154px;
 text-align: left;
 background: url(../images/signin/sigin_order.jpg) no-repeat;
}
.sp_warning {
 margin: 10px 0px 0px 0px;
 padding: 8px;
 font-size: 14px;
 font-weight: bold;
 width: 796px;
 text-align: center;
 border: 4px solid #ff0000;
}
.sp_btn_div {
 text-align: center;
}
/*----------------------------------------------*/
.sp2_area{
 width: 800px;
 margin: 0px;
 padding: 0px;
}
.sp2_area h3{
 margin: 20px 0px 0px 0px;
 padding: 5px 10px 5px 10px;
 font-size: 16px;
 background-color: #0071bc;
 color: #fff;
}
/*----------------------------------------------*/
.sp3_area{
 width: 800px;
 margin: 0px auto;
 padding: 0px;
}
.sp3_area h3{
 margin: 8px 0px 0px 0px;
 padding: 5px 10px 5px 10px;
 font-size: 16px;
 background-color: #0071bc;
 color: #fff;
 width: 800px;
}
/*----------------------------------------------*/
.sp_pan{
 margin: 0px 0px 0px 10px;
 padding: 0px 0px 0px 0px;
}
.sp_pan p{
 font-size: 12px;
 font-weight: bold;
}
.sp_request p {
 font-size: 14px;
 margin-left: 18px;
}
.sp_howto {
 padding: 2px;
 background-color: #eeeeee;
 margin-left: 12px;
}
.sp_howto p {
 margin-left: 6px;
 font-size: 12px;
}
.sp_howto_title {
 font-size: 14px;
 font-weight: bold;
 margin-bottom: 4px;
 padding-left: 4px;
}
.sp_title{
 margin: 20px 0px 20px 10px;
 padding: 0px 0px 0px 0px;
 font-size: 20px;
 font-family: Verdana;
}
/*----------------------------------------------*/
.sp_left{
 width: 490px;
 float: left;
 margin: 10px 0px 10px 0px;
 padding: 0px 0px 0px 10px;
}
.sp_left p{
 font-size: 14px;
 margin: 0px 0px 4px 0px;
 padding: 0px 0px 0px 0px;
}
/*----------------------------------------------*/
.sp_right{
 width: 290px;
 float: right;
 margin-right: 10px;
 padding: 0px;
 text-align: left;
}
/*----------------------------------------------*/
.sp_totop{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 width: 800px;
 clear: both;
 text-align: right;
 font-size: 12px;
 font-weight: bold;
}
/*----------------------------------------------*/
.request_sp {
 margin: 0px auto;
 padding: 0px 0px 0px 0px;
 text-align: center;
 font-size: 14px;
 font-weight: bold;
}
.request_sp_table {
 _width: 100%;
 margin: 0px auto;
 margin-top: 10px;
 margin-bottom: 50px;
 padding: 0px 0px 0px 0px;
}
.request_sp_table td {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 vertical-align: top;
 font-size: 14px;
}
.request_sp_link {
 width: 100%;
 text-align: center;
}
.request_sp_link a {
 color:#018b2a;
 font-size: 20px;
}
/*----------------------------------------------*/
.request_sp2 {
 margin: 0px;
 padding: 0px;
 width: 800px;
 border:1px solid #0071bc;
}
.request_sp_table2 {
 margin: auto;
 padding: 0px;
 width: 600px;
}
.request_sp_table2 td{
 margin: 0px;
 padding: 0px;
 vertical-align: top;
}
.request_sp_div {
 margin: 0px;
 padding: 8px 0px;
}
/*----------------------------------------------*/
.sp_left2{
 width: 560px;
 float: left;
 margin: 0px 0px 50px 0px;
 padding: 0px 0px 0px 0px;
}
.sp_left2_clear{
 width: 560px;
 clear: both;
}
.sp_left2_title{
 margin: 10px 0px 10px 0px;
 padding: 0px 0px 0px 0px;
 font-size: 16px;
 font-weight: bold;
}
.sp_left2_title span{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 font-size: 12px;
 font-weight: bold;
}
.sp_left2 .sp_image{
 width: 200px;
 float: left;
 margin: 0px 0px 10px 0px;
 padding: 0px 0px 0px 0px;
}
.sp_left2 table{
 width: 345px;
 float: right;
 border-top: solid 1px #666;
 border-left: solid 1px #666;
 margin: 0px 0px 10px 0px;
 padding: 0px 0px 0px 0px;
}
.sp_left2 th,
.sp_left2 td{
 font-size: 12px;
 border-right: solid 1px #666;
 border-bottom: solid 1px #666;
 margin: 0px 0px 0px 0px;
 padding: 2px 4px 2px 4px;
}
.sp_left2 th{
 text-align: center;
}
.sp_left2 td{
}
/*----------------------------------------------*/
.sp_right2{
 width: 226px;
 float: right;
 margin: 18px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
.sp_right2 p{
 font-size: 12px;
 font-weight: bold;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
.sp_right2 table{
 width: 226px;
 float: right;
 border: solid 1px #666;
 margin: 8px 0px 0px 0px;
 padding: 5px 5px 0px 5px;
 background-color: #EEEEEE;
 font-size: 12px;
}
.sp_right2 td{
 margin: 0px 0px 5px 0px;
 padding: 0px 0px 5px 0px;
 vertical-align: top;
}
/*----------------------------------------------*/
.sp_about{
 margin: 10px 0px 0px 10px;
 padding: 0px 0px 0px 0px;
 font-size: 14px;
}
.sp_about p{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
.sp_about table{
 margin: 3px 0px 0px 33px;
 padding: 0px 0px 0px 0px;
}
.sp_about td{
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 font-weight: normal;
}
/*----------------------------------------------*/
.sp_breadcrumb {
 margin: 0 auto;
 padding: 0px 0px 0px 0px;
 /*width: 592px;*/
 width: 830px;
 
 margin-top: 10px;
}
.sp_breadcrumb p {
 margin-top: 5px;
 padding-left: 14px;
 float: left;
}
.sp_breadcrumb td {
 vertical-align: top;
 padding-top: 0px;
 padding-left: 3px;
}
.sp_breadcrumb_a  { width: 146px; height: 26px; }
.sp_breadcrumb_b  { width: 146px; height: 26px; }
.sp_breadcrumb1 { width:588px; height: 26px; overflow: hidden; background: url(../images/parts/breadcrumb.png) no-repeat 0px -1px; }
.sp_breadcrumb2 { width:588px; height: 26px; overflow: hidden; background: url(../images/parts/breadcrumb.png) no-repeat 0px -26px; }
.sp_breadcrumb3 { width:588px; height: 26px; overflow: hidden; background: url(../images/parts/breadcrumb.png) no-repeat 0px -51px; }
.sp_breadcrumb4 { width:588px; height: 26px; overflow: hidden; background: url(../images/parts/breadcrumb.png) no-repeat 0px -76px; }

.sp_breadcrumb_flow {
 margin: 0px;
 display: block;
 float: left;
 font-weight: bold;
 font-size: 12px;
}
.sp_breadcrumb_title {
 margin: 0 auto;
 padding: 0px;
 padding-top: 8px;
 font-size: 14px;
 font-weight: bold;
 color: #a9a9a9;
}
.sp_order_title {
 width : 830px;
 color: #000000;
 font-size: 18px;
 font-weight: bold;
 margin: 30px auto 30px auto;
 text-align: left;
 padding: 0px;
}
/*----------------------------------------------*/
.sp_entry {
 width: 580px;
 margin: auto;
 padding: 0px;
}
.sp_entry_remarks {
 text-align: center;
 font-size: 14px;
 font-weight: normal;
 font-family: Arial;
}
.sp_entry_title {
 font-size: 16px;
 font-weight: normal;
 text-align: center;
 margin: 0px;
 padding: 10px 0px;
}
.sp_entry_tbl {
 margin: 0px;
 border: 1px solid #000;
 padding: 0px;
}
.sp_entry_tbl .sp_entry_header {
 border-bottom: 1px solid #000;
 padding: 3px;
 text-align: center;
 font-weight: bold;
}
.sp_entry_more {
 margin-bottom: 16px;
 float: left;
}
.sp_entry_close {
 margin-bottom: 16px;
 float: right;
}
/*----------------------------------------------*/
.sp_entry_tbl2 {
 margin: auto;
 border: 1px solid #000;
 padding: 0px;
}
.sp_entry_tbl2 td{
 padding: 4px 8px;
}
/*----------------------------------------------*/
.sp_entry_tbl_frame {
 margin: 1px;
 padding: 1px;
}
.sp_entry_tbl_frame th {
 width: 220px;
 padding: 3px;
 margin: 3px;
 background-color: #eeeeee;
 font-size: 12px;
 text-align: right;
 vertical-align: middle;
 font-weight: bold;
 border: 1px solid #ccc;
}
.sp_entry_tbl_frame td {
 width: 330px;
 height: 100%;
 padding: 3px;
 margin: 3px;
 vertical-align: top;
 border: 1px solid #ccc;
 font-size: 12px;
}
/*----------------------------------------------*/
.sp_entry_tbl_frame2 {
 margin: 1px;
 padding: 1px;
}
.sp_entry_tbl_frame2 th {
 padding: 3px;
 margin: 3px;
 background-color: #eeeeee;
 font-size: 12px;
 text-align: center;
 vertical-align: middle;
 font-weight: bold;
 border: 1px solid #ccc;
}
.sp_entry_tbl_frame2 td {
 height: 100%;
 padding: 3px;
 margin: 3px;
 text-align: right;
 vertical-align: top;
 border: 1px solid #ccc;
 font-size: 12px;
}
.sp_entry_btn {
 margin-top: 15px;
 text-align: center;
}
.sp_entry_btn_txt {
 margin: auto auto;
 margin-top: 4px;
 width: 300px;
 text-align: center;
}
.sp_entry_btn_txt a {
 color: #444444;
 font-size: 12px;
 text-align: center;
}
/*----------------------------------------------*/
.parts_required {
 font-size: 12px;
 font-weight: bold;
 color: #FFFFFF;
 background-color: #FF0000;
 padding: 1px 8px;
 text-align: center;
}
.parts_required_title {
 font-size: 12px;
 font-weight: bold;
 color: #FFFFFF;
 background-color: #FF0000;
 padding: 1px 8px;
 text-align: center;
}
.parts_ok {
 font-size: 12px;
 font-weight: bold;
 color: #FFFFFF;
 background-color: #336633;
 padding: 1px 16px;
 text-align: center;
}
/*----------------------------------------------*/
.sp_confirm {
 width: 480px;
 margin: 10px auto;
}
.sp_confirm2 {
 width: 600px;
 margin: 10px auto;
}
.sp_privacy_terms {
 width: 100%;
 text-align: center;
 margin-top: 20px;
 font-weight: normal;
 font-size: 14px;
}
/*----------------------------------------------*/
.link_parts_btn {
 margin-left: 55px;
 margin-top: 20px;
}
.link_parts_link {
 width: 100%;
 margin: auto auto;
 margin-top: 2px;
 margin-bottom: 20px;
 font-size: 14px;
 text-align: center;
}
.link_backto{
 width: 830px;
 margin : 20px auto;	
}