body{  
    background-image: url("../img/top_bg.jpg");
    margin-top: 150px;
    width:980px;
}  
* html body{  
    overflow: hidden;  
}   

.resizeimage {
   width:100%;
   height:100%;
   position:relative;
   text-align:center;
   margin-left:auto;margin-right:auto;
} 

.resizeimage img { width: 100%; border: none;}

.button_cl {
	max-width: 461px; /* �ő啝 */
	width:100%;
	position:absolute;
	z-index:100;
	margin-left:36%;
	margin-top: -300px;
}

.button_st {
	max-width: 461px; /* �ő啝 */
	width:100%;
	position:absolute;
	z-index:100;
	margin-left:36%;
	margin-top: -200px;
}

.button_un {
	max-width: 461px; /* �ő啝 */
	width:100%;
	position:absolute;
	z-index:100;
	margin-left:36%;
	margin-top: -100px;
}

a:hover .button_st{
 opacity:0.8;
 filter:alpha(opacity=80);
 -ms-filter: �galpha( opacity=80 )�h;
 }

a:hover .button_un{
 opacity:0.8;
 filter:alpha(opacity=80);
 -ms-filter: �galpha( opacity=80 )�h;
 }

a:hover .button_cl{
 opacity:0.8;
 filter:alpha(opacity=80);
 -ms-filter: �galpha( opacity=80 )�h;
 }


div#footer {
    position: fixed !important;  
    position: absolute;  
    bottom: 0;  
    left: 0;  
    width: 100%;  
    height: 50px;  
    background-color: #FFFFFF;  
    color: #fff;  
}  
* html div#contentsArea{  
    height: 100%;  
    overflow: auto;  
}  
/* unitip css */

#unitip {
	position: absolute;
	z-index: 1000;
	top: -1000px;
	color: #fff;
	font: normal normal 12px Verdana, Arial, Helvetica, sans-serif;
	display: none;
}

	#unitippoint, #unitipmid, #unitipcap {
		position: relative;
		top: 0px; 
		left: 0px;
		width: 290px;
		display: block;
	}
	
	#unitippoint { 
		background: url(../img/TipPoint.png) no-repeat; 
		height: 19px; 
		overflow: hidden; 
	}
	
	#unitipmid { 
		background: url(../img/TipMid.png) repeat; 
		width: 260px;
		height: auto; 
		padding: 5px 15px;
	}
	
	#unitipcap { 
		background: url(../img/TipCap.png) no-repeat; 
		height: 7px; 
		overflow: hidden; 
	}