@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 navigation setting
--------------------------- */
#globalNavWrap{
	clear: both;
	width: 100%;
	background-color: #fff;
}
	.sticky #globalNavWrap {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1;
		background: none;
	}
	#globalNav {
		width: 980px;
		height: 40px;
		margin: 0 auto;
	}
		#globalNavMenu {
			width: 980px;
			height: 40px;
			margin: 0;
			padding: 0;
		}
			#globalNavMenu span { display: none; }
			#globalNavMenu li, #globalNavMenu a {
				height: 40px;
				display: block;
			}
			#globalNavMenu li { float: left; }
			#globalNavMenuList-01 { width: 130px; }
			#globalNavMenuList-02 { width: 130px; }
			#globalNavMenuList-03 { width: 130px; }
			#globalNavMenuList-04 { width: 155px; }
			#globalNavMenuList-05 { width: 130px; }
			#globalNavMenuList-06 { width: 130px; }
			#globalNavMenuList-07 { width: 175px; }
			#globalNavMenuList-01 a { background: url("/img/globalNav/globalNavMenuList.png") 0 0 no-repeat; }
			#globalNavMenuList-02 a { background: url("/img/globalNav/globalNavMenuList.png") -130px 0 no-repeat; }
			#globalNavMenuList-03 a { background: url("/img/globalNav/globalNavMenuList.png") -260px 0 no-repeat; }
			#globalNavMenuList-04 a { background: url("/img/globalNav/globalNavMenuList.png") -390px 0 no-repeat; }
			#globalNavMenuList-05 a { background: url("/img/globalNav/globalNavMenuList.png") -545px 0 no-repeat; }
			#globalNavMenuList-06 a { background: url("/img/globalNav/globalNavMenuList.png") -675px 0 no-repeat; }
			#globalNavMenuList-07 a { background: url("/img/globalNav/globalNavMenuList.png") -805px 0 no-repeat; }
			#globalNavMenuList-01 a:hover { background-position: 0 -40px; }
			#globalNavMenuList-02 a:hover { background-position: -130px -40px; }
			#globalNavMenuList-03 a:hover { background-position: -260px -40px; }
			#globalNavMenuList-04 a:hover { background-position: -390px -40px; }
			#globalNavMenuList-05 a:hover { background-position: -545px -40px; }
			#globalNavMenuList-06 a:hover { background-position: -675px -40px; }
			#globalNavMenuList-07 a:hover { background-position: -805px -40px; }
			#globalNavMenuList-01 #currentWorks       { background-position: 0 -40px; }
			#globalNavMenuList-02 #currentShop        { background-position: -130px -40px; }
			#globalNavMenuList-03 #currentSchool      { background-position: -260px -40px; }
			#globalNavMenuList-05 #currentKyoaniAward { background-position: -545px -40px; }
			#globalNavMenuList-06 #currentCompany     { background-position: -675px -40px; }
			#globalNavMenuList-07 #currentStaff       { background-position: -805px -40px; }