@charset "utf-8";
/*-----------------------------------------------*
	index.css
 *-----------------------------------------------*/
#main_column #index
{
	position: relative;
	margin: 0 -50px 0 -30px;
	overflow: hidden;
}

#main_column article
{
	display: block;
	margin: 0 20px 20px 0;
	overflow: hidden;
	width: calc(50% - 20px);
	min-width: 450px;
	float: left;
	background: #F5F5F0;
	border: solid 15px transparent;
	transition: border-color 300ms;
	box-sizing: border-box;
}

/*
#main_column h3
{
	margin: 0 0 15px 0;
	padding: 15px;
	border: none;
	color: #895;
	background: linear-gradient(45deg
					,rgba(0,0,0,0), rgba(0,0,0,0) 5px
					,rgba(150,150,150,0.1) 5px, rgba(150,150,150,0.1) 7px
					,rgba(0,0,0,0) 7px, rgba(0,0,0,0) 10px
					)
				,linear-gradient(-45deg
					,rgba(0,0,0,0), rgba(0,0,0,0) 5px
					,rgba(50,50,50,0.1) 5px, rgba(50,50,50,0.1) 6px
					,rgba(0,0,0,0) 6px, rgba(0,0,0,0) 10px
					)
				,#AB6;
	background-size: 10px 10px;
}
#main_column span
{
	margin: 0;
	padding: 1px 20px;
	display:block;
	color: #895;
	border: none;
	background:url(../_img/background/headline_bg.png) repeat-x left bottom #DEA;
	transition: background-color 500ms, color 500ms;
}
*/

#main_column h3
{
	margin: 0 0 10px 0;
	padding: 0;
	border: none;
}
#main_column span
{
	margin: 0;
	padding: 5px 20px;
	display:block;
	color: #895;
	border: none;
	background:url(../_img/background/headline_bg.png) repeat-x left bottom #DEA;
	transition: background-color 500ms, color 500ms;
}

#main_column .t-green{ background-color: #8A8; }
#main_column .t-green span{ color: #797; background-color: #DED; }

#main_column .t-blue{ background-color: #89A; }
#main_column .t-blue span{ color: #789; background-color: #CDE; }

#main_column .t-red{ background-color: #A99; }
#main_column .t-red span{ color: #A88; background-color: #EDD; }

#main_column .t-brown{ background-color: #A86; }
#main_column .t-brown span{ color: #975; background-color: #EDA; }

#main_column .t-purple{ background-color: #A9A; }
#main_column .t-purple span{ color: #979; background-color: #EDE; }

#main_column .t-gray{ background-color: #888; }
#main_column .t-gray span{ color: #666; background-color: #CCC; }

#main_column .t-ocher{ background-color: #AA7; }
#main_column .t-ocher span{ color: #995; background-color: #EEB; }


#main_column .overview
{
	padding: 0 20px;
}

#main_column img + .overview
{
	margin: 0 0 0 200px;
	height: 125px;
	overflow: auto;
}

#main_column p
{
	margin: 0;
	color: #888;
	text-indent: 0;
	line-height: 1.4;
}

#main_column .image
{
	margin: 0px 0px 0px 0px;
	float: left;
}

#main_column a:hover span{ color: #E80; background-color: #EEE;}
#main_column a:hover article{ border-color: #FE8;}
/*
#main_column a:hover article{ border-color: #EAE8C9;}
#main_column a:hover p{ color: #865;}
#main_column a:hover .image{ opacity: 0.5;}
*/