@charset "UTF-8";

/* 共通プロパティ
 ******************************************************************************/


/*******************************************************************************
 共通プロパティ */

#headerArea{
	padding-bottom: 229px; /* 背景画像に合わせる */
	background-image: url(../base_img/headerBg-90.jpg);
}

/* localNaviArea */
/* ========================================================================== */

	/* yearNavi */
	/* ====================================================================== */
	#yearNavi{
		position: absolute;	/* 基点: #localNaviArea [monthNaviより前面] */
		left: 81px;
		overflow: hidden;	/* 子要素のfloat対策 */
		z-index: 1;			/* monthNaviより前面に */
	}
	.debug-mode #yearNavi{ background-color: pink; }

	#yearNavi > *{
		display: block;
		float: left;
		height: 100%;
	}
	
		/* prevYear & nextYear */
		#prevYear,
		#nextYear{
			padding: 0px 10px;
			width: 11px;
			background-repeat: no-repeat;
			background-image: url(../base_img/prevNextYear.gif);
		}
		
		#prevYear{ background-position: center   0px; }
		#nextYear{ background-position: center -52px; }
		
		#prevYear:hover{ background-position: center -26px; }
		#nextYear:hover{ background-position: center -78px; }
		
		span#prevYear:hover{ background-position: center 0px; }
		span#nextYear:hover{ background-position: center -52px; }
		
		/* 年 */
		#lnaviYear{
			/* imgRep */
			margin: 3px 0px;
			padding: 0px 8px;
			width: 64px;	/* 背景画像に合わせる */
			height: 20px;	/* 背景画像に合わせる */
			background-repeat: no-repeat;
			background-image: url(../base_img/year.png);
		}
		
		#lnaviYear.lnaviYear_2012{ background-position: center    0px; }
		#lnaviYear.lnaviYear_2013{ background-position: center  -21px; }
		#lnaviYear.lnaviYear_2014{ background-position: center  -42px; }
		#lnaviYear.lnaviYear_2015{ background-position: center  -63px; }
		#lnaviYear.lnaviYear_2016{ background-position: center  -84px; }
		#lnaviYear.lnaviYear_2017{ background-position: center -105px; }
		#lnaviYear.lnaviYear_2018{ background-position: center -126px; }
		#lnaviYear.lnaviYear_2019{ background-position: center -147px; }
		#lnaviYear.lnaviYear_2020{ background-position: center -168px; }
	/* ---------------------------------------------------------------------- */
	/* yearNavi */
	
	/* monthNavi = .localNavi */
	/* ====================================================================== */
	.debug-mode #monthNavi{ background-color: green; }
	
	#monthNavi > li:first-child{ margin-left: 180px;	/* 左側飾り罫との間隔 */ }
	
	#monthNavi a{
		width: 60px;	/* 背景画像に合わせる */
		background: url(../base_img/monthNavi.png) no-repeat;
	}
	
	#monthNavi_01 > a{ background-position:    0px   0px; }
	#monthNavi_02 > a{ background-position:  -61px   0px; }
	#monthNavi_03 > a{ background-position: -122px   0px; }
	#monthNavi_04 > a{ background-position: -183px   0px; }
	#monthNavi_05 > a{ background-position: -244px   0px; }
	#monthNavi_06 > a{ background-position: -305px   0px; }
	#monthNavi_07 > a{ background-position: -366px   0px; }
	#monthNavi_08 > a{ background-position: -427px   0px; }
	#monthNavi_09 > a{ background-position: -488px   0px; }
	#monthNavi_10 > a{ background-position: -549px   0px; }
	#monthNavi_11 > a{ background-position: -610px   0px; }
	#monthNavi_12 > a{ background-position: -671px   0px; }
	
	#monthNavi_01 > a:hover{ background-position:    0px -27px; }
	#monthNavi_02 > a:hover{ background-position:  -61px -27px; }
	#monthNavi_03 > a:hover{ background-position: -122px -27px; }
	#monthNavi_04 > a:hover{ background-position: -183px -27px; }
	#monthNavi_05 > a:hover{ background-position: -244px -27px; }
	#monthNavi_06 > a:hover{ background-position: -305px -27px; }
	#monthNavi_07 > a:hover{ background-position: -366px -27px; }
	#monthNavi_08 > a:hover{ background-position: -427px -27px; }
	#monthNavi_09 > a:hover{ background-position: -488px -27px; }
	#monthNavi_10 > a:hover{ background-position: -549px -27px; }
	#monthNavi_11 > a:hover{ background-position: -610px -27px; }
	#monthNavi_12 > a:hover{ background-position: -671px -27px; }
	
	/* ---------------------------------------------------------------------- */
	/* monthNavi */
	
/*--------------------------------------------------------------------------- */
/* localNaviArea */