/* ================= basic : elements ================= */
body {
/* 	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka", sans-serif; */
/* 	font-family: Verdana, sans-serif; */
	background: url(../images/back.gif) 647px 0px no-repeat #ebebeb;
	padding: 0;
	margin: 0;
	}

/* hack for IE5.0 for Mac (begin) \*/
body {	
	height: 100%;
	min-height: 800px;
	}
/* hack for IE5.0 for Mac (end) */

a:link { color: #333333; text-decoration: underline; }
a:visited { color: #333333; text-decoration: underline; }
a:hover { color: #f1740e; text-decoration: underline; }

body, div, p, th, td, dl, ul, ol {
	font-size: 12px;
	color: #333333;
	}

div, p, th, td, dl, ul, ol {
	line-height: 140%;
	}

div, p {
	margin: 0;
	}

ul, dl {
	margin-top: 0;
	margin-bottom: 0;
	}
ol {
	padding: 0 0 0 1em;
	margin: 0 0 0 1em;
	}
ol li, ul li {
	margin-bottom: 0.3em;
	}
ol li.l-item, ul li.l-item {
	margin-bottom: 0;
	}

img {
	border: none;
	}

td {
	empty-cells: show;
	}


form {
	display: inline;
	margin: 0px;
	}

label {
	margin-right: 0.3em;
	}

input, select, textarea	{
	font-size: 12px;
	}
textarea	{
	width: 98%;
	}

h1, h2, h3, h4, h5, h6 {
	font-size: 12px;
	line-height: 100%;
	margin: 0;
	}

strong { font-weight: bold; }

sup { 
	font-size: 0.8em;
	vertical-align: top;
	margin-left: 0.3em;
	margin-right: 0.3em;
	}

caption {
	padding-bottom: 5px;
	}

/* ================= basic : class ================= */
/* font */
.nt {
	font-size: 11px;
	}
.norm {
	font-size: 12px;
	font-weight: normal;
	}
.em01 {
	font-size: 14px;
	}
.nb {
	font-weight: normal;
	}

/* color */
.base {
	color: #333333;
	}
.attention {
	color: #cc0000;
	}
.highlight {
	color: #cc6600;
	}

/* hr */	
hr.clear {
	visibility: hidden;
	clear: both;
	height: 0px;
	border: solid 1px #ffffff;
	padding: 0;
	margin: 0;
	}

/* position */	
.tal {
	text-align: left;
	}
.tac {
	text-align: center;
	}
.tar {
	text-align: right;
	}
.vat {
	vertical-align: top;
	}
.vam {
	vertical-align: middle;
	}
.vab {
	vertical-align: bottom;
	}

/* clear */
.cl {
	clear: left;
	}

/* margin */
.t1 {
	margin-top: 1em;
	}
.b1 {
	margin-bottom: 1em;
	}
.b2 {
	margin-bottom: 2em;
	}
.r1 {
	margin-right: 1em;
	}
.l1 {
	margin-left: 1em;
	}

/* float */
.flr {
	float: right;
	}
.fll {
	float: left;
	}
.cb {
	clear: both;
	}

/* display, visibility */
.dpn {
	display: none;
	}
.dpblc {
	display: block;
	}
.inln {
	display: inline;
	}
.hdn {
	visibility: hidden;
	}

/* white-space */
.nwrp {
	white-space: nowrap;
	}

/* list */
ul.gen {
	padding: 0 0 0 0.5em;
	margin: 0 0 0 1em;
	}
ul.nomark {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
ul.item-hrznt {
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
ul.item-hrznt li {
	display: inline;
	margin-right: 1em;
	}
ul.item-compact {
	list-style-type: none;
	padding: 0;
	margin: 0 0 1em 0;
	}
ul.item-compact li {
	display: inline;
	margin-right: 0.3em;
	}
/* hack for IE 5.5-6 */
html>body ul.item-compact li {
	white-space: nowrap;
	}

ul li.nolink {
	color: #999999;
	}

ol.gen {
	padding: 0 0 0 1em;
	margin: 0 0 0 1em;
	}

ol.gen li ul.nomark li.top-item {
	margin-top: -1.5em;
	}

dl.gen {
	padding: 0;
	margin: 0;
	}
dl.gen dt {
	margin-bottom: 0.3em;
	}
dl.gen dd {
	margin: 0 0 0.3em 0;
	}
dl.gen dd.gen-l1 {
	margin: 0 0 0.3em 1em;
	}
/* -------------------------------- layout --------------------------------- */
/* ---------------------------- MAINCONTAINER ------------------------------ */
#MAINCONTAINER {
	width: 850px;
	background: url(../images/maincontainer_back.gif) no-repeat #ffffff;
	}
/* hack for IE5.0 for Mac (begin) \*/
#MAINCONTAINER {
	height: 100%;
	min-height: 800px;
	}
/* hack for IE5.0 for Mac (end) */

#MAINCONTAINER h1.sitename {
	display: none;
	}

/* ---------------------------- MAINCONTENTS ------------------------------ */
#MAINCONTENTS {
	width: 818px;
	background: #ffffff;
	border: solid 1px #f1740e;
	margin-left: 15px;
	}
/* 	width: 820px; */

/* ------------------------------- HEADER --------------------------------- */
#HEADER {
	width: 820px;
	height: 95px;
	margin-left: 15px;
	}

#HEADER h1 {
	position: absolute;
	top: 39px;
	margin-bottom: 0;
	}
#HEADER h2 {
	position: absolute;
	top: 75px;
	left: 680px;
	margin-bottom: 0;
	}
#HEADER ul.navi {
	list-style-type: none;
	background: #f1740e;
	line-height: 100%;
	text-align: center;
	padding: 10px 10px 10px 0;
	margin: 0 0 0 500px;
	}
#HEADER ul.navi li {
	display: inline;
	padding: 0;
	margin: 0 0 0 1em;
	}

#HEADER ul.navi li a {
	font-weight: bold;
	text-decoration: none;
	}
#HEADER ul.navi li a:hover{
	color: #999999;
	}
#HEADER ul.navi li a:active {
	color: #000000;
	}

/* --------------------------------- NAVI ---------------------------------- */
ul#NAVI {
	width: 100%;
	height: 22px;
	list-style-type: none;
	font-weight: bold;
	color: #ffffff;
	background: #f1740e;
	line-height: 100%;
	text-align: center;
	padding: 0;
	margin: 0;
	}
ul#NAVI li {
	width: 270px;
	float: left;
	border-right: solid 1px #ffffff;
	padding: 0;
	margin: 0;
	}
ul#NAVI li.l-item {
	width: 276px;
	border-right: none;
	}

ul#NAVI li a {
	display: block;
	color: #ffffff;
	text-decoration: none;
	padding: 5px 0;
	}
ul#NAVI li a:hover { color: #333333; background: #808080; }

ul#NAVI li a.self { background: #808080; }

/* ------------------------------- SUBNAVI --------------------------------- */
#SUBNAVI {
	width: 100%;
	height: 22px;
	background: #808080;
	padding: 0;
	margin: 0 0 25px 0;
	z-index: 2;
	}
#SUBNAVI ul {
	list-style-type: none;
	font-size: 11px;
	color: #ffffff;
	line-height: 110%;
	padding: 6px 0 0 0;
	margin: 0px 5px;
	}

#SUBNAVI ul li {
	display: inline;
	padding: 0;
	margin: 0 0.5em 0 0;
	}
#SUBNAVI ul li span.self {
	color: #333333;
	}

#SUBNAVI ul li a {
	color: #ffffff;
	text-decoration: none;
	padding: 5px 0;
	}
#SUBNAVI ul li a:hover { color: #333333; }

/* --- SUBNAVI : product --- */
ul#SN01 {
	display: none;
	float: left;
	z-index: 3;
	}
/* --- SUBNAVI : news --- */
ul#SN02 {
	display: none;
	float: left;
	z-index: 3;
	}
/* --- SUBNAVI : technoinfo --- */
ul#SN03 {
	display: none;
	float: left;
	margin-left: 300px;
	z-index: 3;
	}
/* hack for IE5.0 for Mac (begin) \*/
ul#SN03 {
	width: 798px;
	text-align: center;
	margin-left: 0;
	}
/* hack for IE5.0 for Mac (end) */
/* --- SUBNAVI : service --- */
ul#SN04 {
	display: none;
	float: right;
	text-align: right;
	z-index: 3;
	}
/* --- SUBNAVI : event --- */
ul#SN05 {
	display: none;
	float: right;
	text-align: right;
	z-index: 3;
	}

/* -------------------------------- FOOTER --------------------------------- */
#FOOTER {
	width: 820px;
	padding-bottom: 10px;
	margin: 30px 0 0 15px;
	}

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

#FOOTER address {
	font-style: normal;
	}

#FOOTER ul.navi {
	list-style-type: none;
	font-size: 11px;
	color: #999999;
	line-height: 100%;
	padding: 0;
	margin: 15px 0 0 0;
	}
#FOOTER ul.navi li {
	display: inline;
	padding: 0;
	margin: 0 1em 0 0;
	}

/* -------------------------- LEFTNAVI (CATEGORY) -------------------------- */
#LEFTNAVI {
	width: 208px;
	float: left;
	border: solid 1px #cccccc;
	margin-left: 11px;
	margin-bottom: 1px;
	}
/* 	width: 210px; */
/* hack for IE5.0 for Mac (begin) \*/
#LEFTNAVI {
	position: relative;
	left: 11px;
	margin-left: 0;
	}
/* hack for IE5.0 for Mac (end) */

#LEFTNAVI h1 {
	margin: 10px;
	}
#LEFTNAVI h1.single {
	padding-bottom: 100px;
	}

/* navi level1 */
#LEFTNAVI ul.navi {
	list-style-type: none;
	padding: 0;
	margin: 10px;
	}
/* hack for IE5.0 for Mac (begin) \*/
#LEFTNAVI ul.navi {
	position: relative;
	left: 0;
	}
/* hack for IE5.0 for Mac (end) */

#LEFTNAVI ul.navi li {
	display: inline;
	padding: 0;
	margin: 0;
	}

#LEFTNAVI ul.navi li a {
	display: block;
	background: url(../images/leftnavi_mark_off.gif) 2px 4px no-repeat;
	text-decoration: none;
	padding-left: 12px;
	margin-bottom: 0.5em;
	}
#LEFTNAVI ul.navi li a:hover { 
	color: #f1740e;
	background: url(../images/leftnavi_mark_on.gif) 0px 5px no-repeat;
	text-decoration: underline;
	}
#LEFTNAVI ul.navi li a.self {
	font-weight: bold;
	background: url(../images/leftnavi_mark_on.gif) 0px 5px no-repeat;
	}

#LEFTNAVI ul.navi li span.self {
	display: block;
	font-weight: bold;
	background: url(../images/leftnavi_mark_on.gif) 0px 5px no-repeat;
	padding-left: 12px;
	margin-bottom: 0.5em;
	}

/* navi level2 */
#LEFTNAVI ul.navi2 {
	list-style-type: none;
	font-size: 11px;
	line-height: 120%;
	padding: 0;
	margin: 0 0 0.5em 10px;
	}
#LEFTNAVI ul.navi2 li {
	display: inline;
	padding: 0;
	margin: 0;
	}

#LEFTNAVI ul.navi2 li a {
	display: block;
	background: url(../images/leftnavi2_mark_off.gif) 2px 5px no-repeat;
	padding-left: 12px;
	}
#LEFTNAVI ul.navi2 li a:hover {
	background: url(../images/leftnavi2_mark_off.gif) 2px 5px no-repeat;
	}
#LEFTNAVI ul.navi2 li a.self {
	font-weight: bold;
	background: url(../images/leftnavi2_mark_self.gif) 3px 3px no-repeat;
	padding-left: 12px;
	}
#LEFTNAVI ul.navi2 li a.self:hover {
	background: url(../images/leftnavi2_mark_self.gif) 3px 3px no-repeat;
	}

#LEFTNAVI ul.navi2 li span.self {
	display: block;
	background: url(../images/leftnavi2_mark_self.gif) 3px 3px no-repeat;
	}
#LEFTNAVI ul.navi2 li span.dead {
	display: block;
	color: #999999;
	background: url(../images/leftnavi2_mark_dead.gif) 2px 5px no-repeat;
	padding-left: 1em;
	padding-bottom: 5px;
	}

/* -------------------- [category common : locator] --------------------- */
div.category-locator {
	margin: 5px 0;
	}
div.category-locator h1 {
	width: 260px;
	font-size: 16px;
	background: url(../images/category_hdr_icon.gif) left no-repeat;
	padding-left: 20px;
	}
div.category-locator p.history {
	text-align: right;
	margin-top: -20px;
	margin-right: 5px;
	}
div.category-locator span.self {
	color: #ff3333;
	}
div.category-locator p.history a:link { color: #b3b3b3; }
div.category-locator p.history a:visited { color: #b3b3b3; }
div.category-locator p.history a:hover { color: #c80000; }


/* ------------------------------ MAINAREA -------------------------------- */
#MAINAREA {
	width: 563px;
	height: 385px;
	border: solid 1px #cccccc;
	margin: 0 0 15px 236px;
	}
/* 	width: 565px; */
/* hack for IE 5.5-6 */
html>body #MAINAREA {
	height: auto;
	}
/* hack for IE5.0 for Mac (begin) \*/
#MAINAREA {
	min-height: 385px;
	}
/* hack for IE5.0 for Mac (end) */

/* -------------------------------- MAIN ---------------------------------- */
#MAIN {
	width: 545px;
	margin: 10px 0 10px 9px;
	}
/* for Safari bug */
div.main-minimum {
	}

/* --- heading --- */
#MAIN h1 {
	font-size: 14px;
	background: url(../images/gen_h_line.gif) bottom left repeat-x;
	padding-bottom: 10px;
	margin-bottom: 10px;
	}
#MAIN h2 {
	color: #cc6600;
	background: url(../images/sub_hdr_mark.gif) 0 3px no-repeat;
	line-height: 130%;
	padding-left: 16px;
	margin-bottom: 1em;
	}
#MAIN h3 {
	line-height: 130%;
	margin-bottom: 1em;
	}
#MAIN h4 {
	line-height: 130%;
	margin-bottom: 0.3em;
	}

/* --- paragraph --- */
div.gen, p.gen {
	margin-bottom: 1em;
	}
p.notes {
	font-size: 11px;
	margin-top: 0.5em;
	}

/* --- list --- */
ul.overview {
	padding: 0 0 0 0.5em;
	margin: 0 0 0 1em;
	}

ul.print-email {
	list-style-type: none;
	margin: 0 0 0 16px;
	padding: 0;
	}
ul.print-email li {
	margin-bottom: 0.1em;
	}

ul.notes {
	list-style-type: none;
	font-size: 11px;
	line-height: 120%;
	margin: 1em 0 0 0;
	padding: 0;
	}
ul.notes li {
	text-indent: -1em;
	padding-left: 1em;
	}

ul.reference {
	list-style-type: none;
	margin: 1em 0 0 0;
	padding: 0;
	}
ul.reference li {
	text-indent: -1em;
	padding-left: 1em;
	}

ul.linktext {
	list-style-type: none;
	font-weight: bold;
	padding: 0;
	margin: 0 0 1em 0;
	}
ul.linktext li {
	background: url(../images/sub_hdr_mark.gif) 0 3px no-repeat;
	padding-left: 16px;
	}

ol.gen1 {
	font-weight: bold;
	color: #cc6600;
	margin: 0 0 0 1.5em;
	padding: 0 0 0 1em;
	}
ol.gen1 li span {
	font-weight: normal;
	color: #333333;
	}
ol.gen1 li p {
	font-weight: normal;
	}

dl.linktext {
	margin-bottom: 2em;
	}
dl.linktext dt {
	background: url(../images/linktext_mark.gif) 0 3px no-repeat;
	padding-left: 16px;
	margin-bottom: 0.3em;
	}
dl.linktext dd {
	font-size: 11px;
	line-height: 120%;
	margin: 0 0 1em 16px;
	}
dl.linktext dt a {
	font-weight: bold;
	}
dl.linktext dt a:link { color: #f1740e; text-decoration: none; }
dl.linktext dt a:visited { color: #f1740e; text-decoration: none; }
dl.linktext dt a:hover { color: #cc6600; text-decoration: none; }

dl.overview {
	margin-bottom: 1em;
	}
dl.overview dt {
	font-weight: bold;
	margin-bottom: 0.1em;
	}
dl.overview dd {
	margin: 0 0 0.5em 0;
	}

/* --- local navi --- */
p.back-to-top {
	text-align: right;
	margin: 10px 0 25px 0;
	}
p.anchor-to-top {
	text-align: right;
	margin: 10px 0 1em 0;
	}
p.back-to-top a, p.anchor-to-top a {
	background: url(../images/to-top_mark.gif) 0 4px no-repeat;
	padding-left: 10px;
	}

div.anchor {
	background: url(../images/gen_h_line.gif) bottom left repeat-x;
	padding-bottom: 5px;
	margin: -6px 0 1.2em 0;
	}
div.anchor ul {
	list-style-type: none;
	color: #999999;
	background: #fdefe3;
	padding: 5px 0;
	margin: 0;
	}
div.anchor ul li {
	display: inline;
	padding: 5px 0;
	margin: 0 10px 0 5px;
	}
div.anchor ul li.self {
	background: url(../images/local_navi_mark.gif) 0 2px no-repeat;
	padding-left: 8px;
	}

div.anchor ul li a {
	font-weight: bold;
	background: url(../images/local_navi_mark.gif) 0 2px no-repeat;
	padding-left: 14px;
	}
div.anchor ul li a:link { color: #f1740e; text-decoration: none; }
div.anchor ul li a:visited { color: #f1740e; text-decoration: none; }
div.anchor ul li a:hover { color: #cc6600; text-decoration: none; }

div.anchor ul.back-to-overview {
	text-align: right;
	}
div.anchor ul.back-to-overview li a {
	font-weight: normal;
	color: #333333;
	background: url(../images/prev_mark.gif) 0 3px no-repeat;
	padding-left: 10px;
	}
div.anchor ul.back-to-overview li a:link { text-decoration: underline; }
div.anchor ul.back-to-overview li a:visited { text-decoration: underline; }
div.anchor ul.back-to-overview li a:hover { color: #f1740e; text-decoration: underline; }

p.gen-btn {
	text-align: center;
	padding: 3px;
	margin: 1em 0;
	clear: both;
	}
p.gen-btn a:link, p.gen-btn a:visited, p.gen-btn a:hover, p.gen-btn a:active {
	color: #ffffff;
	background: #f1740e;
	border:  outset 1px #f1740e;
	padding: 3px 10px;
	text-decoration: none;
	}

/* --- misc. --- */
span.new {
	color: #cc0000;
	margin-left: 1em;
	}

/* --- table --- */
/* (general 1 horizontal : width free) */
table.gen1h-wfree {
	border-collapse: collapse;
	margin-bottom: 1em;
	}
table.gen1h-wfree th, table.gen1h-wfree td {
	border-right: solid 2px #ffffff;
	border-bottom: solid 2px #ffffff;
	padding: 3px 5px;
	}
table.gen1h-wfree th {
	font-weight: normal;
	color: #f17401;
	background: #fdefe3;
	}
table.gen1h-wfree td {
	background: #f2f2f2;
	}
table.gen1h-wfree tr.l-line td {
	border-bottom: none;
	}
table.gen1h-wfree tr.cntrng td {
	text-align: center;
	}
table.gen1h-wfree th.l-item, table.gen1h-wfree td.l-item {
	border-right: none;
	}

/* (general 1 horizontal) */
table.gen1h {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 1em;
	}
table.gen1h th, table.gen1h td {
	border-right: solid 2px #ffffff;
	border-bottom: solid 2px #ffffff;
	padding: 3px 5px;
	}
table.gen1h th {
	font-weight: normal;
	color: #f17401;
	background: #fdefe3;
	}
table.gen1h td {
	background: #f2f2f2;
	}
table.gen1h tr.l-line td {
	border-bottom: none;
	}
table.gen1h tr.cntrng td {
	text-align: center;
	}
table.gen1h tr.divider td {
	border-bottom: solid 2px #ffffff;
	}
table.gen1h tr.divider2 td {
	border-bottom: solid 4px #ffffff;
	}
table.gen1h th.l-item, table.gen1h td.l-item {
	border-right: none;
	}
table.gen1h th.l-item2 {
	border-bottom: none;
	}
table.gen1h td.bdrless {
	border-bottom: none;
	}

/* (general 1 vertical) */
table.gen1v {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 1em;
	}
table.gen1v th, table.gen1v td {
	border-bottom: solid 2px #ffffff;
	background: #f2f2f2;
	padding: 3px 5px;
	}
table.gen1v th {
	font-weight: normal;
	color: #f17401;
	background: #fdefe3;
	border-right: solid 2px #ffffff;
	}
table.gen1v tr.l-line th, table.gen1v tr.l-line td {
	border-bottom: none;
	}
table.gen1v th.l-item {
	border-right: none;
	}

/* (general 1 vertical : width free) */
table.gen1v-wfree {
	border-collapse: collapse;
	margin-bottom: 1em;
	}
table.gen1v-wfree th, table.gen1v-wfree td {
	border-bottom: solid 2px #ffffff;
	background-color: #eeeeee;
	text-align: left;
	padding: 3px 5px;
	}
table.gen1v-wfree th {
	font-weight: normal;
	color: #f17401;
	background: #fdefe3;
	border-right: solid 2px #ffffff;
	}
table.gen1v-wfree tr.l-line th, table.gen1v-wfree tr.l-line td {
	border-bottom: none;
	}
table.gen1v-wfree th.l-item {
	border-right: none;
	}
table.gen1v-wfree th.divider {
	border-bottom: solid 2px #ffffff;
	}
table.gen1v-wfree tr.divider th, table.gen1v-wfree tr.divider td {
	border-bottom: solid 2px #ffffff;
	}

/* ------------------------------- MAINCOLUMN ------------------------------ */
#MAINCOLUMN {
	width: 375px;
	float: left;
	}

/* -------------------------------- SUBCOLUMN ------------------------------ */
#SUBCOLUMN {
	width: 160px;
	float: right;
	}

/* ------------------------------- ALLCOLUMN ------------------------------ */
#ALLCOLUMN {
	width: 535px;
	float: left;
	}

/* ------------------------- [misc.] -------------------------- */
hr.clear {
	visibility: hidden;
	clear: both;
	height: 0px;
	border: solid 1px #ffffff;
	margin: 0;
	padding: 0;
	}

img.arrow-r {
	vertical-align: top;
	margin-right: 2px;
	}

img.icon-l {
	vertical-align: top;
	margin-left: 5px;
	}

span.listmark {
	margin-right: 3px;
	}

div.clmn2-l  { float: left; margin-right: 1em; width: 45% }

p.gen-divider {
	border-bottom: dotted 2px #999999;
	padding-bottom: 1em;
	margin-bottom: 1em;
	}

/* -------------------------- UNDERCONSTRUCTION ---------------------------- */
#UNDERCONSTRUCTION {
	width: 818px;
	height: 440px;
	background: url(../images/under_constrution_back.gif) repeat-x #ffffff;
	border: solid 1px #f1740e;
	text-align: center;
	margin-left: 15px;
	}
#UNDERCONSTRUCTION p {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 1em;
	}
#UNDERCONSTRUCTION p.top {
	margin-top: 200px;
	}

strong.sitename {
	display: none;
	}