@charset "UTF-8";

/* 産総研 紹介ページ style.css

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

1:レイアウト

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


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

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

.intro_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 .intro_area dd{
	height:60px;
	padding: 10px 0 0 60px;
	margin: 0 0 20px 0;
	border-bottom:#ccc dotted 1px;
}


.outline_area img.float_r {
	margin: 0 0 10px 10px;
}


/*概要　コンソーシアムの内容*/
.consortium_area dl {
	
	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;
	border:#ccc solid 1px;
	
}


.section .consortium_area dt{
	float:none;
	padding: 0;
	width:auto;
	color:#69C;
	font-weight:bold;
}

.section .consortium_area dd{
	padding: 0 ;
	margin: 0 ;
	border-bottom:none;
}


/*会長あいさつ*/
.greeting_area dl.float_r {
	margin: 0 0 10px 10px;
}

.greeting_area dt,
.greeting_area dd {
	text-align:center;
	padding:3px;
}








.box ul {
	margin: 10px 0;
	
	overflow: hidden; /*floatの解除、ここがポイント*/
	position: relative; /*DWで正常にプレビューできるようになります。*/
	zoom:1; /*IE6でレイアウト崩れを防ぐためのものです。*/
	
}

.box li {
	float:left;
	margin: 0 10px 0 0;
	background:url(../../common/img/page_navi_icon.gif) no-repeat 0 center;
	padding: 0 0 0 14px;
	font-weight:500;
}

.box h3 {
	clear:both;
	margin: 10px 0;
}


/*3:イベント情報
==========================================================*/