body {
margin : 0;
padding : 0;
background-color : #FFE3E7;
background-image : url(../img/top/body_bg_back.gif);
background-position : center;
background-repeat : repeat-y;
color : #000099;
font-family : "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
text-align : center;
font-size : 12px ;
}


#wrap {
margin : 0 auto 0 auto;
padding : 0;
text-align : center;
position : relative;
width : 800px;
}


#wrap2 {
margin : 0 auto 0 auto;
padding : 0;
text-align : center;
position : relative;
width : 780px;
}





/*最上部サイト説明*/

#wrap #wrap2 #top_title2 h1{
	width : 780px;
	height : 18px;
	position:relative;
	margin : 0;
	padding : 0;
	color : #95C608;
	font-size : 14px;
	/*HideMacIE\*/
	overflow:hidden;
	/**/
}

#wrap #wrap2 #top_title2 h1 span{
	display:block;
	width:100%;
	height:100%;
	background:url(../img/top/top_title.gif) no-repeat;

	position:absolute;
	top:0;
	left:0;
}



/*本文部分の設定*/

#main {
margin : 0;
padding : 0;
background-color : #ffffff;
text-align : left;
width : 600px;
float : right;
}




/*左ナビ部分*/

#navi {
margin: 0;
padding : 0;
text-align : left;
width : 180px;
float : left;
}

#navi dl {
margin : 0;
padding : 0;
border-top : solid 1px #bcbd9e;
border-right : solid 1px #bcbd9e;
border-left : solid 1px #bcbd9e;
clear : both;
width : 168px;
}

#navi dl dt {
margin : 0;
padding : 0;
font-size : 12px;
background-image : url(../img/top/leaf_1.gif);
background-position : right;
background-repeat : no-repeat;
border-bottom : solid 1px #bcbd9e;
}

#navi dl dt a:link,
#navi dl dt a:visited {
margin : 0;
top : 0;
left : 0;
padding : 6px 10px 6px 12px;
background-image : url(../img/top/leaf_1.gif);
background-repeat : no-repeat;
background-position : 0 0;
background-color : #F2EDC1;
color : #009966;
text-align : left;
text-decoration : none;
line-height : 140%;
display : block;
}

#navi dl dt a:hover {
padding : 6px 10px 6px 12px;
background-image : url(../img/top/leaf_11.gif);
background-color : #FFF4F7;
background-position : 0 0px;
background-repeat : no-repeat;
color : #0066FF;
text-align : left;
text-decoration : none;
line-height : 140%;
}

#navi dl dd {
margin : 0;
padding : 0;
font-size : 12px;
background-image : url(../img/top/leaf_3.gif);
background-position : 0 0 ;
background-repeat : no-repeat;
border-bottom : solid 1px #bcbd9e;
}

#navi dl dd a:link,
#navi dl dd a:visited {
margin : 0;
top : 0;
left : 0;
padding : 6px 10px 6px 12px;
background-image : url(../img/top/leaf_11.gif);
background-position : 0 -100px;
background-repeat : no-repeat;
color : #ff6600;
text-align : left;
text-decoration : none;
line-height : 140%;
display : block;
}



#navi dl dd a:hover {
padding : 6px 10px 6px 12px;
background-image : url(../img/top/leaf_11.gif);
background-color : #FFF4F7;
background-position : 0 0px;
background-repeat : no-repeat;
color :  #0066FF;
text-align : left;
text-decoration : none;
line-height : 140%;
}





#navi ul {
background-color : #ffffff;
margin : 0;
padding : 0;
}

#navi ul li {
list-style-type : none;

}





/*左ナビ部分下、宣伝部分　ヘナプラス白髪染めマハラジャロード*/


#navi ul li {
	list-style-type : none;
	float:left;
}


#navi ul li.shampoo a {
	display:block;
	width : 168px ;
	height : 100px;
	position:relative;
	font-size:12px;
	/*HideMacIE\*/
	overflow:hidden;
	/**/
}
#navi ul li.shampoo a span {
	cursor: pointer;
	display:block;
	width:100%;
	height:100%;
	background-position : 0 0px;
	background-repeat : no-repeat;
	background-image : url("/img/top/hikaku.gif");
	position:absolute;
	top:0;
	left:0;
}



#navi ul li.shiragazome a {
	display:block;
	width : 168px ;
	height : 190px;
	position:relative;
	font-size:12px;
	/*HideMacIE\*/
	overflow:hidden;
	/**/
}
#navi ul li.shiragazome a span {
	cursor: pointer;
	display:block;
	width:100%;
	height:100%;
	background-position : 0 0px;
	background-repeat : no-repeat;
	background-image : url("/img/top/shiragazome_2.jpg");
	position:absolute;
	top:0;
	left:0;
}



#navi ul li.maharaja a {
	display:block;
	width : 168px ;
	height : 80px;
	position:relative;
	font-size:12px;
	/*HideMacIE\*/
	overflow:hidden;
	/**/
}
#navi ul li.maharaja a span {
	cursor: pointer;
	display:block;
	width:100%;
	height:100%;
	background-position : 0 0px;
	background-repeat : no-repeat;
	background-image : url(/img/top/maharaja_banner.gif);
	position:absolute;
	top:0;
	left:0;
}



#navi ul li.maharaja_shikekai a {
	display:block;
	width : 168px ;
	height : 80px;
	position:relative;
	font-size:12px;
	/*HideMacIE\*/
	overflow:hidden;
	/**/
}
#navi ul li.maharaja_shikekai a span {
	cursor: pointer;
	display:block;
	width:100%;
	height:100%;
	background-position : 0 0px;
	background-repeat : no-repeat;
	background-image : url(/img/top/maharaja_shikekai.gif);
	position:absolute;
	top:0;
	left:0;
}

#navi ul li.twitter a {
	display:block;
	width : 168px ;
	height : 50px;
	position:relative;
	font-size:12px;
	/*HideMacIE\*/
	overflow:hidden;
	/**/
}
#navi ul li.twitter a span {
	margin:2px 0;
	cursor: pointer;
	display:block;
	width:100%;
	height:100%;
	background-position : 0 0px;
	background-repeat : no-repeat;
	background-image : url(/blog/twitter.gif);
	position:absolute;
	top:0;
	left:0;
}

#navi ul li.blog a {
	display:block;
	width : 168px ;
	height : 50px;
	position:relative;
	font-size:12px;
	/*HideMacIE\*/
	overflow:hidden;
	/**/
}
#navi ul li.blog a span {
	cursor: pointer;
	display:block;
	width:100%;
	height:100%;
	background-position : 0 0px;
	background-repeat : no-repeat;
	background-image : url(/blog/blog.jpg);
	position:absolute;
	top:0;
	left:0;
}

#navi ul li.ouhi a {
	display:block;
	width : 168px ;
	height : 87px;
	position:relative;
	font-size:12px;
	/*HideMacIE\*/
	overflow:hidden;
	/**/
}

#navi ul li.ouhi a span {
	cursor: pointer;
	display:block;
	width:100%;
	height:100%;
	background-position : 0 0px;
	background-repeat : no-repeat;
	background-image : url("/skincare/img/1/icon_ouhi.gif");
	position:absolute;
	top:0;
	left:0;
}


#navi ul li.QR_Code a {
	display:block;
	width : 168px ;
	height : 90px;
	position:relative;
	font-size:12px;
	/*HideMacIE\*/
	overflow:hidden;
	/**/
}
#navi ul li.QR_Code a span {
	cursor: pointer;
	display:block;
	width:100%;
	height:100%;
	background-image : url(../img/top/QR_Code.gif);
	position:absolute;
	top:0;
	left:0;
}



#navi ul li.henna2008 a {
	display:block;
	width : 170px ;
	height : 70px;
	position:relative;
	font-size:12px;
	/*HideMacIE\*/
	overflow:hidden;
	/**/
}
#navi ul li.henna2008 a span {
	cursor: pointer;
	display:block;
	width:100%;
	height:100%;
	background-position : 0 0px;
	background-repeat : no-repeat;
	background-image : url("/maha/img/2011/2011henna_banner.gif");
	position:absolute;
	top:0;
	left:0;
}




img {
border : none;
}



a:link{
color : #4C7730;
text-decoration : underline;
}


a:visited {
color : #996633;
text-decoration : underline;
}

a:hover {
color : #ff6600;
text-decoration : none;
}













/* フッター 開始 */

#footer {
background-color : #ffffff;
margin : 0;
padding : 100px 0 0 0 ;
text-decoration : none;

width : 780px;
clear : both;
}


#footer .remark{
background-color : #ffffff;
margin : 0;
padding : 50px 20px 50px 20px;
font-size : 12px;
color : #993300;
text-align : left;
text-decoration : none;
line-height : 140%;
display : block;
border-top : dotted 5px #FFE3E7;
}



/* フッター 終了 */





/* 回り込み 開始 */

.floatRight {
float : right;
}

.floatLeft {
float : left;
}

.clear {
clear : both;
}

/* 回り込み 終了 */