@charset "UTF-8";

/*
css-menu
------------------------
1. topContent
2. topContentLeft
3. topContentRight
4. class
------------------------*/

/*
1. topContent
----------------------------------------*/
#topContent {
width: 100%;
height: auto;
background: url(../images/com_007.jpg) repeat-y;
}
#topMainImg{
margin-bottom: 5px;
width: 900px;
height: 210px;
background: url(../images/top_002.jpg) no-repeat bottom;
}


/*
2. topContentLeft
----------------------------------------*/
#topContentLeft{
width: 605px;
height: auto;
float: left;
}
.topBlock{
width: 100%;
}
.topBlock .proList{
float: left;
}
.topBlock ul{
width: 100%;
height: auto;
}
.topBlock li{
padding-bottom: 15px;
}



#topicTitle{
width: 605px;
}
.more{
width: 87px;
height: 15px;
float: right;
position: relative;
display: block;
top: -22px;
right: 10px;
}
.tblTopic{
font-size:1.2em;
line-height: 1.3em;
color: #666;
border-collapse: collapse;
width:605px;
}
.tblTopic td {
padding: 10px;
border-bottom: 1px dotted #ccc;
vertical-align: top;
font-weight: normal;
}
td.date{
width: 22%;
}

/*
3. topContentRight
----------------------------------------*/
#topContentRight {
width: 270px;
float: right;
}
.rightBox{
width: 268px;
border: 1px solid #d2d2d2;
}
.support{
padding: 5px;
}
.supList{
padding-left: 21px;
padding-bottom: 5px;
background: url(../common/images/com_011.gif) no-repeat 0 2px;
font-weight: bold;
}

#bannerArea{
padding: 5px 0;
width: 270px;
height: auto;
background-color: #f0f0f0;
}
#bannerArea li{
margin: 0 auto;
width: 262px;
height: auto;
}

/*
4. class
----------------------------------------*/
.mgnB30{
margin-bottom: 30px!important;
}
.mgnL17{
margin-left: 17px!important;
}