@charset "utf-8";

#header h1 {
width: 113px;
padding: 14px 0 0 40px;
float: left;
}

#flash {
clear: both;
width: 850px;
height: 358px;
background: #f3eee1;
margin-left: auto;
margin-right: auto;
border-bottom: solid 1px #e8dec7;
/*margin-bottom: 20px;*/
border-top: solid 1px #e8dec7;
}

#flash img {
vertical-align:bottom;
}

#main {
margin-top:20px;
}

#main_left {
float: left;
}

#wn {
width: 632px;
background: #fff url("../images/wn_bottom.gif") left bottom no-repeat;
margin-bottom: 20px;
padding-bottom: 3px;
position:relative;
}

#wn h2 {
background: url("../images/wn_top.gif") no-repeat;
width: 100%;
height: 36px;
display: block;
text-indent: -9999px;
float: left;
}


#wn dl {margin: 0; border-left:solid 2px #e8e3d2; border-right:solid 2px #e8e3d2; padding:4px 0 0 5px;}
#wn dl dt {float: left; padding: 0 16px 5px 4px;}
#wn dl dd {padding: 0 20px 10px 0;}


#tech {
clear: both;
background: url("../images/bg_tech.gif") no-repeat;
width: 632px;
height: 305px;
display: block;
margin-bottom:25px;
}

#tech h2 {
height: 40px;
background: url("../images/h2_tech.gif") #e6e6de no-repeat;
text-indent: -9999px;
}

#tech ul {
}

#tech ul li {
float: left;
margin: 18px 8px 0 10px;
padding:0!important;
height:106px;
}

html>body #tech ul li {
margin: 18px 0 0 18px;
}

#banners {
float: right;
width: 200px;
height: 364px;
margin-bottom: 20px;
background: url("../images/bg_link.gif") no-repeat;
}

#banners ul {
margin: 0 0 6px 7px;
}

#banners ul li {
padding: 7px 0;
border-bottom: dotted 1px #e8dec7;
}

#banners ul li.nb {
padding: 7px 0 0;
border-bottom: none;
}

#banners ul li a img {
border: solid 3px #e9e1cf;
}

#case {
background: url("../images/bg_case.gif") #f0ebde no-repeat;
clear: both;
height: 196px;
display: block;
margin-bottom: 20px;
position: relative;
}

#case h2 {
height: 30px;
background: url("../images/h2_case.gif") #a03b45 no-repeat;
text-indent: -9999px;
}