html, body { height:100.1%; }

body {
    padding:0px; margin:0px auto;
    background:url("images/bg_main_body.jpg") repeat-x top center #020100; 
    color:#fff;
    font-family:Verdana,Helvetica,Arial,sans-serif;
    font-style:normal;
    font-size:80%;
	text-align:center;
}

a:link { text-decoration: none; color:#f60; }
a:visited { text-decoration: none; color:#f60; }
a:hover  { text-decoration: underline; color:#f60; }
a:active { text-decoration: none; color:#f60; }
a:link img, a:visited img { border:0px; }

.yLg  { display:block; clear:both; margin:0px; height:162px; }
.yLg  h1 { display:none; }
.yOut { 
	background:url("images/bg_main_side.jpg") no-repeat top left;
	width:860px;
	margin:0px auto; 
	padding:53px 80px 0px 60px; 
	text-align:left;
	display:block; 
	clear:both; 
}
.yIn  { 
	background:url("images/bg_main_content.gif") repeat-y top left #fff;
	border-top:10px solid #fff;
	display:block; clear:both; margin:0; padding:0; 
}
.footer { clear:both; border-bottom:1px solid #eee; }
.yDot { display:none; }
.yFoo { 
	width:860px;
	margin:0px auto; padding:5px 70px 50px 70px; 
	display:block; clear:both; 
	font-size:0.8em; 
	text-align:left;
	color:#999;
}
.yFoo a { color: #999; }
/* ~~~ navi ~~~ */

#navi { 
	border-top:10px solid #e5e5e5;
	margin:0 0 20px 9px; padding:0; 
	width:201px;
	display:block; 
	float:left;
	background-color:#fffcf9; 
	text-align:left; 
}

.naviSpacer { 
	margin:0; padding:32px 0 16px 0; 
	display:block; 
}

#navi ul  { 
border-right:1px solid #9d9d9d;
margin:0; padding:0; }
#navi ul li { margin:0; padding:0; display:inline; list-style:none; }
#navi ul li a { 
	margin:0px; padding:3px; 
	display:block; 
	border-top:1px solid #fff; 
	border-bottom:1px solid #fac1a4; 
	text-decoration:none; 
	text-align:left; 
	font-weight:bold;
}

#navi .lev-10 { padding-left:13px; font-weight:bold; }
#navi .lev-20 { padding-left:23px; font-weight:normal; }
#navi .lev-30 { padding-left:33px; font-weight:normal; }

a.naviLink:link,
a.naviLink:visited  
{ 
	color:#f16420; 
}
a.naviLink:hover, a.naviLink:active,
a.naviLinkA:link, a.naviLinkA:visited, 
a.naviLinkA:hover, a.naviLinkA:active
{ 
	background:url("images/bg_navi_link.jpg") repeat-y #f16420;
	color:#fff; 
}

/* ~~~ content ~~~ */

#con { 
	background:url("images/bg_main_constage.gif") no-repeat top left;
	margin:0 0 0 220px; padding:0; 
	display:block; 
	text-align:left; 
}
#con h1 { color:#666; padding:10px 3px 3px 26px; margin:0; font-size:1.8em; font-weight:normal; }
.conStage { 
	margin:0; 
	padding:16px 30px 50px 26px; 
	display:block; 
	color:#000; 
	text-align:left; 
}

.conStage h2 { padding:3px 0; margin:10px 0; font-size:1.3em; border-bottom:1px solid #f16420; color:#666; font-weight:normal; }
.conStage img { border:1px solid #333; }
.conStage ul li { padding-right:6em; }

.conStage table { font-size: 1.0em; }
.conStage table { margin:1em 0em; width:580px; }
.conStage table th, table td { padding:.2em; vertical-align:top; }
.conStage table th { background-color:#999; color:#fff; text-align:left; font-weight:bold; }
.conStage table td { background-color:#eee; color:#333;  }
.conStage table.table1 td { width:50%; }
.conStage table.table2 td { width:33.3%; }
.conStage .references h3 { float:left; display:block; width:270px; }
.conStage .img_01 { margin:5px 5px 10px 0px; padding:0; }
#home .conStage .img_01 { margin:5px 0 10px 0px; padding:0; }
.conStage .references .img_01 { float:right; width:300px; margin:0 0 10px 0; padding:0; }

.clear { clear:both; }

form { padding:0px; margin:0px; }

#sitemap { padding:0px 0px 50px 20px; }
#sitemap .level_1
{ 
	margin:0px 0px 5px 0px; padding:10px 0px 2px 10px; 
	border-bottom:1px dotted #999 
}
.etracker { padding:3em 0em; text-align:center; }