@charset "utf-8";
   #productsList{
        opacity: 0;
       min-height: 230px;
    }
    ul#prodSelect {
        width: 60%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 160px;
        margin-bottom: 80px;
        zoom: 1; /* float解除 for IE6/7  */
    }
    ul#prodSelect:after, ul#prodSelect:before {
        content: "";
        clear: both;
        display: block;
    }
	ul#prodSelect li a {
		width: 30%;
		margin-left: 1.5%;
		margin-right: 1.5%;
		padding-top: 5px;
		padding-bottom: 5px;
		background-color: #6B3A09;
		border-radius: 5px;
		color: #FFFFFF !important;
		text-align: center;
		font-size: 18px;
		float: left;
	}
	ul#prodSelect li a:hover {
		background-color: #C77C30;		
	}	
	h2.productsAll {
		display: block;
		width: 40%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		font-size: 24px;
		border-bottom: 2px solid #6B3A09;
		margin-bottom: 40px;
	}
	ul#productsList {
		width: 100%;
        zoom: 1; /* float解除 for IE6/7  */
    }
    ul#productsList:after, ul#productsList:before {
        content: "";
        clear: both;
        display: block;
    }
	ul#productsList li {
		width: 17%;
		margin-left: 1.5%;
		margin-right: 1.5%;
		margin-bottom: 25px;
		float: left;
	}	
    ul#productsList li a {
        display: block;
        text-align: center;
        height: 230px;
    }
	ul#productsList li img {
		height: 163px;
		margin-bottom: 5px;
	}
	ul#productsList li p.part {
		font-size: 11px;
		margin-bottom: 2px;
        text-align: center;
	}
	ul#productsList li p.name {
		font-size: 12px;
        text-align: center;
	}
	ul#productsList li p.tree {
		font-size: 12px;
		text-align: center;
	}
	ul#productsList li.noProd {
		width: 60%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		float: none;
		font-size: 18px;
	}
	#groupLink a {
		width: 30%;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		background-color: #2F5AB0;
		color: #FFFFFF !important;
		font-size: 13px;
		line-height: 1.8em;
        padding: 8px;
        display: block;
        margin-bottom: 15px;
	}
	#selectWrap {
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50px;
	}
	#selectWrap p {
		font-size: 18px;
		text-align: center;
		margin-bottom: 20px;
	}
	#selectWrap dl {
		width: 100%;
		display: table;
		border-bottom: 1px solid #A6A6A6;
		margin-bottom: 10px;
		padding-bottom: 10px;
	    zoom: 1; /* float解除 for IE6/7  */
    }
    #selectWrap dl ul:after, #selectWrap dl:before {
        content: "";
        clear: both;
        display: block;
    }
	#selectWrap dl dt, #selectWrap dl dd {
		display: table-cell;
	}	
	#selectWrap dl dt {
		width: 14%;
		vertical-align: middle;
	}
	#selectWrap dl dd {
		
	}	
    .search-box_label {
        font-weight: bold;
    }
    .is-hide {
        display: none;
    }
	.search-box ul {
		width: 100%;
	    zoom: 1; /* float解除 for IE6/7  */
    }
    .search-box ul:after, .search-box ul:before {
        content: "";
        clear: both;
        display: block;
    }
	#selectWrap dl dd .search-box ul li {
		width: 20%;
		float: left;
		margin-right: 10px;
		margin-bottom: 5px;
	}	
	
	#selectWrap dl:nth-child(2) dd .search-box ul li {
		width: 15%;
		float: left;
		margin-right: 10px;
		margin-bottom: 5px;
	}	
	#selectWrap dl.sub dd .search-box ul li {
		width: 15%;
		float: left;
		margin-right: 10px;
		margin-bottom: 5px;
	}	

    .partSearch input[type="text"] {
        width: auto;
    }
    .check01-input, .check02-input, .check03-input, .check04-input{
        display: none;
    }
    .check01-input + label, .check02-input + label, .check03-input + label, .check04-input + label{
        padding-left: 20px;
        position:relative;
        margin-right: 20px;
        font-size: 13px;
        vertical-align: middle;
    }
    .check01-input + label::before, .check02-input + label::before, .check03-input + label::before, .check04-input + label::before{
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 11px;
        height: 11px;
        margin-top: 4px;
        border: 1px solid #999;
        border-radius: 25%;
    }
    .check01-input:checked + label{
        color: #9A3900;
    }
	.check02-input:checked + label {
		color: #0F8E29;
	}.check03-input:checked + label {
		color: #cc0000;
	}
	.check04-input:checked + label {
		color: #796458;
	}
    .check01-input:checked + label::after, .check02-input:checked + label::after, .check03-input:checked + label::after, .check04-input:checked + label::after {
        content: "";
        display: block;
        position: absolute;
        top: 6px;
        left: 2px;
        width: 9px;
        height: 9px;
        background: #9A3900;
        border-radius: 25%;
    }	
    .check02-input:checked + label::after {
        background: #0F8E29;
    }
    .check03-input:checked + label::after {
        background: #cc0000;
    }
    .check04-input:checked + label::after {
        background: #796458;
    }
    .partSearch {
        margin: 0 auto;
    }
    .partSearch input[type="submit"],
    .submit-No {
        webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: #e39e19;
        border: none;
        border-radius: 4px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        color: #fff;
        cursor: pointer;
        display: inline-block;
        font-weight: bold;
        font-size: 15px;
        margin: 0 auto;
        padding: 10px 8px;
        text-align: center;
        vertical-align: middle;
    }
    .partSearch .err {
        font-size: 100% !important;
    }
    .part_no {
        display: none;
    }
    .searchInfoTxt {
        font-size: 13px !important;
        /*color: #cc0000;*/
        text-align: left !important;
        margin: 0 0 5px 0 !important;
    }      
    @media screen and (max-width:768px) {
        #search .inner {
            padding: 10px 25px;
            width: auto;
       }
        ul#prodSelect {
            width: 100%;
        }
        
        h2.productsAll {
            width: 100%;
        }        
        #selectWrap {
            width: 100%;
        }        
        #selectWrap dl dd .search-box ul li {
            width: 100%;
        } 
        .check01-input + label, .check02-input + label, .check03-input + label, .check04-input + label {
            font-size: 90%;
            margin-right: 0;
            margin-bottom: 5px;
        }        
        .check01-input + label::before, .check02-input + label::before , .check03-input + label::before, .check04-input + label::before {
            top: 2px;
        }
        .check01-input:checked + label::after, .check02-input:checked + label::after, .check03-input:checked + label::after, .check04-input:checked + label::after {
            top: 8px;
        }   
        #selectWrap dl dt {
            width: 20%;
        }    
        #selectWrap dl dd {
            width: 80%;
        } 
        
        .search-box ul label {
            display: block;
        }
        
       #selectWrap dl:nth-child(2) dd .search-box ul li {
            width: 100%;
        }
        
        #groupLink a {
            width: 180px;
        }        
        .partSearch input[type="text"] {
            width: 80px;
        }
        ul#productsList li {
            width: 45%;
        }

         ul#prodSelect {
            margin-top: 10px;
        }    
    }
    
     @media screen and (max-width:370px) {
            .partSearch {
            width: 100%;
        }
    }