/* CSS Document */





/* ########## 空間トップメニュー ########## */


ul#productsmn2 {
	position: relative;
	margin: 0;
	height: 32px;
	list-style: none;
	overflow: hidden;
}

ul#productsmn2 li a {
	height: 32px;
	position: absolute;
	overflow: hidden;
	padding: 32px 0 0 0;
	text-indent: -100em;
	text-decoration: none;
	top: 0;
	width: 136px;
}
html>body ul#productsmn2 li a{
	height: 0;
}

li#mnb1 a{ background: transparent url(/products/bathroom/images/top/t_mn01.gif) no-repeat 0 0; left: 0px;}
li#mnb2 a{ background: transparent url(/products/bathroom/images/top/t_mn02.gif) no-repeat 0 0; left: 136px;}
li#mnb3 a{ background: transparent url(/products/bathroom/images/top/t_mn03.gif) no-repeat 0 0; left: 272px;}
li#mnb4 a{ background: transparent url(/products/bathroom/images/top/t_mn04.gif) no-repeat 0 0; left: 408px;}
	
li#mnb1f3 a{ background: transparent url(/products/bathroom/images/top/t_mn01_f3.gif) no-repeat 0 0; left: 0px;}
li#mnb2f3 a{ background: transparent url(/products/bathroom/images/top/t_mn02_f3.gif) no-repeat 0 0; left: 136px;}
li#mnb3f3 a{ background: transparent url(/products/bathroom/images/top/t_mn03_f3.gif) no-repeat 0 0; left: 272px;}
li#mnb4f3 a{ background: transparent url(/products/bathroom/images/top/t_mn04_f3.gif) no-repeat 0 0; left: 408px;}

li#mnb1 a:hover, 
li#mnb2 a:hover, 
li#mnb3 a:hover, 
li#mnb4 a:hover{ 
	background-position: 0px -32px;
	}
	



/* ########## 各詳細ページメニュー ########## */

div#2ndmnArea {
	width : 680px;
	height: 23px;
	padding: 0px;
	margin: 0px;
	background-image:url(/products/bathroom/images/2nd_mn_bg.gif);
	}


ul#productsmn3 {
	position: relative;
	margin: 0;
	height: 23px;
	list-style: none;
	overflow: hidden;
	background-image: url(/products/bathroom/images/2nd_mn_bg.gif);
}

ul#productsmn3 li a {
	height: 23px;
	position: absolute;
	overflow: hidden;
	padding: 23px 0 0 0;
	text-indent: -100em;
	text-decoration: none;
	top: 0;
	width: 170px;
}

html>body ul#productsmn3 li a{
	height: 0;
}

li#mn3b1 a{ 
	background: transparent url(/products/bathroom/images/2nd_mn01.gif) no-repeat 0 0;
	left: 0px;
	}
li#mn3b2 a{ 
	background: transparent url(/products/bathroom/images/2nd_mn02.gif) no-repeat 0 0;
	left: 170px;
	}
li#mn3b3 a{ 
	background: transparent url(/products/bathroom/images/2nd_mn03.gif) no-repeat 0 0;
	left: 170px;
	}
li#mn3b4 a{ 
	background: transparent url(/products/bathroom/images/2nd_mn04.gif) no-repeat 0 0;
	left: 510px;
	}
/* 06.10.03追記。Lukinarの各バリエーションページ実装のため。 */
	li#mn3b3 a.l340px{ 
	background: transparent url(/products/bathroom/images/2nd_mn03.gif) no-repeat 0 0;
	left: 340px;
	}
	/* ここまで追記 */

	
	
	
	
li#mn3b1f3 a{ 
	background: transparent url(/products/bathroom/images/2nd_mn01_f3.gif) no-repeat 0 0;
	left: 0px;
	}
li#mn3b2f3 a{ 
	background: transparent url(/products/bathroom/images/2nd_mn02_f3.gif) no-repeat 0 0;
	left: 170px;
	}
li#mn3b3f3 a{ 
	background: transparent url(/products/bathroom/images/2nd_mn03_f3.gif) no-repeat 0 0;
	left: 170px;
	}
li#mn3b4f3 a{ 
	background: transparent url(/products/bathroom/images/2nd_mn04_f3.gif) no-repeat 0 0;
	left: 510px;
	}
	/* 06.10.03追記。Lukinarの各バリエーションページ実装のため。 */
li#mn3b3f3 a.l340px{ 
	background: transparent url(/products/bathroom/images/2nd_mn03_f3.gif) no-repeat 0 0;
	left: 340px;
	}
	/* ここまで追記 */


	
	
li#mn3b1 a:hover, 
li#mn3b2 a:hover, 
li#mn3b3 a:hover, 
li#mn3b4 a:hover{ 
	background-position: 0px -23px;
	}
	
	
	
	


/* ########## サブメニューリンク設定 ########## */

a.sub{ color:#3e4349; border-width:0px; border-bottom-width:2px; border-style:dotted; padding:0.3em; }
a:link.sub{ color:#3e4349; text-decoration:none; border-color:#73b3bd; text-decoration: none; border-style:dotted #73b3bd; padding:0.3em; text-decoration: none; }
a:visited.sub{ color:#3e4349; text-decoration:none; border-color:#73b3bd; text-decoration: none; border-style:dotted #73b3bd; padding:0.3em; text-decoration: none; }
a:hover.sub{ color:#ffffff; background-color:#73b3bd; border-width:0px; border-bottom-width:2px; padding:0.3em; text-decoration: none; }

