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


html{
height:100%;
}

body{
position:relative;
width:100%;
height:100%;
z-index:1;
}


/***************
top
****************/
#top-title {
	position:absolute;
    top:100px;
    left:50px;
	z-index:10;
}


/***************
menu
****************/

#nav {
    margin:0; 
    padding:0; 
    list-style:none;
	position:absolute;
    top:250px;
    left:50px;
}  


     
    /* make the LI display inline */
    /* it's position relative so that position absolute */
    /* can be used in submenu */
    #nav li {
        display:block; 
        position:relative;
        z-index:500; 
        margin: 0 0 10px 0;
		padding: 0;
    }
         
    /* this is the parent menu */
    #nav li a {
        display:block; 
        /*height:23px;*/ 
        text-align: left; 
    }
 

     
    /* you can make a different style for default selected value */
    #nav a.selected {
        color:#f00;
    }
     
        /* submenu, it's hidden by default */
        #nav ul {
            position:absolute; 
            left:180px; 
            top:0px;
			display:none; 
            margin:0 0 0 0; 
            padding:0 0 0 20px; 
            list-style:none;
        }
         
        #nav ul li {
            position:relative;
        	display:block; 
        	margin:0 0 5px 0;
        }
         
        /* display block will make the link fill the whole area of LI */
        #nav ul a {
            display:block;  
        }

/***************
contents
****************/
#contents{
width:100%;
height:100%;
position:fixed;
background:url(/img/common/con_bg.png);
z-index:1;
}

#contentsCon{
position:absolute;
left:400px;
top:250px;
z-index:105;
}

#conArea{
width:780px;
}