html {
	height: 100%;
	width: 100%;
}

body{
margin:0;
padding:0;
color:#666666;
background:#333333 url("imgs/bg.png") repeat-x top;
font: 11pt/1.5 "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";

}

div#wrapper{
width:840px;
margin-top:0px;
margin-left: auto;
margin-right: auto;
background:#ffffff url("imgs/main-bg.png") repeat-y 195px 0px;
	border-right: 1px solid #333333;
	border-left:  1px solid #CCCCCC;
}


#wrapper a {
	color: #333333;
	text-decoration: none;	
}

#wrapper a:hover {
	color:red;
}


div#main{
float:right;
width:570px;
margin:0 20px 0 0;
}



#main h1{
background:#ffffff;
font-size:14pt;
margin:30px 0 20px 0;
}

#main h2{
font-size:11pt;
border-bottom:3px double #17902D;

color:#17902D;
padding:0 0 0 10px;
}

#main h3{
font-size:11pt;
text-align:right;
color:#17902D;
padding:0 10px0 0;
}

.zu{
	border:none;
	width:500px;
}

.zu tr{
text-align:center;
font-size:8pt;
width:250p;
}

.zu2{
	border:none;
	width:300px;
}

.zu2 tr{
text-align:center;
font-size:8pt;
width:150p;
}

	

div#sub{
float:left;
width:192px;

}



.tree{
padding:20px 0 0 20px;
font-size:0.9em;
}


.simg {
border: solid 1px #cccccc;
background : #FFFFFF ; 
padding : 5px ; 
}



div#container:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
}


div#footer {
	width: 840px;
	margin-right: auto;
	margin-left: auto;
	background: url("imgs/footer.png") repeat-x bottom;
	color:#ffffff;
	font-size: 8pt;
	text-align: center;
}

img {
	border: none;
}

.s  {
font-size:0.8em;
}

.ancer  {
font-size:0.8em;
text-align:right;
} 


.p{
font-size:0.8em;
margin:0 10pt;
}


.netis{
color:#FFFFFF;
font-weight:bold;
background-color:#FF6600;
padding: 3px;
width:280px;
float:right;
}




/*ƒwƒbƒ_�[
---------------------------------------------------------------------------*/
div#header {
	margin: 0px;
	padding:0px;
	height: 162px;
	width: 840px;
	background:#ffffff;
	color:#17902D;
	position:relative;
}


#header ul{
	margin:
    -45px 0 0 225px;
	padding:0px;
	list-style:none;
	font:bold 11pt /1.5 "DF•½�¬–¾’©‘ÌW3","HGP–¾’©E","MS P–¾’©",serif;
	position:absolute;
}
	
#header li{	
	display:inline;
	padding-left:70px;
	margin:0;
}

#header a {
	color: #17902D;
	text-decoration: none;
}

#header a:hover {
	color: #333333;
	text-decoration: none;
}



table.t1{
    border:1px solid #999999;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.t1 th{
    border:1px solid #999999;
    color:#FFFFFF;
    background-color:#333333;
    padding:0.3em 1em;
    text-align:center;
	font-size:9pt;
}
.t1 td{
    border:1px solid #999999;
}

.t1 img{
   width:110px;
   height: 80px;
    }
    


table.t2{
    border:1px solid #999999;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
	width: 520px;
	color: #333333;
}
.t2 tr{
    border:1px solid #999999;
}
.t2 td{
    border:1px solid #999999;
    padding:0.3em 1em;
    text-align:center;
	font-size:9pt;
}


table.tl{
    border:1px solid #999999;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
	width: 520px;
	color: #333333;
}
.tr tl{
    border:1px solid #999999;
}
.tl td{
    border:1px solid #999999;
    padding:0.3em 1em;
    text-align:left;
	font-size:9pt;
}


table.t3{
    border:none;
    background-color:#ffffff;
	width: 500px;
	color: #333333;
	margin:0 0 0 20px;	
}
.t3 tr{
    border:none;
    text-align:left;
	font-size: 13px;
}

.t3 th {
	background-color: #CCCCCC; 
	font-weight:bold;
	padding:0 0 0 10px;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #999999;
    text-align:left;
}	


.t3 td{
    border:none;
    padding:2px 0 6px 50px;
}


table.t4{
    border-spacing:0;
    background-color:#ffffff;
	width: 500px;
	color: #333333;
	margin:0 0 0 50px;		
}
.t4 tr{
    text-align:left;
	font-size:13px;
}
.t4 td{
    padding:0.1em;
}

table.t5{
    border-spacing:0;
    background-color:#ffffff;
	width: 500px;
	color: #333333;
	margin:0 0 100px 50px;		
}
.t5 tr{
    text-align:left;
	font-size:13px;
}
.t5 td{
    padding:0.1em;
}

/*ƒcƒŠ�[ƒ�ƒjƒ…
---------------------------------------------------------------------------*/

.treeview, .treeview ul { 
	padding:0;
	margin: 0;
	list-style: none;
color:#666666;
}

.treeview ul {

	margin-top: 4px;
}

.treeview .hitarea {
	background: url(products/images/treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0;
	padding: 3px 0pt 3px 16px;
}

.treeview a.selected {
	background-color: #fff;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: red; cursor: pointer; }

.treeview li { background: url(products/images/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }


.net{
color:#000000;
margin:30px 0 0 20px;
font-size:0.8em;
}

.net ul{
    margin-left:  2em;
    padding-left: 0em;

list-style-type:disc;
}

.net li{
margin-bottom:1em;
padding-bottom:0em;
}

/*ƒ��[ƒ‹ƒtƒH�[ƒ€
---------------------------------------------------------------------------*/

form#mailform {
	padding: 5px;
}
table.mailform {
	width: 100%;
}
table.mailform tr th,table.mailform tr td {
	text-align: left;
	font-weight: normal;
	font-size: 12px;
	border-bottom: solid 1px #999999;
	padding: 7px 5px 7px 5px;
}
table.mailform tr th {
	width: 150px;
}
table.mailform tr th span {
	color: #CC0000;
	font-size: 10px;
}
table.mailform tr th p {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: #999999;
}
table.mailform tr td textarea {
	width: 100%;
	height: 120px;
}


.info {
	font-size:12pt;
	font-weight:bold;
	text-align:left;
	color:#17902D;
	padding:0 10px0 0;
}