/* --- ボックス --- */
div.section {
width: 593px; /* ボックスの幅 */
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_news.gif");
}
div.section ul.tabs li#tab2 {
position: relative;
z-index: 1;
width: 133px; 
float: left;
background-image: url("../images/top/tab_event.gif");
}
div.section ul.tabs li#tab3 {
position: relative;
z-index: 1;
width: 132px
float: left;
background-image: url("../images/top/tab_info.gif");
}*/


/* --- リンクエリア --- */
div.section ul.tabs li#tab1 a {
width: 132px; /* タブの幅 */
height:31px;
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_news-o.gif");
}
/* --- アクティブなタブ --- */
div.section ul.tabs li#tab1.active {
z-index: 3;
background-image: url("../images/top/tab_news-o.gif");
}
div.section ul.tabs li#tab1.active a {
}


/* --- リンクエリア --- */
div.section ul.tabs li#tab2 a {
width: 132px; /* タブの幅 */
height:31px;
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_event-o.gif");
margin-left: -1px;
}
/* --- アクティブなタブ --- */
div.section ul.tabs li#tab2.active {
z-index: 3;
background-image: url("../images/top/tab_event-o.gif");
}
div.section ul.tabs li#tab1.active a {
}


/* --- リンクエリア --- */
div.section ul.tabs li#tab3 a {
width: 132px; /* タブの幅 */
height:31px;
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_info-o.gif");
}
/* --- アクティブなタブ --- */
div.section ul.tabs li#tab3.active {
z-index: 3;
background-image: url("../images/top/tab_info-o.gif");
}
div.section ul.tabs li#tab1.active a {
}


/* --- 本文領域 --- */
div.section div.topicArea {
position: relative;
z-index: 2;
text-align:left;
padding: 10px; /* 本文領域のパディング */
background-color: #ffffff; /* 本文領域の背景色 */
border-top: 2px #227bb5 solid; /* 本文領域の境界線 */
border-left: 1px #c0c0c0 solid; /* 本文領域の境界線 */
border-right: 1px #c0c0c0 solid; /* 本文領域の境界線 */
border-bottom: 1px #c0c0c0 solid; /* 本文領域の境界線 */
}
/* --- 段落 --- */
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;
}


/*201022カスタマイズ*/
/*contents*/
#contents div.section ul.tabs li#tab1.active,
#contents div.section ul.tabs li#tab2.active{
    z-index: 3;
    background-image: none;
    padding: 10px 25px;
    border-radius: 5px 5px 0 0;
    margin-right: 1px;
    background-color: #178cc9;
    color: #ffffff;
    border: #178cc9 solid 1px;
}
#contents div.section ul.tabs li#tab1,
#contents div.section ul.tabs li#tab2{
position: relative;
    z-index: 1;
    float: left;
    background-image: none;
    padding: 10px 25px;
    border-radius: 5px 5px 0 0;
    margin-right: 1px;
    background-color: #78bade;;
    color: #fff;
}

#contents div.section ul.tabs li#tab1.active:hover,
#contents div.section ul.tabs li#tab2.active:hover,
#contents div.section ul.tabs li#tab1:hover,
#contents div.section ul.tabs li#tab2:hover{
	opacity:0.6;
}

div.section div.topicArea {
border-top: 2px #178cc9 solid; /* 本文領域の境界線 */
}