@charset "utf-8";

div#body_bk {
	margin: 10px 0 0;
	padding-bottom: 150px;
}
div#body {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	width: 970px;
	margin-top: 30px;
}
.caption {
	font-size: 16px;
	font-weight: bold;
	color: #444;
	position: relative;
	padding: .75em 1em .75em 1.5em;
	border: 1px solid #ccc;
	border-radius: 7px;
	box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-webkit-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-moz-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
}
.caption::after {
	position: absolute;
	top: .5em;
	left: .5em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	background-color: #3498db;
	border-radius: 4px;
}
.area {
	position: relative;
	height: 50%;
	margin-top: 20px;
	border: 1px solid #ccc;
	border-radius: 7px;
	background-color: rgba(243, 243, 243, 243);
	box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-webkit-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	-moz-box-shadow: 0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
	padding: 30px;
}
#tab_news {
	width: 910px;
	display:table; 
	border-collapse:collapse;
}
.rowlist_news {
	display:table-row;
	border-bottom: dashed 1px #bbb;
}
.rowlist_news > div {
	display:table-cell;
	margin:15px;
	padding:15px;
}
.style_ui_news_pink {
	width: 100px;
	height: 32px;
	text-align: center;
	font-size: 14px;
	text-shadow: 0 1px 0 rgba(0,0,0,0.15);
	line-height: 2rem;
	background-color: #FFC0CB;
	border-radius: 15px;
}
.style_ui_news_skyblue {
	width: 100px;
	height: 32px;
	text-align: center;
	font-size: 14px;
	text-shadow: 0 1px 0 rgba(0,0,0,0.15);
	line-height: 2rem;
	background-color: #87CEEB;
	border-radius: 15px;
}