/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber{}
.tabberlive{}

/*--------------------------------------------------
タブリスト
  --------------------------------------------------*/
ul.tabbernav{
 margin:0;
 padding:0;
	float:left;
}

ul.tabbernav li{
 list-style:none;
 margin:0;
 display:inline;
}

ul.tabbernav li a{
 padding:1px 0 0 10px;
	text-align:left;
 margin:0;
	height:18px;
	font-size:10pt;
	float:left;
	width:110px;
	background:url(../img2/home/tab-bg.gif) repeat-x 0 0;
 border:1px solid #ccc;
 border-bottom:none;
 text-decoration:none;
}
*html ul.tabbernav li a{
	height:20px;
	width:122px;
}

ul.tabbernav li a:link { color: #666; }
ul.tabbernav li a:visited { color: #999; }

ul.tabbernav li a:hover{
	background:url(../img2/home/tab-bg-ac.gif) repeat-x 0 1px;
 color: #000;
 border-color:#bbb;
}

/* アクティブタブ */
ul.tabbernav li.tabberactive a{
	color:#fff;
	background:url(../img2/home/tab-bg-ac-c.gif) repeat-x 0 1px;
	
}
ul.tabbernav li.tabberactive a:hover{
 color: #fff;
	background:url(../img2/home/tab-bg-ac-c.gif) repeat-x 0 1px;
}

/*--------------------------------------------------
アクティブタブ_中身
  --------------------------------------------------*/
.tabberlive .tabbertab{
	width:598px;
	height:170px;
	padding:0 0 0 10px;
	clear:left;
	float:left;
	border:solid 1px #cdcdcd;
	border-width:0 1px 1px;
}
*html .tabberlive .tabbertab{
	width:610px;
}

.tabberlive .tabbertab dl{
	white-space:nowrap;
	font-size:10pt;
	line-height:1;
	float:left;
	width:548px;
	height:15px;
	overflow:hidden;
	padding:4px 0;
	border-bottom:dotted 1px #ccc;
}
*html .tabberlive .tabbertab dl{
	height:24px;
}
.tabberlive .tabbertab dt{
	font-weight:bold;
	margin:0 10px 0 0;
	float:left;
}
.tabberlive .tabbertab dt a{
	background:url(../img2/common/icon_list01.gif) no-repeat 0 1px;
	padding:0 0 0 14px;
	text-align:left;
	float:left;
	display:block;
	line-height:1.2;
	width:106px;
}
*html .tabberlive .tabbertab dt a{
	width:120px;
}
.tabberlive .tabbertab dd{
	white-space:nowrap;
	float:left;
	margin:0 10px 10px 0;
}
.tabberlive .tabbertab dd a{
	background:url(../img2/common/icon_arrow01.gif) no-repeat 0 2px;
	padding:0 0 0 12px;
	line-height:1.2;
	float:left;
	display:block;
}
.tabberlive .tabbertab .link-all{
	float:right;
	text-align:left;
	width:42px;
	font-size:10pt;
	line-height:1.2;
	height:15px;
	overflow:hidden;
	margin-right:8px;
	padding:4px 0;
	border-bottom:dotted 1px #ccc;
}
*html .tabberlive .tabbertab .link-all{
	height:24px;
	margin-right:4px;
}
.tabberlive .tabbertab .link-all a{
	padding:0;
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h3{
	padding:0;
 display:none;
}
.tabberlive .tabbertab h4{
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab{
 height:200px;
 overflow:auto;
}