/* フッター */
#footerbox01 { width:100%; font-size:10px; color:#FFFFFF; line-height:180%; margin-top: auto; }

#footerbox02 { width:100%; padding:0 0 0 0; }
#footerbox03 { width:100%; background:#FFF; padding:20px 0 20px 0; }

#footerleftbox01 { width:500px; float:left; }
#footerrightbox01 { width:350px; float:right; color:#FFFFFF; text-align:right; }

#footerdetailbox01 { width:900px; margin:0 auto; overflow: hidden;}
#footerdetailbox02 { float:right; padding-top:45px; font-size:10px; text-align:right; }
#footerdetailbox02 ul { margin:0; padding:0; }
#footerdetailbox02 li {
	display: block;
	*zoom: 1;
	margin:0;
	padding:0 0 0 0;
}

#footerlogobox01 { padding-bottom:5px; }
#footerlogobox01 img { width:280px; text-align:right; }
#footernamebox01 { font-size:10px; padding-bottom:3px; }

#footerlinkbox01 { float:left; color:#222; font-size:18px;line-height: 150%; }
#footerlinkbox01 span { font-size:16px; }

#footerlinkbox01 li {
	display: block;
	*zoom: 1;
	margin:0;
	padding:0 18px 0 0;
	line-height:120%;
}


#footerlinkbox01 a:link { color:#222; text-decoration:none; }
#footerlinkbox01 a:visited { color:#222; text-decoration:none; }
#footerlinkbox01 a:active { color:#80B427; text-decoration:underline; }
#footerlinkbox01 a:hover { color:#80B427; text-decoration:underline; }

#copyrightbox01 { width:100%; font-size:12px; font-weight:bold; padding:10px 0 0 0; color:#0065b2; }


/* ページトップ */
.pagetopbox01 { background:url(../common_img/footer_img/footerbg01.png) repeat-x; background-position:bottom; }
.pagetopbox02 { width:914px;height:85px; margin:0 auto; background:url(../common_img/footer_img/footerbg02.png) no-repeat; background-position:left 0px bottom 10px; }
.pagetopbox03 {  float:right; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.pagetopbox01 { background:url(../common_img/footer_img/footerbg01.png) repeat-x; background-position:bottom; background-size:40%; overflow: hidden; }
.pagetopbox02 { width:300%; margin:0 auto; background:url(../common_img/footer_img/footerbg02.png) no-repeat; background-position:left 0px bottom 10px; background-size:30%; }
.pagetopbox03 { width:15%; float:right; }
}

@media screen and (min-width: 0px) and (max-width: 768px)  {
	#footerbox01 { width:100%; font-size:10px; color:#FFFFFF; line-height:180%; padding:0; }

	#footerbox01 a:link { color:#FFFFFF; text-decoration:none; }
	#footerbox01 a:visited { color:#FFFFFF; text-decoration:none; }
	#footerbox01 a:active { color:#183a00; text-decoration:underline; }
	#footerbox01 a:hover { color:#183a00; text-decoration:none; }

	#footerbox02 { width:100%; margin:0 auto; padding:0 0 0 0 !important; }
	#footerbox03 { width:100%; background:#8cbb5b; padding:0 0 10px 0; }

	#footerleftbox01 { width:96%; float:none; padding:0 0 5px 0; text-align:center; }
	#footerrightbox01 { width:96%; float:none; color:#183a00; text-align:center; }
	#footerrightbox01 img { width:60%; }

	#footerdetailbox01 { width:100%; margin:0 auto 0; background:#8cbb5b; margin: -1px 0 0 0; }
	#footerdetailbox02 { float:none; padding:10px 10px 0 10px; font-size:10px; text-align:left; }
	#footerdetailbox02 ul { margin:0; padding:0; }
	#footerdetailbox02 li { display:block; }


	#footerlogobox01 { padding-bottom:5px; }
	#footerlogobox01 img { width:50%; text-align:left; }
	#footernamebox01 { font-size:10px; padding-bottom:3px; }

	#footerlinkbox01 { width:90%; margin: 0 auto; float:none; color:#FFFFFF; font-size:12px; padding: 4px 0;}
	#footerlinkbox01 span { font-size:12px; }
	#footerlinkbox01 a { display:inline-block; }

	#footerlinkbox01 li {
		display:block;
		padding:0 18px 0 0;
		line-height:160%;
	}
	#footerlinkbox01 ul {
		margin:0;
		padding:0;
	}
	/*
	#footerlinkbox01 a:before {
		content:url("../common_img/footer_img/footericon01.png");
		margin:0;
		padding:0 8px 0 0;
	}*/

	#footerlinkbox01 ul:first-child { border-top:none; }
	#footerlinkbox01 li { display:block; padding:10px; border-bottom:1px dotted #FFFFFF; }

	#footerlinkbox01 a:link { color:#FFFFFF; text-decoration:none; }
	#footerlinkbox01 a:visited { color:#FFFFFF; text-decoration:none; }
	#footerlinkbox01 a:active { color:#183a00; text-decoration:underline; }
	#footerlinkbox01 a:hover { color:#183a00; text-decoration:none; }

	#copyrightbox01 { width:100%; font-size:8px; text-align:center; }
}/* sp 0-768px */