@charset "utf-8";

/*---------------------------------------------------------
topics
---------------------------------------------------------*/ 
.topicsList{
	margin: 5px 0px 20px 0px;
}

.topicsList li{
	padding:12px 0px 12px;
	border-bottom:1px dotted #CCC;
}

.topicsList li a{
	display: block;
	padding:0px 0px 0px 15px;
}

.topicsList li span{
	padding: 0px 5px 0px 5px;
	display: block;
	float: left;
	clear: left;
	font-size: 95%;
}

.pageSend{
		text-align:center;
}

.pageSend li{
	display:inline;
	padding:0px 20px 0px 20px;
}

.pageSend li.next{
	border-left:1px solid #cccccc;
}

.hl01 .date{
	background: #93A8CC;
	color: #FFF;
	padding: 2px 5px;
	display: block;
	position: absolute;
	font-size: 85%;
	font-weight: normal;
	right: 15px;
	top: 17px;
}


/*---------------------------------------------------------
title
---------------------------------------------------------*/
.hl_ctgry span{
	display:block;
	font-size:85%;
}

.hl_ctgry{
	margin-bottom:20px;
	padding: 15px 0px 0px;
}


/*---------------------------------------------------------
cateBlock01
---------------------------------------------------------*/
.cateBlock01{
		border:1px solid #E3E3E3;
		padding:15px 15px 15px 15px;
		margin:0px 0px 15px 0px;
		position:relative;
}

.cateBlock01 h3{
	font-size: 116.7%;
	margin: 5px 0px 10px 0px;
	font-weight: bold;
	border-left: 5px solid #2E559C;
	padding-left: 10px;
	padding-right: 130px;
}

.cateBlock01 .dataLink{
	position:absolute;
	border:1px solid #cccccc;
	padding:3px 5px 2px 5px;
	top:15px;
	right:15px;
}

.cateBlock01 .dataLink{
	background:#FFEEE6;
}

.cateBlock01 .dataLink span{
	color:#993300;
}

.cateBlock01 .textBlock01{
	border-top:1px dotted #006F37;
	padding:15px 5px 5px 5px;
	margin:0px 0px 15px 0px;
}

.cateBlock01 .textBlock01 .textBox{
	width:360px;
	float:left;
}

.cateBlock01 .textBlock01 .imageBox{
	width:150px;
	float:right;
}
  

.cateBlock01 .dataBox01{
	margin:0px 0px 0px 0px;
	border-top:1px dotted #006F37;
	padding:15px 5px 5px 5px;
}




/*---------------------------------------------------------
infoList
---------------------------------------------------------*/
.infoList{
	margin: 10px 0px 20px 0px;
}

.infoList li{
	border-bottom: 1px dotted #CCC;
	padding: 12px 20px 12px 10px;
	line-height: 180%;
}

.infoList li a{
	 background:url(../common/bullet_circle.gif) no-repeat 0px 5px;
	 padding:0px 0px 0px 10px;
	 display:block;
}



/*---------------------------------------------------------
details
---------------------------------------------------------*/ 
.free_area01{
	margin: 30px 0pc;
	padding: 30px 0px;
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
}