@charset "utf-8";
/* CSS Document */

* {
	margin:0px;
	padding:0px;
}

.clear{
	clear:both;
}

body{
	font-size:12px;
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
}

a{
	color:#3399cc;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

ul li{
	list-style:none;
}

#header, #footer{
	width:100%;
	margin:auto;
	background-color:#deefff;
}

#header .desc{
	width:100%;
	margin:auto;
	background-color:#fff;
}

#header .desc .box{
	width:759px;
	margin:auto;
	padding:3px;
}

.texture{
	background:url(../img/common-texture.gif) left top repeat;
	height:9px;
}

#header .desc .box .left{
	float:left;
	width:80%;
}

#header .desc .box .right{
	float:right;
	width:20%;
	text-align:right;
	color:#3399cc;
}

#header .top{
	width:745px;
	margin:auto;
	padding:10px;
	
}

#header .top .logo{
	float:left;
	width:60%;
}	

#header .top .highlight{
	float:right;
	width:40%;
	background:url(../img/icon-point.gif) left center no-repeat;
}

#header .top .highlight .right{
	float:right;
	width:247px;
	background:url(../img/icon-hot.gif) left 2px no-repeat #006699;
	padding:5px 5px 5px 33px;
}

#header .top .highlight .right a{
	color:#fff;
}


#main{
	width:765px;
	margin:auto;
	padding:10px 0px 10px 0px;
}

#maincenter{
	width:100%;
	float:left;
	padding-bottom:10px;
}

#maincenter ul li{
	float:left;
	padding-right:5px;
}

#maincenter .content ul li{
	padding-right:10px;
}

#maincenter .content .bluebox{
	background-color:#deefff;
	padding:10px;
}

#maincenter .content .bluebox2{
	background-color:#deefff;
	text-align:right;
	padding:0px 10px 10px 10px;
}

#maincenter .content .bluebox2 a{
	color:#ff6600;
	text-decoration:underline;
}

#maincenter .content .bluebox2 a:hover{
	color:#FF9900;
}

#maincenter .content .bluebox ul li{
	float:none;
}

span.attention{
	background-color:#006699;
	color:#FFFF00;
	font-size:10px;
	margin-right:5px;
}

#mainleft{
	width:500px;
	float:left;
	padding:5px;
}

#mainleft .recom{
	padding-left:12px;
}

#mainleft .recom ul li span, .notice p{
	font-weight:bold;
}

#mainleft .notice{
	background-color:#deefff;
	padding:10px;
	margin:10px auto;
}

#mainleft .content, #maincenter .content{
	border-width:1px;
	border-style:solid;
	border-color:#ccc;
	padding:10px;
	margin-bottom:10px;
	line-height:150%;
}

.category{
	width:100%;
}

#mainleft .content .box{
	width:204px;
	background:url(../img/icon-folder.gif) left 2px no-repeat;
	padding-left:25px;
	margin:0px 10px 10px 0px;
	float:left;
}


#mainleft .content p.blue{
	color:#3399cc;
}

#mainleft .content span.green a{
	color:#66cc33;
}

#mainleft .content span.green a:hover{
	text-decoration:underline;
}

#mainleft .content .graybox{
	background-color:#ececec;
	text-align:right;
	width:98%;
	padding:3px 5px 3px 5px;
}

.mbtm{
	margin-bottom:10px;
}

.mtop{
	margin-top:10px;
}

#mainleft .content .graybox ul li{
	float:right;
	padding-left:5px;
}

.result dl dt{
	background:url(../img/icon-no.gif) left top no-repeat;
	color:#fff;
	font-weight:bold;
	height:60px;
	width:19px;
	float:left;
	text-align:center;
	margin-right:5px;
}	


/* side */

#mainright{
	float:right;
	width:250px;
	padding:0px 0px 20px 0px;
}

#mainright ul li{
	padding-left:30px;
	line-height:150%;
}

#mainright .border{
	background:url(../img/common-texture.gif) left top repeat;
	height:9px;
	margin-top:10px;
}

/* footer */

#footer .copyright{
	text-align:center;
	padding:10px 10px 30px 10px;
	font-size:11px;
	color:#666666;
}

#footer p{
	text-align:center;
	padding-top:10px;
	line-height:150%;
}

#footer a{
	text-decoration:underline;
}