@charset "utf-8";
/* CSS Document */
html {
	overflow-y:scroll;
	background-color:#FFF;
}
body {
	margin: 0px;
	background: url(../resource/subbg.jpg) no-repeat fixed top center #FFF;
	width: 100%;
	min-width: 1000px;
	overflow: hidden;
}

/* main-page_base -------------------------------- */	
#wrapper {
	min-width: 1000px;
	position:relative;
	margin:0 auto;
	background-position:top center;
	line-height: 0px;
	text-align:center;
}
/* MENU -------------------------------- */


#main_menu {
	position:relative;
	width: 998px;
	height: 144px;
	margin: 0px auto;
	z-index:3;
}
.m00 a {
	display:block;
	width:156px;
	height:144px;
	background:url(../resource/sub_logo.png) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
}
.m00 a:hover, .m00 a.on{
	background-position: 0 -144px;
}
.m01 a {
	display:block;
	width:116px;
	height:116px;
	background:url(../resource/submenu01.png) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
}
.m01 a:hover, .m01 a.on{
	background-position: 0 -116px;
}
.m02 a {
	display:block;
	width:116px;
	height:116px;
	background:url(../resource/submenu02.png) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	/*margin-top:30px;*/
}
.m02 a:hover, .m02 a.on{
	background-position: 0 -116px;
}
.m03 a {
	display:block;
	width:116px;
	height:116px;
	background:url(../resource/submenu03.png) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
}
.m03 a:hover, .m03 a.on{
	background-position: 0 -116px;
}
.m04 a {
	display:block;
	width:116px;
	height:116px;
	background:url(../resource/submenu04.png) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	/*margin-top:30px;*/
}
.m04 a:hover, .m04 a.on{
	background-position: 0 -116px;
}
.m05 a {
	display:block;
	width:116px;
	height:116px;
	background:url(../resource/submenu05.png) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
}
.m05 a:hover, .m05 a.on{
	background-position: 0 -116px;
}
.m06 a {
	display:block;
	width:116px;
	height:116px;
	background:url(../resource/submenu06.png) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	/*margin-top:30px;*/
}
.m06 a:hover, .m06 a.on{
	background-position: 0 -116px;
}
.m07 a {
	display:block;
	width:116px;
	height:116px;
	background:url(../resource/submenu07_00.png) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
}
.m07 a:hover, .m07 a.on{
	background-position: 0 -116px;
}

/* main-page_base -------------------------------- */
#contents_main {
	position: relative;
	width: 998px;
	margin: 0 auto;
	z-index:3;
	min-height:100%;
	overflow:auto;
	background-image:url(../resource/sub_contentsbg.png);
}

/* --------------------SIDE-MENU-------------------- */

#sidemenu {
	float: left;
	position: relative;
	left:13px;
	width: 252px;
	height:100%;
	margin-bottom:12px;
}



/* CONTENTS -------------------------------- */	


#contents {
	float: right;
	position: relative;
	width: 700px;
	height:100%;
	right:19px;
}




/* FOOTER -------------------------------- */

#footerbg {
	background-color:#FFF;
	width:100%;
	min-width:1000px;
}

#footer {
	width:949px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom:5px;
	text-align: center;
	/*background-image:url(../resource/footer161220.gif);
	background-repeat: no-repeat;*/
}

#footer .platform-logos img:nth-child(n-4) {
	vertical-align: middle;
	margin: 15px 10px;
}

#footer .platform-logos img:nth-child(n+4) {
	vertical-align: middle;
	margin: 15px;
}

#footer .company-logos img {
	vertical-align: middle;
	margin: 15px;
}

#footer p {
	line-height: initial;
	color: #432702;
	font-size: 9px;
	font-weight: 600;
	margin-top:5px;
	margin-bottom:0px;
}


/* PAGE UP -------------------------------- */

#page-top{
	width:100px;
	height:100px;
	display:none;
	position:fixed;
	right:16px;
	bottom:1px;
	z-index:6;
}
 
#page-top p{
	margin:0;
	padding:0;
	text-align:center;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}
 
#page-top p:hover{
	opacity:0.8;
}
 
#move-page-top{
	line-height:100px;
	text-decoration:none;
	display:block;
	cursor:pointer;
}

/* OTHER -------------------------------- */

#alpha a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}