@charset "UTF-8";

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


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


/* headerArea */
/*============================================================================*/
#headerArea{
	position: relative;
	padding-bottom: 229px;	/* 背景画像の高さに合わせる */
	width: 100%;
	background: url(../base_img/defaultHeaderBg-60.jpg) no-repeat left bottom;
	background-color: rgb(0,0,0);
	border-bottom: 16px solid rgb(203,161,38);
}

/* 最下部ドロップシャドウ */
#headerArea:after{
	display: block;
	content: url(../base_img/headerAreaDS.png);
	position: absolute;
	bottom: -29px;
	height: 29px;
	width: 100%;
	z-index: 1;
}

#headerArea .innerWrapper{
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		 -o-box-sizing: border-box;
			box-sizing: border-box;
	position: relative;
	height: 80px;
	padding: 9px 0px;
	background-color: inherit;
}

/* 上下のグラデーション付きボーダー */
#headerArea .innerWrapper:before,
#headerArea .innerWrapper:after{
	display: block;
	content: "";
	position: absolute;
	left: 50%;
	margin-left: -950px;
	height: 1px;
	width: 1901px;
	background: url(../base_img/gradientBorder.png) repeat-y center top;
	z-index: 100;
}

#headerArea .innerWrapper:before{ top: 8px; }
#headerArea .innerWrapper:after { bottom: 8px; }

/* ロゴ */
#headerLogo{
	position: absolute;	/* 基点: innerWrapper */
	left: 55px;
	top: 50%;
	margin-top: -21px;
}
.debug-mode #headerLogo{ background-color: orange; }

	/* globalNavi */
	/*========================================================================*/

	/* 飾り罫 */
	#globalNavi:before,
	#globalNavi:after{
		position: absolute;	/* 基点: #globalNavi */
		top: 50%;
		margin-top: -20px;
	}
	
	#globalNavi:before{ left:  -14px; }
	#globalNavi:after { right: -14px; }

	/*------------------------------------------------------------------------*/
	/* globalNavi */

/*----------------------------------------------------------------------------*/
/* headerArea */

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

#localNaviArea{
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		 -o-box-sizing: border-box;
			box-sizing: border-box;
	position: relative;
	width: 1060px;
	margin: 0px -40px;
	margin-top: -16px;	/* #headerAreaのborder-bottomに合わせる */
	padding: 17px 0px;	/* 上下の余白 */
	height: 60px;
	background-color: rgb(203,161,38);
	box-shadow: 0px 0px 4px 2px rgba(0,0,0, 0.6);
	z-index: 10;		/* #headerAreaより前面 */
}

.msie8 #localNaviArea{
	box-shadow: 0px 0px 4px 2px rgb(75,75,75);
	behavior: url(http://illuminartphil.com/base_includes/csspie/PIE.htc);
}

/* 上下の単色ボーダー */
#localNaviArea:before{
	display: block;
	content: "";
	position: absolute;
	top: 5px;
	width: 100%;
	height: 50px;
	background: url(../base_img/localNaviBorders.gif) repeat-x left top;
}

.localNavi{
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		 -o-box-sizing: border-box;
			box-sizing: border-box;
	position: relative;
	padding: 0px 59px;
	width: 100%;
	height: 100%;
}
.debug-mode .localNavi{ background-color: red; }

/* 左右の飾り罫 */
.localNavi:before,
.localNavi:after{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -16px;
	width: 31px;	/* 背景画像に合わせる */
	height: 31px;	/* 背景画像に合わせる */
	background: url(../base_img/localNaviFrame.png) no-repeat;
}

	.localNavi:before{ left:  28px; background-position: right center;}
	.localNavi:after { right: 28px; background-position: left  center;}

.localNavi li{
	float: left;
	height: 100%;
	border-left: 2px solid rgb(66,33,11);
}
.debug-mode .localNavi li{ background-color: green; }

.localNavi li:first-child{
	margin-left: 27px;	/* 左側飾り罫右辺との間隔 */ 
	border-left-style: none;
}

.localNavi li a{
	/* imgRep */
	display: block;
	height: 26px;
}
.debug-mode .localNavi li a{ background-color: orange; }

/*----------------------------------------------------------------------------*/
/* localNaviArea */

#contentArea{
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		 -o-box-sizing: border-box;
			box-sizing: border-box;
	position: relative;
	padding-left: 140px;
	padding-right: 140px;
	width: 100%;
	background-color: rgb(255,255,255);
}