@charset "UTF-8";

/* footer.css
**************************************************************************************/

.footer-area {
	float:left;
	width:100%;
	background-color: #26126f;
	color: #FFF;
}
#footer {
	width:1240px;
	margin:0 auto;
}

/* Layout
=============================================================================*/
@media screen and (max-width: 679px){
#footer {
	width:100%;
	margin:0 auto;
}
}

/* Footer-navi
=============================================================================*/

#footer .footer-navi-area {
	float:right;
	margin:0 auto;
	padding:25px 0;
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
#footer .footer-navi-area .footer-navi {
	height:42px;
	padding-top:14px;
	float:left;
}
#footer .footer-navi-area .footer-navi ul {
	display:table;
	height:39px;
}
#footer .footer-navi-area .footer-navi ul li {
	display:table-cell;
	vertical-align:middle;
}
#footer .footer-navi-area .footer-navi ul li a {
	color:#FFF;
	border-right:1px solid #3c2a7e;
	text-decoration:none;
	font-size:85%;
	text-align:center;
	padding:0 11px;
}
#footer .footer-navi-area .footer-navi ul li:nth-child(3) a ,
#footer .footer-navi-area .footer-navi ul li:nth-child(4) a {
	border-right:none;
}
#footer .footer-navi-area .footer-navi ul li:nth-child(4){
	width:139px;
	background:url("../../image/footer-ar001.png")#1c0d53 no-repeat 115px center;
}
#footer .footer-navi-area .footer-navi ul li:nth-child(4) a{
	padding:0 24px 0 0;
	display:block;
}
#footer .footer-navi-area .footer-navi ul li a:hover {
	color:#FFF;
	text-decoration:underline;
}
#footer .footer-navi-area p {
	float:right;
	padding-left:23px;
}

@media screen and (max-width: 679px){
#footer .footer-navi-area {
	float:none;
	margin:0 auto;
	padding:20px 10px 0 10px;
}
#footer .footer-navi-area .footer-navi {
	height:auto;
	padding-top:0;
	float:left;
	width:83%;
}
#footer .footer-navi-area .footer-navi ul {
	display:block;
	height:auto;
	background-color:#1c0d53;
	padding:10px 0 3px 0;
}
#footer .footer-navi-area .footer-navi ul li {
	display:block;
	width:55%;
	float:left;
	margin:0 0 5px 0;
	text-align:center;
	border-right:1px solid #3c2a7e;
	/*boxsizing*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
#footer .footer-navi-area .footer-navi ul li a {
	display:block;
	color:#FFF;
	text-decoration:none;
	font-size:10px;
	padding:3px 0;
	border-right:none;
}
#footer .footer-navi-area .footer-navi ul li:nth-child(2) ,
#footer .footer-navi-area .footer-navi ul li:nth-child(4) {
	width:45%;
	border-right:none;
}
#footer .footer-navi-area .footer-navi ul li:nth-child(4){
	background:none;
}
#footer .footer-navi-area .footer-navi ul li:nth-child(4) a{
	padding:3px 0;
	display:block;
}
#footer .footer-navi-area .footer-navi ul li a:hover {
	color:#FFF;
	text-decoration:underline;
}
#footer .footer-navi-area p {
	float:right;
	padding-left:0;
}
}

/* Sig
=============================================================================*/
#footer .sig-area {
	float:left;
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
#footer .sig-area-in {
	display:table;
	padding: 43px 0 0 0;
}
#footer .sig-area-in p {
	display:table-cell;
	vertical-align:middle;
	font-size:167%;
	padding-right:22px;
}
#footer .sig-area-in address {
	display:table-cell;
	vertical-align:middle;
	font-size:107%;
}

@media screen and (max-width: 679px){
#footer .sig-area {
	float:none;
	text-align:center;
}
#footer .sig-area-in {
	display:block;
	padding: 18px 0 0 0;
}
#footer .sig-area-in p {
	display:block;
	vertical-align:middle;
	font-size:20px;
	padding-right:0;
}
#footer .sig-area-in address {
	display:block;
	vertical-align:middle;
	font-size:12px;
}
}

/* Copy
=============================================================================*/

.copy {
	text-align:center;
	height:66px;
	width:100%;
	display:table;
}
.copy span {
	display:table-cell;
    vertical-align: middle;
}
.copy span img {
    vertical-align: middle;
}

@media screen and (max-width: 679px){
.copy span img {
	width:254px;
	height:auto;
}
}