@charset "utf-8";

/* ------------------------------------------------------------

　　トップページ内容

------------------------------------------------------------ */



/* ----------　contents内容　---------- */

#contents {

	clear: both;

	width: 860px;

	padding: 15px 30px;

}



/* ----------　main内容　---------- */



#main {

	width: 600px;

	float: right;

}



/* ----------　menu内容　---------- */



#menu {

	float: left;

	margin-right: 0;

	width: 240px;

}



/* 各種バナー */

a#menu_00,

a#menu_01,

a#menu_02,

a#menu_03,

a#menu_04,

a#menu_05,

a#menu_06,

a#menu_07,

a#menu_08,

a#menu_kurokin,

a#menu_rakuraku{

	text-indent: -9999px;

	display: block;

	height: 60px;

	width: 240px;

	padding-bottom: 10px;

	overflow: hidden;

}



a:hover#menu_00,

a:hover#menu_01,

a:hover#menu_02,

a:hover#menu_03,

a:hover#menu_04,

a:hover#menu_05,

a:hover#menu_06,

a:hover#menu_07,

a:hover#menu_08,

a:hover#menu_kurokin,

a:hover#menu_rakuraku{ background-position: -240px 0; }


/* アマゾンアイパワー */

a#menu_01 { background: url(../img/top/menu_01.jpg) no-repeat; }



/* 発酵黒にんにく玉の底力 */

a#menu_02 { background: url(../img/top/menu_02.jpg) no-repeat; }





/* 自己発酵 黒にんにく100の魅力 */

a#menu_03 { background: url(../img/top/menu_03.jpg) no-repeat; }



/* アマゾンビックパワー 自然共生自慢の一品 */

a#menu_04 { background: url(../img/top/menu_04.jpg) no-repeat; }



/* シンリョク化粧品　フィンランドの松エキスフラパンティーの確かな力 */

a#menu_05 { background: url(../img/top/menu_05.jpg) no-repeat; }



/* 社員採用について */

a#menu_06 {

	background: url(../img/top/menu_06.gif) no-repeat;

	height: 35px;

}

/* イチョウ葉 */

a#menu_07 { background: url(../img/top/menu_07.jpg) no-repeat; }


/*黒と金の力*/

a#menu_kurokin{ background: url(../img/top/menu_kurokin.jpg) no-repeat; }


/*らくらくパワー*/

a#menu_rakuraku{ background: url(../img/top/menu_rakuraku.jpg) no-repeat; }


/* ベリーベリーパワー */

a#menu_08 { background: url(../img/top/menu_08.jpg) no-repeat; }



/* ----------　お客様専用ページ 内容　---------- */

#mypage_box { margin: 0; }



p#mypage_hd {

	text-indent: -9999px;

	height: 28px;

	width: 240px;

	background: url(../img/top/mypage_hd.gif) no-repeat;

}



#mypage {

	width: 200px;

	padding: 8px 20px;

	background: url(../img/top/mypage.gif) repeat-y;

}



#mypage p { line-height: 1.5; }



#mypage a#login {

	text-indent: -9999px;

	display: block;

	background: url(../img/top/mypage_bn.gif) no-repeat;

	height: 30px;

	width: 200px;

	margin-top: 10px;

}



#mypage a#login:hover { background: url(../img/top/mypage_bn.gif) no-repeat 0 -30px; }



#mypage a.login_link { font-size: 11px; }



#mypage_bottom {

	background: url(../img/top/mypage_bottom.gif) repeat-y;

	height: 10px;

	width: 240px;

	margin-bottom: 10px;

}



/* ----------　買い物カゴの中身 内容　---------- */



#cart_box { margin: 0; }



#cart_hd {

	text-indent:-9999px;

	background: url(../img/top/cart_hd.gif) no-repeat;

	height: 28px;

	width: 240px;

}



#cart {

	background: url(../img/top/cart.gif) repeat-y;

	width: 200px;

	padding: 8px 20px;

}



p#menu_line {

	background: url(../img/top/menu_line.gif) repeat-x left bottom;

	margin-bottom: 4px;

	padding: 4px 0;

	width: 200px;

}



#cart strong { color: #c00; }



#cart a {

	text-indent: -9999px;

	display: block;

	background: url(../img/top/cart_bn.gif) no-repeat;

	height: 30px;

	width: 200px;

	margin-top: 10px;

}



#cart a:hover { background: url(../img/top/cart_bn.gif) no-repeat 0 -30px; }



#cart_bottom {

	background: url(../img/top/cart_bottom.gif) no-repeat;

	height: 10px;

	width: 240px;

	margin-bottom: 10px;

}



#main_img {

	text-indent: -9999px;

	background: url(../img/top/main_img.jpg) no-repeat;

	height: 260px;

	width: 600px;

}



p#wn_title {

	text-indent: -9999px;

	background: url(../img/top/wn_title.gif) no-repeat;

	height: 18px;

	width: 600px;

}



img.wn_line { clear; both; }



#wn {

	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";

	font-size: 12px;

	width: 600px;

	margin-top: 20px;

}



#wn span {

	line-height: 1.8;

	width: 110px;

	color: #c90;

	float: left;

	padding: 0 0 8px 5px;

}



#wn p {

	font-size: 100%;

	line-height: 1.8;

	float: left;

	padding-bottom: 8px;

	width: 600px;

}



img.wn_line {

	display: block;

	height: 1px;

	width: 599px;

	clear: both;

	padding-bottom: 8px;

	vertical-align: baseline;

}



ul#top_navi {

	height: 160px;

	width: 600px;

	margin-top: 10px;

	list-style: none;

}



ul#top_navi li {

	text-indent: -9999px;

	display: block;

	float: left;

	height: 160px;

	width: 200px;

	overflow: hidden;

}



ul#top_navi li a {

	display: block;

	height: 160px;

	width: 200px;

	overflow: hidden;

}



/* 通常時 */

a#top_navi01 { background: url(../img/top/top_navi01.jpg) no-repeat; }

a#top_navi02 { background: url(../img/top/top_navi02.jpg) no-repeat; }

a#top_navi03 { background: url(../img/top/top_navi03.jpg) no-repeat; }



/* マウスオーバー時 */

a:hover#top_navi01 { background: url(../img/top/top_navi01.jpg) no-repeat bottom left; }

a:hover#top_navi02 { background: url(../img/top/top_navi02.jpg) no-repeat bottom left; }

a:hover#top_navi03 { background: url(../img/top/top_navi03.jpg) no-repeat bottom left; }





/* 新着下バナーエリア */

#banner_area{

	height: 70px;

	width: 599px;

	position: relative;

}



/* あなたの木を植えませんか？ */

a#top_banner {

	text-indent:-9999px;

	display: block;

	height: 61px;

	width: 361px;

	background: url(../img/top/top_banner.jpg) no-repeat;

	overflow: hidden;

	position: absolute;

	left: 0px;

}

a:hover#top_banner { background: url(../img/top/top_banner.jpg) no-repeat 0 -61px; }



/* チームマイナス６パーセント */

a#top_team6 {

	text-indent:-9999px;

	display: block;

	height: 61px;

	width: 230px;

	background: url(../img/top/top_team6.gif) no-repeat;

	overflow: hidden;

	position: absolute;

	left: 369px;

}

a:hover#top_team6 { background: url(../img/top/top_team6.gif) no-repeat 0 -61px; }