@charset "Shift_JIS";

/* h2
---------------------------------------------------- */
#h2_spaces {
	width: 850px;
	height: 40px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	background: url(../images/h2_spaces.jpg) no-repeat;
}

/* SPACESサブナビゲーション
---------------------------------------------------- */
#sub_navi {
	clear: both;
	width: 640px;
	height: 15px;
	margin: 15px 0 14px 0;
}
#sub_navi ul {
	margin: 0;
	padding: 0;
	width: 640px;
	list-style: none;
	overflow: hidden;
}
#sub_navi li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	height: 15px;
	text-indent: -9999px;
	list-style: none;
}
#sub_navi li a {
	text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
	display: block;
 	height: 15px;
}
#sub_navi li#about {
	float: left;
	width: 165px;
	background: url(../images/sub_navi/about_on.jpg) no-repeat;
}
#sub_navi li#factory {
	float: left;
	width: 125px;
	background: url(../images/sub_navi/factory_on.jpg) no-repeat;
}
#sub_navi li#garden {
	float: left;
	width: 125px;
	background: url(../images/sub_navi/garden_on.jpg) no-repeat;
}
#sub_navi li#other {
	float: left;
	width: 185px;
	background: url(../images/sub_navi/other_on.jpg) no-repeat;
}
#sub_navi li#about a {
	background: url(../images/sub_navi/about.jpg) no-repeat;
}
#sub_navi li#factory a {
	background: url(../images/sub_navi/factory.jpg) no-repeat;
}
#sub_navi li#garden a {
	background: url(../images/sub_navi/garden.jpg) no-repeat;
}
#sub_navi li#other a {
	background: url(../images/sub_navi/other.jpg) no-repeat;
}

#sub_navi li#about a:hover {
	background: url(../images/sub_navi/about_on.jpg) no-repeat;
}
#sub_navi li#factory a:hover {
	background: url(../images/sub_navi/factory_on.jpg) no-repeat;
}
#sub_navi li#garden a:hover {
	background: url(../images/sub_navi/garden_on.jpg) no-repeat;
}
#sub_navi li#other a:hover {
	background: url(../images/sub_navi/other_on.jpg) no-repeat;
}

/* SPACES共通
---------------------------------------------------- */
#spaces_area {
	width: 750px;
	/*height: 600px;*/
	margin: 0 50px;
	padding: 0;
}
/*#spaces_area h3 {
	font-size: 1em;
	margin: 0 0 2em 0;
	padding: 0;
}*/
#spaces_area p {
	margin: 0;
	padding: 0;
}
#area_wrapper {
	width: 750px;
	margin: 40px 0 0 0;
	padding: 0;
}
.left_img {
	margin: 0 0 40px 0;
}


/* about SPACES
---------------------------------------------------- */
#h3_about {
	width: 638px;
	height: 61px;
	margin: 46px 0 10px 0;
	padding: 0;
	text-indent: -9999px;
	background: url(../images/h3_about.jpg) no-repeat;
}
#about_left_area {
	float: left;
	width: 530px;
	margin: 0;
	padding: 0 0 40px 0;
}
#about_right_area {
	float: right;
	width: 195px;
	margin: 0;
	padding: 0 0 0 25px;
}
#about_right_area ul {
	margin: 176px 0 0 0;
	padding: 0;
	list-style: none;
	overflow: hidden;
}
#about_right_area li {
	float: left;
	margin: 0;
	padding: 0;
	height: 14px;
	text-indent: -9999px;
	list-style: none;
}
#about_right_area li a {
	text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
	display: block;
 	height: 14px;
}

#about_right_area li#goto_factory {
	width: 195px;
	margin: 0 0 20px 0;
	background: url(../images/about/goto_factory_over.jpg) no-repeat;
}
#about_right_area li#goto_garden {
	width: 195px;
	margin: 0 0 20px 0;
	background: url(../images/about/goto_garden_over.jpg) no-repeat;
}
#about_right_area li#goto_other {
	width: 195px;
	margin: 0;
	background: url(../images/about/goto_other_over.jpg) no-repeat;
}

#about_right_area li#goto_factory a {
	background: url(../images/about/goto_factory.jpg) no-repeat;
}
#about_right_area li#goto_garden a {
	background: url(../images/about/goto_garden.jpg) no-repeat;
}
#about_right_area li#goto_other a {
	background: url(../images/about/goto_other.jpg) no-repeat;
}

#about_right_area li#goto_factory a:hover {
	background: url(../images/about/goto_factory_over.jpg) no-repeat;
}
#about_right_area li#goto_garden a:hover {
	background: url(../images/about/goto_garden_over.jpg) no-repeat;
}
#about_right_area li#goto_other a:hover {
	background: url(../images/about/goto_other_over.jpg) no-repeat;
}

/* FACTORY
---------------------------------------------------- */
#h3_factory {
	width: 551px;
	height: 30px;
	margin: 46px 0 12px 0;
	padding: 0;
	text-indent: -9999px;
	background: url(../images/h3_factory.jpg) no-repeat;
}
#left_area {
	float: left;
	width: 375px;
	margin: 0;
	padding: 0 0 40px 0;
}
#right_area {
	float: right;
	width: 360px;
	margin: 0;
	padding: 5px 0 93px 15px;
}
#right_area ul {
	margin: 0;
	padding: 0;
	/*width: 640px;*/
	list-style: none;
	overflow: hidden;
}
#right_area li {
	float: left;
	margin: 0;
	padding: 0;
	height: 60px;
	text-indent: -9999px;
	list-style: none;
}
#right_area li a {
	text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
	display: block;
 	height: 60px;
}

/*factory*/
#right_area li#f01 {
	float: left;
	width: 60px;
	margin: 12px 15px 0 0;
	background: url(../images/factory/thumb/f01_thumb_over.jpg) no-repeat;
}
#right_area li#f02 {
	float: left;
	width: 60px;
	margin: 12px 15px 0 0;
	background: url(../images/factory/thumb/f02_thumb_over.jpg) no-repeat;
}
#right_area li#f03 {
	float: left;
	width: 60px;
	margin: 12px 15px 0 0;
	background: url(../images/factory/thumb/f03_thumb_over.jpg) no-repeat;
}
#right_area li#f04 {
	float: left;
	width: 60px;
	margin: 12px 15px 0 0;
	background: url(../images/factory/thumb/f04_thumb_over.jpg) no-repeat;
}
#right_area li#f05 {
	float: left;
	width: 60px;
	margin: 12px 0 0 0;
	background: url(../images/factory/thumb/f05_thumb_over.jpg) no-repeat;
}
#right_area li#f06 {
	float: left;
	width: 60px;
	margin: 12px 15px 0 0;
	background: url(../images/factory/thumb/f06_thumb_over.jpg) no-repeat;
}
#right_area li#f07 {
	float: left;
	width: 60px;
	margin: 12px 15px 0 0;
	background: url(../images/factory/thumb/f07_thumb_over.jpg) no-repeat;
}
#right_area li#f08 {
	float: left;
	width: 60px;
	margin: 12px 15px 0 0;
	background: url(../images/factory/thumb/f08_thumb_over.jpg) no-repeat;
}
#right_area li#f09 {
	float: left;
	width: 60px;
	margin: 12px 15px 0 0;
	background: url(../images/factory/thumb/f09_thumb_over.jpg) no-repeat;
}
#right_area li#f010 {
	float: left;
	width: 60px;
	margin: 12px 0 0 0;
	background: url(../images/factory/thumb/f010_thumb_over.jpg) no-repeat;
}

#right_area li#f01 a {
	background: url(../images/factory/thumb/f01_thumb.jpg) no-repeat;
}
#right_area li#f02 a {
	background: url(../images/factory/thumb/f02_thumb.jpg) no-repeat;
}
#right_area li#f03 a {
	background: url(../images/factory/thumb/f03_thumb.jpg) no-repeat;
}
#right_area li#f04 a {
	background: url(../images/factory/thumb/f04_thumb.jpg) no-repeat;
}
#right_area li#f05 a {
	background: url(../images/factory/thumb/f05_thumb.jpg) no-repeat;
}
#right_area li#f06 a {
	background: url(../images/factory/thumb/f06_thumb.jpg) no-repeat;
}
#right_area li#f07 a {
	background: url(../images/factory/thumb/f07_thumb.jpg) no-repeat;
}
#right_area li#f08 a {
	background: url(../images/factory/thumb/f08_thumb.jpg) no-repeat;
}
#right_area li#f09 a {
	background: url(../images/factory/thumb/f09_thumb.jpg) no-repeat;
}
#right_area li#f010 a {
	background: url(../images/factory/thumb/f010_thumb.jpg) no-repeat;
}

/* hover */
#right_area li#f01 a:hover {
	background: url(../images/factory/thumb/f01_thumb_over.jpg) no-repeat;
}
#right_area li#f02 a:hover {
	background: url(../images/factory/thumb/f02_thumb_over.jpg) no-repeat;
}
#right_area li#f03 a:hover {
	background: url(../images/factory/thumb/f03_thumb_over.jpg) no-repeat;
}
#right_area li#f04 a:hover {
	background: url(../images/factory/thumb/f04_thumb_over.jpg) no-repeat;
}
#right_area li#f05 a:hover {
	background: url(../images/factory/thumb/f05_thumb_over.jpg) no-repeat;
}
#right_area li#f06 a:hover {
	background: url(../images/factory/thumb/f06_thumb_over.jpg) no-repeat;
}
#right_area li#f07 a:hover {
	background: url(../images/factory/thumb/f07_thumb_over.jpg) no-repeat;
}
#right_area li#f08 a:hover {
	background: url(../images/factory/thumb/f08_thumb_over.jpg) no-repeat;
}
#right_area li#f09 a:hover {
	background: url(../images/factory/thumb/f09_thumb_over.jpg) no-repeat;
}
#right_area li#f010 a:hover {
	background: url(../images/factory/thumb/f010_thumb_over.jpg) no-repeat;
}

/* GARDEN
---------------------------------------------------- */
#h3_garden {
	width: 551px;
	height: 30px;
	margin: 46px 0 12px 0;
	padding: 0;
	text-indent: -9999px;
	background: url(../images/h3_garden.jpg) no-repeat;
}

/*garden*/
#right_area li#g01 {
	float: left;
	width: 60px;
	margin: 12px 15px 0 0;
	background: url(../images/garden/thumb/g01_thumb.jpg) no-repeat;
}
#right_area li#g02 {
	float: left;
	width: 60px;
	margin: 12px 15px 0 0;
	background: url(../images/garden/thumb/g02_thumb.jpg) no-repeat;
}
#right_area li#g03 {
	float: left;
	width: 60px;
	margin: 12px 15px 0 0;
	background: url(../images/garden/thumb/g03_thumb.jpg) no-repeat;
}
#right_area li#g04 {
	float: left;
	width: 60px;
	margin: 12px 15px 0 0;
	background: url(../images/garden/thumb/g04_thumb.jpg) no-repeat;
}
#right_area li#g05 {
	float: left;
	width: 60px;
	margin: 12px 0 0 0;
	background: url(../images/garden/thumb/g05_thumb.jpg) no-repeat;
}
#right_area li#g06 {
	float: left;
	width: 60px;
	margin: 12px 15px 0 0;
	background: url(../images/garden/thumb/g06_thumb.jpg) no-repeat;
}
#right_area li#g07 {
	float: left;
	width: 60px;
	margin: 12px 15px 0 0;
	background: url(../images/garden/thumb/g07_thumb_over.jpg) no-repeat;
}
#right_area li#g08 {
	float: left;
	width: 60px;
	margin: 12px 15px 0 0;
	background: url(../images/garden/thumb/g08_thumb_over.jpg) no-repeat;
}
#right_area li#g09 {
	float: left;
	width: 60px;
	margin: 12px 15px 0 0;
	background: url(../images/garden/thumb/g09_thumb_over.jpg) no-repeat;
}
#right_area li#g010 {
	float: left;
	width: 60px;
	margin: 12px 0 0 0;
	background: url(../images/garden/thumb/g010_thumb_over.jpg) no-repeat;
}

#right_area li#g01 a {
	background: url(../images/garden/thumb/g01_thumb.jpg) no-repeat;
}
#right_area li#g02 a {
	background: url(../images/garden/thumb/g02_thumb.jpg) no-repeat;
}
#right_area li#g03 a {
	background: url(../images/garden/thumb/g03_thumb.jpg) no-repeat;
}
#right_area li#g04 a {
	background: url(../images/garden/thumb/g04_thumb.jpg) no-repeat;
}
#right_area li#g05 a {
	background: url(../images/garden/thumb/g05_thumb.jpg) no-repeat;
}
#right_area li#g06 a {
	background: url(../images/garden/thumb/g06_thumb.jpg) no-repeat;
}
#right_area li#g07 a {
	background: url(../images/garden/thumb/g07_thumb.jpg) no-repeat;
}
#right_area li#g08 a {
	background: url(../images/garden/thumb/g08_thumb.jpg) no-repeat;
}
#right_area li#g09 a {
	background: url(../images/garden/thumb/g09_thumb.jpg) no-repeat;
}
#right_area li#g010 a {
	background: url(../images/garden/thumb/g010_thumb.jpg) no-repeat;
}

/* hover */
#right_area li#g01 a:hover {
	background: url(../images/garden/thumb/g01_thumb_over.jpg) no-repeat;
}
#right_area li#g02 a:hover {
	background: url(../images/garden/thumb/g02_thumb_over.jpg) no-repeat;
}
#right_area li#g03 a:hover {
	background: url(../images/garden/thumb/g03_thumb_over.jpg) no-repeat;
}
#right_area li#g04 a:hover {
	background: url(../images/garden/thumb/g04_thumb_over.jpg) no-repeat;
}
#right_area li#g05 a:hover {
	background: url(../images/garden/thumb/g05_thumb_over.jpg) no-repeat;
}
#right_area li#g06 a:hover {
	background: url(../images/garden/thumb/g06_thumb_over.jpg) no-repeat;
}
#right_area li#g07 a:hover {
	background: url(../images/garden/thumb/g07_thumb_over.jpg) no-repeat;
}
#right_area li#g08 a:hover {
	background: url(../images/garden/thumb/g08_thumb_over.jpg) no-repeat;
}
#right_area li#g09 a:hover {
	background: url(../images/garden/thumb/g09_thumb_over.jpg) no-repeat;
}
#right_area li#g010 a:hover {
	background: url(../images/garden/thumb/g010_thumb_over.jpg) no-repeat;
}

/* the other SPACES
---------------------------------------------------- */
#h3_other {
	width: 551px;
	height: 30px;
	margin: 46px 0 12px 0;
	padding: 0;
	text-indent: -9999px;
	background: url(../images/h3_other.jpg) no-repeat;
}

/*other*/
#right_area li#o01 {
	float: left;
	width: 60px;
	margin: 12px 15px 0 0;
	background: url(../images/other/thumb/o01_thumb.jpg) no-repeat;
}
#right_area li#o02 {
	float: left;
	width: 60px;
	margin: 12px 15px 0 0;
	background: url(../images/other/thumb/o02_thumb.jpg) no-repeat;
}
#right_area li#o03 {
	float: left;
	width: 60px;
	margin: 12px 15px 0 0;
	background: url(../images/other/thumb/o03_thumb.jpg) no-repeat;
}
#right_area li#o04 {
	float: left;
	width: 60px;
	margin: 12px 15px 0 0;
	background: url(../images/other/thumb/o04_thumb.jpg) no-repeat;
}
#right_area li#o05 {
	float: left;
	width: 60px;
	margin: 12px 0 0 0;
	background: url(../images/other/thumb/o05_thumb.jpg) no-repeat;
}
#right_area li#o06 {
	float: left;
	width: 60px;
	margin: 12px 15px 30px 0;
	background: url(../images/other/thumb/o06_thumb.jpg) no-repeat;
}
#right_area li#o07 {
	float: left;
	width: 60px;
	margin: 12px 15px 0 0;
	background: url(../images/other/thumb/o07_thumb_over.jpg) no-repeat;
}
#right_area li#o08 {
	float: left;
	width: 60px;
	margin: 12px 15px 0 0;
	background: url(../images/other/thumb/o08_thumb_over.jpg) no-repeat;
}
#right_area li#o09 {
	float: left;
	width: 60px;
	margin: 12px 15px 0 0;
	background: url(../images/other/thumb/o09_thumb_over.jpg) no-repeat;
}
#right_area li#o010 {
	float: left;
	width: 60px;
	margin: 12px 0 0 0;
	background: url(../images/other/thumb/o010_thumb_over.jpg) no-repeat;
}

#right_area li#o01 a {
	background: url(../images/other/thumb/o01_thumb.jpg) no-repeat;
}
#right_area li#o02 a {
	background: url(../images/other/thumb/o02_thumb.jpg) no-repeat;
}
#right_area li#o03 a {
	background: url(../images/other/thumb/o03_thumb.jpg) no-repeat;
}
#right_area li#o04 a {
	background: url(../images/other/thumb/o04_thumb.jpg) no-repeat;
}
#right_area li#o05 a {
	background: url(../images/other/thumb/o05_thumb.jpg) no-repeat;
}
#right_area li#o06 a {
	background: url(../images/other/thumb/o06_thumb.jpg) no-repeat;
}
#right_area li#o07 a {
	background: url(../images/other/thumb/o07_thumb.jpg) no-repeat;
}
#right_area li#o08 a {
	background: url(../images/other/thumb/o08_thumb.jpg) no-repeat;
}
#right_area li#o09 a {
	background: url(../images/other/thumb/o09_thumb.jpg) no-repeat;
}
#right_area li#o010 a {
	background: url(../images/other/thumb/o010_thumb.jpg) no-repeat;
}

/* hover */
#right_area li#o01 a:hover {
	background: url(../images/other/thumb/o01_thumb_over.jpg) no-repeat;
}
#right_area li#o02 a:hover {
	background: url(../images/other/thumb/o02_thumb_over.jpg) no-repeat;
}
#right_area li#o03 a:hover {
	background: url(../images/other/thumb/o03_thumb_over.jpg) no-repeat;
}
#right_area li#o04 a:hover {
	background: url(../images/other/thumb/o04_thumb_over.jpg) no-repeat;
}
#right_area li#o05 a:hover {
	background: url(../images/other/thumb/o05_thumb_over.jpg) no-repeat;
}
#right_area li#o06 a:hover {
	background: url(../images/other/thumb/o06_thumb_over.jpg) no-repeat;
}
#right_area li#o07 a:hover {
	background: url(../images/other/thumb/o07_thumb_over.jpg) no-repeat;
}
#right_area li#o08 a:hover {
	background: url(../images/other/thumb/o08_thumb_over.jpg) no-repeat;
}
#right_area li#o09 a:hover {
	background: url(../images/other/thumb/o09_thumb_over.jpg) no-repeat;
}
#right_area li#o010 a:hover {
	background: url(../images/other/thumb/o010_thumb_over.jpg) no-repeat;
}