@charset "UTF-8";

/* Top Page CSS */

/* for "index.php" of "HappyLife" */
/* coded by webmugi at 2007-04-21 */
/* linked to "index.html" */

@import url(layout.css);


body {
  background: #FFF url(../img/bg-body.png) repeat-x;
}

/* Header */

div#header {
	height: 265px;
  background: url(../img/bg-header.png) no-repeat bottom;
}

/* Main */

div#main div#information {
	position: relative;
}

div#main div#information p.rss {
	position:	absolute;
	top: 18px;
	right: 0;
	margin: 0;
	line-height: 1.6;
	font-size: 107%;
	text-align: right;
}

div#main div#information dl {
	margin: 0.5em 0 0.5em 5px;
}

div#main div#information dl dt {
	float: left;
	width: 8.5em;
	height: 1em;
	background: url(../img/mk-point.png) no-repeat 0 0.6em;
	padding-left: 0.5em;
}

div#main div#information dl dd {
	margin-left: 9em;
	padding-bottom: 0.5em;
}

div#main div#new-products {
	background: url(../img/bg-new-products.png) no-repeat 5px bottom;
}

div#main div#new-products:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

div#main div#new-products {
	min-height: 1%;
}

* html div#main div#new-products {
	height: 100%;
}

div#main div#new-products div.product {
	float: left;
	display: inline;
	margin-left: 8px;
	width: 180px;
	background: url(../img/bg-product-m.png) repeat-y;
}

div#main div#new-products div.first {
	margin-left: 0;
}

div#main div#new-products div.product h4 {
	background: url(../img/bg-product-t.png) no-repeat;
	padding: 10px 10px 10px 30px;
	text-indent: -20px;
	font-size: 100%;
	font-weight: normal;
}

div#main div#new-products div.product h4 a {
	background: url(../img/mk-link-l.png) no-repeat left top;
	padding-left: 20px;
}

div#main div#new-products div.product h4 a:hover {
	background: url(../img/mk-link-l-h.png) no-repeat left top;
}

div#main div#new-products div.product p {
	margin: 1em 10px;
	line-height: 1.2;
	font-size: 91%;
}