@charset "utf-8";

/* import
----------------------------------------------- */
@import "font.css";
@import "common.css";
@import "menu.css";

/* home image
----------------------------------------------- */
#home_image {
	margin: 15px 0 0;
}

/* banner
----------------------------------------------- */
#banner {
	margin: 20px auto 0;
	width: 912px;
	height: 55px;
}
#banner li {
	float: left;
	text-indent: -9999px;
}
#banner li a {
	display: block;
	margin: 0 7px 0;
	width: 290px;
	height: 55px;	
}
#banner .onlineshop a { background: url(../home/banner.gif) no-repeat 0 0; }
#banner .pickup a { background: url(../home/banner.gif) no-repeat -290px 0; }
#banner .recruiting a { background: url(../home/banner.gif) no-repeat -580px 0; }
#banner .onlineshop a:hover { background: url(../home/banner.gif) no-repeat 0 -55px; }
#banner .pickup a:hover { background: url(../home/banner.gif) no-repeat -290px -55px; }
#banner .recruiting a:hover { background: url(../home/banner.gif) no-repeat -580px -55px; }

/* news
----------------------------------------------- */
#news {
	margin: 40px auto 0;
	width: 900px;
}
#news h3 {
	width: 440px;
	height: 22px;
	font-size: xx-small;
	text-indent: -9999px;
}
#news li {
	position: relative;
	text-align: left;
	background: url(../home/news_bg.gif) no-repeat left bottom;
}
#news li a {
	display: block;
	padding: 5px 0;
	text-decoration: none;	 
}
#news li a:hover {
	color: #000;
	background: #e6e6e6;
}
#topics {
	float: left;
	width: 440px;
}
#topics h3 {
	background: url(../home/t_topics.gif) no-repeat;
}
#media {
	float: right;
	width: 440px;
}
#media h3 {
	background: url(../home/t_media.gif) no-repeat;
}
/*
#hover {
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: inherit;
	background: #000;
	z-index: -100;

	filter: alpha(opacity=10);
	-moz-opacity:0.1;
	opacity:0.1;
}
*/

/* clear
----------------------------------------------- */
#news:after,
#banner:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}