@charset "UTF-8";

/* 産総研 研究成果ページ style.css

------------------------
ver.2012/3/06/
------------------------

1:レイアウト

----------------------------------------------------------*/


/*1:レイアウト
==========================================================*/
.results_area dl {
	margin: 20px;
}

.results_area dt{
	float:left;
	clear:both;
	width:60px;
}

.results_area dd{
	padding: 0 0 10px 60px;
	margin: 0 0 15px 0;
	border-bottom:#ccc dotted 1px;
}

.section table,
.section th,
.section td {
	border-collapse:collapse;
}

.section th,
.section td {
	border:#ebd6bc solid 1px;
	text-align:left;
	min-width:130px;
	padding: 5px;
}

.section th {
	background-color:#f7e1c6;
}


.tbl .on {
	background-color:#fff4e6;
}
.tbl .off {
   background-color: #fff;
}


/*2:研究成果
==========================================================*/
.section .results_area dd{
	height:60px;
	padding: 10px 0 0 60px;
	margin: 0 0 20px 0;
	border-bottom:#ccc dotted 1px;
}

.section .press_area dl {
	margin: 20px 0;
	
	overflow: hidden; /*floatの解除、ここがポイント*/
	position: relative; /*DWで正常にプレビューできるようになります。*/
	zoom:1; /*IE6でレイアウト崩れを防ぐためのものです。*/
	
	border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */
	
	margin: 0 0 20px 0;
	padding: 20px 20px 0 20px;
	border:#ccc solid 1px;
}

.section .press_area dt{
	float:left;
	clear:both;
	
	padding: 0;
	width:9em;
	color:#69C;
	font-weight:bold;
}

.section .press_area dd{
	padding: 0 0 10px 9em;
	margin: 0 0 10px 0;
	border-bottom:#ccc dotted 1px;
}

.section .press_area dd img {
	float:right;
	margin: 0 0 10px 10px;
}