@charset "utf-8";

body {
	width:100%;
	background-size:1920px 1080px;
	background:no-repeat;
}

#header{
	width:100%;
	/*position: fixed;*/
	top:0;
	left:0;
	z-index:100;
}

#header #header_bgl{
	width:45px;
	height:117px;
	z-index: 100;
	position: fixed;
}
#header h1{
	width:360px;
	height:117px;
	position: fixed;
	top:0;
	left:45px;
	z-index: 100;
	background-size:360px 117px;
}
#header #header_bgr{
	width:100%;
	height:117px;
	position: fixed;
	top:0;
	left:405px;
	background-repeat: repeat-x;
	z-index: 100;
}
#header #header_bgr ul{
	position: fixed;
	top:15px;
	right:0px;
	z-index: 500;
}
#header #header_bgr li{
	float:left;
}
#header #spMenu_btn {
	display:none;
}
#spMenu{
	display:none;
}
#main_manu{
	width:100%;
	height:50px;
	position: fixed;
	bottom:0;
	left:0;
	background:#ffffff;
	z-index: 100;
}
#main_manu li{
	float:left;
}
#main_manu li span{ display:none; }
#main_manu #copyright { display:none; }
#bnr_area{
	position: fixed;
	bottom:68px;
	right:38px;
}
#bnr_side{
	position: fixed;
	top:40%;
	right:73px;
	width:252px;
	height:93px;
	/*height:294px;*/
	overflow:hidden;
	background-image:url(../images/common/bnr_bg.png);
	z-index: 200;
}
#bnr_side ul{
	margin-top:48px;
	margin-left:20px;
}
#bnr_side li{
	margin-top:50px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#bnr_side li:not(:target) { margin-top:54px }
}
#bnr_side li a{
	color:#ffffff;
	font-weight:bold;
	font-size:12px;
	text-decoration:none;
}

/**************************************************************************************/
/**************************************************************************************/
/* max-height:700px */
/**************************************************************************************/
/**************************************************************************************/
@media screen and (max-height:700px){

#bnr_side{
	position: fixed;
	top:120px;
	right:73px;
	width:252px;
	height:294px;
	background-image:url(../images/common/bnr_bg.png);
}

}

/**************************************************************************************/
/**************************************************************************************/
/* max-width:1000px */
/**************************************************************************************/
/**************************************************************************************/
@media screen and (max-width:1000px){

	#bnr_area{ display:none; }
	#bnr_side{ display:none; }
	#header_bgr ul { display:none; }
}

/**************************************************************************************/
/**************************************************************************************/
/* SP Site*/
/**************************************************************************************/
/**************************************************************************************/
@media screen and (max-width:768px){

	body { background-size:100%; }
	#header {
		position: relative;
		overflow: hidden;
	}
	#header #header_bgl{
		width:15px;
		height:65px;
		background-size: auto 100%;
		position:static;
	}
	#header h1{
		width:200px;
		height:65px;
		position: absolute;
		top:0;
		left:15px;
		background-size:200px;
	}
	#header #header_bgr{
		width:100%;
		height:65px;
		position: absolute;
		top:0;
		left:215px;
		background-repeat: repeat-x;
		background-size: auto 100%;
	}
	#header #header_bgr ul{ display:none; }
	#header #spMenu_btn {
		display:block;
		position: absolute;
		top:10px;
		right:15px;
		width:40px;
		z-index: 150;
	}
	#header #spMenu_btn img {
		width:40px;
	}
	#spMenu{
		width: 100%;
		height:0%;
		display:block;
		overflow: hidden;
		position: absolute;
		left: 0px;
		z-index: 1000;
		background-image: url(../images/common/side_bg.png);
		background-repeat: repeat;
	}
	#spMenu ul {
		background-image:url(../images/common/bg_fmenu.png);
		background-size:768px 495px;
		background-repeat: no-repeat;
	}
	#spMenu li {
		float:none;
		font-size:18px;
		padding-top:14px;
		height:31px;
		margin-left:30px;
		color:#ffffff;
		font-weight:bolder;
	}
	#spMenu li a{
		color:#ffffff;
		font-weight:bold;
		display:block;
		text-decoration:none;
	}
	#spMenu li span{
		width:85%;
		display:block;
		float: left;
	}
	#spMenu li span.onoff{
		display:block;
		margin-right: 10px;
		float: right;
		width: 18px;
	}
	#spMenu li span.onoff img { display:block; }
	#spMenu img{ display:none; }
	#spMenu h3{
		font-size: 18px;
		color: #000;
		font-weight: bold;
		display: block;
		padding: 10px;
		text-align: center;
		background: #fff;
	}
	#contents { height: auto!important; }
	#bnr_area{ display:none; }
	#bnr_side{ display:none; }
	#main_manu {
		height:530px;
		position: relative;
		background-image:url(../images/common/bg_fmenu.png);
		background-size:768px 495px;
		margin-top:30px;
	}
	#main_manu ul{
		padding-top:1px;
	}
	#main_manu li {
		float:none;
		font-size:18px;
		margin-top:14px;
		height:31px;
		margin-left:30px;
		color:#ffffff;
		font-weight:bolder;
	}
	#main_manu li a{
		color:#ffffff;
		font-weight:bold;
		display:block;
		text-decoration:none;
	}
	#main_manu li span{
		width:85%;
		display:block;
		float: left;
	}
	#main_manu li span.onoff{
		display:block;
		margin-right: 10px;
		float: right;
		width: 18px;
	}
	#main_manu li span.onoff img { display:block; }
	#main_manu img{ display:none; }
	#main_manu #copyright {
		display:block;
		text-align:center;
		background:#000000;
		padding-top: 10px;
		color: #ffffff;
		font-size: 12px;
		/*height:100%;*/
	}


}