@charset "UTF-8";

/* 産総研　入会案内ページ style.css

------------------------
ver.2012/3/7/
------------------------

1:レイアウト

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


/*1:レイアウト
==========================================================*/

.section .enroll_area dl,
.section .download_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 .enroll_area dt,
.section .download_area dt{
	float:left;
	clear:both;
	
	padding: 0;
	width:14em;
	color:#69C;
	font-weight:bold;
}

.section .enroll_area dd,
.section .download_area dd{
	padding: 0 0 10px 14em;
	margin: 0 0 10px 0;
	border-bottom:#ccc dotted 1px;
}


.section .download_area dt{
	width:6em;
}

.section .download_area dd{
	padding: 0 0 10px 6em;
}


/*-- ボタン(赤・緑・青・非アクティブ) --*/
.btn-r, .btn-r:link, .btn-r:hover, .btn-r:visited, .btn-r:active,
.btn-g,
.btn-g:link,
.btn-g:hover,
.btn-g:visited,
.btn-g:active,
.btn-b,
.btn-b:link,
.btn-b:hover,
.btn-b:visited,
.btn-b:active,
.btn-a,
.btn-a:link,
.btn-a:hover,
.btn-a:visited,
.btn-a:active {
  border-radius: 5px;
  color: #fff;
  display: inline-block;
  padding: .5em .8em;
  text-decoration: none; }

.btn-r {
  box-shadow: inset 0 1px 0 0 #F5978E;
  background: linear-gradient(to bottom, #F24537 5%, #C62D1F 100%);
  background-color: #F24537;
  border: 1px solid #D02718;
  text-shadow: 1px 1px 0 #810E05; }
  .btn-r:hover {
    background: linear-gradient(to bottom, #C62D1F 5%, #F24537 100%);
    background-color: #C62D1F; }
  .btn-r:active {
    position: relative;
    top: 1px; }

.btn-g {
  box-shadow: inset 0 1px 0 0 #C1ED9C;
  background: linear-gradient(to bottom, #8AB526 5%, #719424 100%);
  background-color: #8AB526;
  border: 1px solid #639414;
  text-shadow: 1px 1px 0 #4A681B; }
  .btn-g:hover {
    background: linear-gradient(to bottom, #719424 5%, #8AB526 100%);
    background-color: #719424; }
  .btn-g:active {
    position: relative;
    top: 1px; }

.btn-b {
  box-shadow: inset 0 1px 0 0 #bee2f9;
  background: linear-gradient(to bottom, #397FAC 5%, #2D669D 100%);
  background-color: #397FAC;
  border: 1px solid #224F76;
  text-shadow: 1px 1px 0 #27466F; }
  .btn-b:hover {
    background: linear-gradient(to bottom, #2D669D 5%, #397FAC 100%);
    background-color: #2D669D; }
  .btn-b:active {
    position: relative;
    top: 1px; }

.btn-a {
  box-shadow: inset 0 1px 0 0 #f5f5f5;
  background-color: #c0c0c0;
  border: 1px solid #808080;
  text-shadow: 1px 1px 0 #696969; }