@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 .pickup a { background: url(../home/banner.gif) no-repeat 0 0; }
#banner .sweetslesson a { background: url(../home/banner.gif) no-repeat -290px 0; }
#banner .recruiting a { background: url(../home/banner.gif) no-repeat -580px 0; }
#banner .pickup a:hover { background: url(../home/banner.gif) no-repeat 0 -55px; }
#banner .sweetslesson a:hover { background: url(../home/banner.gif) no-repeat -290px -55px; }
#banner .recruiting a:hover { background: url(../home/banner.gif) no-repeat -580px -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; }
*/

/* new
----------------------------------------------- */
#new {
	margin: 40px auto 0;
	width: 900px;
	text-align: left;
}
#new h3 {
	width: 900px;
	height: 22px;
	margin: 0 auto 15px;
	font-size: xx-small;
	text-indent: -9999px;
	background: url(../home/t_new.gif) no-repeat;
}
#new #left {
	float: left;
	width: 440px;
	height: 130px;
}
#new #left .banner {
	margin: 0;
}
#new #left .banner a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
#new #right {
	float: right;
	width: 440px;
}
#new #right p {
	margin:0 auto 20px;
}

/* news
----------------------------------------------- */
#news {
	width: 900px;
	margin: 40px auto 0;
}
#news h3 {
	width: 440px;
	height: 30px;
	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;
}

/* news chaya
----------------------------------------------- */
#chaya {
	width: 440px;
	float:	left;
}
#chaya #topics h3 {
	background: url(../home/t_topics_c.gif) no-repeat;
}
#chaya #media h3 {
	margin: 30px auto 0;
	background: url(../home/t_media_c.gif) no-repeat;
}

/* news bojun
----------------------------------------------- */
#bojun {
	width: 440px;
	margin: 0 auto;
	float:	right;
}
#bojun h3 {
	background: url(../home/t_topics_b.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;
}
*/

/* facebook
----------------------------------------------- */
#header {
	position: relative;
	height: 60px;
	margin: 0 auto;
}
#header h1 {
	position: absolute;
	top: 20px;
	left: 0;
}
#header .facebook {
	position: absolute;
	top: 10px;
	right: 0;
	margin: 0;
}
#header .facebook a {
	display: block;
	width: 16px;
	height: 16px;
	background: url(../common/bnr_facebook.gif) no-repeat 0 0;
	text-indent: -9999px;
}
#header .facebook a:hover {
	background: url(../common/bnr_facebook.gif) no-repeat 0 -16px;
}


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