@charset "utf-8";
/* CSS Document */

/*container*/
.l-container {
	margin: auto;
	font-size: 0;
}
/*home only*/
@media screen and (min-width: 1400px) {
	
	#home .l-container {
		width: 1365px;
	}
	
}
/*home only*/
@media screen and (min-width: 960px) and (max-width: 1399px) {
	
	#home .l-container {
		width: 925px;
	}
		
}
/*content only*/
@media screen and (min-width: 1200px) {
	
	#content .l-container {
		width: 1175px;
	}
	
}
/*content only*/
@media screen and (min-width: 960px) and (max-width: 1199px) {
	
	#content .l-container {
		width: 925px;
	}
		
}
/*common*/
@media screen and (min-width: 768px) and (max-width: 959px) {

	.l-container {
		width: 670px;
	}	

}
/*common*/
@media screen and (max-width: 767px) {

	.l-container {
		width: 100%;
	}
		
}
/*print*/
@media print {
	
	.l-container {
		width: 925px;
	}
		
}

/*header*/
.l-header {
	display: inline-block;
	vertical-align: top;
}
/*print*/
@media print {
	
	.l-header {
		display: table-cell;
	}
}

/*main*/
.l-main {
	display: inline-block;
	vertical-align: top;
	font-size: 0;
}
/*home only*/
@media screen and (min-width: 1400px) {
	
	#home .l-main {
		width: 1135px;
	}
	
}
/*home only*/
@media screen and (min-width: 960px) and (max-width: 1399px) {
	
	#home .l-main {
		width: 695px;
	}
		
}
/*content only*/
@media screen and (min-width: 1200px) {
	
	#content .l-main {
		width: 945px;
	}
	
}
/*content only*/
@media screen and (min-width: 960px) and (max-width: 1199px) {
	
	#content .l-main {
		width: 695px;
	}
		
}
/*common*/
@media screen and (min-width: 768px) and (max-width: 959px) {

	.l-main {
		width: 440px;
	}	

}
/*common*/
@media screen and (max-width: 767px) {

	.l-main {
		width: 100%;
	}
		
}
/*print*/
@media print {
	
	.l-main {
		display: table-cell;
	}
		
}

/*footer*/
.l-footer {
	background-color: #4892B7;
}