* {margin:0; padding:0}
body {
	font:10px Verdana,Arial;
	background-color: #F0FFFF;
}
#wrapper {
	width:970px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
	background-color: #FFF;
	line-height:1.5;
	font-size:12px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",verdana, arial, sans-serif;
}
.sortable {
	width:960px;
	border:1px solid #ccc;
	border-bottom:none;
	margin-left: 5px;
}
.sortable th {
	padding:4px 6px 6px;
	background: #444;
	color:#fff;
	text-align:center;
	color:#ccc
}
.sortable th.bule {
	background: #039;
}
.sortable th #gray {
	background: #444;
}

.sortable td {
	padding:2px 4px 4px;
	background:#fff;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	border-left-color: #ccc;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}
.sortable .head {background:#444 url(../images/sort.gif) 6px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .desc {background:#222 url(../images/desc.gif) 6px center no-repeat; cursor:pointer; padding-left:18px}
.sortable .asc {background:#222 url(../images/asc.gif) 6px  center no-repeat; cursor:pointer; padding-left:18px}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {color:#fff}
.sortable .even td {background:#f2f2f2}
.sortable .odd td {background:#fff}