/*活動報告*/

#post {
/*  	width: 670px;*/
  	width: 100%;
 	float:left; 
	margin: 0px 20px 0px 0px;
	padding-bottom:15px;
}

#post ul li {
	list-style-type:none;
	border-bottom:1px dotted #ccc;
	line-height:2;
	padding-bottom:10px;
	font-size:16px;
}


.cs-date {
	font-size:12px;
	color:#999;
}

.cs-event {
	color: #FFFFFF;
	background-color: #15B1B7;
	display: inline-block;
	padding: 0px 4px;
	margin: 0px 8px 2px 2px;
	font-size: 11px;
	width: 60px;
	text-align: center;
	text-indent: 0em;
}

.cs-act {
	color: #FFFFFF;
	background-color: #D8871B;
	display: inline-block;
	padding: 0px 4px;
	margin: 0px 8px 2px 2px;
	font-size: 11px;
	width: 60px;
	text-align: center;
	text-indent: 0em;
}

.cs-training {
	color: #FFFFFF;
	background-color: #73BA12;
	display: inline-block;
	padding: 0px 4px;
	margin: 0px 8px 2px 2px;
	font-size: 11px;
	width: 60px;
	text-align: center;
	text-indent: 0em;
}

/*2行目以降字下げ*/
@media screen and (min-width: 670px) {
#post ul li {text-indent: -10.9em;margin-left:160px;}
}

@media screen and (max-width: 669px) {
#post {	width: 100%;}
#post ul li {width: 100%;text-indent: 0em;margin-left: 0px;}
}


/*新着情報*/

#info {
/*  	width: 670px;*/
  	width: 100%;
 	float:left; 
	margin: 0px 20px 0px 0px;
	padding-bottom:15px;
}

#info ul li {
	list-style-type:none;
	border-bottom:1px dotted #ccc;
	line-height:2;
	padding-bottom:10px;
	font-size:16px;
}



.cs-topics {
	color: #FFFFFF;
	background-color: #D45E8C;
	display: inline-block;
	padding: 0px 4px;
	margin: 0px 8px 2px 2px;
	font-size: 11px;
	width: 60px;
	text-align: center;
	text-indent: 0em;
}

.cs-info_event {
	color: #FFFFFF;
	background-color: #15B1B7;
	display: inline-block;
	padding: 0px 4px;
	margin: 0px 8px 2px 2px;
	font-size: 11px;
	width: 60px;
	text-align: center;
	text-indent: 0em;
}


/*2行目以降字下げ*/
@media screen and (min-width: 670px) {
#info ul li {text-indent: -10.9em;margin-left:160px;}
}

@media screen and (max-width: 669px) {
#info {	width: 100%;}
#info ul li {text-indent: 0em;margin-left: 0px;}
}