@charset "utf-8";


/*
--------------------------------------------
幻の茶について共通設定
--------------------------------------------
*/

#visual {/* 幻の茶について同一階層ページのビジュアル */
	height: 220px;
	background: url(../images/visual_cha.jpg) no-repeat;
}
#sidenavi ul {/* 幻の茶について同一階層ページのサイドナビ */
	height: 90px;
	background: url(../images/cha_sidenavi.gif) no-repeat;
	text-indent: -9999px;
}
.sidenavi_cha {/* サイドナビ幻の茶について */
	display: block;
	width: 200px;
	height: 30px;
}
.sidenavi_cha:hover {/* サイドナビ幻の茶についてロールオーバー */
	background: url(../images/cha_sidenavi.gif) no-repeat -200px 0px;
}
.sidenavi_want {/* サイドナビ幻の茶を求めて */
	display: block;
	width: 200px;
	height: 30px;
}
.sidenavi_want:hover {/* サイドナビ幻の茶を求めてロールオーバー */
	background: url(../images/cha_sidenavi.gif) no-repeat -200px -30px;
}
.sidenavi_organic {/* サイドナビ自然の恵みに育まれた薩摩茶 */
	display: block;
	width: 200px;
	height: 30px;
}
.sidenavi_organic:hover {/* サイドナビ自然の恵みに育まれた薩摩茶ロールオーバー */
	background: url(../images/cha_sidenavi.gif) no-repeat -200px -60px;
}



/*
--------------------------------------------
幻の茶についてトップページ
--------------------------------------------
*/
#cha {/* 幻の茶について｜大見出し */
	background: url(../images/cha_h.gif) no-repeat;
}

#cha_entry01 {/* 人を健康にする茶をつくりたい～のボックス */
	width: 540px;
	float: left;
	margin-bottom: 30px;
}
#cha_midashi01 {/* 人を健康にする茶をつくりたい～の小見出し */
	width: 540px;
	height: 26px;
	float: left;
	background: url(../images/cha_midashi01.gif) no-repeat;
	text-indent: -9999px;
	margin-bottom: 10px;
}
#cha_entry01 p {/* 人を健康にする茶をつくりたい～のテキスト */
	display: inline;
	width: 340px;
	float: left;
}
#cha_entry01 .image {/* 人を健康にする茶をつくりたい～の画像 */
	float: left;
	width: 180px;
	height: 170px;
	margin-left: 20px;
}

#cha_entry02 {/* 我が子のように茶の木を育てる～のボックス */
	width: 540px;
	float: left;
	margin-bottom: 30px;
}
#cha_midashi02 {/* 我が子のように茶の木を育てる～の小見出し */
	width: 540px;
	height: 26px;
	float: left;
	background: url(../images/cha_midashi02.gif) no-repeat;
	text-indent: -9999px;
	margin-bottom: 10px;
}
#cha_entry02 .image {/* 我が子のように茶の木を育てる～の画像 */
	float: left;
	width: 540px;
	height: 200px;
	margin-bottom: 20px;
}
#cha_entry02 p {/* 我が子のように茶の木を育てる～のテキスト */
	display: inline;
	width: 540px;
	float: left;
}

.cha_btn01 {/* 幻の茶を求めてへのリンクボタン */
	display: block;
	width: 163px;
	height: 33px;
	background: url(../images/cha_btn01.gif) no-repeat;
}
.cha_btn01:hover {/* 幻の茶を求めてへのリンクボタンロールオーバー */
	background: url(../images/cha_btn01.gif) no-repeat 0px -33px;
}



/*
--------------------------------------------
幻の茶を求めて
--------------------------------------------
*/
#want {/* 幻の茶について｜大見出し */
	background: url(../images/want_h.gif) no-repeat;
}
#want_entry01 {/* 石鹸づくりにかける情熱～のボックス */
	width: 540px;
	float: left;
	margin-bottom: 30px;
}
#want_midashi01 {/* 石鹸づくりにかける情熱～の小見出し */
	width: 540px;
	height: 26px;
	float: left;
	background: url(../images/want_midashi01.gif) no-repeat;
	text-indent: -9999px;
	margin-bottom: 10px;
}
#want_entry01 p {/* 石鹸づくりにかける情熱～のテキスト */
	display: inline;
	width: 540px;
	float: left;
}

#want_entry02 {/* 私たちの熱意と茶匠の情熱が重なる～のボックス */
	width: 540px;
	float: left;
	margin-bottom: 30px;
}
#want_midashi02 {/* 私たちの熱意と茶匠の情熱が重なる～の小見出し */
	width: 540px;
	height: 26px;
	float: left;
	background: url(../images/want_midashi02.gif) no-repeat;
	text-indent: -9999px;
	margin-bottom: 10px;
}
#want_entry02 .image {/* 私たちの熱意と茶匠の情熱が重なる～の画像 */
	float: left;
	width: 240px;
	height: 190px;
}
#want_entry02 p {/* 私たちの熱意と茶匠の情熱が重なる～のテキスト */
	display: inline;
	width: 280px;
	float: left;
	margin-left: 20px;
}

.want_btn01 {/* 自然の恵みに育まれた薩摩茶へのリンクボタン */
	display: block;
	width: 233px;
	height: 33px;
	background: url(../images/want_btn01.gif) no-repeat;
}
.want_btn01:hover {/* 自然の恵みに育まれた薩摩茶へのリンクボタンロールオーバー */
	background: url(../images/want_btn01.gif) no-repeat 0px -33px;
}




/*
--------------------------------------------
自然の恵みに育まれた薩摩茶
--------------------------------------------
*/
#organic {/* 自然の恵みに育まれた薩摩茶｜大見出し */
	background: url(../images/organic_h.gif) no-repeat;
}

#organic_entry01 {/* 山頂に広がる茶畑～のボックス */
	width: 540px;
	float: left;
	margin-bottom: 30px;
}
#organic_midashi01 {/* 山頂に広がる茶畑～の小見出し */
	width: 540px;
	height: 26px;
	float: left;
	background: url(../images/organic_midashi01.gif) no-repeat;
	text-indent: -9999px;
	margin-bottom: 10px;
}
#organic_entry01 .image {/* 山頂に広がる茶畑～の画像 */
	float: left;
	width: 540px;
	height: 200px;
	margin-bottom: 20px;
}
#organic_entry01 p {/* 山頂に広がる茶畑～のテキスト */
	display: inline;
	width: 540px;
	float: left;
}


#organic_entry02 {/* 茶畑を守り、豊かにする虫たち～のボックス */
	width: 540px;
	float: left;
	margin-bottom: 30px;
}
#organic_midashi02 {/* 茶畑を守り、豊かにする虫たち～の小見出し */
	width: 540px;
	height: 26px;
	float: left;
	background: url(../images/organic_midashi02.gif) no-repeat;
	text-indent: -9999px;
	margin-bottom: 10px;
}
#organic_entry02 p {/* 茶畑を守り、豊かにする虫たち～のテキスト */
	display: inline;
	width: 340px;
	float: left;
}
#organic_entry02 .image {/* 茶畑を守り、豊かにする虫たち～の画像 */
	float: left;
	width: 180px;
	height: 200px;
	margin-left: 20px;
}

#organic_entry03 {/* カテキンたっぷりの二番茶～のボックス */
	width: 540px;
	float: left;
	margin-bottom: 30px;
}
#organic_midashi03 {/* カテキンたっぷりの二番茶～の小見出し */
	width: 540px;
	height: 26px;
	float: left;
	background: url(../images/organic_midashi03.gif) no-repeat;
	text-indent: -9999px;
	margin-bottom: 10px;
}
#organic_entry03 .image {/*カテキンたっぷりの二番茶～の画像 */
	float: left;
	width: 180px;
	height: 140px;
}
#organic_entry03 p {/* カテキンたっぷりの二番茶～のテキスト */
	display: inline;
	width: 340px;
	float: left;
	margin-left: 20px;
}

.organic_btn01 {/* 美肌のためにへのリンクボタン */
	display: block;
	width: 163px;
	height: 33px;
	background: url(../images/organic_btn01.gif) no-repeat;
}
.organic_btn01:hover {/* 美肌のためにへのリンクボタンロールオーバー */
	background: url(../images/organic_btn01.gif) no-repeat 0px -33px;
}