@charset "utf-8";

/* ----------タイトル部---------- */
div#title-area {
	width: 950px;
	margin: 0 auto;
	background: url("img/title-back.gif") bottom;
	height: 250px;
}

div#title-area h2 img {
	float: left;
	margin: 20px 0 0 20px;
}

/* ----------パンくずリスト---------- */
div#pan {
	color: #676767;
	font-size: 12px;
	margin: 2px 0 2px 17px;
	text-align: left;
}

div#pan a {
	color: #E22F2F;
	text-decoration: underline;
}

div#pan a:hover {
	color: #EE8383;
}
/* /----------パンくずリスト---------- */

div#about-happy-herb {
	background: url("img/about-happy-herb.jpg");
	width: 696px;
	height: 213px;
	float:left;
	margin: 10px 0 10px 20px;
}

div#about-happy-herb p {
	text-align: left;
	padding: 60px 20px 0 20px;
}

/* /----------タイトル部---------- */

/* ----------コンテンツ部---------- */
div#contents-area {
	width: 910px;
	margin: 0 auto;
}

/* ----------左側---------- */
div#left-area {
	width: 650px;
	text-align: left;
	float: left;
}

/* ----------コーナーボタン ---------- */

ul#category-link {
	margin: 0;
	padding: 0;
	border-bottom: 2px solid;
	color: #4D7926;
	height: 44px;
	width: 635px;
}

ul#category-link li {
	float: left;
}

ul#category-link li#herb-new a {
	background: url("img/btn-new-off.gif");
	height: 39px;
	width: 190px;
	display: block;
	text-indent: -99999px;
	margin-top: 5px;
	overflow: hidden;
	outline: none;
}

ul#category-link li#herb-new a.new {
	background: url("img/btn-new-on.gif");
}

ul#category-link li#herb-new a:hover {
	background: url("img/btn-new-on.gif");
}

ul#category-link li#herb-letter a {
	background: url("img/btn-garden-off.gif");
	height: 39px;
	width: 190px;
	display: block;
	text-indent: -99999px;
	margin-top: 5px;
	margin-left: 3px;
	overflow: hidden;
	outline: none;
}

ul#category-link li#herb-letter a.category-99 {
	background: url("img/btn-garden-on.gif");
}

ul#category-link li#herb-letter a:hover {
	background: url("img/btn-garden-on.gif");
}

ul#category-link li#herb-report a {
	background: url("img/btn-report-off.gif");
	height: 39px;
	width: 190px;
	display: block;
	text-indent: -99999px;
	margin-top: 5px;
	margin-left: 3px;
	overflow: hidden;
	outline: none;
}

ul#category-link li#herb-report a.category-100 {
	background: url("img/btn-report-on.gif");
}

ul#category-link li#herb-report a:hover {
	background: url("img/btn-report-on.gif");
}

/* /----------コーナーボタン---------- */

/* ----------エントリ---------- */
div.entry-area {
	background: url("img/entry/line.gif") repeat-y;
	margin-top: 15px;
}

h3.entry-title {
	background: url("img/entry/head.jpg") no-repeat;
	height: 41px;
	color: #552F07;
	font-size: 18px;
	padding: 8px 0 0 15px;
}

div.entry {
	padding: 0 25px;
}
div.entry img{
	margin: 0 3px 0 0;
}
/* /----------エントリ---------- */
/* /----------左側---------- */

/* ----------右側---------- */
div#right-area {
	float: right;
	width: 250px;
}

h4.information-title {
	margin-top: 5px;
}

div.information {
	background: #F0F5DD;
}

/* ----------お知らせ部---------- */
img.event-title {
	margin: 15px 0 0 0;
}

div.information dl {
	width: 225px;
	margin: 0 auto;
	text-align: left;
}

div.information dt {
	padding: 10px 0 5px 15px;
	background: url("img/right/icon.gif") no-repeat 0px 15px;
}

div.information dt a:link { color: #552F07; text-decoration: underline; }
div.information dt a:visited { color: #552F07; text-decoration: underline; }
div.information dt a:hover { color: #BEB795; text-decoration: none; }
div.information dt a:active { color: #BEB795; text-decoration: underline; }

div.information dd {
	padding-bottom: 15px;
	border-bottom: 1px solid #BEB795;
	height: 60px;
}

div.information dd img {
	float: left;
	margin-right: 5px;
}
/* /----------お知らせ部---------- */
/* ----------バックナンバー部---------- */
div.information ul {
	width: 225px;
	margin: 0 auto;
	text-align: left;
}

div.information li {
	padding: 10px 0 5px 15px;
	background: url("img/right/icon.gif") no-repeat 0px 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #BEB795;
}

div.information li a:link { color: #552F07; text-decoration: underline; }
div.information li a:visited { color: #552F07; text-decoration: underline; }
div.information li a:hover { color: #BEB795; text-decoration: none; }
div.information li a:active { color: #BEB795; text-decoration: underline; }
/* /----------バックナンバー部---------- */
/* /----------右側---------- */
/* /----------コンテンツ部---------- */