﻿@charset "utf-8";
/* CSS Document */


/*area01*/
.area01{ background:url(../images/area01bg01.gif) repeat-x; height:91px; width:960px; overflow:hidden;}
.area01 .box01{ float:left;}


.area01 .box02{ float:left; margin-left:26px;padding-top:61px;}
.area01 .box02 .left{background:url(../images/box02-left.gif) no-repeat; width:7px; height:29px; overflow:hidden;float:left;}
.area01 .box02 .middle{background:url(../images/box02-middle.gif) repeat-x; height:29px;float:left;line-height:29px;}
.area01 .box02 .middle ul li{ float:left; line-height:29px;}
.area01 .box02 .middle ul li a{ display:block; padding-left:22px; padding-right:22px; background:url(../images/area01icon01.gif) no-repeat right;line-height:29px;color:#5f4716;}
.area01 .box02 .middle ul li a:hover{color:#f00;}
.area01 .box02 .right{background:url(../images/box02-right.gif) no-repeat; width:8px; height:29px; float:left;margin-left:-3px;}


.main{ width:960px; padding-top:8px;}

/*area02*/
.main .area02{ margin-left:16px; float:left; display:inline; width:607px; }
.main .area02 .head{ background:url(../images/netview/area02bg01.gif) repeat-x; height:26px; border:1px solid #d7d7d7;}
.main .area02 .head h4 { font-size:13px; color:#fff; padding-left:11px; line-height:26px;}
.main .area02 .head h4 a{ font-size:13px; color:#fff; padding-left:11px; line-height:26px;}
.main .area02 .body{ padding-top:7px;}
.main .area02 .body .box01{ background:url(../images/netview/area02bg02.gif) repeat-x bottom; min-height:158px;_height:158px; width:605px; border:1px solid #d7d7d7; margin-bottom:7px; }
.main .area02 .body .box01 h4{ padding-top:10px;}
.main .area02 .body .box01 h4 a{ padding-top:14px; padding-left:34px; background:url(../images/netview/area02icon01.gif) no-repeat 14px 18px; font-size:15px; color:#ce0000;}
.main .area02 .body .box01 h4 a:hover{text-decoration:underline;}
.main .area02 .body .box01 h5{ color:#999999; font-size:12px; padding-left:23px; font-weight:normal; margin-bottom:14px; line-height:22px;}
.main .area02 .body .box01 .p{max-height:70px;overflow:hidden; line-height:22px; margin-left:13px; width:579px; text-indent:2em;_height:70px;}
.main .area02 .body .box01 a.read{ color:#ff0000; float:right; margin-right:12px; margin-bottom:10px;}
.main .area02 .body .box01 a.read:hover{text-decoration:underline;}
.main .area02 .body .box01 p{padding-left:8px;padding-right:8px;overflow:hidden;}
.main .area02 .body .box01 p img{text-indent:0;padding-bottom:7px;}

/*area03*/
.area03{ float:left; width:316px; margin-left:5px;}
.area03 .blockbox{ border:1px solid #d7d7d7; margin-bottom:8px; width:316px;}
.area03 .blockbox .head{ background:url(../images/netview/area02bg04.gif) repeat-x; height:27px;}
.area03 .blockbox .head h4{ color:#fff; font-size:13px; line-height:27px; padding-left:15px;}
.area03 .blockbox .head h4 a{ float:right; margin-right:9px; margin-top:6px;}
.area03 .box01 .body ul{ padding-top:8px; padding-bottom:14px;}
.area03 .box01 .body ul li span{ background:#a8abba; margin-right:6px; color:#fff; padding:1px 4px;}
.area03 .box01 .body ul li{ line-height:24px; margin-left:16px; margin-right:6px;}
.area03 .box01 .body ul li a{ color:#000;}

.area03 .box01 .body ul li a:hover{color:#ff0000;}


.area03 .box02 .body{clear:both;width:316px;padding-bottom:6px;}
.area03 .box02 .body .part01{ padding-top:8px; padding-left:15px;width:301px;}
.area03 .box02 .body .part01 .part01a{ float:left; width:112px;}
.area03 .box02 .body .part01 .part01a a img{ width:112px;height:96px;padding:1px;border:1px solid #ccc;}
.area03 .box02 .body .part01 .part01b{ float:left; width:169px; margin-left:8px;height:114px;overflow:hidden;}
.area03 .box02 .body .part01 .part01b h4 a{ color:#f00; font-size:12px; padding-top:16px;}
.area03 .box02 .body .part01 .part01b h4 a:hover{text-decoration:underline;}
.area03 .box02 .body .part01 .part01b p{ line-height:18px; height:70px;overflow:hidden}

.area03 .box03 ul{clear:both; padding-top:13px; padding-bottom:32px;}
.area03 .box03 ul li{ width:269px; padding-left:24px; line-height:20px; background:url(../images/netview/area02icon02.gif) no-repeat 14px 8px;}


.pager{ text-align:center; padding-top:15px;color:#b10a03;padding-bottom:10px;}
.pager a{ margin-right:4px; color:#b10a03;}
.pager p{ color:#555;}
