/*============================================================
//  初期設定
//==========================================================*/

* {
	margin: 0;
	padding : 0;
}
/*============================================================
//  ナビゲーション
//==========================================================*/

/*--js dropdownスタイル---------------------------------------------------------------*/
.dropdown {
	position:relative;
	float:left;
	z-index:200;
}
.dropdown dd {
	position:absolute; 
	overflow:hidden; 
	width:228px; 
	display:none; 
	background:#fff; opacity:0
}
.dropdown ul {
	width:158px;
	_width:160px ;
	list-style:none;
	z-index:201;
}
.dropdown li {
	font-size:1.0em;
	color:#300;
	border-left:2px solid #FF0000;
	text-align:left;
}
.dropdown li a {
	width:158px;
	height:24px;
	background: url(/image/navi_bg.gif) no-repeat;
	display:block;
	color:#300; 
	text-decoration:none;
	padding :6px 0 0 15px ;
}
.dropdown li a:hover {
	width:158px;
	height:24px;
	background: url(/images/navi_bg_on.gif) no-repeat;
	display:block;
	color:#4A3B3A;
	text-decoration:none;
	padding :6px 0 0 15px ;
}
#navi{
	width:800px;
	height: 28px;
	background-image: url(/images/back_menu.gif);
}
#navi .home {
	width:100px;
	height:28px;
	text-indent:-9999px;
	float:left;
}
#navi .home a{
	width:100px;
	height:28px;
	background: url(/images/menu_home1.gif) no-repeat;
	background-position:0px 0px;
	display:block;
}
#navi .home a:hover{
	width:100px;
	height:28px;
	background: url(/images/menu_home1.gif) no-repeat;
	background-position:0px -28px;
	display:block;
}
#navi .concept {
	width:100px;
	height:28px;
	text-indent:-9999px;
	float:left;
}
#navi .concept a{
	width:100px;
	height:28px;
	background: url(/images/menu_concept1.gif) no-repeat;
	background-position:0px 0px;
	display:block;
}
#navi .concept a:hover{
	width:100px;
	height:28px;
	background: url(/images/menu_concept1.gif) no-repeat;
	background-position:0px -28px;
	display:block;
}
#navi .products {
	width:100px;
	height:28px;
	text-indent:-9999px;
	float:left;
}
#navi .products a{
	width:100px;
	height:28px;
	background: url(/images/menu_products1.gif) no-repeat;
	background-position:0px 0px;
	display:block;
}
#navi .products a:hover{
	width:100px;
	height:28px;
	background: url(/images/menu_products1.gif) no-repeat;
	background-position:0px -28px;
	display:block;
}
#navi .onlineshop {
	width:100px;
	height:28px;
	text-indent:-9999px;
	float:left;
}
#navi .onlineshop a{
	width:100px;
	height:28px;
	background: url(/images/menu_onlineshop1.gif) no-repeat;
	background-position:0px 0px;
	display:block;
}
#navi .onlineshop a:hover{
	width:100px;
	height:28px;
	background: url(/images/menu_onlineshop1.gif) no-repeat;
	background-position:0px -28px;
	display:block;
}
#navi .school {
	width:100px;
	height:28px;
	text-indent:-9999px;
	float:left;
}
#navi .school a{
	width:100px;
	height:28px;
	background: url(/images/menu_school1.gif) no-repeat;
	background-position:0px 0px;
	display:block;
}
#navi .school a:hover{
	width:100px;
	height:28px;
	background: url(/images/menu_school1.gif) no-repeat;
	background-position:0px -28px;
	display:block;
}
#navi .blog {
	width:100px;
	height:28px;
	text-indent:-9999px;
	float:left;
}
#navi .blog a{
	width:100px;
	height:28px;
	background: url(/images/menu_blog1.gif) no-repeat;
	background-position:0px 0px;
	display:block;
}
#navi .blog a:hover{
	width:100px;
	height:28px;
	background: url(/images/menu_blog1.gif) no-repeat;
	background-position:0px -28px;
	display:block;
}
dt#one-ddheader {
	width:100px;
	height:28px;
	cursor:pointer;
	text-indent:-9999px;
	float:left;
}
dt#one-ddheader a {
	width:100px;
	height:28px;
	background: url(/images/menu_salon1.gif) no-repeat;
	background-position:0px 0px;
	display:block;
}
dt#one-ddheader a:hover {
	width:100px;
	height:28px;
	background: url(/images/menu_salon1.gif) no-repeat;
	background-position:0px -28px;
}
dd#one-ddcontent {
	position:absolute; 
	top:28px;
	left:0px;
	overflow:hidden; 
	width:158px; 
	display:none; 
	background:#fff;
	z-index:200;
	opacity:0;
}
dt#two-ddheader {
	width:100px;
	height:28px;
	float:left;
	text-indent:-9999px;
}
dt#two-ddheader a {
	width:100px;
	height:28px;
	background: url(/images/menu_shoplist1.gif) no-repeat;
	background-position:0px 0px;
	display:block;
}
dt#two-ddheader a:hover {
	width:100px;
	height:28px;
	background: url(/images/menu_shoplist1.gif) no-repeat;
	background-position:0px -28px;
}
dd#two-ddcontent {
	position:absolute; 
	top:28px;
	left:0px; 
	overflow:hidden; 
	width:158px; 
	display:none; 
	background:#fff; 
	z-index:200; 
	opacity:0;
}