@charset "utf-8";

#f_nav-sp {
    display: none;
}

#f_nav{
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
	border-top: 1px solid #CCC;
	padding: 20px 0px;
	margin-top: 50px;
    border-bottom: solid 3px #ff4d00;
}

#f_nav ul{
	max-width: 980px;
    width: calc(100% - 40px);
	margin: 0 auto 5px;
	text-align: center;
	padding: 0 20px;
}

#f_nav li{
	display:inline;
}

#f_nav li a{
	text-decoration:none;
	border-right:1px dotted #333;
	padding-right:13px;
	margin-right:13px;
}

#f_nav li:last-child a{
	border-right:none;
}

#footer{
	background: url(../common/bg_footer02.jpg) repeat-x left top;
}

#footer #cr{
	max-width:980px;
	margin:0 auto;
    width: calc(100% - 40px);
	padding: 20px 20px 10px;
}

#footer #cr .info{
	float: left;
	width: 786px;
}

#footer #cr .info li{
	margin-bottom: 10px;
}

#footer #cr .info li a{
	text-decoration:none;
}

#footer #cr .bnrs{
	float: right;
	width: 194px;
}

#footer #cr .bnrs li{
	margin-bottom:8px;
}
#footer .copy-right {
    text-align: center;
    display: block;
    font-size: 12px;
    margin-bottom: 5px;
}
@media screen and (max-width:599px) {
    #f_nav {
        display: none;
    }
    #f_nav-sp {
        display: block;
        background: #ffffff;
        background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2));
        background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%);
        background: -ms-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%);
        background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
        border-top: 1px solid #CCC;
        padding: 10px 0px 5px;
        margin-top: 50px;
        border-bottom: solid 3px #ff4d00;
        font-size: 13px;
    }
    #f_nav-sp ul{
        width: 80%;
        margin: 0 auto 5px;
        text-align: center;
        padding: 0;
    }
    #f_nav-sp li{
        display:inline;
        line-height: 24px;
    }
    #f_nav-sp li a{
        text-decoration:none;
        padding-right:0;
        margin-right:10px;
    }
    #f_nav-sp li:last-child a{
        border-right:none;
    }
    #footer #cr{
        padding: 15px 20px 0;
    }
    #footer #cr .info{
        float: none;
        width: 100%;
        font-size: 13px;
    }
}