@charset "Shift_JIS";
div.tab ul.tabs a:link { color: #333; }

/* --- ボックス --- */
div.tab {
width: auto; /* ボックスの幅 */
margin: 5px 5px;

}

/* --- タブエリア --- */
div.tab ul.tabs {
width: auto; /* タブエリアの幅（ボックスの幅から2px引いた値） */
margin: 0;
padding: 0;
background-color: #6ebaad; /* タブエリアの背景色 */
border: 1px #6ebaad; /* タブエリアの境界線（太さ、色） */
border-style: solid solid none; /* タブエリアの境界線スタイル（上、左右、下） */
list-style-type: none;
}

div.tab ul.tabs li {
position: relative;
z-index: 1;
width: 10em; /* タブの幅 */
margin-bottom: -1px; /* タブの下マージン */
text-align: center;
float: left;
}

/* --- リンクエリア --- */
div.tab ul.tabs li a {
display: block;
position: relative; /* IE6用 */
padding: 5px 4px; /* リンクエリアのパディング（上下、左右） */
border-right: 1px #fff solid; /* リンクエリアの右境界線 */
outline: none; /* アウトライン（なし） */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
div.tab ul.tabs li a:hover {
text-decoration: underline; /* テキストの下線（あり） */
color: #fff;
}

/* --- アクティブなタブ --- */
div.tab ul.tabs li.active {
z-index: 3;
background-color: #ffffff; /* アクティブタブの背景色 */
font-weight: bold; /* 太字 */
}
div.tab ul.tabs li.active a {
color: #333; /* アクティブタブの文字色 */
}
/* --- ポイント時の設定 --- */
div.tab ul.tabs li.active a:hover {
text-decoration: none; /* テキストの下線（なし） */
}

/* --- 本文領域 --- */
div.tab div.topicArea {
position: relative;
z-index: 2;
height: 250px; /* 本文領域の高さ */
overflow: auto; /* はみ出た場合はスクロールで表示 */
padding: 5px; /* 本文領域のパディング */
background-color: #ffffff; /* 本文領域の背景色 */
border: 1px #c0c0c0 solid; /* 本文領域の境界線 */
}
/* --- 段落 --- */
div.tab div.topicArea p {
margin: 0 0 ; /* 段落のマージン（上、左右、下） */
text-align: right;
font-size: 80%; 
}

/* --- 本文領域内の各ボックス --- */
div.tab div.topicArea div.topic {
padding-top: 1em; /* JavaScriptがオフの場合の設定 */
border-bottom: 1px #c0c0c0 solid; /* JavaScriptがオフの場合の設定 */
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

dl.new dt {
  clear: left;
  float: left;
  margin: 0 0 ;
  width: 10em;
  padding-left: 10px;
font-size: 80%; 
}

dl.new dd {
  margin-bottom: 0.8em;
  margin-left: 10em;
margin: 0px 10px;
padding-left: 120px;
font-size: 80%; 
}


dl.topic dt {
  clear: left;
  float: left;
  margin: 0 0 ;
  width: 10em;
  padding-left: 10px;
font-size: 80%; 
}

dl.topic dd {
  margin-bottom: 0.8em;
  margin-left: 10em;
margin: 0px 10px;
padding-left: 120px;
font-size: 80%; 
}

dl.event dt {
  clear: left;
  float: left;
  margin: 0 0 ;
  width: 10em;
  padding-left: 10px;
font-size: 80%; 
}

dl.event dd {
  margin-bottom: 0.8em;
  margin-left: 10em;
margin: 0px 10px;
padding-left: 120px;
font-size: 80%; 
}