@charset "utf-8";

/************************************************

	navi.css

		0.NavigationSet
		1.navGlobal
		2.navGlobalFooter
		3.navLocal
		4.navPagePath
		5.navAssist
			|- #navAssistHeader
			|- #navAssistFooter
			
		6.navStatus
			|- navMore
			|- navToTop
			
		7.navInfo

	Copyright 2009 Image Co., Ltd. All Rights Reserved.
	URL http://www.img.co.jp/

*************************************************/

/*==============================================*/
/* 0.NavigationSet
/*==============================================*/
div#navGlobal,
div#navGlobal ul,
div#navGlobalFooter,
div#navAssistFooter{
	overflow:hidden;
	_display:inline-block;/*for IE6*/
}

div#navGlobal ul li,
div#navGlobalFooter ul li,
div#navAssistFooter ul li{float:left;}

/*==============================================*/
/* 1.navGlobal
/*==============================================*/
div#navGlobal{
	width:745px; height:75px;
	background:url(../../img/navi/global/global_navi_bg.gif) no-repeat top left;
}

div#navGlobal ul{margin:5px 0 0 5px;}

div#navGlobal ul li{
	width:105px; height:65px;
	line-height:0;
}

div#navGlobal ul li a{display:block;}

/*==============================================*/
/* 2.navGlobalFooter
/*==============================================*/
div#navGlobalFooter{margin-bottom:6px;}

div#navGlobalFooter a{white-space:nowrap;}

div#navGlobalFooter ul li{
	padding-right:6px;
	margin-right:6px;
	border-right:1px solid #CCC;
}

/*==============================================*/
/* 3.navLocal
/*==============================================*/
div#navLocal,
div#navLocalInner,
div#navLocal ul{
	width:220px;
	overflow:hidden;
}

div#navLocal{background:url(../../img/navi/local/frame/local_navi_frame_footer.gif) no-repeat left bottom;}

div#navLocalInner{background:url(../../img/navi/local/frame/local_navi_frame_header.gif) no-repeat left top;}

div#navLocal a{display:block; overflow:hidden; line-height:normal;}

div#navLocal ul{
	margin-top:4px; margin-bottom:9px;
	background:url(../../img/navi/local/frame/local_navi_frame_base.gif) repeat-y left bottom;
}

div#navLocal li{line-height:0; float:left;}

div#navLocal li a{height:50px;}
div#navLocal ul ul li a{height:30px;}

div#navLocal ul li{height: auto;}

div#navLocal ul li,
div#navLocal ul ul{width:210px;}
div#navLocal ul li{margin-left:5px; _display:inline;/*for IE6*/}

div#navLocal ul ul{margin-top:0px; margin-bottom:0px;}
div#navLocal ul ul li{margin-left:0;}

div#navLocal a#homeBtn{display:block; line-height:0;}

div#navLocal .popup img{margin:0;}

/*==============================================*/
/* 4.navPagePath
/*==============================================*/
div#navPagePath a,
div#navPagePath em{margin:7px 0 6px 2px; display:inline-block;}

div#navPagePath a,
div#navPagePath em.nolink{
	background:url(../../img/icon/arrow2.gif) no-repeat;
	background-position:right 0.1em;
	padding-right:18px;
}

/*==============================================*/
/* 5.navAssist
/*==============================================*/

/*#navAssistFooter
---------------------------------*/
div#navAssistFooter{}

div#navAssistFooter a{white-space:nowrap;}

div#navAssistFooter ul,
div#navAssistFooter ul li{border: solid #666;}

div#navAssistFooter ul{
	overflow:hidden;
	text-align:center;
	display:inline-block;
	border-width:0 0 0 1px;
}

div#navAssistFooter ul li{
	border-width:0 1px 0 0;
	line-height:0;
}

/*==============================================*/
/* 6.navStatus
/*==============================================*/
a.navMore,
a.navApply,
a.navReport,
a.navBepoRecipe,
a.navBepoBackRecipe,
a.navBepoEbook,
a.navEbook,
a.navToPageTop,
a.navBseFaq,
a.navPoisoning,
a.navTerminology{
	overflow:hidden;
	display:block;
	text-indent:-999px;
	background-position:top left;
	background-repeat:no-repeat;
	zoom:1;/*for IE6*/
}

/* navMore,navApply,navReport
---------------------------------*/
a.navMore,
a.navApply,
a.navReport{width:126px; height:41px;}
a.navMore:hover,
a.navApply:hover,
a.navReport:hover{background-position:0 -41px;}

/* navMore
---------------------------------*/
div.cateReci a.navMore{ background-image: url(../../recipe/img/navi/more.gif);}
div.cateEven a.navMore{ background-image: url(../../event/img/navi/more.gif);}
div.cateSafe a.navMore{ background-image: url(../../safety/img/navi/more.gif);}
div.cateKnow a.navMore{ background-image: url(../../knowledge/img/navi/more.gif);}

/* moreNutrient
---------------------------------*/
div.cateKnow .moreNutrient a.navMore{
	width:185px; height:41px;
	background-image:url(../../knowledge/img/navi/more_nutrient.gif);
}



/* For other drugs
---------------------------------*/
div.cateSafe .ForOtherDrugs a.navMore{
	width:185px; height:41px;
	background-image: url(../../safety/img/navi/system/moredrugs.gif);
}

/* For Foul processing
---------------------------------*/
div.cateSafe .ForFoulProcessing a.navMore{
	width:185px; height:41px;
	background-image: url(../../safety/img/navi/system/morefoul.gif);
}

/* navApply
---------------------------------*/
div.cateEven a.navApply{ background-image: url(../../event/img/navi/apply.gif);}
div.cateBepo a.navApply{ background-image: url(../../bepo/img/navi/apply.gif);}

/* navReport
---------------------------------*/
div.cateEven a.navReport{ background-image: url(../../event/img/navi/notice.gif);}

/* navBepoRecipe
---------------------------------*/
a.navBepoRecipe{
	width:209px; height:41px;
	background-image: url(../../bepo/img/navi/book_recipe.gif);
}

a.navBepoRecipe:hover{background-position:0 -41px;}

a.navBepoBackRecipe{
	width:209px; height:46px;
	background-image: url(../../bepo/img/navi/backamber_recipe.gif);
}

a.navBepoBackRecipe:hover{background-position:0 -46px;}

/* navBepoEbook
---------------------------------*/
a.navBepoEbook{
	width:209px; height:46px;
	background-image:url(../../bepo/img/navi/backamber_ebook.gif);
}

a.navBepoEbook:hover{background-position:0 -46px;}

/* navEbook
---------------------------------*/
a.navEbook{
	margin:0.2em auto;
	width:69px; height:19px;
	background-image:url(../../bepo/img/navi/button_ebook.gif);
}

a.navEbook:hover{background-position:0 -19px;}

/* navBseFaq
---------------------------------*/
a.navBseFaq{
	width:361px; height:55px;
	background-image:url(../../safety/img/navi/bse/btn_bse_faq.gif);
}

a.navBseFaq:hover{background-position:0 -55px;}

/* navPoisoning
---------------------------------*/
a.navPoisoning{
	width:361px; height:55px;
	background-image:url(../../safety/img/navi/index/btn_poisoning.gif);
}

a.navPoisoning:hover{background-position:0 -55px;}

/* navtTerminology
---------------------------------*/
a.navTerminology{
	width:361px; height:55px;
	background-image:url(../../safety/img/navi/index/btn_terminology.gif);
}

a.navTerminology:hover{background-position:0 -55px;}

/* navToPageTop
---------------------------------*/
div.navToPageTop{
	overflow:hidden;
	margin-bottom:10px;
	padding-top:5px;
	*display:inline-block;/*for IE*/
}

div.navToPageTop a.navToPageTop{ float:right;}

a.navToPageTop{
	width:116px; height:20px;
	background-image: url(../../img/navi/info/topagetop.gif);
}
a.navToPageTop:hover{background-position:0 -20px;}

/*==============================================*/
/* 7.navInfo
/*==============================================*/
/*
div.cateReci,
div.cateEven,
div.cateBepo,
div.cateShop,
div.cateSafe,
div.cateKnow,
div.cateEnte
*/
ul.navInfo,
ul.navInfoR{
	overflow:hidden;
	*display:inline-block;/*for IE*/
}

ul.navInfo{
	margin-left:5px;
	margin-right:-10px;
	margin-bottom:15px;
}


div.cateSafe ul.navInfo{
	margin-bottom:0;
}


ul.navInfo li{
	margin-right:10px;
	float:left;
	display:block;
}

ul.navInfoR{ height:41px;}
ul.navInfoR li{float:right; position:absolute; right:0; bottom:0;}
ul.moreR li{ position:absolute; right:100px;}

.wrapDotLine ul.navInfoR li{ right:10px; bottom:10px;}

.sectionBlock ul.navInfo{margin-left:0px;}
.sectionFrameInner ul.navInfo{margin-left:25px;}

.sectionBox ul.navInfo{margin-bottom:0;} 



/*==============================================*/
/* navPageMove
/*==============================================*/
div.navPageMove{overflow:hidden; zoom:1; padding:15px 0 0;}

div.navPageMove a.back,
div.navPageMove a.next{
	display:block;
	overflow:hidden;
	text-indent:-999px;
	width:96px; height:33px;
	background-position:0 0;
	background-repeat:no-repeat;
}

div.navPageMove a:hover{background-position:0 -33px;}

div.navPageMove a.back{float:left; background-image:;}
div.navPageMove a.next{float:right}

div.cateSafe div.navPageMove a.back{background-image: url(../../safety/img/navi/back.gif);}
div.cateSafe div.navPageMove a.next{background-image: url(../../safety/img/navi/next.gif);}

div.cateKnow div.navPageMove a.back{background-image: url(../../knowledge/img/navi/back.gif);}
div.cateKnow div.navPageMove a.next{background-image: url(../../knowledge/img/navi/next.gif);}

/*==============================================*/
/* navYearPath
/*==============================================*/
div#navYearPath{
	margin-bottom:10px;
	overflow:hidden;
	padding-left:5px;
	display:inline-block;
}

div#navYearPath a{
	background-color:#DDD;
	display:inline-block;
	line-height:0;
}

div.cateEven div#navYearPath a.current,
div.cateEven div#navYearPath a:hover{background-color:#8fc858;}

div.cateKnow div#navYearPath a.current,
div.cateKnow div#navYearPath a:hover{background-color:#428dff;}

/*==============================================*/
/* navMore
/*==============================================*/
.navMore h5,
.navMore ul {margin:0 20px; padding-left:10px; overflow:hidden;}
.navMore h5{border-bottom:1px dotted; padding-bottom:5px; margin-bottom:10px; font-size:123.1%;}
.navMore ul li{float:left; padding-left:13px; background:url(../../img/icon/arrow3.gif) no-repeat 0 0.35em; margin-right:15px; white-space:nowrap;}

div.navMore{padding-bottom:20px!important; overflow:hidden!important; width:100%;}
div.navMore .sectionFrameInner{padding-top:20px!important;}
div.navMore .sectionFrameInner .sectionBlock{ overflow:hidden!important;}

div.cateSafe h3,div.cateSafe .navMore h5{color:#32BABA; border-color:#32BABA;}
div.cateKnow h3,div.cateKnow .navMore h5{color:#438EFF; border-color:#438EFF;}

div.cateSafe h3,div.cateSafe .navMore li{}
div.cateKnow h3,div.cateKnow .navMore li{}

