﻿@charset "utf-8";

/*
===== [ProductsNaviBlock] =====================================
*/



div#ProductsNaviBlock{
width:230px;
height:147px;
overflow: hidden;
margin-bottom:10px;
}

div#ProductsNaviBlock ul li	{
list-style-type:none;

}
div#ProductsNaviBlock ul li a	{
	display: block;
	text-indent: -9999px;
}

div#ProductsNaviBlock ul li#ProductsNavi01	a{	width:230px; height:21px; background: url(./img/navigation_products.gif) 0px 0px no-repeat;	}
div#ProductsNaviBlock ul li#ProductsNavi02	a{	width:230px; height:21px; background: url(./img/navigation_products.gif) 0px -21px no-repeat;}
div#ProductsNaviBlock ul li#ProductsNavi03	a{	width:230px; height:21px; background: url(./img/navigation_products.gif) 0px -42px no-repeat;	}
div#ProductsNaviBlock ul li#ProductsNavi04	a{	width:230px; height:21px; background: url(./img/navigation_products.gif) 0px -63px no-repeat;	}
div#ProductsNaviBlock ul li#ProductsNavi05	a{	width:230px; height:21px; background: url(./img/navigation_products.gif) 0px -84px no-repeat;}
div#ProductsNaviBlock ul li#ProductsNavi06	a{	width:230px; height:21px; background: url(./img/navigation_products.gif) 0px -105px no-repeat;	}
div#ProductsNaviBlock ul li#ProductsNavi07	a{	width:230px; height:21px; background: url(./img/navigation_products.gif) 0px -126px no-repeat;	}

div#ProductsNaviBlock ul li#ProductsNavi01	a:hover{	width:230px; height:21px; background: url(./img/navigation_products.gif) -230px 0px no-repeat;	}
div#ProductsNaviBlock ul li#ProductsNavi02	a:hover{	width:230px; height:21px; background: url(./img/navigation_products.gif) -230px -21px no-repeat;}
div#ProductsNaviBlock ul li#ProductsNavi03	a:hover{	width:230px; height:21px; background: url(./img/navigation_products.gif) -230px -42px no-repeat;	}
div#ProductsNaviBlock ul li#ProductsNavi04	a:hover{	width:230px; height:21px; background: url(./img/navigation_products.gif) -230px -63px no-repeat;	}
div#ProductsNaviBlock ul li#ProductsNavi05	a:hover{	width:230px; height:21px; background: url(./img/navigation_products.gif) -230px -84px no-repeat;}
div#ProductsNaviBlock ul li#ProductsNavi06	a:hover{	width:230px; height:21px; background: url(./img/navigation_products.gif) -230px -105px no-repeat;	}
div#ProductsNaviBlock ul li#ProductsNavi07	a:hover{	width:230px; height:21px; background: url(./img/navigation_products.gif) -230px -126px no-repeat;	}



/*
===== [UnderCategoryList] =====================================
*/

ul.ListFirst{



}

ul.ListFirst li{



}

ul.ListSecond{


}

ul.ListSecond h2{


}

ul.ListThird{
padding-bottom:10px;

}

ul.ListThird h2{
padding:2px;
font-size:10px;
border:solid 1px #cc0000;
background-color:#FAF9F3;
}


ul.ListFourth{
padding-top:5px;

}
ul.ListFourth li{
border:solid 1px #B8C9CD;
background-color:#FEFEFC;
}


ul.ListFourth li img{
float:left;
padding:2px;
margin-right:5px;
}
ul.ListFourth li p{
font-size:10px;
padding:5px;

line-height:1.4em;
}


.ListThird h2 a{
	padding-left:20px;
	background: url(../share_img/more_btn_icon.gif) 0px 0px no-repeat;	
	color:#cc0000;
}
.ListThird h2 a:hover{
	padding-left:20px;
	background: url(../share_img/more_btn_icon_over.gif) 0px 0px no-repeat;	
		color:#990000;
	text-decoration:none;
}


/*
===== [UnderCategoryBOX] =====================================
*/

div.UnderMainTable{
margin-bottom:10px;
margin-top:3px;
border:solid 1px #B8C9CD;
padding:2px;
}


.boxSpasingTextTitle{
line-height:1.4em;
font-size:12px;
padding:5px;
}

.boxSpasingTextDetail{
line-height:1.4em;
font-size:12px;
padding:5px;
}

.boxSpasingTextOP{
line-height:1.4em;
font-size:12px;
padding:5px;
}

.boxSpasingTextcaption{
line-height:1.2em;
font-size:10px;
padding:5px;
}



ul.SP{
width:520px;
padding-top:10px;
margin-bottom:30px;
}
ul.SP li ul{
margin-top:10px;
border:solid 2px #B8C9CD;

}

ul.SP li ul li ul{
border:none;


}

ul.SPlist{
padding-left:15px;
}


ul.SPlist li{

list-style:disc;
font-size:10px;
padding:3px;
line-height:1.2em;
}

ul.ProductsLine{
width:520px;
margin-bottom:5px;
}


ul.ProductsLine li ul li{
display:block;
border:solid 1px #B8C9CD;
margin-top:3px;
margin-right:2px;
margin-left:2px;

float:left;
padding:3px;
}

ul.ProductsLine li ul li p{
font-size:10px;
padding:3px;
line-height:1.2em;
}


ul.DetailDL{
width:520px;

}



/*
===== [NaviDetailUnder] =====================================
*/

div#NaviDetailUnder{
	width:520px;
	overflow: hidden;
	margin-top:10px;
}
div#NaviDetailUnder ul li	{
list-style-type:none;
float:left;
}
div#NaviDetailUnder ul li a	{
	display: block;
	text-indent: -9999px;
}

div#NaviDetailUnder ul li#NaviDetailUnder01	a{	width:260px; height:40px; background:  url(./img/NaviDetailUnder.gif) 0px 0px no-repeat;	}
div#NaviDetailUnder ul li#NaviDetailUnder02	a{	width:260px; height:40px; background:  url(./img/NaviDetailUnder.gif) -260px 0px no-repeat;}


div#NaviDetailUnder ul li#NaviDetailUnder01	a:hover{	width:260px; height:40px; background:  url(./img/NaviDetailUnder.gif) 0px -40px no-repeat;	}
div#NaviDetailUnder ul li#NaviDetailUnder02	a:hover{	width:260px; height:40px; background:  url(./img/NaviDetailUnder.gif) -260px -40px no-repeat;}




/*
===== [NaviLevelSwitch] =====================================
*/

div#NaviLevelSwitch{
	width:520px;

	overflow: hidden;
}
div#NaviLevelSwitch ul li	{
list-style-type:none;
float:left;
}
div#NaviLevelSwitch ul li a	{
	display: block;
	text-indent: -9999px;
}

div#NaviLevelSwitch ul li#NaviLevelSwitch01	a{	width:160px; height:30px; background:  url(./powder/img/NaviLevelSwitch.gif) 0px 0px no-repeat;	}
div#NaviLevelSwitch ul li#NaviLevelSwitch02	a{	width:172px; height:30px; background:  url(./powder/img/NaviLevelSwitch.gif) -160px 0px no-repeat;}
div#NaviLevelSwitch ul li#NaviLevelSwitch03	a{	width:188px; height:30px; background:  url(./powder/img/NaviLevelSwitch.gif) -332px 0px no-repeat;}

div#NaviLevelSwitch ul li#NaviLevelSwitch01	a:hover{	width:160px; height:30px; background:  url(./powder/img/NaviLevelSwitch.gif) 0px -30px no-repeat;	}
div#NaviLevelSwitch ul li#NaviLevelSwitch02	a:hover{	width:172px; height:30px; background:  url(./powder/img/NaviLevelSwitch.gif) -160px -30px no-repeat;}
div#NaviLevelSwitch ul li#NaviLevelSwitch03	a:hover{	width:188px; height:30px; background:  url(./powder/img/NaviLevelSwitch.gif) -332px -30px no-repeat;}

div#NaviLevelSwitch ul li#NaviLevelSwitch01open	a{	width:160px; height:30px; background:  url(./powder/img/NaviLevelSwitch.gif) 0px -30px no-repeat;	}
div#NaviLevelSwitch ul li#NaviLevelSwitch02open	a{	width:172px; height:30px; background:  url(./powder/img/NaviLevelSwitch.gif) -160px -30px no-repeat;}
div#NaviLevelSwitch ul li#NaviLevelSwitch03open	a{	width:188px; height:30px; background:  url(./powder/img/NaviLevelSwitch.gif) -332px -30px no-repeat;}


