div.cr4   { padding: 0px 0px  4px 0px; }
div.cr6   { padding: 0px 0px  6px 0px; }
div.cr8   { padding: 0px 0px  8px 0px; }
div.cr10  { padding: 0px 0px 10px 0px; }
div.cr12  { padding: 0px 0px 12px 0px; }
div.cr14  { padding: 0px 0px 14px 0px; }
div.cr16  { padding: 0px 0px 16px 0px; }
div.cr18  { padding: 0px 0px 18px 0px; }
div.cr20  { padding: 0px 0px 20px 0px; }

span.topbtn {
	padding: 5px 15px;
}
span.xs {
	line-height: 1.3em;
	font-size: x-small;
	font-weight: normal;
}
span.font9 {
	line-height: 1.3em;
	font-size: 9px;
	font-weight: normal;
}
span.font10 {
	line-height: 1.3em;
	font-size: 10px;
	font-weight: normal;
}
span.font11 {
	line-height: 1.3em;
	font-size: 11px;
	font-weight: normal;
}
span.font12 {
	line-height: 1.5em;
	font-size: 12px;
	font-weight: normal;
}

/*---- default body and text colors ----*/
body {
	font-family: Helvetica,Arial,sans-serif;
	font-size:12px;
	line-height:150%;
	color: #000000;
/*
	background-color: #282714;
	background: url("/img/bg-gradation.jpg") #282714 repeat-x top left;
*/
	background-color: #8b8b7b;
}

/*---- header ----*/
table.header {
	height: 120px;
	background-color: #444455;
	background: url("/en/img/header.jpg") #ffffff repeat top left;
	border-spacing: 0;
	border-collapse: collapse;
	line-height: 0em;
}

/*---- top navi ----*/
table.topnavi {
	padding: 0px;
	background: url("/en/img/topnavi.jpg") #ffffff repeat top left;
}
table.topnavi td.bottombar {
	height: 15px;
	background-color: #e8e8c8;
}
table.topnavi td.button-selected {
	width: 110px;
	text-align: center;
	font-size: 14px;
	padding: 6px 0px;
	background-color: #e8e8c8;
	border: solid 0px #ffffff;
	background: url("/img/topnavi-button-sel.gif") no-repeat top left;
}
table.topnavi td.button-selected:hover {
	width: 110px;
	text-align: center;
	font-size: 14px;
	padding: 6px 0px;
	background-color: #e8e8c8;
	border: solid 0px #ffffff;
	background: url("/img/topnavi-button-sel.gif") no-repeat top left;
}
table.topnavi td.button {
	width: 110px;
	text-align: center;
	font-size: 14px;
	padding: 6px 0px;
	background-color: #777755;
	border: solid 0px #ffffff;
	background: url("/img/topnavi-button.gif") no-repeat top left;
}
table.topnavi td.button:hover {
	width: 110px;
	text-align: center;
	font-size: 14px;
	padding: 6px 0px;
	background-color: #aaaa88;
	border: solid 0px #ffffff;
	background: url("/img/topnavi-button-over.gif") no-repeat top left;
}
table.topnavi td.divider {
	padding: 0px;
	border: solid 0px #ffffff;
}

table.topnavi td.button a:link    { color: #ffffff; text-decoration: none; }
table.topnavi td.button a:visited { color: #ffffff; text-decoration: none; }
table.topnavi td.button a:active  { color: #ffffff; text-decoration: none; }
table.topnavi td.button a:hover   { color: #ffffff; text-decoration: none; }

table.topnavi td.button-selected a:link    { color: #333333; text-decoration: none; }
table.topnavi td.button-selected a:visited { color: #333333; text-decoration: none; }
table.topnavi td.button-selected a:active  { color: #333333; text-decoration: none; }
table.topnavi td.button-selected a:hover   { color: #333333; text-decoration: none; }

/*---- Side Navigation ----*/

table.sidenavi {
	width: 200px;
	margin; 2px;
	margin-top: 12px;
/*
	margin-left: 20px;
	margin-top: 20px;
*/
}

table.sidenavi td.top {
	border-style: none;
}

table.sidenavi td.bottom {
	border-style: none;
/* 
	background: url("/img/sidenavi-bottom-l.gif") #dee0f0 no-repeat bottom;
	height:20px;
*/
}

table.sidenavi td.plane {
	line-height: 1.8em;
	color: #000000;
	background-color: #dee0f0;
background-color: #e8e8c8;
	font-weight: normal;
	padding: 0px 10px;
}

table.sidenavi td{
	line-height: 1.8em;
	color: #000000;
	background-color: #e8e8c8;
	border-width: 1px 0px 1px 1px;
	border-style: solid;
	border-color: #dee0f0;
	font-weight: bold;
border-color: #e8e8c8;
}

table.sidenavi span.normal {
	font-size: 12px;
	font-weight: normal;
}
table.sidenavi span.selected {
	font-size: 12px;
	font-weight: normal;
	display: block;
	line-height: 2em;
	text-decoration: none;
	background-color: #ffffff;
	border-width: 0px;
	border-style: solid;
}

table.sidenavi a:link {
	display: block;
	text-decoration: none;
	color: #000000;
	border-width: 1px 0px 1px 1px;
	border-width: 0px;
	border-style: solid;
	border-color: #dee0f0;
}

table.sidenavi a:visited {
	display: block;
	text-decoration: none;
	color: #000000;
	border-width: 1px 0px 1px 1px;
	border-width: 0px;
	border-style: solid;
	border-color: #dee0f0;
}

table.sidenavi a:hover {
	display: block;
	text-decoration: none;
/*
	color: #448833;
	background-color:  #F1FAD8;
*/
	color: #000000;
	background-color: #b8b898;
	border-width: 0px;
	border-style: solid;
}

table.sidenavi td.txt_a { 
	padding: 0px 0px 0px 10px; 
	padding-top: 2px;
	padding-bottom: 2px;
}
table.sidenavi td.txt_b { 
	padding: 0px 0px 0px 20px; 
	padding-top: 2px;
	padding-bottom: 2px;
}
table.sidenavi td.txt_c { 
	padding: 0px 0px 0px 35px; 
	padding-top: 2px;
	padding-bottom: 2px;
}

/*---- for contents area ----*/

a:link    { color: #2222cc; text-decoration: none; }
a:visited { color: #4444ee; text-decoration: none; }
a:active  { color: #2222cc; text-decoration: none; }
a:hover   { color: #0000aa; text-decoration: underline; }

table.layout {
	border-spacing: 0;
	border-collapse: collapse;
	empty-cells: show;
	background-color: white;
	background-image: none;
}
table.layout td.both-side {
	background-color: #e8e8c8;
}
table.layout td.side-l {
	background-color: #e8e8c8;
	background: url("/img/sidenavi-bottom-l.gif") #e8e8c8;
	background-position: bottom right;
	background-repeat: no-repeat;
}
table.layout td.main-l {
	background-color: #ffffff;
	background:url("/img/sidenavi-top-l.gif");
	background-position: top left;
	background-repeat: no-repeat;
}
table.layout td.side-r {
	background-color: #e8e8c8;
	background: url("/img/sidenavi-bottom-r.gif") #e8e8c8;
	background-position: bottom left;
	background-repeat: no-repeat;
}
table.layout td.main-r {
	background-color: #ffffff;
	background:url("/img/sidenavi-top-r.gif");
	background-position: top right;
	background-repeat: no-repeat;
}

table.main {
	padding: 20px;
	border-spacing: 0;
	border-collapse: collapse;
	empty-cells: show;
	background-color: white; 
	background-image: none;
}
table.main td.pad {
	padding: 5px 30px;
}
table.main td {
	padding: 0;
}
table.main td.footer {
	padding: 5px 20px;
	background-color: #e8e8c8;
	background-color: #ffffff;
	text-align: center;
}

table.main td.description{
	vertical-align:top;
	padding-top:10px;
						margin: 0px;
						padding: 0px;
						padding-top: 0px;
	padding-left:10px;
	padding-bottom: 10px;
	line-height: 1.8em;
	}

table.main td.picture{
	vertical-align:top;
	padding-top:10px;
						margin: 0px;
						padding: 0px;
						padding-top: 0px;
	padding-bottom: 10px;
	padding-right: 10px;
}

table.main td.subtitle{
/*
	background:url("/img/subtitle_bg.gif");
	background-repeat:repeat-y;
*/
	background-color: #999977;
	padding:4px 0px;
	color:#ffffff;
	text-align:center;
	font-weight:bold;
	}

div.caption {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #888888;
	margin: 10px 30px 10px 30px;
	padding-bottom: 4px;
	color: #555555;
	font-weight: bold;
	font-size: 16px;
	text-align: left;
}

div.caption-left {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #888888;
	margin: 10px 0px 10px 30px;
	padding-bottom: 4px;
	color: #555555;
	font-weight: bold;
	font-size: 16px;
	text-align: left;
}

div.caption-right {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #888888;
	margin: 10px 30px 10px 0px;
	padding-bottom: 4px;
	color: #666666;
	font-weight: bold;
	font-size: 16px;
	text-align: right;
}

div.solidline {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #cccccc;
	margin: 0px;
	padding: 0px;
	height: 1px;
}

table.h-table {
	width: 100%;
	margin: 0;
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
	empty-cells: show;
	background-color: white;
	background-image: none;
}

table.h-table th{
	margin: 1px;
	padding: 5px;
	background-color: #336699;
	color:#ffffff;
	font-weight:bold;
	white-space:nowrap;
	text-align:left;
	vertical-align:top;
	border-bottom: solid 1px #ccccff;
	}

table.h-table td{
	margin: 1px;
	padding: 5px;
	background-color: #ffffff;
	vertical-align:top;
	border-bottom: solid 1px #336699;
	}

/*---- Round Rectangle Table ----*/

table.roundrect {
	margin: 0;
	padding: 0;
	border-spacing: 0;
	border-collapse: collapse;
	empty-cells: show;
}

table.roundrect td.tl {
	border-style: none;
	background-color: #dee0f0;
	background: url(/img/round-tl.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height:16px;
	width: 16px;
}
table.roundrect td.tr {
	border-style: none;
	background-color: #dee0f0;
	background: url(/img/round-tr.gif);
	background-position: top right;
	background-repeat: no-repeat;
	height:16px;
	width: 16px;
}
table.roundrect td.bl {
	border-style: none;
	background-color: #dee0f0;
	background: url(/img/round-bl.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	height:16px;
	width: 16px;
}
table.roundrect td.br {
	border-style: none;
	background-color: #dee0f0;
	background: url(/img/round-br.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	height:16px;
	width: 16px;
}

table.roundrect td {
	background-color: #dee0f0;
	margin: 0;
	padding: 0px;
}

table.solidbox {
	margin: 10px 20px;
	border-spacing: 0;
	border-collapse: collapse;
	empty-cells: show;
}
table.solidbox td {
	padding: 20px;
	background-color: #ddddff;
}
table.solidboxy {
	margin: 5px 0px 5px 0px;
	border-spacing: 0;
	border-collapse: collapse;
	empty-cells: show;
}
table.solidboxy td {
	padding: 10px 20px 10px 20px;
	background-color: #ffffdd;
	border: solid 2px #eeeecc;
}

div.p10 {
	font-size: 10px;
	font-weight: normal;
	}	

span.kw {
	background-color: #ffff88;
}

form {
	padding: 0px;
	margin: 0px;
}

/*---- language menu ----*/
table.menu {
	border-spacing: 0;
	border-collapse: collapse;
	padding: 0px;
	margin: 0;
	line-height: 0em;
}

