@charset "UTF-8";

/*
京都アニメーション
Copyright (C) Kyoto Animaion Co.,Ltd. All Rights Reserved.
*/

/*
font-size list (base: 12px)
 67% =  8px
 75% =  9px
 83% = 10px
 92% = 11px        175% = 21px
100% = 12px        184% = 22px
108% = 13px        192% = 23px
117% = 14px        200% = 24px
125% = 15px        209% = 25px
133% = 16px        217% = 26px
142% = 17px
150% = 18px
159% = 19px
167% = 20px
*/

/* ---------------------------
global footer setting
--------------------------- */
#globalFooterWrap {
	width: 100%;
	min-width: 980px;
	height: 620px;
	margin-top: -519px;
	border-top: 1px #d0d0d0 solid;
	background-color: #222;
	clear: both;
	text-align: left;
}
	#globalFooter {
		position: relative;
		width: 960px;
		margin: 0 auto;
		padding: 20px 0 5px;
		background: url(/img/globalFooter/globalFooterBg.png) no-repeat center 0;
	}
		#goToTop {
			position: absolute;
			right: 0;
			top: 0;
			width: 140px;
			background: url(/img/globalFooter/goToTop.png) no-repeat;
		}
		#goToTop:hover { background-position: 0 -30px;}
			#goToTop a {
				display: block;
				height: 30px;
			}
				#goToTop span { display: none; }
		.footerNav {
			margin-bottom: 5px;
			zoom: 1;
		}
		.footerNav:before, .footerNav:after {
			content: "";
			display: table;
			overflow: hidden;
		}
		.footerNav:after { clear: both; }
			.footerNavMenu {
				width: 320px;
				float: left;
			}
					.footerNavMenu h5 {
						margin-right:20px;
						font-size: 133%;
					}
						.footerNavMenu h5 a {
							color: #fff;
							text-decoration: none!important;
						}
						#footerNavMenuList-01 { border-bottom: 3px #649ecc solid; }
						#footerNavMenuList-02 { border-bottom: 3px #75cc72 solid; }
						#footerNavMenuList-03 { border-bottom: 3px #9bcc74 solid; }
						#footerNavMenuList-04 { border-bottom: 3px #cc5231 solid; }
						#footerNavMenuList-05 { border-bottom: 3px #cc905f solid; }
						#footerNavMenuList-06 { border-bottom: 3px #cc5181 solid; }
						#footerNavMenuList-07 { border-bottom: 3px #cc3431 solid; }
						#footerNavMenuList-08 { border-bottom: 3px #cc3fc0 solid; }
						.footerNavMenu h5 a:hover { color: #666; }
				.footerNavMenu ul { padding: 10px; }
					.footerNavMenu ul li {
						padding-left: 8px;
						background: url(/img/globalFooter/menuList.png) no-repeat left 5px;
					}
						.footerNavMenu ul li a {
							color: #fff;
							text-decoration: none!important;
						}
						.footerNavMenu ul li a:hover { color: #666; }
				.footerNavMenuLeft { float: left; }
					.footerNavMenuLeft h6 {
						padding: 10px 0 0 5px;
						font-size: 108%;
					}
						.footerNavMenuLeft h6 a {
							color: #fff;
							text-decoration: none!important;
						}
						.footerNavMenuLeft h6 a:hover { color: #666; }
					.footerNavMenuLeft ul { padding: 0 10px 10px; }
						.footerNavMenuLeft ul li {}
				.footerNavMenuRight { float: left; }
					.footerNavMenuRight h6 {
						padding: 10px 0 0 5px;
						font-size: 108%;
					}
						.footerNavMenuRight h6 a {
							color: #fff;
							text-decoration: none!important;
						}
						.footerNavMenuRight h6 a:hover { color: #666; }
					.footerNavMenuRight ul { padding: 0 10px 10px; }
	#copyrightWrap { width: 100%; }
		#copyright {
			position: relative;
			width: 980px;
			height:64px;
			margin: 0 auto;
			padding-bottom: 5px;
			background: url(/img/globalFooter/footer.png) no-repeat left 14px;
		}
			#copyright p {
				position: absolute;
				left: 55px;
				bottom: 5px;
			}
				#copyright p small {
					color: #fff;
					font-size: 92%;
				}
				span#companyName {
					position: absolute;
					left: 5px;
					bottom: 15px;
					color: #fff;
					font-size: 159%;
				}
#footerSocialLink{
	position: fixed;
	_position: absolute;
	bottom: 0;
	right: -140px;
	padding: 5px;
	border-top: 1px #cccccc solid;
	border-left: 1px #cccccc solid;
	background: #fff;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity=70);
	text-align: left;
}
		#footerSocialLinkList li { padding-left: 20px; }
		#twitter  { background: url(/img/icon/twitter.png) no-repeat left 3px; }
		#hatena   { background: url(/img/icon/hatena.png) no-repeat left 3px; }
		#mixi {
			margin-bottom: 3px;
			background: url(/img/icon/mixi.png) no-repeat left 1px;
		}
		#facebook {
			margin-bottom: 3px;
			background: url(/img/icon/facebook.png) no-repeat left 3px;
		}
		#google { background: url(/img/icon/google.png) no-repeat left 4px; }