@charset "UTF-8";
/* CSS Document */

/* =============================================================

	Copyright© Bureau of Transportation. Tokyo Metropolitan Government.

	Footer-layout styles

============================================================= */


/* ------------------------------------------------------------
	Footer
------------------------------------------------------------ */

#footer {
	width: 100%;
	min-width: 800px;  /*up-date*/
	margin: 20px auto 0 auto;
	text-align: center;
	background: #ffffff url(../images/bg/bg_grayline.gif) repeat-x 0px 20px;
	font-size: 85%;
}

#home #footer {
	margin: 40px auto 0 auto;
	background: #ffffff url(../images/bg/bg_grayline.gif) repeat-x;
}
#top #footer {
	margin: 40px auto 0 auto;
	background: #ffffff url(../images/bg/bg_grayline.gif) repeat-x;
}


/* ------------------------------------------------------------
	footer AssistNavi
------------------------------------------------------------ */

#footer ul.assistNavi {
	clear: both;
    width: 800px;
	margin: 0 auto;
	padding: 10px 0 0 0;
	line-height: 1.2;
}

#footer ul.assistNavi li {
	font-size: 100%
	float: right;
	display: inline;
	margin: 0 0 0 14px;
	padding: 0 0 0 10px;
	background: url(../images/icon/i_arrow.gif) no-repeat left center;
}

#footer ul.assistNavi li a {
	color: #000000;
}


/* ------------------------------------------------------------
	Footer-navi
------------------------------------------------------------ */

/*#footer p.footerNavi {
	width: 800px;
	margin: 0 auto;
	padding: 20px 0 0 0;
	font-size: 93%;
}

#footer .footerNavi span {
	padding: 0 11px 0 5px;
	background: url(../images/icon/i_line.gif) no-repeat right center;
}

#footer .footerNavi span.off {
	background: none;
}

#footer .footerNavi a {
	color: #666;
}

#footer .footerNavi a:hover {
	color: #666;
}*/

#footer p.footerCopy {
	width: 800px;
	margin: 0 auto;
	padding: 20px 0 8px 0;
	color: #666;
}

#footer p.pagetop {
	width: 800px;
	margin: 0 auto;
	line-height: 0;
}

#footer p.pagetop a {
	float: right;
	width: 90px;
	line-height: 0;
}


/* ------------------------------------------------------------
	Pop-up Window Footer
------------------------------------------------------------ */

#popFooter {
	width: 100%;
	min-width: 550px;  /*up-date*/
	margin: 25px 0 0 0;
	text-align: center;
	background: #ffffff url(../images/bg/bg_grayline.gif) repeat-x 0px 55px;
	font-size: 85%;
}

#popFooterNote {
	width: auto;
	min-width: 530px;	/* (popFooterFit.min-width(550) - this.left(20)) */
	height: auto;
	position: absolute;
	bottom: 80px;	/* popFooterFit.heightの分 */
	left: 20px;
	background: #ffffff;
	text-align: center;
	/* font-size: 100%; */
	z-index: 1;
}

#popFooterFit {
	width: 100%;
	min-width: 550px;  /*up-date*/
	text-align: center;
	background: #ffffff url(../images/bg/bg_grayline.gif) repeat-x 0px 40px;
	font-size: 85%;
	position: absolute;
	height: auto;
	bottom: 0px;
	z-index: 1;
}

#popFooter p.closewindow, #popFooterFit p.closewindow {
	margin: 0 0 5px 0;
	text-align: center;
	line-height: 0;
}

#popFooter p.footerCopy, #popFooterFit p.footerCopy {
	margin: 0;
	padding: 20px 0 8px 0;
	color: #666;
	line-height: 1.2;
}

#popFooter p.pagetop, #popFooterFit p.pagetop {
	width: auto;
	margin: 0 12px;
	line-height: 0;
}

#popFooter p.pagetop a ,#popFooterFit p.pagetop a {
	float: right;
	width: 90px;
	line-height: 0;
}
