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

body {
	background-color:#FFFFFF;
}

#container {
	display:block;
	margin:0;
	padding:0;
	text-align:left;
}

/** contents */
#contents {
	width:920px;
	height:800px;
	background-image:url(../img/index/bg.jpg);
	margin:0px auto;

}

#contents:after {
	clear:both;
	content:".";
	display:block;
	font-size:1%;
	height:0;
	visibility:hidden;
}


#contents #top_left {
	display:block;
	width:455px;
	height:468px;
	float:left;

}

#contents #top_left h1 {
	text-indent:-9999px;
}

#contents #top_right {
	display:block;
	width:465px;
	height:468px;
	float:right;
}

#contents #top_right p{
	text-indent:-9999px;
}

/** menu box --> download button */
#contents #menu_box{
	clear:both;
	display:block;
}

#contents #menu_box #download{
	text-align:center;
		
}
#contents #menu_box #download img {
	text-align : center ;
}

/*
#contents #menu_box #download a {
	display: block;
	width :405px;
	height:85px;
	text-align : center ;
	background-repeat : no-repeat ;
	background-position : top center ;
	 
	margin:0 auto;
	background-image:url(../common/img/btn/btn_dl.jpg)
}

#contents #menu_box #download a:hover{
	background-image:url(../common/img/btn/btn_dl_o.jpg)
}
*/

/** menu box --> menu*/
#contents #menu_box #menu {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display:block;
	width :666px;
	height:95px;
	margin:0 auto;
}

#contents #menu_box #menu li{
	width :222px;
	height:95px;
	display:block;
	float:left;
}


#contents #menu_box #menu a {
	display: block;
	width :222px;
	height:95px;
	text-align : center ;
	text-indent:-9999px;
	background-repeat : no-repeat ;
	background-position : top center ;
	 
	margin:0 auto;
}

#contents #menu_box #menu #m1 {
	background-image:url(../img/index/btn_m1.jpg);
}

#contents #menu_box #menu #m1:hover {
	background-image:url(../img/index/btn_m1_o.jpg);
}

#contents #menu_box #menu #m2 {
	background-image:url(../img/index/btn_m2.jpg);
}

#contents #menu_box #menu #m2:hover {
	background-image:url(../img/index/btn_m2_o.jpg);
}

#contents #menu_box #menu #m3 {
	background-image:url(../img/index/btn_m3.jpg);
}

#contents #menu_box #menu #m3:hover {
	background-image:url(../img/index/btn_m3_o.jpg);
}

/** footer */
#contents #footer {
	clear:both;
	display: block;
	width:847px;
	height:81px;
	background-repeat : no-repeat ;
	background-position : top center ;	
	background-image:url(../img/index/footer.jpg);
	margin:0 auto;
}

#contents #footer ul {
	
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display:block;
	width :547px;
	height:81px;
	margin:0 auto;
}
#contents #footer ul li{
	display:block;
	height:41px;
	float:left;
}


#contents #footer ul li a {
	display: block;
	height:41px;
	text-align : center ;
	text-indent:-9999px;
	background-repeat : no-repeat ;
	background-position : top center ;
	 
	margin:0 auto;
}

#contents #footer #m1 { width:67px; }
#contents #footer #m1 a{ background-image:url(../img/index/btn_f_m1.jpg); }
#contents #footer #m1 a:hover { background-image:url(../img/index/btn_f_m1_o.jpg); }

#contents #footer #m2 { width:42px; }
#contents #footer #m2 a{ background-image:url(../img/index/btn_f_m2.jpg); }
#contents #footer #m2 a:hover { background-image:url(../img/index/btn_f_m2_o.jpg); }

#contents #footer #m3 { width:76px; }
#contents #footer #m3 a { background-image:url(../img/index/btn_f_m3.jpg); }
#contents #footer #m3 a:hover { background-image:url(../img/index/btn_f_m3_o.jpg); }

#contents #footer #m4 { width:123px; }
#contents #footer #m4 a { background-image:url(../img/index/btn_f_m4.jpg); }
#contents #footer #m4 a:hover { background-image:url(../img/index/btn_f_m4_o.jpg); }

#contents #footer #m5 { width:90px; }
#contents #footer #m5 a { background-image:url(../img/index/btn_f_m5.jpg); }
#contents #footer #m5 a:hover { background-image:url(../img/index/btn_f_m5_o.jpg); }

#contents #footer #m6 { width:69px; }
#contents #footer #m6 a { background-image:url(../img/index/btn_f_m6.jpg); }
#contents #footer #m6 a:hover { background-image:url(../img/index/btn_f_m6_o.jpg); }

#contents #footer #m7 { width:80px; }
#contents #footer #m7 a { background-image:url(../img/index/btn_f_m7.jpg); }
#contents #footer #m7 a:hover { background-image:url(../img/index/btn_f_m7_o.jpg); }

#footer p { text-indent:-9999px; }