@charset "Shift_JIS";

body	{
	font-size:100%;
	color:#3399cc;
	background-color:#;;
	margin:0;
	padding:0;
	font-family:
	Verdana,Helvetica, /* 欧文用 */
	"ＭＳ Ｐゴシック",Osaka,  /* 和文用 */;
	}

tr,td	{
	font-size:98%;
	color:#3399cc;
	}

a:link	{
	text-decoration:underline;
	color:#6699ff;
	}
a:visited	{
	text-decoration:underline;
	color:#336699;
	}
A:HOVER	{
	text-decoration : underline;
	color:#ff0000;
	}

/* 左のナビゲーションのスタイル指定 */

div.navigation	{
		color:#ffffff;
		}

.navigation a:link	{
	text-decoration:none;
	color:#ffffff;
	}
.navigation a:visited	{
	text-decoration:none;
	color:#cccccc;
	}
.navigation a:hover	{
	text-decoration:underline;
	color:#ff0000;
	}

/* --- ボックス --- */
div.section {
width: 380px; /* ボックスの幅 */
font-size: 80%; /* ボックスの文字サイズ */
color: #000000; /* ボックスの文字色 */
}

/* --- タブエリア --- */
div.section ul.tabs {
width: 378px; /* タブエリアの幅（ボックスの幅から2px引いた値） */
margin: 0;
padding: 0;
background: #f9f9f9 url(tab_gen.gif) repeat-x top; /* タブエリアの背景 */
border: 1px #c0c0c0; /* タブエリアの境界線（太さ、色） */
border-style: solid solid none; /* タブエリアの境界線スタイル（上、左右、下） */
list-style-type: none;
}
div.section ul.tabs li {
position: relative;
z-index: 1;
width: 6em; /* タブの幅 */
margin-bottom: -1px; /* タブの下マージン */
text-align: center;
float: left;
}

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

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

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

/* --- 本文領域内の各ボックス --- */
div.section 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;
}