@charset "shift_jis";

/* =======================================

	Footer CSS

 -----------------------------------------
	INDEX
 -----------------------------------------

========================================== */



/* Footer Navi
========================================== */

#footer {
	font-size:85%;
	background:#DBDBDB;
}
body.siteroot#index #footer {
	background:#E8E8E8;
}
#footerIn {
	margin: 0 auto 0 auto;
	width: 720px;
	position:relative;
}


#footer ul#site-menu {
	height: 14px;
	padding:25px 0;
}

@media screen and (min-width:768px){ /*PC�ȼ����*/
#footer ul#site-menu li {
	float: left;
	overflow: hidden;
	/zoom:1;
	margin: 0 30px 0 0;
	font-size:93%;
}
#footer #copyright {
	top:27px;
	right:0;
	font-size:85%;
	color:#C2C2C2;
	text-align: center;
	padding: 0 0 0px 0;
}
#footer ul#site-menu li a {
	display: block;
	overflow: hidden;
	height: 14px;
}
}

/* When Active Page */
body.client  #footer ul#site-menu li#footer-client  a {color:fff;}
body.sitemap #footer ul#site-menu li#footer-sitemap a {color:fff;}
body.antisocial #footer ul#site-menu li#footer-antisocial a {color:fff;}
body.privacy #footer ul#site-menu li.last-item      a {color:fff;}
body.solicitation #footer ul#site-menu li#footer-solicitation a {color:fff;}

@media screen and (max-width:767px){/*���ޥ��б�*/
#footerIn {width: 100%;text-align: center}
#footer ul#site-menu{width: 90%;padding:20px 0 0;height: auto; margin: auto}
#footer ul#site-menu li{width: 48%;float: none; padding: 8px 0; display: inline-block;font-size:93%;}
#footer ul#site-menu li a{display: block}
#footer #copyright {font-size:85%;color:#C2C2C2;padding: 12px 0 20px}
}

/* ˁE���Navi
========================================== */

#f-com {
	background-color:#B0B0B0;
	color:#FFF;
}
#f-comIn {
	width:1000px;
	margin:0 auto;
	padding:40px 0 15px 0;
}

#f-com dl.left {
	width:518px;
	float:left;
}
#f-com dl.right {
	width:400px;
	float:left;
}
#f-com dt {
	font-size:116%;
	padding-left:40px;
}
#f-com dd {
	font-size:93%;
	padding-left:40px;
	padding-bottom:27px;
}
#f-com a {
	color:#FFF;
}

@media screen and (max-width:767px){/*���ޥ��б�*/
#f-comIn {	width:100%;	margin:0 auto;	padding:20px 0;}
#f-com dl.left {	width:80%;margin: auto;	float:none}
#f-com dl.right {	width:80%;margin: auto;	float:none}
#f-com dt {	padding-left:0px;}
#f-com dd {	padding-left:20px;	}
}

/* �����ȥޥå� Navi
========================================== */

#f-sitemap {
	background-color:#9EA69F;
	color:#FFF;
}
#f-sitemap .nolink {
	color:#888;
}
#f-sitemapIn {
	width:980px;
	margin:0 auto;
	padding:40px 0 40px 0;
}
#f-sitemap dl.left {
	float:left;
	overflow:hidden;
	/zoom:1;
	margin:0 15px 0 0;
}
#f-sitemap dl.right {
	overflow:hidden;
	/zoom:1;
	float:left;
	border-left:1px solid #FFF;
}
#f-sitemap dt {
	font-size:116%;
}
#f-sitemap dd {
	font-size:85%;
}
#f-sitemap dd.mb30 {
	margin-bottom:30px;
}
#f-sitemap a {
	color:#FFF;
	line-height:2em;
}
#f-sitemap a:hover {
	text-decoration:underline;
}
#f-sitemap dl.right dt,#f-sitemap dl.right dd {
	margin-left:10px;
}
#f-sitemap dd ul {
	float:left;
	overflow:hidden;
	/zoom:1;
	margin:0 30px 0 0;
}

#f-sitemap dt.finquiry{
	padding-top:10px;
}

@media screen and (max-width:767px){/*���ޥ��б�*/
#f-sitemap {display: none}
}