/*******************************************
	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;
}

a.item1,a.item2,a.item3{
	display: block;
	height: 245px;
	text-indent: -99999px;
	background-repeat: no-repeat;
}
a.item4,a.item5{
	display: block;
	height: 240px;
	text-indent: -99999px;
	background-repeat: no-repeat;
}

a.item1{
	width: 317px;
	background-image: url(../img/banner/index/shampoo.png);
}
a.item1:hover {
	background-image: url(../img/banner/index/shampoo_h.png);
}
a.item2 {
	width: 317px;
	background-image: url(../img/banner/index/sculp.png);
}
a.item2:hover {
	background-image: url(../img/banner/index/sculp_h.png);
}
a.item3 {
	width: 317px;
	background-image: url(../img/banner/index/ikumou.png);
}
a.item3:hover {
	background-image: url(../img/banner/index/ikumou_h.png);
}
a.item4 {
	width: 475px;
	background-image: url(../img/banner/index/blue.png);
	margin-top: 20px;
	margin-bottom: 20px;
}
a.item4:hover {
	background-image: url(../img/banner/index/blue_h.png);
}
a.item5 {
	width: 475px;
	background-image: url(../img/banner/index/pink.png);
	margin-top: 20px;
	margin-bottom: 20px;
}
a.item5:hover {
	background-image: url(../img/banner/index/pink_h.png);
}
p  .chushaku {
	display: block;
	width: 467px;
	height: 18px;
	background-repeat: no-repeat;
}
ul.itemwrap3{
	width:950px;
	display:block;
	overflow: hidden;
	margin: 0 1px;
}
.itemwrap3 li{
	float:left;
	margin:0 0px 0 0px;
	width: 316px;
	display:block;
}

ul.itemwrap2{
	width:950px;
	display:block;
	overflow: hidden;
	margin: 0 1px;
}
.itemwrap2 li{
	float:left;
	width: 465px;
	display:block;
}
.itemwrap2 li:first-child {
		margin-right:10px;
	}

.itemwrap2 li:last-child {
		margin-left:10px;
	}
	.txtblue{
	color: #0437AD;
}
	.txtnote{
		font-size:10px;
}
.mt10{margin-top:10px;}

#footer{
	width: 950px;
	height: 26px;
	margin;0 auto;
	padding-top: 5px;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	font-weight: 300;
	text-align: center;
	letter-spacing: 0.1em;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,0.74) 0%,rgba(240,240,240,0.73) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,0.74) 0%,rgba(240,240,240,0.73) 100%);
	background-image: -o-linear-gradient(270deg,rgba(255,255,255,0.74) 0%,rgba(240,240,240,0.73) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,0.74) 0%,rgba(240,240,240,0.73) 100%);
	border: 1px solid rgba(0,0,0,0.45);
	padding-left: auto;
	padding-right: auto;
	margin-left: auto;
	margin-right: auto;
}

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;
}