/************************
	HOME PAGE
************************/
#outer	{
	background:			#fff url(../img/bg_home_mid.gif) repeat-y scroll top left;
}
#header	{
	background:			url(../img/bg_home_top.gif) no-repeat scroll top left;
}
#footer	{
	background:			url(../img/bg_home_bottom.gif) no-repeat scroll bottom left;
}

/************************
	CONTENTS
************************/
#gyromark	{
	margin:				30px auto;
	padding:			0;
	border:				0;
}
#contents	{
	text-align:			center;
	color:				#222;
}
/************************
	TOP MENU
************************/
#topmenu	{
	width:				540px;
	padding:			0;
}
#topmenu a	{
	float:				left;
	display:			block;
	margin:				16px 0 0 16px;
	text-indent:		-9999px;
	width:				236px;
	height:				86px;
}
#topmenu2	{
	background:			url(../img/b_main_about_n.gif);
}
#topmenu2:hover	{
	background:			url(../img/b_main_about_r.gif);
}
#topmenu3	{
	background:			url(../img/b_main_works_n.gif);
}
#topmenu3:hover	{
	background:			url(../img/b_main_works_r.gif);
}
#topmenu4	{
	background:			url(../img/b_main_products_n.gif);
}
#topmenu4:hover	{
	background:			url(../img/b_main_products_r.gif);
}
#topmenu5	{
	background:			url(../img/b_main_talk_n.gif);
}
#topmenu5:hover	{
	background:			url(../img/b_main_talk_r.gif);
}
#contents h1	{
	text-indent:		-9999px;
}
h2	{
	font-size:			1.5em;
	font-weight:		bold;
	margin:		0.8em;
}
h3	{
	font-size:			1.1em;
	color:				#003366;
	font-weight:		bold;
	margin:		0.8em;
	text-align:		center;
}
h4	{
	font-size:			1.1em;
	color:				#cc3333;
	font-weight:		bold;
	margin:		1.2em 1.8em 0.2em 1.8em;
	text-align:		left;
}
a, a:hover, a:link, a:visited, a:active	{
	color:				#cc0000;
	text-decoration:	none;
}
.topinfo	{
	font-size:			0.9em;
	color:				#cc0000;
	margin:		0.2em 1.8em;
	text-align:		left;
}
.topinfo a:link, .topinfo a:visited, .topinfo a:active	{
	color:				#cc0000;
}
.topinfo a:hover	{
	color:				#ff3333;
}