@charset "utf-8";

body,html{
	overflow-y: hidden;
}
#wrap-top {
	display:none;
}
#wrap-btm {
	height: 60px;
	background-color: #fff;
}
#footer .to-pagetop{
	display:none;
}
#copy_col {
	background: #fff;
}

/*--------------------------------------------------------------------
main
--------------------------------------------------------------------*/
#main{
	position: relative;
	width:100%;
	min-width: 1024px;
    height:900px;
	overflow: hidden;
}
#main .top_logo{
	position:absolute;
	width:218px;
    top:24px;
	left:24px;
	z-index: 100;
	opacity: 0;
	filter:alpha(opacity=0);
}
#main .top_logo2{
	position:absolute;
	width:218px;
    top:24px;
	left:24px;
	z-index: 101;
}
#main .top_site_logo{
	position:absolute;
	width:154px;
    bottom:24px;
	left:20px;
	z-index: 100;
}
#main .mainvisual{
	position: absolute;
    width:100%;
    height:auto;
	overflow: hidden;
}
#main .mainvisual_s{
	position: relative;
}
#main .mainvisual_s div{
	position: absolute;
	top:0;
	left:0;
	width:100%;
}
#main h1{
    position:absolute;
	width:545x;
    top:280px;
    left:280px;
	z-index: 30;
}
#main .h1_s{
    position:absolute;
	width:274px;
    bottom:20px;
    left:20px;
	z-index: 129;
	opacity: 0;
	filter:alpha(opacity=0);
	display: none;
}
#main .m_over{
	position:absolute;
	width:559px;
    height:100%;
    top:0;
	right:132px;
	z-index: 21;
	pointer-events : none;
}
#main .m_over .m_over_s{
	position: relative;
}
#main .m_over .m_over_s div{
	position: absolute;
	background: url(../img/top/bg_black.png) repeat left top;
	width:519px;
	height:132px;
}
#main .m_over .m_over_s div img{
	width:519px;
	height:auto;
}
#main .m_inner{
	position:absolute;
	width:132px;
    height:100%;
    top:0;
	right:0;
	z-index: 22;
	overflow: hidden;
}
#main .m_inner ul li{
	position: relative;
	width:132px;
	height:132px;
	overflow: hidden;
	background: #000;
}
#main .m_inner ul li a{
	display: block;
	position: relative;
	top:0;
	right:0px;
}
#main .m_inner ul li .img{
	position: absolute;
	width:100%;
	overflow: hidden;
	z-index: 0;
}
#main .m_inner ul li .txt{
	position: absolute;
	bottom:8px;
	width:100px;
	left:50%;
	margin-left:-50px;
	z-index: 1;
}
#main .m_inner .act_bar{
	position: absolute;
	top:0;
	right:0;
	width:6px;
	height:132px;
	background: #ffe600;
	z-index: 5;
}


@media screen and (max-width: 768px) {  
	body,html{
		overflow-y: auto;
	}

	#wrap-top {
		display:block;
	}
	#header .sub_header{
		display: none;
	}
	#wrap-btm {
		height: 60px;
		background-color: #fff;
	}

	#footer .to-pagetop{
		display:none;
	}
	#copy_col {
		background: #fff;
	}
	/*--------------------------------------------------------------------
	main
	--------------------------------------------------------------------*/
	#main{
		position: relative;
		width:100%;
		min-width: 100%;
		height:900px;
		overflow: hidden;
		background: #000;
	}
	#main .mainvisual{
		position: absolute;
		width:100%;
		height:auto;
		overflow: hidden;
	}
	#main .mainvisual a{
		cursor: pointer;
		margin:0;
	}
	#main .mainvisual_s{
		position: relative;
	}
	#main .mainvisual_s div{
		position: absolute;
		top:0;
		left:0;
	}
	#main .mainvisual_s div img{
		width:100%;
		height:auto;
	}
	#main h1{
		position:absolute;
		width:66.25%;
		top:280px;
		left:280px;
		z-index: 30;
	}
	#main .sp_over{
		position:absolute;
		width:100%;
		height:auto;
		top:0;
		left:0;
		z-index: 21;
	}
	#main .sp_over .sp_over_s{
		position: relative;
	}
	#main .sp_over .sp_over_s div{
		position: absolute;
		width:100%;
	}
	#main .m_inner{
		position:absolute;
		width:132px;
		height:100%;
		top:0;
		right:0;
		z-index: 22;
		overflow: hidden;
	}
	#main .m_inner ul li{
		position: relative;
		width:132px;
		height:132px;
		background: #000;
	}
	#main .m_inner ul li .img{
		position: absolute;
		z-index: 0;
	}
	#main .m_inner ul li .txt{
		position: absolute;
		bottom:8%;
		width:75%;
		left:12.5%;
		margin-left:0;
		z-index: 1;
	}
	#main .m_inner .act_bar{
		position: absolute;
		top:0;
		right:0;
		width:6%;
		height:132px;
		background: #ffe600;
		z-index: 5;
	}
}