@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, #bottompart{
	width:100%;
	margin:auto;
	background-color:#A7212E;
}

#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 .cancan{
	float:right;
	width:40%;
	background:url(../img/icon-point.gif) left center no-repeat;
}

#header .top .cancan .right{
	background:#C8B185 none repeat scroll 0 0;
	float:right;
	padding:5px 5px 5px 13px;
	width:267px;
}

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.category{
	width:100%;
}

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


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

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

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

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

.mbtm{
	margin-bottom:10px;
}

.mtop{
	margin-top:10px;
}

#leftpart .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 */

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

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

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

/* bottompart */

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

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

#bottompart a{
	text-decoration:underline;
}