@charset "UTF-8";
@import url("base.css");

 
 
div#wrapper {
	margin: 0px auto 0px auto;
	width: 950px;
	background-repeat: repeat-x;
	background-image: url(ind-headback.png);
}
#tec #tec{
	font-weight: bold;
	background-image: url(bbtec.png);
	background-repeat: no-repeat;
	background-position: 2px 3px;
}
#tec1 #tec1{
	font-weight: bold;
	background-image: url(bbtec.png);
	background-repeat: no-repeat;
	background-position: 2px 3px;
}
#tec2 #tec2{
	font-weight: bold;
	background-image: url(bbtec.png);
	background-repeat: no-repeat;
	background-position: 2px 3px;
}
#tec3 #tec3{
	font-weight: bold;
	background-image: url(bbtec.png);
	background-repeat: no-repeat;
	background-position: 2px 3px;
}
#info #info{
	font-weight: bold;
	background-image: url(bbtec.png);
	background-repeat: no-repeat;
	background-position: 2px 3px;
}
div#wrappertec {
	margin: 0px auto 0px auto;
	width: 950px;
	background-repeat: no-repeat;
	background-image: url(ind-headback3.png);
}
div#eximg {
	width: 620px;
	background-image: url(bokashi.png);
	background-repeat: no-repeat;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 12px;
	height: 170px;
}
div#index {
	width: 940px;
	margin-left: 6px;
	padding-right: 5px;
	padding-bottom: 5px;
}
div#indexhead {
	width: 800px;
	height: 200px;
	background-repeat: no-repeat;
	padding-left: 160px;
	background-image: url(ind-contetshead.png);
	padding-top: 200px;
}
 


 
 
div#header {
	width: 900px;
	height: 80px;
	background-image: url(ind_headerback.png);
	background-repeat: no-repeat;
	margin-left: 25px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
}
div#headerleft   {
	width: 300px;
	height: 50px;
	background-repeat: no-repeat;
	margin-left: 5px;
	padding-right: 1px;
	padding-bottom: 5px;
	padding-left: 1px;
	text-align: left;
	padding-top: 10px;
	line-height: 20px;
	float: left;
}
div#headerright   {
	width: 570px;
	float: right;
}
div#header  p {
	width: 300px;
	height: 100px;
	background-image: url(indheader.png);
	background-repeat: no-repeat;
	margin-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
div#header h1 {
	font-size: 12px;
	padding-bottom: 5px;
}
div#flash 


 
 
 {
	width: 940px;
	padding: 5px;
	height: 200px;
}
div#mainpage 


 

 
 {
	width: 940px;
	padding: 5px;
	height: 400px;
	font-size: 12px;
	line-height: 20px;
}
 


 
div#navigator {
	clear: both;
}
div#navigator ul {

	
}
div#navigator ul li {
	float: left;
	padding-right: 5px;
}
 

 
div#container {
	margin: 0px auto 0px auto;
	clear: both;
	text-align: left;
}
hr#eof {
	clear: both;
	visibility: hidden;
	height: 1px;
}
 
#trackbackurl {
	width: 585px;
	text-align: left;
	background-color: #00A9D9;
	color: #FFFFFF;
	font-size: 12px;
	padding: 5px;
	border: 1px solid #FFFFFF;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
}


 
div#contents {
	float: left;
	width: 650px!important;
	width/**/: 540px;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 15px;
	line-height: 20px;
}
div#contents  p.tec 



 
 {
	float: left;
	width: 575px!important;
	width/**/: 540px;
	padding-top: 5px;
	padding-right: 15px;
	height: 100%;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	padding-bottom: 10px;
}
div#contents   p.index 



 
 {
	height: 300px;
}
div#contents h2 {
	color: #003399;
	font-size: 12px;
}
div#contentspagemt 



 
 {
	float: left;
	width: 600px!important;
	width/**/: 540px;
	text-align: left;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #999999;
	padding-top: 10px;
	line-height: 20px;
}
div#contentspage 



 
 {
	float: left;
	width: 610px!important;
	width/**/: 540px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 10px;
	line-height: 20px;
	text-align: left;
	height: 100%;
}
div#contentspage   p.new 



 
 {
	width: 610px;
	background-image: url(bbtec1.jpg);
	background-repeat: no-repeat;
	height: 35px;
	font-weight: bold;
	padding-top: 10px;
	padding-left: 15px;

}
div#contentspage   p 



 
 {
	width: 600px;

}
div#contentspage  img 



 
 {



}
div#contentspage h2 



 {
	font-size: 17px;
	line-height: 20px;
	margin-bottom: 10px;
	width: 606px;
	padding-top: 7px;
	padding-bottom: 5px;
	background-image: url(bbtec1.jpg);
	background-repeat: no-repeat;
	height: 35px;
	padding-left: 15px;
}
div#contentspage  h3 



 {
	padding-left: 7px;
	color: #3366CC;

}
div#contentspage   h4 



 {


}
div#contentslist 


 
 
 {
	float: left;
	width: 640px;
	height: 100%;
	background-image: url(headlinebaar.png);
	background-repeat: no-repeat;
}
div#contentslist2 


 
 
 {
	float: left;
	width: 620px;
	height: auto;
	margin-top: -20px;
	line-height: 20px;
}
div#contentslist2 p 


 
 
 {
	
	line-height: 20px;
}
div#contentslist2 p.title 


 
 
 {
	line-height: 20px;
	width: 606px;
	height: 35px;
	background-image: url(bbtec1.jpg);
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	background-repeat: no-repeat;
	margin-left: -10px;
}
 



 
div#sidebar {
	width/**/: 200px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 5px;
	background-image: url(headside.png);
	background-repeat: no-repeat;
	float: right;
	margin-right: 20px;
	text-align: left;
}
div#sidebarpage 



 
 {
	float: left;
	width: 245px!important;
	width/**/: 200px;
	background-color: #FFFFFF;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-top: 10px;
	text-align: left;
}
div#sidebarpage2 



 
 {
	float: left;
	width: 245px!important;
	width/**/: 200px;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 10px;
	padding-left: 10px;
}
div#sidebarpage2 img 



 
 {
	margin-top: 5px;

}
div#sidebarpage img 



 
 {


}
div#sidebarlist 



 
 {
	float: left;
	width: 216px!important;
	width/**/: 200px;
	line-height: 20px;
	font-size: 12px;
	height: 300px;
}
div#sidebarlist p 


 

 
 {
	float: right;
	width: 180px!important;
	width/**/: 200px;
}
div#sidebarlist  p.head 


 

 
 {
	width: 180px!important;
	width/**/: 200px;
	color: #FFFFFF;
	padding-right: 20px;
}
div#sidebarlist   p.headw 


 

 
 {
	width: 230px!important;
	width/**/: 200px;
	color: #FFFFFF;
	padding-right: 20px;
	background-repeat: no-repeat;
	float: left;
	margin-top: 10px;
}
div#sidebarlist   p.head a 


 

 
 {
	width/**/: 200px;
	color: #FFFF00;
}
 



 
div#footer {
	clear: both;
	text-align: left;
}
 


 
 
div#copyright {
	clear: both;
	line-height: normal;
	padding-right: 2px;
	padding-left: 2px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
	padding-top: 10px;
	background-image: url(footer.jpg);
	background-repeat: repeat-x;
	height: 35px;
}
div#copyright p {
	font-size: 10px;
	float: left;
	padding-left: 10px;
	padding-bottom: 10px;
	text-decoration: none;
}
div#copyright  p.menu {
	font-size: 12px;
	float: left;
	padding-left: 20px;
	padding-bottom: 10px;
	padding-top: 5px;
}
div#copyright   h5 {
	font-size: 10px;
	float: right;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 5px;
	color: #999999;
	padding-right: 20px;
}
div#copyright span {
	font-family: "Myriad Pro","Verdana","Arial", "Helvetica", "sans-serif";
	font-size: 12px;
}
ul.main_menumt2 {
	width: 600px;
	line-height: 20px;
	padding-left: 15px;
}
ul.main_menumt2   li {
	line-height: 20px;
	padding-left: 20px;
	padding-bottom: 3px;
	background-image: url(arrow_C_ver2.gif);
	background-repeat: no-repeat;
	background-position: 2px 4px;
}
ul.main_menumt2    li  p {
	line-height: 20px;

}
ul.main_menumt2   li   a {

}
ul.main_menumt2    li    a:hover {

}
ul.main_menumt {
	width: 600px;
	line-height: 20px;
}
ul.main_menumt  li {
	line-height: 20px;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 10px;
	padding-left: 0px;
	background-repeat: no-repeat;
	background-position: 10px 11px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	margin-bottom: 10px;
}
ul.main_menumt   li p {
	line-height: 20px;

}
ul.main_menumt  li  a {

}
ul.main_menumt   li   a:hover {

}
 


 
ul.main_menu {
	width: 600px;
}
ul.main_menu li {
	line-height: normal;
	padding-top: 5px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(th.png);
	background-repeat: no-repeat;
	background-position: 10px 11px;
}
ul.main_menu li a {
	display: block;
	padding-left: 35px;
	height: 19px;
	padding-top: 5px;
}
ul.main_menu  li  a:hover {
	display: block;
	padding-left: 38px;
	height: 19px;
	padding-top: 5px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #00A9D9;
}
.contentsmenu {
	color: #333333;
	width: 180px;
	float: left;
	padding-top: 2px;
}
.sidebarmenu {
	color: #333333;
	width: 210px;
	float: left;
	padding-top: 5px;
	padding-left: 10px;
}

ul.contents 

 

 
 {
	padding-left: 5px;
	width: 640px;
}
ul.contents h4 

 

 
 {
	color: #0066CC;
	padding-left: 5px;

}
ul.contents  li {
	line-height: 20px;
	float: left;
	width: 190px;
	display: inline;
	margin-right: 10px;
	margin-bottom: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
ul.contents li a {
	padding-left: 5px;
	float: left;
	width: 187px;
	border: 1px solid #CCCCCC;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	color: #333333;
	height: 255px;
}
ul.contents  li  a:hover {
	color: #333333;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	width: 187px;
	padding-right: 0px;
	height: 251px;
	text-decoration: none;
	border-top-width: 5px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #C1D7D7;
	border-right-color: #C1D7D7;
	border-bottom-color: #C1D7D7;
	border-left-color: #C1D7D7;
}
ul.contentsco  h4 

 

 
 {
	color: #0066CC;
	padding-left: 5px;

}
ul.contentsco 

 

 
 {
	padding-left: 1px;
	width: 500px;
	height: 100%;
}
ul.contentsco   li {
	line-height: 20px;
	float: left;
	width: 500px;
	display: inline;
	margin-right: 5px;
	margin-bottom: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
}
ul.contentsco    li img {
	border: 1px solid #CCCCCC;

}
ul.contentsco  li  a {
	float: left;
	width: 197px;
	border: 1px solid #CCCCCC;
	color: #333333;
	height: 177px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-top: 5px;
}
ul.contentsco   li   a:hover {
	border: 1px solid #0066CC;
	color: #333333;
	padding-left: 5px;
	width: 197px;
	height: 177px;
	text-decoration: none;
	padding-bottom: 5px;
}


ul.sidebar 

 

 
 {
	width: 230px;
	height: 100%;
	padding-top: 5px;
}
ul.sidebar  li {
	float: left;
	width: 230px;
	display: inline;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 20px;
}
ul.sidebar li a {
	float: left;
	width: 220px;
	height: 90px;
}
ul.sidebar  li  a:hover {
	float: left;
	width: 220px;
	height: 90px;
	text-decoration: none;
}


ul.sebar 


 
 {
	width: 230px;
	height: 100%;
}
ul.sebar  li {
	float: left;
	width: 230px;
	display: inline;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	padding-bottom: 4px;
	height: 28px;
}
ul.sebar   li   a {
	float: left;
	width: 230px;
	height: 19px;
	color: #291E0F;
	padding-left: 10px;
	margin-top: 3px;
	padding-top: 3px;
	margin-bottom: 3px;
	padding-bottom: 3px;
}
ul.sebar   li    a:hover {
	width: 230px;
	text-decoration: none;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #0FAED8;
	color: #0A7692;
	height: 19px;
	padding-left: 10px;
	float: left;
	margin-top: 3px;
	padding-top: 3px;
}
li.sebar        {
	width: 208px;
	text-decoration: none;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #00CCFF;
	color: #FFFFFF;
	background-color: #0066CC;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #006699;
	height: 25px;
	padding-top: 3px;
	padding-left: 5px;
	float: left;
}
ul.sebar2 


 
 {
	width: 230px;
	height: 100%;
}
ul.sebar2   li {
	float: left;
	width: 230px;
	display: inline;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	padding-bottom: 5px;
}
ul.sebar2    li h2 {
	float: left;
	width: 230px;
	display: inline;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	padding-bottom: 5px;
	font-size: 18px;
}
ul.sebar2    li    a {
	float: left;
	width: 230px;
	height: 19px;
	color: #291E0F;
	padding-left: 10px;
	margin-top: 5px;
	padding-top: 10px;
}
ul.sebar2    li     a:hover {
	width: 230px;
	text-decoration: none;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FF6600;
	color: #FF3300;
	height: 19px;
	padding-left: 10px;
	float: left;
	margin-top: 5px;
	padding-top: 10px;
}
table.menu        {
	width: 590px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	margin-top: 5px;
	margin-left: 10px;
}
td.menuleft          {
	width: 150px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #00A9D9;
	height: 15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	background-image: url(ul.gif);
	background-repeat: no-repeat;
	background-position: 8px 13px;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	vertical-align: top;
}
td.menuright          {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: dotted;
	border-bottom-style: dotted;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #CCCCCC;
	height: 15px;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	line-height: 20px;
	vertical-align: top;

}
table.se        {
	width: 620px;
	margin-top: 10px;
}
td.seleft          {
	width: 150px;
	padding: 5px;
	height: 15px;
	vertical-align: top;
}
td.seright          {
	padding: 5px;
	height: 15px;
	line-height: 20px;
	vertical-align: top;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;


}
td.seright   h3          {
	font-size: 13px;



}
table.harf        {
	width: 590px;
	margin-top: 10px;
	line-height: 20px;
}
td.harfleft          {
	width: 200px;
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	vertical-align: top;
	border: 1px solid #CCCCCC;
}
td.harfright          {
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	vertical-align: top;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;


}
.style1 {color: #FF0000}
.imgb {
	border: 1px solid #999;
	margin-left: 10px;
}

#page_footer {
	width: 585px;
	text-align: right;
	color: #666666;
	padding-top: 8px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#page_footer a {
	color: #FFFFFF;
	background-color: #3399FF;
	padding: 5px;
	border: 1px solid #0066FF;
	font-weight: bold;
}
#page_footer  a:hover {
	color: #0066FF;
	background-color: #FFFFFF;
	padding: 5px;
	border: 1px solid #0066FF;
	font-weight: bold;
}
#slider {
	width: 598px; /* important to be same as image width */
	height: 150px; /* important to be same as image height */
	position: relative; /* important */
	overflow: hidden; /* important */
	padding: 2px;
}
#sliderContent {
	width: 110px; /* important to be same as image width or wider */
	position: absolute;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
	position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
	padding: 10px 13px;
	width: 1px;
	-khtml-opacity: 0.7;
	opacity: 0.1;
	display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
.left
{
  top: 0;
  left: 0;
  width: 80px !important;  /* 110px */
  height: 200px;            /* 280px */
}
.right
{
  right: 0;
  bottom: 0;
  width: 110px !important;   /* 90px */
  height: 190px;            /* 290px */
}

ul { list-style-type: none;}