#tabContent {
	width:550px;
	background-color: #FFAF3C;
	margin-bottom:10px;
	padding:5px;
}

#tabIndex {
	margin:0;
	padding:0;
}

#tabIndex li {
	float:left;
	margin:0;
	margin-right:5px;
	padding: 3px;
	font-weight: bold;
	font-size:0.95em;
	list-style-type: none;
	cursor: pointer;
	display: block;
}

#tabIndex li a { text-decoration:none; }

#tabIndex li img { border:none; margin:0 2px 0 0; }

/*IE6*/
*html #tabIndex li {	margin-bottom:-5px; }

/*IE7*/
*:first-child+html #tabIndex li {	margin-bottom:-5px; }

#tabIndex .close {
  background-color:#FFAF3C;
  text-decoration:none;
  color:#0000FF;
}
#tabIndex .open {
  background-color:#FFFFFF;
  text-decoration:none;
}

#tabBoxIndex {
	background-color:#FFFFFF;
	border:#FFFFFF solid 1px;
	padding:5px;
	clear:both;
}

/*IE6*/
*html div.tabBox { padding-bottom:3px; }

/*IE7*/
*:first-child+html div.tabBox { padding-bottom:3px; }

div.tabBox ul.cate { list-style:none; font-size:0.7em; margin:0; padding:0; }

div.tabBox ul.cate li { float:left; width:135px; background:url(../common/ico_arw_orange.gif) top left no-repeat; margin-bottom:5px; padding:0 10px 0 14px; }

/* clearfix
---------------------------------------
*/

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
	line-height:0;
	font-size:1px;
  }

.clearfix {
  display: inline-table;
  min-height: 1%;
  }
		
* html .clearfix {height: 1%;}
*+html .clearfix {height: 1%;}