/*
===============================================================================
/css/index.css
===============================================================================*/

/*-----------
Shared Styles
-------------*/

/* [HTMLTag] BODY
===============================================================================*/
body {
	background:#fff url("../../images/index/body_bg.jpg") repeat-y left top;
}

/* [HTMLTag] H1
===============================================================================*/
h1 {
	margin:0;
	padding:0;
}


/*------------
Element Styles
--------------*/

/* Contents Body
===============================================================================*/
#contentsBody {
	width:100%;
	background:transparent url("../../images/index/contentsbody_bg.gif") repeat 0px 0px;
}

/* Stage
===============================================================================*/
#stage {
	background:transparent url("../../images/index/stage_bg.gif") repeat-y left top;
}

/* Menu
===============================================================================*/
#menu_top {
	background-image:url("../../images/index/menu/top_on.gif");
}
#menu_about {
	background-image:url("../../images/index/menu/about_on.gif");
}
#menu_products {
	background-image:url("../../images/index/menu/product_on.gif");
}
#menu_contact {
	background-image:url("../../images/index/menu/contact_on.gif");
}


/* News
===============================================================================*/
#news {
	position:relative;
	height:130px;

	padding-left:30px;
	
	background:transparent url("../../images/index/news_wrapper_bg.jpg") no-repeat left top;

	width:610px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width:580px;
} html>body #news {width:580px;}
#news iframe {
/* 	width:580px;
 */
	width:564px;
	height:130px;
}

/* News Navigation [Cascaded from public.css]
===============================================================================*/
.scroller .navi {
	top:0px;
	left:594px;

	background:transparent url("../../images/index/news_body_bg.jpg") no-repeat right top;

	padding-top:96px;
	
	width:16px;
	height:130px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height:34px;
} html>body .scroller .navi {height:34px;}

/* Copyright
===============================================================================*/
#copyright {
	position:relative;
	width:610px;
	height:204px;

	background:transparent url("../../images/index/footer.jpg") no-repeat left bottom;
}
#copyright p {
	margin:0;
	padding-top:20px;

	width:610px;

	background:transparent url("../../images/index/copyright_bg.jpg") no-repeat left top;

	height:38px;
	voice-family: "\"}\"";
	voice-family:inherit;
	height:18px;
} html>body #copyright p {height:18px;}
#copyright #archive {
	display:block;
	position:absolute;
	top:20px;
	left:480px;
	
	background:transparent url("../../images/archive_on.gif") no-repeat left top;
}
#copyright #archive:hover {
	visibility:visible;
}
#copyright #archive:hover img {
	visibility:hidden;
}


/*------------
Styles For Iframe News
--------------*/

/* [HTMLTag] BODY
===============================================================================*/
body.iframe {
	background:#fff url("../../images/index/news_body_bg.jpg") fixed left top;
	padding:11px 20px;
}
body.iframe ul {
	margin:0;
	padding:0 0 0 10px;
	
	list-style:disc url("../../news/images/square.gif") outside;
}
body.iframe img {
	display:inline;
	vertical-align:middle;
}