@charset "utf-8";
/* CSS Document */
.wind_container {width:100%; margin:0 0 10px 0; padding: 0 0 10px 0px;
}


#usageCase {
width: 888px;
height: 125px;
background: #dbdad8;
clear: both;
border:1px solid #CCCCCC;
position: relative;
margin-bottom:10px;
}
#usageCase ul {
list-style-type: none;
position: absolute;
top: 8px;
left: 16px;
margin: 0;
padding: 0;
}
#usageCase li {
width: 143px;
height: 108px;
padding: 0;
margin: 0;
float: left;
position: relative;
}
#usageCase li a {
display: block;
background-image: url(img/rowone_up.jpg);
height: 108px;
width: 143px;
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
}
#usageCase li.one a { background-position: 0px 0px; }
#usageCase li.two a { background-position: 721px 0px; }
#usageCase li.three a { background-position: 576px 0px; }
#usageCase li.four a { background-position: 432px 0px; }
#usageCase li.five a { background-position: 287px 0px; }
#usageCase li.six a { background-position: 142px 0px; }
#usageCase li a:hover { background-image: url(img/rowone_over.jpg);cursor: pointer;}
#usageCase li a span { 
position: absolute;
bottom: 5px;
text-align: center;
width: 100%;
}


#usageCase_two {
width: 888px;
clear: both;
top:-150px;
position: relative;
}
#usageCase_two ul {
list-style-type: none;
position: absolute;
top: 25px;
left: 16px;
margin: 0;
padding: 0;
}
#usageCase_two li {
width: 143px;
height: 108px;
padding: 0;
margin: 0;
float: left;
position: relative;
}
#usageCase_two li a {
display: block;
background-image: url(img/rowtwo_up.jpg);
height: 108px;
width: 143px;
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
color: #fff;
text-decoration: none;
}

#usageCase_two li.seven a { background-position: 0px 0px;top:10px; }
#usageCase_two li.eight a { background-position: 721px 0px; }
#usageCase_two li.nine a { background-position: 576px 0px; }
#usageCase_two li.ten a { background-position: 432px 0px; }
#usageCase_two li.eleven a { background-position: 287px 0px; }
#usageCase_two li a:hover { background-image: url(img/rowtwo_over.jpg);cursor: pointer;}
#usageCase_two li a span { 
position: absolute;
bottom: 5px;
text-align: center;
width: 100%;
}

.box{
width:692px;
height:15px;
padding:10px;
border:1px solid #CCCCCC;
background:url(img/box-bg.png) repeat-x;
background-position:bottom;
margin:0 auto;
text-align:center;
}

.box ul{
padding:0;
margin:0;
}

.box li{
display:inline;
list-style:none;
margin-right:15px;
}