@charset "utf-8";

/*▼footer layout css ------------------------------------*/

#foot_up{
	clear:both;
	}


#footer {
	width:100%;
	margin:0 auto;
	padding:20px 0;
	clear: both;
	/*background: #000 url(../images/foot_bg.gif);*/
	background: #222;
	text-align: center;
	color:#fff;
}

#footer a:link, #footer a:visited {
	text-decoration: none;
	color: #fff;
}
#footer a:hover, #footer a:active {
	text-decoration: underline;
	color: #ffff00;
}

#footer .pagetop {
	width: 960px;
	margin: 0 auto;
	padding: 47px 0 20px 0;
	text-align: right;
}


#footer #footerttl {
	background: #ddd;
	height: 35px;
	line-height:35px;
	text-align: center;
	width: 100%;
	margin:10px auto;
	clear: both;
}


/* -------------------- FOOTER-NAV -------------------- */
#footer .footerNav {
	clear: both;
	overflow: hidden;
	width: 960px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
#footer .footerNav dl {
	float: left;
	width: 210px;
	padding: 0 0 0 26px;
	text-align: left;
}
#footer .footerNav dl.first {
	padding: 0;
}
#footer .footerNav dl dt {
	background-image: url("");
	background-repeat: no-repeat;
	background-position: 10px 5px;
	margin: 0 0 10px 0;
	padding: 5px 10px 4px 20px;
	color:#fff;
}
#footer .footerNav dl dt.btm {
	margin: 0 0 10px 0;
}

#footer .footerNav dl dt#footerNavLiving {
	background-color: #000;
}
#footer .footerNav dl dt#footerNavWorking {
	background-color: #F6DDAC;
}
#footer .footerNav dl dt#footerNavMatchingnavi {
	background-color: #CDE6EC;
}
#footer .footerNav dl dt#footerNavGloveclub {
	background-color: #C5E0EC;
}
#footer .footerNav dl dt#footerNavCompany {
	background-color: #C7D6EC;
}
#footer .footerNav dl dt#footerNavActivity {
	background-color: #C6CAEA;
}
#footer .footerNav dl dt#footerNavMuseum {
	background-color: #F0CFE0;
}
#footer .footerNav dl dt#footerNavInquiry {
	background-color: #F0CFE0;
}



#footer .footerNav dl dt#footerNavFromworld {
	background-color: #F4DED1;
}
#footer .footerNav dl dt#footerNavSoanet {
	background-color: #F6E5AC;
}
#footer .footerNav dl dt#footerNavNews {
	background-color: #E3CDE8;
}
#footer .footerNav dl dt#footerNavEmployment {
	background-color: #D7C8EC;
}
#footer .footerNav dl dt#footerCampaign {
	background-color: #CDC2EA;
}

#footer .footerNav dl dd {
	color: #4B4B4B;
	padding: 0 0 8px 20px;
	background: url("") no-repeat top left;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis; /* Safari */
	-o-text-overflow: ellipsis; /* Opera */
}
#footer .footerNav dl dd.btm {
	padding: 0 0 15px 20px;
	background: url("") no-repeat top left;
}



/* -------------------- FOOTER-COPYRIGHT -------------------- */
#footerCopyright {
	background: #000;
	height: 35px;
	text-align: center;
	width: 100%;
	margin:0 auto;
}

#footerCopyright .footerCopycontent {
	clear: both;
	overflow: hidden;
	width: 960px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
#footerCopyright .footerCopycontent .imgL {
	width: 550px;
	text-align: left;
	float:left;
	padding:0 0 0 45px;
}
#footerCopyright .footerCopycontent .imgR {
	width: 350px;
	text-align: right;
	float:right;
}

#footerCopyright p {
	float: left;
	margin: 0 15px 0 0;
}
#footerCopyright address {
	float: left;
	line-height: normal;
	margin: 10px 0 0 0;
	color:#ccc;
}

#footerCopyright ul {
	margin: 0;
	padding: 10px 0 0 0;
	zoom: 1;
  text-align: right; 
}
#footerCopyright li {
  display: inline;
	border-left: 1px solid #9DB9D9;
	margin: 0 10px 0 0;
	padding: 0 0 0 10px;
	line-height: normal;
	float:left;
}
#footerCopyright li.first {
	border-left: 0;
	padding: 0 0 0 10px;
}

#footerCopyright a:link, #footerCopyright a:visited {
	text-decoration: none;
	color: #9DB9D9;
}
#footerCopyright a:hover, #footerCopyright a:active {
	text-decoration: underline;
	color: #9DB9D9;
}

#footer  div#area-list {
	clear: both;
	overflow: hidden;
	width: 960px;
	margin: 0 auto 24px;
	padding: 0;
	text-align: left;
}
#footer  div#area-list ul{
	background-color:transparent;
	margin:0 30px;
}
#footer  div#area-list ul li{
	margin:0 5px 0 0;
	padding:3px;
	margin: 0 0 0 16px;
}
#footer  div#area-list ul li.pref{
	clear: both;
	border:1px solid #999;
	width: 184px;
	padding-left: 20px;
	margin: 8px 0 0 0;
	}
#footer  div#area-list ul li.pref:first-child{
	margin: 0 0 0 0;
	}

#footer  div#area-list ul li.towns{
	width : auto;
	display: inline-block;
}
/*-----------------------------footer layout css▲*/