@charset "UTF-8";
/* CSS Document FOR TEPPEI ORGANICS */

/* IE 6 PNG FIX */
img, div { behavior: url(misc/iepngfix.htc) }


/*---------------------------
HEAD-MENU  Navigation　
---------------------------*/

/* CLICK STATUS  */
#navi {
	width: 900px;
	height:45px;
	font-size:12px;
	background-image:url(images/navi-main-bg.png);
	}


#navi ul {
	margin:0;
	padding:0;
	list-style-type:none;
    behavior: url("misc/csshover.htc");/* IE6 */
}

#navi ul a {
	color: #fff;
    text-decoration: none;
}

/* OFF */
#navi ul li ul {
        display: none;
}

/* ON */
#navi ul li:hover ul {
        display: block;
        position: absolute;
        z-index: 100;

}


/* ----------  Navi Bar RIGHT LINE ELEMENT */
#navi ul li {
    float: left;
	border-right:1px dotted #6D7041;	
}

/* ----------  Navi Bar LAST CELL ----------*/
#navi ul li.last {
	float: left;
	width: 150px  !important;
	border-right:none !important;	
}
#navi ul li.last a {
	width: 150px  !important;
	border-right:none !important;	
}

/* ---------- 1st LINE DEFAULT STATUS  */
#navi ul li a {
	display: block;
	width: 149px;
	height: 30px;
	padding-top: 10px;
	font-weight: bold;
	text-align: center;
}
/* ---------- 1st LINE OVER STATUS  */
#navi ul li a:hover {
	position:relative;
	background-image: url(images/navi-main-bg.png);
	background-position: 0 -44px;
	background-color: #7B4E21;	
}
/* ---------- 1st LINE ON STATUS  */
#navi ul li a:active{
	position:relative;
    background:#7BBA10;
	background-image: url(images/navi-main-bg.png);
	background-position: 0 -90px;
	}	





/* ---------- 2nd LINE DEFAULT STATUS   none repeat scroll 0 */
#navi ul li ul li {
        position:relative;
        left:-1px;
        float: none;
}

#navi ul li ul li a {
	display: block;
	width: 150px;
	height:auto;
    font-size:90%;
	margin-left: 1px;
	padding: 5px 0 5px 10px;
	background: #690;
	border-bottom:1px dotted #fff;
	border-right: none;
	border-top:none;
	border-left:10px solid #3B521C;
	color:#FFFFFF;
	text-decoration:none;
	text-align: left;
	opacity:0.95;

}

/* ---------- 2nd LINE OVER STATUS  */
#navi ul li ul li a:hover {
	background:#3B521C;
}