@charset "UTF-8";
/*--------------------------- commodity ---------------------------*/
#commodity{
	background : url('images/index/back_commodity_all.jpg') repeat-y;
    font-family:"Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic Pro W3", "‚l‚r ‚oƒSƒVƒbƒN", Arial, Helvetica, sans-serif;
    background-position : center;
	width : 534px;
    margin : 0 auto;
	}
#commodity ul{
    text-align : left;
    font-size : 12px;
    margin : 10px 3px 0px 3px;
    }
#commodity ul a:link,#commodity ul a:visited{
    color : #2b7ce8;
    }
#commodity ul a:hover{
    color : #c13004;
    }
#commodity .commodity_menu{
    background : url('images/index/back_commodity_top.jpg') no-repeat;
    background-position : top center;
	padding-top : 9px;
    padding-bottom : 5px;
    }
#commodity .commodity_menu span{
    cursor : pointer;
    }
#commodity .commodity_in{
    background : url('images/index/back_commodity_bottom.jpg') no-repeat;
    background-position : center bottom;
	padding-bottom : 8px;
    text-align : center;
    }

#commodity01{}
#commodity01 li{
    float : left;
    width : 166px;
    margin-left : 7px;
    position : relative;
    line-height : 1.5em;
    }
#commodity01 li.cr{
    clear :left;
    float : none;
    margin-bottom : 2px;
    font-size : 1%;
    line-height : 0;
    }
#commodity01 li div{
    margin-left : 60px;
    }
#commodity01 li ul{
    margin : 5px;
    }
#commodity01 li div li{
    width : auto;
    float : none;
    margin : 0px;
    padding-left : 10px;
    line-height : 15px;
    background : url('images/index/commodity_sublist_li.jpg') no-repeat;
    }
#commodity01 .open{
    cursor : pointer;
    }
#commodity01 .subcate{
    display : none;
    }


#commodity02{
    }

#commodity02 li{
    float :left;
    width : 253px;
    margin-left : 10px;
    position : relative;
    line-height : 2em;
    font-size : 14px;
    }



#company,
#guarantee{
    margin : 30px 20px;
    text-align : left;
    }




#company .w510{
    width : 510px;
    }
#company table{
    table-layout : fixed;
    border-collapse : collapse;
    width : 100%;
    margin : 0 atuo;
    text-align : left;
    }
#company th{
    background : #e9e9e9;
    font-weight : normal;
    padding : 3px;
    width : 25%;
    border : solid #c0c0c0;
    border-width : 1px 0px 1px 1px;
    }
#company td{
    padding : 3px 3px 3px 10px;
    width : 75%;
    border : solid #c0c0c0;
    border-width : 1px 1px 1px 0px;
    }
#company h3{
    margin-top : 50px;
    border-bottom : 1px solid #000;
    color : #000;
    font-weight : normal;
    font-size : 14px;
    }
#company iframe{
    margin-top : 20px;
    border : 0px;
    width : 425px;
    height : 350px;
    }
#company .policy{
    margin : 15px;
    font-size : 12px;
    }
#company .policy h4{
    margin-top : 30px;
    margin-bottom : 10px;
    font-weight : normal;
    font-size : 14px;
    border-bottom : 1px solid #c0c0c0;
    border-top : 1px solid #c0c0c0;
    background : #f5f5f5;
    }
#company ul{
    list-style : square;
    margin : 15px 20px 0px 30px;
    }
    

#guarantee .guarantee{
    background : #f5f5f5;
    text-align : left;
    border : 1px solid #cc0001;
    padding : 10px;
}
#guarantee h3{
    margin-top : 50px;
    margin-bottom : 10px;
}
#guarantee .guarantee ul{
    margin : 20px 10px 40px 50px;
}
#guarantee .guarantee li{
    background : url('images/guarantee/point.jpg') no-repeat;
    background-position : 0% 0%;
    padding : 0 0 0 20px;
    margin : 10px;
    line-height : 1.5em;
}
#guarantee .guarantee h4{
    border-bottom : 1px solid #000;
    font-size : 16px;
    margin : auto 10px 3px 10px;
    color : #000;
}

#guarantee .big{
    font-size : 18px;
    font-weight : bold;
    color : green;
}

#info .onebox{
    background : url('images/info/box_back.jpg') no-repeat;
    padding : 23px 20px 10px 20px;
    background-position : top center;
    margin : 50px auto 0px auto;
    }
#info .box_line{
    margin-bottom : 50px;
    }
#info .stepbox{
    background : #f0f0f0;
    border : 1px solid #c0c0c0;
    padding : 10px;
    text-align : left;
    }
#info .link{
    margin : 20px 10px;
    background : #f5f5f5 url('images/info/link_back.jpg') repeat-x;
    background-position : 50%;
    color : #fff;
    }
#info .link a:link,
#info .link a:visited
{
    color : #fff;
}
#info .stepbox h4{
    margin : 0 0 15px 0px;
    }
#info .onebox h3{
    margin : 0 0 25px 0;
    text-align : left;
    }
#info .box_line{
    width : 500px;
    }
#info table{
    border-collapse : collapse;
    font-size : 13px;
    width : 100%;
    }
    
#info table.name3{
    line-height : 1.2em;
    }
#info table.name3 td{
    border : 1px solid #c0c0c0;
    padding : 5px;
    }
#info table.name3 td.name2{
    background : #f0f0f0;
    text-align : right;
    }
#info table.name3 td.name4{
    background : #cc0001;
    color : #fff;
    }
#info table.name3 td.name5{
    background : #f0f0f0;
    }