@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 header setting
--------------------------- */
#globalHeaderWrap {
	width: 100%;
	background-color: #fff;
	text-align: left;
}
	#globalHeader {
		width: 980px;
		height: 90px;
		margin: 0 auto;
	}
		#siteName {
			float: left;
			width: 310px;
			height: 60px;
		}
			#siteName a {
				display: block;
				width: 300px;
				margin: 0 5px;
				height: 60px;
				transition: 0.2s linear;
				-webkit-transition: 0.2s linear;
				-moz-transition: 0.2s linear;
				-o-transition: 0.2s linear;
			}
			#siteName a:hover {
				opacity: 0.5;
				transition: opacity 0.2s linear;
				-webkit-transition: opacity 0.2s linear;
				-moz-transition: opacity 0.2s linear;
				-o-transition: opacity 0.2s linear;
			}
		#globalHeaderGuide {
			width: 670px;
			height: 30px;
			float: left;
			text-align: right;
		}
			#globalHeaderGuideList {
				float: right;
				width: 350px;
				height: 13px;
				margin-top: 10px;
				padding: 0;
				background: url("/img/globalHeader/globalHeaderGuideList.png") no-repeat;
			}
				#globalHeaderGuideList span { display: none; }
				#globalHeaderGuideList li, #globalHeaderGuideList a {
					height: 13px;
					display: block;
				}
				#globalHeaderGuideList li { float: left; }
				#globalHeaderGuideList-01 { width: 80px; }
				#globalHeaderGuideList-02 { width: 130px; }
				#globalHeaderGuideList-03 { width: 60px; }
				#globalHeaderGuideList-04 { width: 80px; }
				#globalHeaderGuideList-01 a:hover { background: url("/img/globalHeader/globalHeaderGuideList.png") left -13px no-repeat; }
				#globalHeaderGuideList-02 a:hover { background: url("/img/globalHeader/globalHeaderGuideList.png") -80px -13px no-repeat; }
				#globalHeaderGuideList-03 a:hover { background: url("/img/globalHeader/globalHeaderGuideList.png") -210px -13px no-repeat; }
				#globalHeaderGuideList-04 a:hover { background: url("/img/globalHeader/globalHeaderGuideList.png") -270px -13px no-repeat; }
		#globalHeaderFontChange {
			float: left;
			width: 670px;
			height: 30px;
			background: url("/img/globalHeader/globalHeaderFontChangeListBg.png") no-repeat 439px 3px;
			text-align: right;
		}
			#globalHeaderFontChangeList {
				float: right;
				background: url("/img/globalHeader/globalHeaderFontChangeList.png") no-repeat;
				width: 90px;
				height: 24px;
				margin: 3px 10px 3px 0;
				padding: 0;
			}
				#globalHeaderFontChangeList span { display: none; }
				#globalHeaderFontChangeList li {
					float: left;
					height: 24px;
					background: url("/img/globalHeader/globalHeaderFontChangeList.png");
				}
				#globalHeaderFontChangeList li:hover { cursor: pointer; }
				#globalHeaderFontChangeList #fontS {
					width: 30px;
					background-position: 0 0;
				}
				#globalHeaderFontChangeList #fontM {
					width: 30px;
					background-position: -30px 0;
				}
				#globalHeaderFontChangeList #fontL {
					width: 30px;
					background-position: -60px 0;
				}
				#fontS:hover, .fontSCurrent { background-position: 0 -24px!important; }
				#fontM:hover, .fontMCurrent { background-position: -30px -24px!important; }
				#fontL:hover, .fontLCurrent { background-position: -60px -24px!important; }
		#globalHeaderMenu {
			clear: both;
			width: 980px;
			height: 30px;
		}
			#globalHeaderMenuList {
				background: url("/img/globalHeader/globalHeaderMenuList.png") no-repeat;
				width: 980px;
				height: 30px;
				padding: 0;
			}
				#globalHeaderMenuList span { display: none; }
				#globalHeaderMenuList li, #globalHeaderMenuList a {
					height: 30px;
					display: block;
				}
				#globalHeaderMenuList li { float: left; }
				#globalHeaderMenuList-01 { width: 110px; }
				#globalHeaderMenuList-02 { width: 110px; }
				#globalHeaderMenuList-03 {
					margin-left: 290px;
					_margin-left: 255px;
					width: 140px;
				}
				#globalHeaderMenuList-04 { width: 110px; }
				#globalHeaderMenuList-05 { width: 110px; }
				#globalHeaderMenuList-06 { width: 110px; }
				#globalHeaderMenuList-01 a:hover { background: url("/img/globalHeader/globalHeaderMenuList.png") 0 -30px no-repeat; }
				#globalHeaderMenuList-02 a:hover { background: url("/img/globalHeader/globalHeaderMenuList.png") -110px -30px no-repeat; }
				#globalHeaderMenuList-03 a:hover { background: url("/img/globalHeader/globalHeaderMenuList.png") -510px -30px no-repeat; }
				#globalHeaderMenuList-04 a:hover { background: url("/img/globalHeader/globalHeaderMenuList.png") -650px -30px no-repeat; }
				#globalHeaderMenuList-05 a:hover { background: url("/img/globalHeader/globalHeaderMenuList.png") -760px -30px no-repeat; }
				#globalHeaderMenuList-06 a:hover { background: url("/img/globalHeader/globalHeaderMenuList.png") -870px -30px no-repeat; }