@charset "iso-8859-1";
/* CSS Document */
#content{
font-family:Verdana, Arial, Helvetica, sans-serif;}

#content h2{
font-size:14px;
text-align:center;
}
#content h3{
clear:both;
padding-left:10px;
font-size:14px;
margin-right:15px;padding:0px; border-bottom: #CCCCCC 1px dotted;
}
#content h3 span{
background-color:#CCCCCC; padding-left:5px; padding-right:40px; background-image:url(title-bg.jpg); background-repeat:no-repeat; background-position:right ; color:#FFFFFF;}
#content h4{
margin-left:15px;
clear:both;
font-family:Arial, Helvetica, sans-serif;
padding-left:20px;
font-size:14px;
color:#0099CC;
background-image:url(visible.jpg);
background-position:left;
background-repeat:no-repeat;}
#content h4 a{
color:#0066CC;}
#content-nav{
margin-left:20px;
margin-right:20px;
margin-bottom:0px;
margin-top:0px;
height:20px;

}
#content-nav li{
margin-left:20px;
float:left;}
#content-nav li a{
display:block;
height:18px;
margin:0px;
padding-top:2px;
padding-left:2px;
padding-right:2px;
text-decoration:none;
color:#666666;
font-weight:bold;
border:1px #ffffff solid;
background-color:#F3F3F3;
border:1px #CCCCCC solid;}
#content-nav li a:hover{
background-color: #FFFFFF;
border:1px #CCCCCC solid;}
#leftc{
float:left;
width:200px;
border-right:#999999 dotted 1px;}
#maincontent{
width:570px;
float:right;}
.prolist{
clear:both;
margin:auto;
}
.pro{
width:23%;
float:left;
margin-left:15px;
margin-top:5px;
margin-bottom:10px;
}
.pro-r{
width:30%;
float:left;
margin-left:15px;
margin-top:5px;
margin-bottom:10px;
}
.pro1{
width:120px;
float:left;
margin:30px;}
.pro1 span{
display:block;
width:120px;
text-align:right;}
.pro span{
display:block;
}
.prolist span a{
background-color:#FF9966; 
color:#FFFFFF; 
padding-left:2px;
padding-right:2px;
font-size:11px; 
font-weight:bold; 
text-decoration:none;
text-align:right;}
.pagechange{
clear:both;
text-align:right;
padding-right:10px;
padding-bottom:20px;}
.pagechange a{padding:3px; border:#CCCCCC solid 1px; text-decoration:none; background-color:#efefef}
.pagechange a:hover{ background-color:#FFCC00}
#machi{
clear:both;
width:650px;
margin-left:60px;
margin-bottom:10px;
padding-bottom:5px;
border-bottom:#CCCCCC dotted 1px;
}
#machi-img{
display:block;
float:left;
width:200px;}
#machi-img img{
border:#CCCCCC solid 1px;
padding:3px;}
#machi-content{
display:block;
width:450px;
float:right;}
#machi a span{
background-color:#FF9966;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;}
.more{
clear:both;
text-align:right;
margin-right:30px;
}
.more a{
background-color:#efefef;
border:#CCCCCC 1px solid;
text-decoration:none;
}
#content p{
padding-left:10px;
padding-right:10px;}