@charset "utf-8";
/* CSS Document */
body{ background:url(images/index_bk.jpg) repeat-x top; }
#indexmain{ margin: 0 auto; width: 960px; position: relative; height: 570px; margin-top: 15px; }
#mainlist { width: 960px; height: 210px; position: absolute; top: 340px; left: 0; }
#mainlist li { width: 320px; height: 100px; float: left;} 
#mainlist li a { width: 285px; height: 60px; padding: 40px 0 0 35px; color: #333; font-weight: bold; font-size: 14px; display: block;}
#mainlist li a:hover { text-decoration: none; color: #666; }
#mainlist li#containerwash a { background:url(images/btn_containerwash.png) no-repeat 0 0; }
#mainlist li#containerwash a:hover { background:url(images/btn_containerwash.png) no-repeat -320px 0; }
#mainlist li#palletwash a { background:url(images/btn_palletwash.png) no-repeat 0 0; }
#mainlist li#palletwash a:hover { background:url(images/btn_palletwash.png) no-repeat -320px 0; }
#mainlist li#partswash a { background:url(images/btn_partswash.png) no-repeat 0 0; }
#mainlist li#partswash a:hover { background:url(images/btn_partswash.png) no-repeat -320px 0; }
#mainlist li#dishwasher a { background:url(images/btn_dishwasher.png) no-repeat 0 0; }
#mainlist li#dishwasher a:hover { background:url(images/btn_dishwasher.png) no-repeat -320px 0; }
#mainlist li#heatpump a { background:url(images/btn_heatpump.png) no-repeat 0 0; }
#mainlist li#heatpump a:hover { background:url(images/btn_heatpump.png) no-repeat -320px 0; }
#mainlist li#jig a { background:url(images/btn_jig.png) no-repeat 0 0; }
#mainlist li#jig a:hover { background:url(images/btn_jig.png) no-repeat -320px 0;}

#index01{ float: left; width: 445px; }
#index02{ float: right; width: 480px; }


.indexsubtitle { background:url(images/subtitle.jpg); width: 420px; height: 27px; padding: 3px 0 0 25px;font-weight: bold; font-size: 14px;; margin-top: 20px; position: relative;}

#newsBox { margin-top: 20px; }
#newsBox li{padding: 0 0 5px 15px; margin-bottom: 10px;  background:url(../common/images/sankaku.jpg) no-repeat 5px 5px; border-bottom: 1px solid #ccc;}
.date { float: left; width: 80px; }
.newstitle { float: right; width: 350px; }
#newsBox li:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#newsBox li {display: inline-block;}
/* Hides from IE-mac \*/
* html #newsBox li {height: 1%;}
#newsBox li {display: block;}
/* End hide from IE-mac */