@charset "UTF-8";

/* 
	Extend CSS difinitions for 2008 BSS Catalog written by BSC web team. 
	First release: 2008-05-02
 */

/* 
	******************************************************************
	index CSS extend 
	******************************************************************
 */

.palette table, .palette tbody, .palette tr { 
	border-width: 1px; 
	border-style: solid; 
	border-color: #666666; 
	border-collapse: collapse; 
	margin: 0; 
	padding: 0;
	}
.palette table { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	width: 90%;
	}
.palette caption { 
	text-align: center; 
	}
.palette tbody { 
	font-size: 80%; 
	margin: 0; 
	padding: 0; 
	border: 0; 
	}
.palette tr { 
	}
.palette th { 
	font-size: 150%; 
	font-weight: bold; 
	text-align: center; 
	margin: 0; 
	padding: 0.1em; 
	width: 18%; 
	}
/* th color definitions */
.palette th#cat01, th#cat10 { 
	background-color: rgb(231,0,49); 
	}
.palette th#cat02, th#cat11 { 
	background-color: rgb(156,231,41); 
	}
.palette th#cat03, th#cat12 { 
	background-color: rgb(57,198,231); 
	}
.palette th#cat04, th#cat13 { 
	background-color: rgb(255,156,0); 
	}
.palette th#cat05, th#cat14 { 
	background-color: rgb(255,148,140); 
	}
.palette th#cat06, th#cat15 { 
	background-color: rgb(8,173,115); 
	}
.palette th#cat07, th#cat16 { 
	background-color: rgb(0,99,181); 
	}
.palette th#cat08, th#cat17 { 
	background-color: rgb(181,66,0); 
	}
.palette th#cat09, th#cat18 { 
	background-color: rgb(165,90,173); 
	}

.palette a { 
	font-weight: bold; 
	}
.palette a.more { 
	margin-left: 3px; 
	font-weight: normal;  
	border: 1px solid #9c9; 
	}
.palette a:hover.more { 
	background-color: #dfa; 
	color: #063 !important; 
	}
.palette td { 
	margin: 0; 
	border: 0; 
	}

/* CSS for InternetExplorer (Transitional) */

*body .palette table, 
*body .palette tbody, 
*body .palette tr, 
*body .palette td { 
	border-width: 1px; 
	border-style: solid; 
	border-color: #666666; 
	margin: 0; 
	padding: 0.5em; 
	}


	/**/

	
	
.ctlg_box01 {
	float: left;
	width: 510px;
	margin-left:10px;
	margin-top: 10px;
	}
.ctlg_box02 {
	float: left;
	width: 500px;
	}
.ctlg_box02 img {
	margin-left: 5px;
	}
.ctlg_box03 {
	border: solid #999999 1px;
	width: 500px;
	height: 240px;
	margin: 20px auto auto 0px;
	}
.ctlg_box01 .ctlg_box03 p.bar {
	background-image:url(../bss_bsc/catalog/img/ctlg_bar.gif);
	background-position: top;
	background-repeat: no-repeat;
	width: 500px;
	height: 35px;
	margin: 0px;
	text-indent: -9999px;
	}
.ctlg_box01 .ctlg_box03 ul.ctlg_menu {
	display: block;
	margin: 20px;
	}
.ctlg_box01 .ctlg_box03 ul.ctlg_menu li {
	background-image:url(../bss_bsc/catalog/img/icon.gif);
	background-position: 0 7px;
	background-repeat: no-repeat;
	font-size: 17px;
	font-weight: bold;
	padding: 5px 25px;
	display: block;
	}


/**/


div#content h3.hd {
  font-size: 1.4em;
  font-weight: bold;
  color: #063;
  margin: 1em 0 5px 0;
}
body#bssCatalog div#content div.section {
  width: 100%;
}
body#bssCatalog div#content div.section div.palette {
  width: 370px;
  float: left;
}
body#bssCatalog div#content div.section div.palette p.text  {
  text-align: center;
}
body#bssCatalog div#content div.section div.catalog p.image {
  margin: 0;
  float: right;
  text-align: center;
}
body#bssCatalog div#content div.section div.catalog p.image img {
  margin: 0 0 0 10px;
}
body#bssCatalog div#content div.section div.catalog ul {
  margin: 50px 0;
}
body#bssCatalog div#content div.section div.catalog ul li {
  list-style: none;
}


.ctlg_bottom {
	padding-top: 30px;
	clear: both;
}



body#bssCatalog div#content ul li{
	list-style: none;
}

/*****************/

.ctlg_bottom_ul div {
	float: left;
	margin-left: 10px;
	text-align: center;
	width: 230px;
	}

.ctlg_bottom_ul div  a img {
	border: 1px solid #360; 
	}
.ctlg_bottom_ul div  a:visited img {
	border: 1px solid #396; 
	}
.ctlg_bottom_ul div  a:hover img {
	border: 1px solid #f60; 
	}

.ctlg_bottom_ul div p {
	margin-top: 0px;
}