@charset "utf-8";
/* CSS Document */

div#sub_navi ul li#story{
	width: 94px;
	height: 31px;
	padding-left: 15px;
}	
	
	div#sub_navi ul li#story a{
		width: 94px;
		height: 31px;
		display:block;
		background-image: url(../images/header/subnavi/btn_sub_story.gif);
		background-repeat: repeat;
		background-position: center top;
		background-attachment: scroll;
	}
	
	div#sub_navi ul li#story a:hover{
		width: 94px;
		height: 31px;
		display:block;
		background-image: url(../images/header/subnavi/btn_sub_story.gif);
		background-repeat: repeat;
		background-position: center bottom;
		background-attachment: scroll;
	}
	
	div#sub_navi ul li#story a.active{
		width: 94px;
		height: 31px;
		display:block;
		background-image: url(../images/header/subnavi/btn_sub_story.gif);
		background-repeat: no-repeat;
		background-position: bottom;
	}
	/*開發滋味故事*/
div#sub_navi ul li#development{
	width: 85px;
	height: 31px;
	padding-left: 40px;
}	
	
	div#sub_navi ul li#development a{
		width: 85px;
		height: 31px;
		display:block;
		background-image: url(../images/header/subnavi/btn_sub_development.gif);
		background-repeat: no-repeat;
		background-position: top;
	}
	
	div#sub_navi ul li#development a:hover{
		width: 85px;
		height: 31px;
		display:block;
		background-image: url(../images/header/subnavi/btn_sub_development.gif);
		background-repeat: no-repeat;
		background-position: bottom;
	}
	
	div#sub_navi ul li#development a.active{
		width: 85px;
		height: 31px;
		display:block;
		background-image: url(../images/header/subnavi/btn_sub_development.gif);
		background-repeat: no-repeat;
		background-position: bottom;
	}
	
	/*SOYJOY優點*/
	div#sub_navi ul li#advantage{
	width: 85px;
	height: 31px;
	padding-left: 40px;
	}	
	
	div#sub_navi ul li#advantage a{
		width: 85px;
		height: 31px;
		display:block;
		background-image: url(../images/header/subnavi/btn_sub_adv.gif);
		background-repeat: no-repeat;
		background-position: top;
	}
	
	div#sub_navi ul li#advantage a:hover{
		width: 85px;
		height: 31px;
		display:block;
		background-image: url(../images/header/subnavi/btn_sub_adv.gif);
		background-repeat: no-repeat;
		background-position: bottom;
	}
	
	div#sub_navi ul li#advantage a.active{
		width: 85px;
		height: 31px;
		display:block;
		background-image: url(../images/header/subnavi/btn_sub_adv.gif);
		background-repeat: no-repeat;
		background-position: bottom;
	}

	/*成份一覽*/
	div#sub_navi ul li#ingredients{
	width: 85px;
	height: 31px;
	padding-left: 28px;
	}	
	
	div#sub_navi ul li#ingredients a{
		width: 85px;
		height: 31px;
		display:block;
		background-image: url(../images/header/subnavi/btn_sub_ingradients.gif);
		background-repeat: no-repeat;
		background-position: top;
	}
	
	div#sub_navi ul li#ingredients a:hover{
		width: 85px;
		height: 31px;
		display:block;
		background-image: url(../images/header/subnavi/btn_sub_ingradients.gif);
		background-repeat: no-repeat;
		background-position: bottom;
	}
	
	div#sub_navi ul li#ingredients a.active{
		width: 85px;
		height: 31px;
		display:block;
		background-image: url(../images/header/subnavi/btn_sub_ingradients.gif);
		background-repeat: no-repeat;
		background-position: bottom;
	}
	
	/*享受SOYJOY*/
	div#sub_navi ul li#enjoy{
	width: 85px;
	height: 31px;
	padding-left: 28px;
	}	
	
	div#sub_navi ul li#enjoy a{
		width: 85px;
		height: 31px;
		display:block;
		background-image: url(../images/header/subnavi/btn_sub_enjoy.gif);
		background-repeat: no-repeat;
		background-position: top;
	}
	
	div#sub_navi ul li#enjoy a:hover{
		width: 85px;
		height: 31px;
		display:block;
		background-image: url(../images/header/subnavi/btn_sub_enjoy.gif);
		background-repeat: no-repeat;
		background-position: bottom;
	}
	
	div#sub_navi ul li#enjoy a.active{
		width: 85px;
		height: 31px;
		display:block;
		background-image: url(../images/header/subnavi/btn_sub_enjoy.gif);
		background-repeat: no-repeat;
		background-position: bottom;
	}
	
	
	
	
div#sub_navi ul li#news{
	width: 56px;
	height: 31px;
	padding-left: 40px;
}	
	
	div#sub_navi ul li#news a{
		width: 56px;
		height: 31px;
		display:block;
		background-image: url(../images/header/subnavi/btn_sub_news.gif);
		background-repeat: no-repeat;
		background-position: top;
	}
	
	div#sub_navi ul li#news a:hover{
		width: 56px;
		height: 31px;
		display:block;
		background-image: url(../images/header/subnavi/btn_sub_news.gif);
		background-repeat: no-repeat;
		background-position: bottom;
	}
	
	div#sub_navi ul li#news a.active{
		width: 56px;
		height: 31px;
		display:block;
		background-image: url(../images/header/subnavi/btn_sub_news.gif);
		background-repeat: no-repeat;
		background-position: bottom;
	}