/* --- ボックス --- */
div.section {
width: 760px; /* ボックスの幅 */
color: #000000; /* ボックスの文字色 */
}

/* --- タブエリア --- */
div.section ul.tabs {
margin: 0;
padding: 0;
background-color: #fff; /* タブエリアの背景色 */
list-style-type: none;
}

div.section ul.tabs li#tab1 {
position: relative;
z-index: 1;
float: left;
background-image: url("../images/top/tab_01.png");
}
div.section ul.tabs li#tab2 {
position: relative;
z-index: 1;
width: 253px; /* タブの幅 */
float: left;
background-image: url("../images/top/tab_02_current.png");
}
div.section ul.tabs li#tab3 {
position: relative;
z-index: 1;
width: 253px; /* タブの幅 */
float: left;
background-image: url("../images/top/tab_03.png");
}


/* --- リンクエリア --- */
div.section ul.tabs li#tab1 a {
width: 254px; /* タブの幅 */
height:37px;
text-indent:-9999px;
display: block;
position: relative; /* IE6用 */
outline: none; /* アウトライン（なし） */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
div.section ul.tabs li#tab1 a:hover {
text-decoration: underline; /* テキストの下線（あり） */
background-image: url("../images/top/tab_01_over.png");
}
/* --- アクティブなタブ --- */
div.section ul.tabs li#tab1.active {
z-index: 3;
background-image: url("../images/top/tab_01.png");
}
div.section ul.tabs li#tab1.active a {
}


/* --- リンクエリア --- */
div.section ul.tabs li#tab2 a {
width: 253px; /* タブの幅 */
height:37px;
text-indent:-9999px;
display: block;
position: relative; /* IE6用 */
outline: none; /* アウトライン（なし） */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
div.section ul.tabs li#tab2 a:hover {
text-decoration: underline; /* テキストの下線（あり） */
background-image: url("../images/top/tab_02_over.png");
}
/* --- アクティブなタブ --- */
div.section ul.tabs li#tab2.active {
z-index: 3;
background-image: url("../images/top/tab_02_current.png");
}
div.section ul.tabs li#tab1.active a {
}


/* --- リンクエリア --- */
div.section ul.tabs li#tab3 a {
width: 253px; /* タブの幅 */
height:37px;
text-indent:-9999px;
display: block;
position: relative; /* IE6用 */
outline: none; /* アウトライン（なし） */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
div.section ul.tabs li#tab3 a:hover {
text-decoration: underline; /* テキストの下線（あり） */
background-image: url("../images/top/tab_03_over.png");
}
/* --- アクティブなタブ --- */
div.section ul.tabs li#tab3.active {
z-index: 3;
background-image: url("../images/top/tab_03_current.png");
}
div.section ul.tabs li#tab1.active a {
}


/* --- 本文領域 --- */
div.section div.topicArea {
position: relative;
z-index: 2;
text-align:left;
background-color: #ffffff; /* 本文領域の背景色 */
}
/* --- 段落 --- */
div.section div.topicArea p {
margin: 0 0 1em; /* 段落のマージン（上、左右、下） */
}

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