@charset "utf-8";
#topics-area * {
	margin: 0px;
	}
#topics-area {
	margin-bottom: 20px;
	clear: both;
	width: 530px;
	float: left;
	background-color: #eee;
	}
#topics-area h3 {
	font-size: 12px;
	color: #FFF;
	background-color: #069;
	padding-right: 1em;
	padding-left: 1em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	margin-bottom: 0em;
	border-top-left-radius: 4px;     /* 丸角左上 */
	border-top-right-radius: 4px;    /* 丸角右上 */
	}
#topics {
	background-color: #ddd;
	font-size: 12px;
	clear: both;
	float: left;
	}
#pane1 {
	width: 500px;
	margin: 10px;
	padding-top: 0px;
	height: 85px;
	}
/* IE6対応ハック */
*html body #pane1 {
	width: 520px;
	height: 85px;
	}
#pane1 dl {
	margin: 0px;
	border-bottom-color: #CCCCCC;
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	}
#pane1 dl dt {
	float: left;
	padding-left: 0em;
	padding-right: 1em;
	}
#pane1 dl dd {
	margin: 0px;
	padding: 0px;
	}
	
#pane1 a {
	color: #06C;
	text-decoration: none;
	display: block;
	padding-right: 5px;
	padding-left: 5px;
	background-image: url(../all_img/icon_openwin_off.gif);
	background-repeat: no-repeat;
	background-position: right;
	}

#pane1 a:hover {
	background-color: #FFEDA4;
	color: #F90;
	background-image: url(../all_img/icon_openwin_on.gif);
	}
#pane1 a.no-icon {
	background-image: none;
}



.orange-bar.jScrollPaneTrack { 
	background:#f60; 
	}
.orange-bar.jScrollPaneDrag { 
	background:#00f url("img/ajax/drag_grab.gif") 
	no-repeat 50% 50%; 
	}
.orange-bar.scroll-pane { 
	background:#69f; 
	}
.scroll-pane {
	width:400px;
	height:200px;
	overflow:auto;
	float:left;
	background-color: #FFF;
	padding: 10px;
	}
.clearfix {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	float: left;
	}