@charset "UTF-8";

#footer
{
margin: 0px 0px;
padding: 0px 0px;
width: 100%;
position: relative;
max-width: 980px;
display: block;
height: 200px;
}

.footer-inner
{
margin: 0px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
background: url(../images/lib/footer/footer01.jpg) 0px 30px no-repeat;
background-size: cover;
height: 200px;
display: block;
position: relative;
clear: both;
}

#footer-content
{
margin: 0px 0px;
padding: 0px 0px;
width: 100%;
}

#footerid
{
width: 120px;
height: 70px;
position: absolute;
left: 25px;
top: 45px;
}

#footerid a
{
width: 120px;
height: 70px;
background: url(../images/lib/footerid/footer01.png) 0px 0px no-repeat;
outline: none;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
display: block;
}

/*---------------------------*/

ul#fnav
{
border-top: 1px dotted #999;
margin: 0px auto 0em auto;
padding: 0.5em 0px 0.5em 0px;
width: 95%;
text-align: left;
overflow:hidden;
}

ul#fnav li
{
margin: 0px 0px 0px 0px;
padding: 0em;
list-style-type: none;
float: left;
border-right: 1px solid #ccc;
}

ul#fnav li:last-child
{
border-right: none;
}

ul#fnav li a
{
margin: 0px 0px 0px 0px;
padding: 1em;
font-size: 75%;
}

ul#fnav li a:hover
{
transition: color 0.5s, background 0.5s;
}

/*---------------------------*/

address
{
font-size: 64%;
margin: 4em auto 0px 0px;
padding: 0px 0px 0px 21%;
font-style: normal;
color: #fff;
text-align: left;
line-height: 1.2;
}

address .cname
{
font-weight: bold;
font-size: 140% !important;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

address .adrs
{
margin: 0px 0px 0px 1em;
padding: 0px 0px 0px 0px;
}

address br
{
display:none;
}

.copyright
{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 1.0;
text-align: right;
font-size: 70%;
color: #666;
}



	
/*-------------------------------------*/


@media screen and (max-width: 979px) {

ul#fnav li a
{
text-decoration: none;
}

#footerid
{
width: 12.5%;
height: 70px;
position: absolute;
left: 25px;
top: 45px;
}

#footerid a
{
width: 100%;
background-size:contain;
}
}




 @media screen and (max-width: 767px) {

#footer
{
margin: 0px 0px;
padding: 0px 0px;
border-top: none;
}

.footer-inner,
#footer-inner
{
margin: 0px 0px;
padding: 0px 0px;
height: auto;
min-height: 240px;
background: #111;
}

#footer-content
{
padding: 0px;
}

ul#fnav
{
margin: 0px auto;
padding: 0px 0px;
width: 100%;
height: auto;
background: #333;
display: block;
overflow: hidden;
border-top:none;
}

ul#fnav li
{
margin: 0px 0px;
padding: 0em 0em;
list-style-type: none;
width: 25%;
float: left;
border: none;
}

ul#fnav li a
{
margin: 0px 0px;
padding: 0.8em 1em;
list-style-type: none;
font-size: 70%;
text-align: center;
display: block;
border-top:none;
border-right: 1px dotted #444;
border-bottom: 1px dotted #444;
background: #333;
color: #fff;
}


ul#fnav li a:hover
{
background: #C00 !important;
color: #fff;
}

/*----------------------------------------*/

#footerid
{
position: relative;
margin: 1em auto 0px auto;
width: 100%;
left: 0px;
top: 0px;
}

#footerid a
{
width: 100%;
margin: 0px auto;
background: url(../images/lib/footerid/footer_wht01.png) top center no-repeat;
}


address
{
margin: 1em auto 0px auto;
padding: 0px 0px;
width: 90%;
text-align: center;
line-height:1.4;
}

address br
{
display:inline;
}
}



@media screen and (max-width: 479px) {

.footer-inner,
#footer-inner
{
height:360px;
background: #111;
}

ul#fnav
{
margin: 0px auto;
padding: 0px 0px;
width: 100%;
height: auto;
}

ul#fnav li
{
margin: 0px 0px;
padding: 0em 0em;
list-style-type: none;
width: 50%;
float: left;
}

ul#fnav li a
{
margin: 0px 0px;
padding: 1em 0em;
font-size: 80%;
text-align: center;
display: block;
}

ul#fnav li a:hover
{
background: #ddd;
text-decoration: none;
}

#footerid
{
position: relative;
margin: 1em auto 0px auto;
}

address
{
font-size: 60%;
}
}



@media only screen and (-webkit-min-device-pixel-ratio: 2 ),only screen and (min-device-pixel-ratio: 2 ),only screen and (max-width: 767px ) {
	
#footerid a
{
width: 100%;
margin: 0px auto;
background: url(../images/lib/footerid/footer_wht01@2x.png) top center no-repeat;
background-size: contain;
}

}