/* top */

div#main_top {  
	 width: 740px;
	 height: 250px;
	 position: relative;
}
div#main_top #top_image {
	 width: 560px;  
	 height: 250px;  
	 position: absolute;  
	 left: 0;  
	 top: 0;
	 background: url(../image/index/top1.gif) no-repeat top left;
}  

div#main_top ul#top_menu {  
	width: 177px;
	position: absolute;
	top: 0px;
	left: 560px;
}  
#main_top ul li {  
	 float: left;
}  
#main_top ul li img {  
	 border: none;  
}  
#main_top ul li a {  
	 display: block;  
}  
               
#main_top ul li a:hover {  
	 position: static;  
}  
#main_top ul li a .image {  
	 display: none;  
}  
#main_top ul li a:hover .image {  
	 display: block;  
	 position: absolute;  
	 top: 0px;  
	 left: -560px;  
}

/* main_box */

div.main_box {
	clear: both;
	margin-top: 20px;
	width: 740px;
	background: url(../image/common/body_bg.gif) repeat top left;
}

/*入浴グッズ */
div.goods {
	width: auto;
	padding-top: 50px;
	background:url(../image/index/goods_bg.gif) no-repeat top left;
}
div.goods ul {
	clear: both;
	padding-bottom: 20px;
}
div.goods ul li {
	float: left;
	width: 150px;
	padding: 5px;
	margin-left: 22px;
	text-align: center;
	background: #FFF;
	border-right: 2px solid #CCC9B6;
	border-bottom: 2px solid #CCC9B6;
}
div.goods ul li span.item {
	display: block;
	padding: 3px 0px;
	text-align: center;
	font-weight: bold;
}
div.goods ul li a:hover span.item {
	text-decoration: underline;
}
div.goods ul li p.item_text {
	padding: 3px 0px;
	text-align: left;
	font-size: 90%;
}
div.goods ul li a:hover span.syosai {
	background: url(../image/common/btn_syousai2_on.gif) no-repeat top center;
}
div.goods ul li a span.syosai { display:block; }
div.goods ul li a:hover span.syosai { background-color:transparent; }
div.goods ul li a:hover span.syosai img { visibility:hidden; }

/* 石鹸 */
div.soap {
	width: auto;
	padding-top: 50px;
	background:url(../image/index/soap_bg.gif) no-repeat top left;
}
div.soap ul {
	clear: both;
	padding-bottom: 20px;
}
div.soap ul li {
	float: left;
	width: 150px;
	padding: 5px;
	margin-left: 22px;
	text-align: center;
	background: #FFF;
	border-right: 2px solid #CCC9B6;
	border-bottom: 2px solid #CCC9B6;
}
div.soap ul li span.item {
	display: block;
	padding: 3px 0px;
	text-align: center;
	font-weight: bold;
}
div.soap ul li a:hover span.item {
	text-decoration: underline;
}
div.soap ul li p.item_text {
	padding: 3px 0px;
	text-align: left;
	font-size: 90%;
}
div.soap ul li a:hover span.syosai {
	background: url(../image/common/btn_syousai1_on.gif) no-repeat top center;
}
div.soap ul li a span.syosai { display:block; }
div.soap ul li a:hover span.syosai { background-color:transparent; }
div.soap ul li a:hover span.syosai img { visibility:hidden; }

/* main_box2 */

div.main_box2 {
	clear: both;
	margin-top: 20px;
	padding: 115px 0 0 15px;
	width: 740px;
	height: 575px;
	background: url(../image/index/cosme_bg.gif) no-repeat top left;
}
div.main_box2 ul.cosme_top li {
	float: left;
	width: 100px;
	height: 250px;
	position: relative;
}
div.main_box2 ul li.cosme1 {
	background: url(../image/index/cosme1.gif) no-repeat top left;
}
div.main_box2 ul li.cosme2 {
	margin-right: 10px;
	background: url(../image/index/cosme2.gif) no-repeat top left;
}
div.main_box2 ul li.cosme3 {
	background: url(../image/index/cosme3.gif) no-repeat top left;
}
div.main_box2 ul li.cosme4 {
	background: url(../image/index/cosme4.gif) no-repeat top left;
}
div.main_box2 ul li.cosme5 {
	margin-right: 10px;
	background: url(../image/index/cosme5.gif) no-repeat top left;
}
div.main_box2 ul li.cosme6 {
	background: url(../image/index/cosme6.gif) no-repeat top left;
}
div.main_box2 ul li.cosme7 {
	background: url(../image/index/cosme7.gif) no-repeat top left;
}
div.main_box2 ul.cosme_top li a {
	position: absolute;
	top: 220px;
	left: 10px;
}
div.main_box2 ul.cosme_bottom {
	clear: both;
	margin-left: 208px;
}
div.main_box2 ul.cosme_bottom li.cosme8 {
	float: left;
	width: 300px;
	height: 200px;
	margin-right: 10px;
	background: url(../image/index/cosme8.gif) no-repeat top left;
	position: relative;
}
div.main_box2 ul.cosme_bottom li.cosme8 a {
	position: absolute;
	top: 140px;
	right: 10px;
}
div.main_box2 ul.cosme_bottom li.cosme9 {
	float: left;
	width: 200px;
	height: 200px;
	background: url(../image/index/cosme9.gif) no-repeat top left;
	position: relative;
}
div.main_box2 ul.cosme_bottom li.cosme9 a {
	position: absolute;
	top: 140px;
	left: 40px;
}
div.main_box2 ul li a:hover {
	background: url(../image/common/btn_syousai3_on.gif) no-repeat top center;
}