@charset "UTF-8";

/* 産総研メンバーページ style.css

------------------------
ver.2012/2/14/
------------------------

1:レイアウト

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


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

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

.section 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:クレースト情報
==========================================================*/
.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;
}

.section .event_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 20px 0 20px;
	border:#ccc solid 1px;
	
}

.section .box dt{
	padding: 0 1em;
	width:5em;
	color:#69C;
	font-weight:bold;
}

.section .box dd{
	padding: 0 0 10px 7em;
	margin: 0 0 10px 0;
	border-bottom:#ccc dotted 1px;
	min-height:3em;
}


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

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

.section .event_area dd{
	padding: 5px 0 ;
	margin: 0 0 10px 0;
	border-bottom:none;
}

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

.section .library_area dd{
	padding: 5px 0 ;
	margin: 0 0 10px 0;
	border-bottom:none;
}


.section .library_area dt img {
	margin: 0 0 0 5px; 	
}
.section .library_area img.float_l {
	margin: 5px 10px 0 0;
}