@charset "utf-8";

/*
Site Name: 
Description: layout
*/

/* base layout
----------------------------------------- */
#container{
	padding: 0px;
	margin: 0px auto;
	text-align: center;
}
#header{
	width: 100%;
	height: 50px;
	margin: 0px auto;
	text-align: center;
	overflow: hidden;
	position: fixed;
	top: 0;
	z-index: 1000;
	transition: all .5s;
}
#header.change-color {
    background-color: #FFF;
}
#content{
	text-align: left;
	overflow: hidden;
}
.wrapper,
.inner{
    width: 950px;
    max-width: 100%;
    margin: 0px auto;
	padding: 0px 30px;
    position: relative;
}
.bg-black{
	color: #FFF;
	margin: 60px 0;
	padding: 30px 0;
	background-color: #111111;
	background-image: url(../img/bg_black_bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 500px 500px;
	overflow: hidden;
}
#bottom-bg{
	height: 250px;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	position: relative;
}
.aboutus #bottom-bg{
	background-image: url(../img/bottom-bg_aboutus.jpg);
}
.service #bottom-bg{
	background-image: url(../img/bottom-bg_service.jpg);
}
.staff #bottom-bg{
	background-image: url(../img/bottom-bg_staff.jpg);
}
.csr #bottom-bg{
	background-image: url(../img/bottom-bg_csr.jpg);
}
#footer{
	margin: 0px auto;
	text-align: center;
	overflow: hidden;
}
@media all and (max-width: 990px){
.bg-black{
	background-size: 300px 100px;
}
.aboutus #bottom-bg{
	background-image: url(../img/bottom-bg_aboutus_sp.jpg);
}
.service #bottom-bg{
	background-image: url(../img/bottom-bg_service_sp.jpg);
}
.staff #bottom-bg{
	background-image: url(../img/bottom-bg_staff_sp.jpg);
}
.csr #bottom-bg{
	background-image: url(../img/bottom-bg_csr_sp.jpg);
}
}
/* content layout */
#main{
	width: 100%;
}

/* column css
----------------------------------------- */
@media all and (max-width: 640px){
div.left{
	float: left;
	text-align: left;
}
div.right{
	float: right;
	text-align: left;
}
div.center{
	margin-right: auto;
	margin-left: auto;
}
@media all and (max-width: 990px){
div.left,
div.right{
	float: none;
	text-align: left;
}
}