@import "style.css";


body{
    margin:0;
	padding:0;
	OVERFLOW-X: hidden;
	background-color:#fff;
	}

html, div, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, from{
    margin:0;
	padding:0;
	}


ul, ol, dl { 
    list-style:none;
	}
	
img {

    border:0;
	
	}



	

/***¸ÞÀη¹À̾ƿô**/	
#main {

	POSITION:relative; 
	WIDTH: 100%;
	HEIGHT:520px;
	Z-INDEX: 2;
	TOP:0px;
	text-align: center;
	background:url(image/m_bg.jpg) repeat-x top center;
}
#main_lay{
	POSITION: relative;
	WIDTH: 100%;
	HEIGHT: 520px;
	TOP:0px;
	text-align:left;
	margin:0 auto;
	left:0px;
	background:url(image/main_bg.jpg) no-repeat top center;
}
#main_in{
	POSITION: relative;
	WIDTH:980px;
	HEIGHT: 520px;
	TOP:0px;
	text-align:left;
	margin:0 auto;
	left:0px;

}
#main_in #m_txt {position:absolute; top:40px; left:15px;}
#main_in #m_img {position:absolute; top:33px; left:50%; margin-left:30px;}


/***Á¦Ç°¼Ò°³**/
#m_pro:after {content:""; display:block; clear:both}
#m_pro {
	Z-INDEX: 1;
	POSITION:relative;
	WIDTH:100%;
	min-height:275px;
	LEFT:0px;
	text-align:center;
	top:-5px;
	margin:0 auto;
	background:url(image/m_pro_bg.png) repeat-x top;	
}

#m_pro_lay {
	POSITION:relative;
	WIDTH:980px;
	LEFT:0px;
	text-align:center;
	top:0px;
	margin:0 auto;	
}
#m_pro_lay h1 {text-align:left; margin:0px 0 0 0;}

#m_pro_lay li.rollover01 {float:left;  margin:20px 4px 0 0px;}
#m_pro_lay li.rollover01 a {display:block; width:160px; height:187px; text-indent:-3000px; background:url(image/m_pro01.jpg) no-repeat; background-position:0 0;}
#m_pro_lay li.rollover01 a:hover {background-position:0 -187px;}


#m_pro_lay li.rollover02 {float:left; margin:20px 4px 0 0px;}
#m_pro_lay li.rollover02 a {display:block; width:160px; height:187px; text-indent:-3000px; background:url(image/m_pro02.jpg) no-repeat; background-position:0 0;}
#m_pro_lay li.rollover02 a:hover {background-position:0 -187px;}


#m_pro_lay li.rollover03 {float:left;  margin:20px 4px 0 0px;}
#m_pro_lay li.rollover03 a {display:block; width:160px; height:187px; text-indent:-3000px; background:url(image/m_pro03.jpg) no-repeat; background-position:0 0;}
#m_pro_lay li.rollover03 a:hover {background-position:0 -187px;}


#m_pro_lay li.rollover04 {float:left; margin:20px 4px 0 0px;}
#m_pro_lay li.rollover04 a {display:block; width:160px; height:187px; text-indent:-3000px; background:url(image/m_pro04.jpg) no-repeat; background-position:0 0;}
#m_pro_lay li.rollover04 a:hover {background-position:0 -187px;}

#m_pro_lay li.rollover05 {float:left; margin:20px 4px 0 0px;}
#m_pro_lay li.rollover05 a {display:block; width:160px; height:187px; text-indent:-3000px; background:url(image/m_pro05.jpg) no-repeat; background-position:0 0;}
#m_pro_lay li.rollover05 a:hover {background-position:0 -187px;}

#m_pro_lay li.rollover06 {float:left; margin:20px 0 0 0px;}
#m_pro_lay li.rollover06 a {display:block; width:160px; height:187px; text-indent:-3000px; background:url(image/m_pro06.jpg) no-repeat; background-position:0 0;}
#m_pro_lay li.rollover06 a:hover {background-position:0 -187px;}


/***ÄÜÅÙÃ÷***/
#content:after {clear:both;display:block;content:"";}
#content {
	clear:both;
    Z-INDEX: 11;
	POSITION: relative;
	WIDTH: 100%;
	min-height:175px;
	TOP:-5px;
	text-align: center;
	background:#f7f7f7;	
}
#content_in {

	POSITION: relative;
	WIDTH:980px;
	text-align:center;
	top:30px;
	margin:  0  auto 0px auto;

}
/***Á¦Ç°°¶·¯¸®***/
#m_gallery { position:absolute;width:435px; text-align:left; left:0px;}
#m_gallery ul{ float:left;}
#m_gallery ul.tit {margin:5px 30px 5px 20px;}
#m_gallery ul.tit li {margin:0 0 8px 0;}


/**¿Â¶óÀι®ÀÇ**/
#m_online{ position:absolute;width:225px; text-align:left; left:435px; background:url(image/m_online_bg.gif) no-repeat right top;}
#m_online ul.tit {margin:5px 30px 5px 20px;}
#m_online ul.tit li {margin:0 0 8px 0;}


/**°í°´¼¾ÅÍ**/
#m_tel { position:absolute;width:320px; text-align:center; left:660px; }
#m_tel p {margin:5px auto;}



#bottom {
	POSITION: relative; 
	WIDTH: 100%; 
	HEIGHT: 100px;
	text-align: center;
	TOP:-10px;
	border-top:1px solid #d9d9d9;
	
}

#bottom_lay {
	WIDTH: 980px;
	POSITION: relative;
	margin: 0 auto;
	text-align:left;
	top:0;
	
	
}
#bottom_lay li{float:left;width:200px; padding:15px 0 0 0px;}
#bottom_lay li.copy_t{float:left;width:750px;  padding:15px 0 0 0px;  font-size:11px; color:#525252; line-height:160%;}

#bottom_lay li.copy_t span { display:block; font-family: Verdana, Geneva, sans-serif; font-size:10px; color:#a3a3a3; line-height:220%; }