@charset "UTF-8";

/****************************************

          Bubbling menu style.css

*****************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, figure {
	margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: normal;
    font-style: normal;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}


/****************************************

          1.Layout

*****************************************/

#container{
	margin:0 auto;
}
	.wrapper{
		margin: 0 auto;
	}

/****************************************

          2. General Setting

*****************************************/

a { color: #703a00; }
	a:hover,
	a:visited{
		color: #a45500;
	}

ul { list-style: none; }



/****************************************

          4. main

*****************************************/

#navi{
	list-style: none;
	
}
	
	li.item{
		float: left;
		position: relative;
		width: 125px;
		height:25px;
	}
		li.item:hover{ z-index: 20; }

	li.item h2{
		position: relative;
		color: #fff;
		font-size: 16px;
	}
		.item h2.active{ color: #703a00; }

	li.item ul{
    	list-style:none;
	    position:absolute;
    	top:20px;
    	left: -1em;
	}
		
		li.item ul a{ font-weight: bold ; }
		
		li.item li{ 
			opacity: 0;
	    	filter: alpha(opacity=0);
	    	zoom: 1; /* IE7 */
	    }
			.second,
			.third{
				position: relative;
				left: -1em;
			}
			
	img.saucer{
		position: absolute;
		top:25px;
		left:25px;
		width: 100px;
		height: 100px;
		opacity: 0;
		filter: alpha(opacity=0);
	}
	
		a.icon{
			display: block;
			width: 125px;
			height: 19px;
			position:absolute;
		    top:65px;
    		left:15px;
    		cursor:pointer;
		}
	
	

/****************************************

          6. clearfix

*****************************************/

.clearboth{
	display: block;
	clear: both;
}

.clearfix:after{ 
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

/* clearfix for ie7 */
.clearfix{ 
    display: inline-block; 
}
.clearfix{ 
    display: block; 
}