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

@media print,screen and (min-width:1201px){ 
#footer {
	font-size: 0;
	width: 1200px;
	padding: 0 20px;
	margin: 0 auto;
	box-sizing: border-box;
	margin-top: 20px;
}
 
#footer .logo {
	text-indent: -9999px;
	display: inline-block;
	width: 195px;
	height: 55px;
	margin: 0 auto;
	background: url(../images/common/logo2.gif) no-repeat 10px;
	vertical-align: top;
}
 
#footer ul {
	display: inline-block;
	margin-top: 30px;
}
 
#footer li {
	display: inline-block;
	text-align: left;
	margin-left: 25px;
	vertical-align: middle;
}

#footer li a {
	font-size: 11px;
	text-decoration: none;
	color: #231815;
}

#footer li span {
	color: #fe7522;
}
 
#footer .info{
	display: inline-block;
	width: 960px;
	margin: 0 auto;
}
 
#footer .logo_r {
	text-indent: -9999px;
	display: inline-block;
	width: 175px;
	height: 71px;
	margin: 0 auto;
	background: url(../images/common/logo3.gif) no-repeat 40px 10px ;
	vertical-align: top;
	border-left: 1px solid #CCC;
}
 
#footer .copy {
	font-size: 11px;
	margin-left: 10px;
}	
}
@media screen and (min-width:621px) and (max-width:1200px){
#footer {
	font-size: 0;
	width: 1000px;
	padding: 0 20px;
	margin: 0 auto;
	box-sizing: border-box;
	margin-top: 20px;
}
 
#footer .logo {
	text-indent: -9999px;
	display: inline-block;
	width: 195px;
	height: 55px;
	margin: 0 auto;
	background: url(../images/common/logo2.gif) no-repeat 10px;
	vertical-align: top;
}
 
#footer ul {
	display: inline-block;
	margin-top: 30px;
}
 
#footer li {
	display: inline-block;
	text-align: left;
	margin-left: 15px;
	vertical-align: middle;
}

#footer li a {
	font-size: 11px;
	text-decoration: none;
	color: #231815;
}

#footer li span {
	color: #fe7522;
}
 
#footer .info{
	display: inline-block;
	width: 760px;
	margin: 0 auto;
}
 
#footer .logo_r {
	text-indent: -9999px;
	display: inline-block;
	width: 195px;
	height: 71px;
	margin: 0 auto;
	background: url(../images/common/logo3.gif) no-repeat 40px 10px ;
	vertical-align: top;
	border-left: 1px solid #CCC;
}
 
#footer .copy {
	font-size: 11px;
	margin-left: 10px;
}	
}
@media screen and (max-width:620px){

#footer .logo {
	 text-indent: -9999px;
	 width: 158px;
	 height: 55px;
	 margin: 0 auto;
	 background: url(../images/common/logo2.gif) no-repeat 10px;
	 vertical-align: top;
}
 
#footer ul, #footer .logo_r {
	 display: none;
}

#footer .copy {
	 font-size: 11px;
	 margin-left: 10px;
	 text-align: center;
}
}