@charset "utf-8";
/* CSS Document */
html {
	overflow-y:scroll;
	background-color:#1d1d1d;
}
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 -------------------------------- */
#contents_ban {
	height: auto;
}
.block {
	display: block;
}

#main_menu {
	position:relative;
	width: 975px;
	height: 148px;
	margin: 0px auto;
	z-index:3;
}
.menu00 a {
	display:block;
	width:153px;
	height:148px;
	background:url(../resource/sublogo.png) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: 0 auto;
}
.menu00 a:hover, .menu00 a.on{
	background-position: 0 -148px;
}
.menu01 a {
	display:block;
	width:122px;
	height:112px;
	background:url(../resource/submenu01.png) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: 0 auto;
}
.menu01 a:hover, .menu01 a.on{
	background-position: 0 -112px;
}
.menu02 a {
	display:block;
	width:122px;
	height:112px;
	background:url(../resource/submenu02.png) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: 0 auto;
}
.menu02 a:hover, .menu02 a.on{
	background-position: 0 -112px;
}
.menu03 a {
	display:block;
	width:122px;
	height:112px;
	background:url(../resource/submenu03.png) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: 0 auto;
}
.menu03 a:hover, .menu03 a.on{
	background-position: 0 -112px;
}
.menu04 a {
	display:block;
	width:122px;
	height:112px;
	background:url(../resource/submenu04.png) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: 0 auto;
}
.menu04 a:hover, .menu04 a.on{
	background-position: 0 -112px;
}
.menu05 a {
	display:block;
	width:122px;
	height:112px;
	background:url(../resource/submenu05.png) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: 0 auto;
}
.menu05 a:hover, .menu05 a.on{
	background-position: 0 -112px;
}
.menu06 a {
	display:block;
	width:122px;
	height:112px;
	background:url(../resource/submenu06.png) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: 0 auto;
}
.menu06 a:hover, .menu06 a.on{
	background-position: 0 -112px;
}

/* main-page_base -------------------------------- */
#contents_main {
	position: relative;
	width: 961px;
	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:5px;
	width: 260px;
	height:100%;
}


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


#contents {
	float: right;
	position: relative;
	right:20px;
	width: 655px;
	height:100%;
	min-height: 100%;
	margin-bottom:12px;
}
#contents_pro {
	float: right;
	position: relative;
	right:20px;
	width: 655px;
	height:100%;
	min-height: 100%;
}




/* FOOTER -------------------------------- */
#footerbg {
	background-color:#1d1d1d;
	width:100%;
	min-width:1000px;
}

#footer {
	width:1000px;
	height: 121px;
	margin-right: auto;
	margin-left: auto;
	background-image:url(../resource/footer20161220.gif);
	background-repeat: no-repeat;
}


/* 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 )";
}