@import url("base.css");
@import url("header.css");

		
#mainbody{width:900px; margin:0 auto; padding-left:0px; clear:both; background:#FFF;}

* html #mainbody{ padding-bottom:0;}
*+html #mainbody{ padding-bottom:0;}

.sidebarframe{width:220px; float:left;  background:#FFF; }
.sidebarframe #topbg{width:220px; height:50px;  background:#F4F4F4; background:url(/secimg/leftmenu_top_guide.gif) no-repeat bottom;}

.sidebarframe #bottombg{width:220px; height:16px;  background:#F4F4F4; background:url(/secimg/leftmenu_bottom_handbook.gif) no-repeat top;}


.sidebar0{margin:0; border:solid 7px #A3C8DA; border-top:0; padding:5px;}
.sidebar{margin:0; width:196px; }
.sidebar h4{width:190px; height:30px; line-height:30px; font-size:14px; padding-left:5px; border-bottom:solid 1px #E0E0E0; font-weight:lighter; color:RED; background-color:#fff;}
.sidebar .bg1{ background:url(/img/nokialogo.gif) no-repeat 5px center;}
.sidebar .bg2{ background:url(/img/windowslogo.gif) no-repeat 5px center;}
.sidebar .bg3{ background:url(/img/javalogo.gif) no-repeat 5px center;}


.sidebar h4 a:link{color:#0E5A8B;}
.sidebar h4 a:visited{color:#0E5A8B;}
.sidebar h4 a:hover{color:#c00; text-decoration:none;}
.sidebar h4 a:active{color:#0E5A8B;}


	.sidebar ul{padding:0;}
	.sidebar li{line-height:45px; font-size:12px; border-bottom:dashed 1px #E0E0E0; padding:0; list-style:dotted;}
	.sidebar li a:link{color:#0E5A8B;}
	.sidebar li a:visited{color:#0E5A8B;}
	.sidebar li a:hover{color:#C00; text-decoration:none;}
	.sidebar li a:active{color:#0E5A8B;}

.sidebar .pic{display: block;text-align:center;}
.sidebar .pic img{text-align:center;}


.rightframe{width:660px; float:right; clear:right;  margin-bottom:10px; }


.rcontent{width:660px; float:right; clear:right; }
.rcontent #local{width:620px;font-size:12px; color: #000; line-height:40px; margin:8px; padding-left:25px;border-bottom:solid 2px #ddd;background:url(/img/neiye_79.gif) no-repeat 2px center;}


.rightframe #introall{width:660px; height:122px; float:right; clear:right;  background:url(/secimg/bg_top_soft.gif) no-repeat top;}
.rcontent #introall .line1{height:30px; color:#003366; padding:10px 0 0 15px; font-size:14px; font-weight:bolder;}
.rcontent #introall .line2{padding-left:30px; padding-right:30px;}
.rcontent #introall p{padding-top:0; color:#0E5A8B;  line-height:30px;}




.dotted{line-height:1px;width:540px; height:1px; border-bottom:dotted 1px #CCC;margin:0 auto;}



.pro_ul ul{width:670px; clear:both; margin:0 auto; }
.pro_ul li{padding:3px; width:651px; float:left; border:solid 1px #ccc; background:#fff; margin-bottom:5px;}
* html .pro_ul li{padding-bottom:0;}
*+html .pro_ul li{padding-bottom:0;}
.pro_ul li .cpbox{width:650px; line-height:30px; color:#666; padding:0; font-size:14px;}
.pro_ul h3{width:645px;font-size:16px; color:#000; border-bottom:0; line-height:30px; margin:0 auto; text-align:left;}
.pro_ul li a:link{color:#0000FF; text-decoration:underline;}
.pro_ul li a:visited{color:#666; text-decoration:underline;}
.pro_ul li a:hover{color:#C00; text-decoration:underline;}
.pro_ul li a:active{color:#0000FF;}


.pro_ul li .cpbox2 {width:650px; line-height:40px; color:#666; padding:0; font-size:14px;}