/*******************************************
	index
*******************************************/


.cl{clear:both;}
.hidden{display:none;}


html,body{
	min-height:100%;
	background-color: #A7D6FF;
}

div#contents_top{
	background:url(../img/bg.jpg) 0 0 repeat-x;

}

div#body_top{
	width:950px;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


div#topbtn{
	position:absolute;
	width:950px;
	overflow:hidden;
	top:0;
}
div#topbtn > a.haircare{
	background:url(../img/topbtn_haircare.jpg) 0 0 no-repeat;
	float:left;
	margin-left:159px;
	margin-top:482px;
	display:block;
	height:0;
	width:168px;
	padding-top:37px;
	overflow:hidden;
}
div#topbtn > a.haircare:hover{
	background:url(../img/topbtn_haircare_ro.jpg) 0 0 no-repeat;
}
div#topbtn > a.skincare{
	float:right;
	background:url(../img/topbtn_skincare.jpg) 0 0 no-repeat;
	margin-right:159px;
	margin-top:482px;
	display:block;
	height:0;
	width:168px;
	padding-top:37px;
	overflow:hidden;
}
div#topbtn > a.skincare:hover{
	background:url(../img/topbtn_skincare_ro.jpg) 0 0 no-repeat;
}


div#topbtn_1, div#topbtn_2{
	float:left;
	position:absolute;
	width:475px;
	overflow:hidden;
	top:0;
}

div#topbtn_1 .haircare a{
	float:left;
	background:url(../img/topbtn_haircare.jpg) 0 0 no-repeat;
	margin-left:161px;
	margin-top:479px;
	height:0px;
	display:block;
	width:168px;
	padding-top:36px;
	overflow:hidden;
}

div#topbtn_1 .haircare a:hover{
	background:url(../img/topbtn_haircare_ro.jpg) 0 0 no-repeat;
}

div#topbtn_2 > a.skincare{
	float:right;
	background:url(../img/topbtn_skincare.jpg) 0 0 no-repeat;
	margin-left:300px;
	margin-top:479px;
	height:0px;
	display:block;
	width:168px;
	padding-top:36px;
	overflow:hidden;
}

div#topbtn_2 > a.skincare:hover{
	background:url(../img/topbtn_skincare_ro.jpg) 0 0 no-repeat;
}



/*******************************************
	footer
*******************************************/

div#fnavi{
	width:950px;
	height:67px;
	margin:0px auto;
	padding-top:15px;
	border-top: 1px dotted #000000;
	
}

div#fnavi ul{
	width:918px;
	margin:0 auto;
}

div#fnavi ul li{
	float:left;
}
div#fnavi ul li a{
	background:url(../img/footer_text_list.gif) 2px no-repeat;
	padding-left:9px;
	padding-right:10px;
	line-height:220%;
	color:#004897;
	text-decoration:none;
	font-size:86%;
	text-decoration: none;
}

div#fnavi ul li a:hover {
	text-decoration: underline;
}



div#footer{
	width:950px;
	height:22px;
	margin:0 auto;
	background-color:#FF3300;
	background-image: url(../img/copyright.jpg);
	background-repeat: no-repeat;
}

/*ここから　新規作成　スカルプ/育毛ローション新製品追加　2013年12月〜*/

a.item1 {
	display: block;
	height: 210px;
	width: 475px;
	text-indent: -99999px; /* 文字を見えなくする */
	background-image:url(../img/next_top.png);
	background-position: 10px top;
	background-repeat: no-repeat;
}
a.item1:hover {
	background-image:url(../img/next_top_h.png);
	background-position: 10px top;
}
a.item2 {
	display: block;
	height: 210px;
	width: 475px;
	text-indent: -99999px;
	background-image:url(../img/soap_top.png);
	background-position: 5px top;
	background-repeat: no-repeat;
}
a.item2:hover {
	background-image:url(../img/soap_top_h.png);
	background-position: 5px top;
}
a.item3 {
	display: block;
	height: 210px;
	width: 475px;
	text-indent: -99999px;
	background-image:url(../img/scalp_top.png);
	background-position: 10px top;
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-bottom: 20px;
}
a.item3:hover {
	background-image:url(../img/scalp_top_h.png);
	background-position: 10px top;
}
a.item4 {
	display: block;
	height: 210px;
	width: 475px;
	text-indent: -99999px;
	background-image:url(../img/lotion_top.png);
	background-position: 5px top;
	background-repeat: no-repeat;
	margin-top: 20px;
	margin-bottom: 20px;
}
a.item4:hover {
	background-image:url(../img/lotion_top_h.png);
	background-position: 5px top;
}


table tr  .chushaku {
	display: block;
	width: 467px;
	height: 18px;
	text-indent: -99999px;
	background-image:url(../img/tyushaku.gif);
	background-repeat: no-repeat;
}