@charset "UTF-8";
/* トップページ用スタイル /*


/* ---------------------------------------------------------------- *
[INDEX/トップ画面] 
 * ---------------------------------------------------------------- */
 .allbody {
 	width: 100%;
	height: 100%;
	border: none;
}
 
#top_container {
	position: relative;
	width: 750px;
	height: 600px;
	border: solid 10px #295d13;
	background: url(../images/top_bg.jpg) no-repeat;
}
* html #top_container {
	width: 770px;
	height: 620px;
}
/*\*//*/
#top_container {
	position: absolute;
	background-position: 10px 10px;
}
/**/


/* ---------------------------------------------------------------- *
[Flashコンテンツ] 
 * ---------------------------------------------------------------- */
#flashcontent {
	width: 750px;
	height: 600px;
}


/* ---------------------------------------------------------------- *
[トップメニュー] 
 * ---------------------------------------------------------------- */
#top_container ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#top_container span {
	display: none;
}

#top_container ul li a,  #top_container h1 a {
	display: block;
	position: absolute;
}

#top_container h1 a {
 	top: 20px; left: 16px; width: 194px; height: 46px;
}
 
#top_container ul li a#cosmetics {
	top: 262px; left: 541px; width: 209px; height: 338px;
	background: url(../images/topnavi_cosmetics.jpg) no-repeat;
}
#top_container ul li a#gel {
	top: 313px; left: 517px; width: 24px; height: 160px;
	background: url(../images/topnavi_gel.jpg) no-repeat;
}
#top_container ul li a#soap {
	top: 313px; left: 493px; width: 24px; height: 100px;
	background: url(../images/topnavi_soap.jpg) no-repeat;
}
#top_container ul li a#lotion {
	top: 313px; left: 469px; width: 24px; height: 100px;
	background: url(../images/topnavi_lotion.jpg) no-repeat;
}
#top_container ul li a#essence {
	top: 313px; left: 445px; width: 24px; height: 100px;
	background: url(../images/topnavi_essence.jpg) no-repeat;
}
#top_container ul li a#collagen {
	top: 313px; left: 366px; width: 24px; height: 142px;
	background: url(../images/topnavi_collagen.jpg) no-repeat;
}
#top_container ul li a#hair {
	top: 313px; left: 342px; width: 24px; height: 142px;
	background: url(../images/topnavi_hair.jpg) no-repeat;
}
#top_container ul li a#glucosamine {
	top: 0px; left: 0px; width: 0px; height: 0px;
}
#top_container ul li a#cmed {
	top: 281px; left: 271px; width: 37px; height: 206px;
	background: url(../images/topnavi_cmed.jpg) no-repeat;
}
#top_container ul li a#pharmacy {
	top: 281px; left: 218px; width: 37px; height: 240px;
	background: url(../images/topnavi_pharmacy.jpg) no-repeat;
}
#top_container ul li a#consult {
	top: 281px; left: 166px; width: 37px; height: 174px;
	background: url(../images/topnavi_consult.jpg) no-repeat;
}
#top_container ul li a#job {
	top: 281px; left: 97px; width: 37px; height: 184px;
	background: url(../images/topnavi_job.jpg) no-repeat;
}
#top_container ul li a#shop {
	top: 72px; left: 27px; width: 166px; height: 33px;
	background: url(../images/topnavi_shop.jpg) no-repeat;
}

#top_container ul li a#blog {
	top: 110px; left: 27px; width: 166px; height: 33px;
	background: url(../images/topnavi_blog.jpg) no-repeat;
}


#top_container ul li a#cosmetics:hover,
#top_container ul li a#gel:hover,
#top_container ul li a#soap:hover,
#top_container ul li a#lotion:hover,
#top_container ul li a#essence:hover,
#top_container ul li a#collagen:hover,
#top_container ul li a#hair:hover,
#top_container ul li a#cmed:hover,
#top_container ul li a#pharmacy:hover,
#top_container ul li a#consult:hover,
#top_container ul li a#job:hover,
#top_container ul li a#shop:hover,
#top_container ul li a#blog:hover
{
	background: none;
}