@charset "UTF-8";

/* === localNavi css File === */

div#localNavi {
	margin: 30px 10px 30px 0;
}

div#localNaviInner {
}

div#localNaviInner div.mB20{
	margin: 0 0 20px !important;
}

/* -------------------------------------------------- Box */
div#localNavi .localNaviBox{
	width:200px;
	padding-bottom:4px;
	background:url(/common/images/2010/bg-localnavi_btm.gif) no-repeat left bottom;
	margin-bottom:20px;
}
div#localNavi .localNaviBoxInner{
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
	background:#F8F8F8;
	padding-top:8px;
}
/* promo */
div#localNavi .promo{
	background:url(/common/images/2010/bg-localnavi_promo_btm.gif) no-repeat left bottom;
}
div#localNavi .promo .localNaviBoxInner{
	border-right:none;
	border-left:none;
	background:url(/common/images/2010/bg-localnavi_promo_top.gif) no-repeat left top;
	padding-top:4px;
	zoom:1;
}
div#localNavi .promo .localNaviBoxInner ul{
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
	background:#F2EBE3;
	margin-left:0;
	padding:8px 0 0 0;
	text-align:center;
}
div#localNavi .promo .localNaviBoxInner ul li{
	padding-bottom:8px;
}
/* -------------------------------------------------- searchForm */
div#localNavi div#searchForm {
	margin: 0 9px 5px 9px;
	color:#F8F8F8;
}

div#localNavi div#searchForm p#searchTitle {
	line-height: 1.1;
	border-bottom: solid 1px #CCC;
	font-weight: bold;
	font-size: 95%;
}

* html div#localNavi div#searchForm p#searchTitle { padding-bottom: 2px; }

div#localNavi div#searchForm p#searchText {
	padding: 0 0 5px 0;
	line-height: 1.1;
	font-size: 70%;
}


div#localNavi div#searchForm dl {
	padding-bottom: 5px;
}

div#localNavi div#searchForm dl dt {
	float: left;
	height: 23px;
	vertical-align:middle;
}

div#localNavi div#searchForm dl dt input {
	width: 124px;
	padding: 2px;
	border: solid 1px #CCC;
	min-height: 15px;
	margin-top:1px;
}

* html div#localNavi div#searchForm dl dt input { height: 20px; }

div#localNavi div#searchForm dl dd{
	float: left;
	width: 44px;
	margin-left: 5px;
}
div#localNavi div#searchForm dl dd input {
	width: 44px;
	height: 23px;
}

/*:first-child+html div#localNavi div#searchForm dl dd input { margin-top: 2px; }*/

/* -------------------------------------------------- List elements */
/* links */
div#localNavi ul.links { margin: 0 0 0 19px; zoom:1; }

div#localNavi ul.links li {
	padding-left: 15px;
	min-height: 13px;
	background-image: url(/common/images/2010/marker-arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 0.3em;
	margin-bottom:6px;
}


/* -------------------------------------------------- bnr */
div#localNavi ul#bnr { margin: 20px 0 0 0; }

div#localNavi ul#bnr li {
	margin-bottom: 10px;
	text-align: center;
}

div#localNavi div#bnr { margin: 20px 0 0 10px; }

div#localNavi div#bnr li {
	margin-bottom: 10px;
}

div#localNavi div#bnr li#bnr_img {
margin-left:15px;
}

div#localNavi div#bnr li.external img {
margin-right:4px;
}

/* -------------------------------------------------- menu2010 */
div#localNavi ul{
	margin-left:6px;
	padding-bottom:5px;
}
div#localNavi ul#menu2010 {
	background:url(/common/images/2010/ln_navi_bg.gif) no-repeat 6px top;
	padding-top:2px;
	padding-bottom:20px;
	width:187px;
	padding-left:6px;
	margin-left:0;
}
* html div#localNavi ul#menu2010 { width:193px; }

div#localNavi ul#menu2010 li{
	background:url(/common/images/2010/ln_navi_bg_btm.gif) no-repeat left bottom;
	padding-bottom:8px;
}

div#localNavi ul#menu2010 li span{
	background:url(/common/images/2010/ln_navi_bg_top.gif) no-repeat left top;
	padding-top:3px;
	display:block;
}
div#localNavi ul#menu2010 li span.mark{
	background:url(/common/images/2010/marker-arrow.gif) no-repeat left 0.45em;
	padding-left:12px;
}
div#localNavi ul#menu2010 li span.emark{
	background:url(/common/images/maker-win.gif) no-repeat left 0.45em;
	padding-left:18px;
}
div#localNavi ul#menu2010 li a{
	background:url(/common/images/2010/ln_navi_bg_mdl.gif) repeat-y left top;
	display:block;
	padding:3px 12px 2px;
}

div#localNavi ul#menu2010 li.wf a{
	padding:3px 12px 2px 8px;
}
div#localNavi ul#menu2010 li.wf span.mark{
	background:url(/common/images/marker-win.gif) no-repeat left 0.45em;
	padding-left:16px;
}

/* current */
div#localNavi ul#menu2010 li.current{
	background:url(/common/images/2010/ln_navi_bg_curr_btm.gif) no-repeat left bottom;
	padding-bottom:8px;
}
div#localNavi ul#menu2010 li.current span{
	background:url(/common/images/2010/ln_navi_bg_curr_top.gif) no-repeat left top;
	padding-top:3px;
	display:block;
}
div#localNavi ul#menu2010 li.current span.mark{
	background:url(/common/images/2010/marker-arrow.gif) no-repeat left 0.45em;
	padding-left:12px;
}
div#localNavi ul#menu2010 li.current a{
	background:url(/common/images/2010/ln_navi_bg_curr_mdl.gif) repeat-y left top;
	display:block;
	padding:2px 12px 3px;
	font-weight:bold;
	height:1%;
}
div#localNavi ul#menu2010 li.current a,
div#localNavi ul#menu2010 li.current a:link{
	color:#333;
}
div#localNavi ul#menu2010 li.current a:visited{
	color:#333;
}

div#localNavi ul#menu2010 li.current ul li a,
div#localNavi ul#menu2010 li.current ul li a:link {text-decoration:none;color:#003399;}
div#localNavi ul#menu2010 li.current ul li a:visited {text-decoration:none;color:#336699;}
div#localNavi ul#menu2010 li.current ul li a:hover {text-decoration:underline;color:#0066CC;}

/* navi>navi */
div#localNavi ul#menu2010 li.current ul{
	background:url(/common/images/2010/ln_navi_bg_curr_btm02.gif) no-repeat left top;
	padding-top:10px;
	padding-bottom:0;
	margin:0 0 -9px 0;
}
div#localNavi ul#menu2010 li.current ul li{
	background:url(/common/images/2010/ln_navi_bg_mdl.gif) repeat-y left top;
	padding:0;
}
div#localNavi ul#menu2010 li.current ul li a{
	font-weight:normal;
	background:url(/common/images/2010/ln_navi_in_bg.gif) repeat-x left bottom;
	margin:0 6px 0;
	padding-left:0;
	padding-right:0;
}
div#localNavi ul#menu2010 li.current ul li a span.mark{
	background:url(/common/images/2010/ln_navi_in_mark.gif) no-repeat 8px 0.45em;
	padding-left:18px;
	padding-top:2px;
	padding-bottom:2px;
}
div#localNavi ul#menu2010 li.current ul li a span.emark{
	background:url(/common/images/maker-win.gif) no-repeat 4px 0.5em;
	padding-left:24px;
	padding-top:2px;
	padding-bottom:2px;
}
div#localNavi ul#menu2010 li.current ul li.last{
	background:url(/common/images/2010/ln_current_last_bg.gif) no-repeat left bottom;
	padding-bottom:4px;
	margin-bottom:-1px;
}
div#localNavi ul#menu2010 li.current ul li.last a{
	background:none;
}
div#localNavi ul#menu2010 li.current ul li.noArrow ul,
div#localNavi ul#menu2010 li.current ul li.noArrowLast ul{
	background:none;
	padding-top:0;
}
div#localNavi ul#menu2010 li.current ul li.noArrow span.txt,
div#localNavi ul#menu2010 li.current ul li.noArrowLast span.txt{
	background-image:none;
	padding:7px 12px 0;
	height:1%;
}
div#localNavi ul#menu2010 li.current ul li.noArrow ul{
	margin:0;
	padding-bottom:3px;
}

/** current **/
div#localNavi ul#menu2010 li.current ul li.current a{
	/*background-image:none;*/
}
div#localNavi ul#menu2010 li.current ul li.current a span.mark{
	background-color:#FFF1F1;
}

/* navi>navi>navi */
div#localNavi ul#menu2010 li.current ul li.current{
}
div#localNavi ul#menu2010 li.current ul li.current ul{
	background:url(/common/images/2010/ln_navi_in_bg02.gif) no-repeat left bottom;
	padding:0 0 1px 0;
	margin:-1px 0 0;
}
div#localNavi ul#menu2010 li.current ul li.current ul li a{
	background-image:none;
	background-color:#FFF;
	margin:0 8px 0 15px;
	padding:0 0 2px 0;
}
div#localNavi ul#menu2010 li.current ul li.current ul li a span.mark{
	background:url(/common/images/2010/ln_navi_in2_mark.gif) no-repeat 5px 0.6em;
	padding-left:13px;
}

/** current **/
div#localNavi ul#menu2010 li.current ul li.current ul li.current a span.mark{
	background-color:#FFF1F1;
}

/* menu2010In */
div#localNavi ul#menu2010 li.current ul li.current ul.menu2010In a{
	margin: 0 6px;
	padding-top: 3px;
	background:url(/common/images/2010/ln_navi_in_bg.gif) repeat-x left top;
}
div#localNavi ul#menu2010 li.current ul li.current ul.menu2010In a span.mark{
	padding-left:28px;
	background:url(/common/images/2010/ln_navi_in_mark02.gif) no-repeat 18px 0.6em;
}

/* -------------------------------------------------- menu */
/* The first class */
div#localNavi ul#menu {
	margin-right: 11px;
	padding-left: 10px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 160px;
	margin-right: 0;
}

div#localNavi ul#menu li { margin-bottom: 5px; }

div#localNavi ul#menu li.searchRecipe,
div#localNavi ul#menu li.relatedCategory { margin-top: 20px; }
div#localNavi ul#menu li.categoryTop { margin-bottom: 20px; }

div#localNavi ul#menu li a,
div#localNavi ul#menu li span.category {
	display: block;
	width: 158px;
	padding: 4px 0;
	border: solid 1px #CCC;
	color: #000;
	background-color: #FFF;
	text-decoration: none;
	font-weight: bold;
}

div#localNavi ul#menu li span.category {
	width: 151px;
	padding-left: 7px;
}

* html div#localNavi ul#menu li span.category { width: 158px; }

div#localNavi ul#menu li a span {
	display: block;
	padding-left: 4px;
	border-left: solid 3px #666;
}

div#localNavi ul#menu li a:hover,
div#localNavi ul#menu li.current a,
div#localNavi ul#menu li span.current {
	border-color: #FF9900;
	background-color: #FFCC66;
}

div#localNavi ul#menu li a:hover span,
div#localNavi ul#menu li.current span { border-color: #FF6600; }
div#localNavi ul#menu li.current ul li a { background-color: #FFF; }

/* The second class */
div#localNavi ul#menu li ul {
	margin-right: 1px;
	border: solid 1px #CCC;
	background-color: #FFF;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 158px;
	margin-right: 0;
}

div#localNavi ul#menu li ul li {
	margin: 0 0 2px 8px;
	padding-left: 12px;
	background-image: url(/common/images/marker-arrow2.gif);
	background-repeat: no-repeat;
	background-position: 0 0.5em;
	line-height: 1.5;
}

div#localNavi ul#menu li ul li.current {
	margin-bottom: 5px;
	background-image: url(/common/images/marker-arrow4.gif);
	font-weight: bold;
}

div#localNavi ul#menu li ul li.current a {
	color: #000;
	text-decoration: none;
}

div#localNavi ul#menu li ul li a {
	width: 150px;
	display: inline;
	padding: 0;
	border: none;
	color: #0066CC;
	text-decoration: underline;
}

* html div#localNavi ul#menu li ul li a { width: 136px; }

div#localNavi ul#menu li ul li a:hover {
	color: #FF6633;
	background-color: #FFF;
}


/* The third class */
div#localNavi ul#menu li ul li ul {
	border: none;
	margin: 3px 0 0 -12px;
	padding: 3px 0 0 5px;
	border-top: dashed 1px #CCC;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 136px;
}

div#localNavi ul#menu li ul li.current ul li a {
	color: #0066CC;
	text-decoration: underline;
}

div#localNavi ul#menu li ul li ul li.current,
div#localNavi ul#menu li ul li.secondClass,
body.recipe div#localNavi ul#menu li ul li.current { background-image: url(/common/images/marker-arrow3.gif); }

div#localNavi ul#menu li ul li ul li.current a,
body.recipe div#localNavi ul#menu li ul li.current a {
	color: #000;
	text-decoration: none;
}

div#localNavi ul#menu li ul li ul li a {
	background-image: none;
	font-weight: normal;
}

* html div#localNavi ul#menu li ul li ul li a { width: 115px; }

div#localNavi ul#menu li ul li ul li a:hover { color: #FF6633; }

/* The force class */
div#localNavi ul#menu li ul li ul li ul {
	border: none;
	margin: 3px 0 0 -12px;
	padding: 3px 0 0 5px;
	border-top: dashed 1px #CCC;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 124px;
}

div#localNavi ul#menu li ul li.current ul li ul li a {
	color: #0066CC;
	text-decoration: underline;
}

div#localNavi ul#menu li ul li ul li.current_third a {
	color: #000000;
	text-decoration: none;
}

div#localNavi ul#menu li ul li ul li ul li.current a {
	color: #000000;
	text-decoration: none;
}

div#localNavi ul#menu li ul li ul .current_third {
	margin-bottom: 5px;
	background-image: url(/common/images/marker-arrow4.gif);
}

body.recipe div#localNavi ul#menu li ul li ul li.current { background-image: url(/common/images/marker-arrow3.gif); }

div#localNavi ul#menu li ul li ul li ul li a {
	background-image: none;
	font-weight: normal;
}

* html div#localNavi ul#menu li ul li ul li ul li a { width: 94px; }

div#localNavi ul#menu li ul li ul li ul li a:hover { color: #FF6633; }



/********* add 2008/07/10 ****/
div#localNavi ul#menu li.wf,
div#localNavi ul#menu li.wfcurrent{
	padding-top:50px;
	background:url(/common/images/tit_group.gif) left top no-repeat;
}

/*
div#localNavi ul#menu li.wf a,
*/
div#localNavi ul#menu li.wfcurrent a,
div#localNavi ul#menu li.wfcurrent a:hover {
	border-color: #F5C21B;
	background-color: #FFFf00;
}

div#localNavi ul#menu li.wf a:hover{
	border-color: #F5C21B;
	background-color: #FFEC00;
}

/*
div#localNavi ul#menu li.wf span { border-color: #F5C21B; }
div#localNavi ul#menu li.wf ul li a { background-color: #FFFCEC; }
*/

div#localNavi ul#menu li.wfcurrent a:hover span,
div#localNavi ul#menu li.wfcurrent span { border-color: #F5C21B; }
div#localNavi ul#menu li.wfcurrent ul li a { background-color: #FFF; }
div#localNavi ul#menu li.wfcurrent ul li a:hover { background-color: #FFF; }



/* EOF */