@charset "utf-8";
@import url("reset.css");
/* CSS Document */
/*----�̥~�ت��B�ʦ@��----*/
#FloatMouse { width:75px; height:125px; right:-75px; top:220px; position:absolute;}
#FloatMouse h1 a{ display:block; width:75px; height:125px; background:url(../images/mouse_out.png) no-repeat; text-indent:-9999px;}
#FloatMouse h1 a:hover{ background:url(../images/mouse_over.png) no-repeat;}
/*----Header�@��----*/
#WAPPER { width:920px; margin:0 auto;}
#WAPPER #HEADER { width:920px; height:165px; position:relative; margin:0 auto;}
#WAPPER #HEADER h1 { margin-left:25px; margin-top:25px; position:absolute;}
#WAPPER #HEADER h1 a { display:block; width:325px; height:70px; text-indent:-9999px; background:url(../images/logo.jpg) no-repeat;}
#WAPPER #HEADER h2 { width:570px; height:110px; position:absolute; right:0px;}
#WAPPER #HEADER h3 { width:920px; height:15px; position:absolute; bottom:0px; background:url(../images/menu/menufooter.jpg) no-repeat;}
/*----�@��----*/
#WAPPER #HEADER #Menu { width:915px; height:40px; position:absolute; top:110px; z-index:85; margin:0 auto;}
#WAPPER #HEADER #Menu ul { clear:both;}
#WAPPER #HEADER #Menu li { float:left;}




#WAPPER #HEADER #Menu li.About a { display:block; width:155px; height:40px; text-indent:-9999px; background:url(../images/menu/btn_01.jpg) top;}
#WAPPER #HEADER #Menu li.About a.OVER { background-position:bottom;}
#WAPPER #HEADER #Menu li.About a:hover { background:url(../images/menu/btn_01.jpg) bottom;}

#WAPPER #HEADER #Menu li.Life a { display:block; width:150px; height:40px; text-indent:-9999px; background:url(../images/menu/btn_02.jpg) top;}
#WAPPER #HEADER #Menu li.Life a.OVER { background-position:bottom;}
#WAPPER #HEADER #Menu li.Life a:hover { background:url(../images/menu/btn_02.jpg) bottom;}

#WAPPER #HEADER #Menu li.Project a { display:block; width:150px; height:40px; text-indent:-9999px; background:url(../images/menu/btn_03.jpg) top;}
#WAPPER #HEADER #Menu li.Project a.OVER { background-position:bottom;}
#WAPPER #HEADER #Menu li.Project a:hover { background:url(../images/menu/btn_03.jpg) bottom;}

#WAPPER #HEADER #Menu li.China a { display:block; width:150px; height:40px; text-indent:-9999px; background:url(../images/menu/btn_04.jpg) top;}
#WAPPER #HEADER #Menu li.China a.OVER { background-position:bottom;}
#WAPPER #HEADER #Menu li.China a:hover { background:url(../images/menu/btn_04.jpg) bottom;}

#WAPPER #HEADER #Menu li.Memeber a { display:block; width:150px; height:40px; text-indent:-9999px; background:url(../images/menu/btn_05.jpg) top;}
#WAPPER #HEADER #Menu li.Memeber a.OVER { background-position:bottom;}
#WAPPER #HEADER #Menu li.Memeber a:hover { background:url(../images/menu/btn_05.jpg) bottom;}

#WAPPER #HEADER #Menu li.Event a { display:block; width:160px; height:40px; text-indent:-9999px; background:url(../images/menu/btn_06.jpg) top;}
#WAPPER #HEADER #Menu li.Event a.OVER { background-position:bottom;}
#WAPPER #HEADER #Menu li.Event a:hover { background:url(../images/menu/btn_06.jpg) bottom;}
/*----Footer�@��----*/
#WAPPER #FOOTER { width:910px; height:170px; margin:0 auto; margin-top:20px; clear:both;}
#WAPPER #FOOTER h1 { width:910px; height:15px; background:url(../images/footer/span.jpg) no-repeat;}
#WAPPER #FOOTER ul {
	width:840px;
	height:70px;
	margin:0 auto;
}
#WAPPER #FOOTER ul img { border:0px;}
#WAPPER #FOOTER li { float:left;}
#WAPPER #FOOTER h2 { width:620px; height:15px; background:url(../images/footer/span2.jpg) no-repeat; margin:0 auto;}
#WAPPER #FOOTER h3 { text-align:center; color:#707070; font-weight:100; line-height:18px;}
#WAPPER #FOOTER h3 a { color:#707070; text-decoration:none;}
#WAPPER #FOOTER h3 a:hover { color:#FF0000; text-decoration:underline;}

/*----�����D�n�ج[�@��----*/
#CONTENT { width:910px; margin-left:15px; margin-bottom:10px;}
#CONTENT #MENU { width:195px; margin-left:0px; float:left;}
#CONTENT #MENU h1 { width:195px;}
#CONTENT #MENU h2 { width:195px; margin-top:5px;}
#CONTENT #MENU h3 { width:195px; height:150px;}
#CONTENT #MENU h4 { width:195px; height:105px; margin-top:5px;}
#CONTENT #MENU h5 { width:195px; height:10px;}

/*----�����D�n�ج[�@��-���e����----*/
#CONTENT #CON { width:670px; margin-left:20px; float:left;}
#CONTENT #CON #NowMpap { background:url(../images/all_page/nowmap_bg.jpg) no-repeat; width:650px; height:25px; color:#707070; line-height:25px; padding-left:20px; position:relative;}
#CONTENT #CON #NowMpap a { color:#707070; text-decoration:none;}
#CONTENT #CON #NowMpap a:hover { color:#FF0000; text-decoration:underline;}

#CONTENT #CON #NowMpap h6 { font-size:12px; color:#FF0000; font-weight:100; line-height:25px; position:absolute; right:10px; top:0px;}
#CONTENT #CON #NowMpap h6 a { color:#FF0000; text-decoration:none;}
#CONTENT #CON #NowMpap h6 a:hover { color:#990000; text-decoration:underline;}

#CONTENT #CON #Visual { width:670px; height:130px; margin-top:10px;}

/*----�Z�l�w���Υi�H����----*/
#CONTENT #CON #reView { width:670px;}

/*----�������D��----*/
#CONTENT #CON #ConTitle { width:670px; height:40px; margin-bottom:20px;}

/*----Top����----*/
#CONTENT #CON #Top { width:670px; height:30px; background:url(../images/all_page/top_bg.jpg) repeat-x top; margin-top:20px;}
#CONTENT #CON h1{ float:right;}
#CONTENT #CON h1 a {display:block; width:80px; height:30px; text-indent:-9999px;
background:url(../images/all_page/top_btn.jpg) top no-repeat;}
#CONTENT #CON h1 a:hover { background:url(../images/all_page/top_btn.jpg) bottom no-repeat;}