@charset "UTF-8";

html{
	font-size: 14px;
	color: rgb(0,0,0);
	font-family: "ヒラギノ明朝 ProN", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Hiragino Mincho ProN W3", "MotoyaLCedar", "Droid Sans Japanese", "メイリオ", Meiryo, "MS P明朝", "MS PMincho", serif;
}

body{
	background-color: rgb(242,242,242);
}

.android *{ background-color: inherit; }

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


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

#outerWrapper{
	position: relative;
	width: 100%;
	min-height: 100%;
	min-width: 980px;
	overflow: hidden;
	background: url(../base_img/wrapperDS.png) repeat-y center bottom;
}

#outerWrapper:before,
#outerWrapper:after{
	display: block;
	content: "";
	height: 80px;
	width: 100%;
	background-color: rgb(0,0,0);
}

#outerWrapper:before{ margin-bottom: -80px; }
#outerWrapper:after { margin-top: -80px; }

.debug-mode #outerWrapper{ background-color: pink; }

#wrapper{
	width: 980px;
	margin: 0px auto;
	background-color: rgb(255,255,255);
}

/* headerArea */
/*============================================================================*/

/* ロゴ */
#headerLogo{
	width: 198px;
	height: 43px;
	z-index: 1;	/* globalNaviより前面 */
}
.debug-mode #headerLogo{ background-color: orange; }

#headerLogo a{
	/* imgRep */
	display: block;
	width: 100%;
	height: 100%;
	background: url(../base_img/headerLogo.png) no-repeat left top;
}
	/* globalNavi */
	/*========================================================================*/
	#globalNavi{
		/* clearfix */
		-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: 10px 0px;
		padding-left: 309px;
		width: 100%;
		height: 62px;
	}
	.debug-mode #globalNavi{ background-color: green; }
	
	/* 飾り罫 */
	#globalNavi:before,
	#globalNavi:after{
		display: block;
		content: "";
		width: 42px;
		height: 40px;
		background: url(../base_img/headerFrame.png) no-repeat;
	}
	
	#globalNavi:before{ background-position: right top; }
	#globalNavi:after { background-position: left top; }
	
	#globalNavi li{ float: left; }
	.debug-mode #globalNavi li{ background-color: purple; }
	
	/* リンク */
	#globalNavi li a{
		/* imgRep */
		display: block;
		height: 42px;
		background-repeat: no-repeat;
		background-image: url(../base_img/globalNavi.png);
	}
	
	#gnavi_news a	 { width:  69px; background-position:    0px -10px; }
	#gnavi_schedule a{ width: 183px; background-position:  -70px -10px; }
	#gnavi_members a { width: 105px; background-position: -254px -10px; }
	#gnavi_chorus a  { width:  84px; background-position: -360px -10px; }
	#gnavi_videos a  { width:  82px; background-position: -445px -10px; }
	#gnavi_contact a { width:  92px; background-position: -528px -10px; }
	
	#gnavi_news a:hover	   { background-position:    0px -73px; }
	#gnavi_schedule a:hover{ background-position:  -70px -73px; }
	#gnavi_members a:hover { background-position: -254px -73px; }
	#gnavi_chorus a:hover  { background-position: -360px -73px; }
	#gnavi_videos a:hover  { background-position: -445px -73px; }
	#gnavi_contact a:hover { background-position: -528px -73px; }
	
	/*------------------------------------------------------------------------*/
	/* globalNavi */

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

/* footerArea */
/*============================================================================*/
#footerArea{
	position: relative;
	width: 100%;
	background-color: rgb(0,0,0);
	z-index: 1;	/* #wrapper:afterより前面 */
}

#footerArea .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;
	width: 100%;
	height: 80px;
	padding: 8px 0px;
}

/* 上下のグラデーション付きボーダー */
#footerArea .innerWrapper:before,
#footerArea .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;
}

#footerArea .innerWrapper:before{ top: 7px; }
#footerArea .innerWrapper:after { bottom: 7px; }

#copyright{
	width: 100%;
	height: 100%;
	font-size: 12px;
	line-height: 64px;	/* 上下中央配置用 */
	text-align: center;
	vertical-align: middle;
	color: rgb(203,161,38);
}
.debug-mode #copyright{ background-color: pink; }

/*----------------------------------------------------------------------------*/
/* footerArea */

/* ========================================================================== */
/* ========================================================================== */

@media print{
	#outerWrapper{ width: 980px; margin:0px auto; }
	#outerWrapper:before,
	#outerWrapper:after{ display: none; }
	
	#headerArea > .innerWrapper{ display: none; }
	
	#footerArea{ background-color: transparent; }
	#footerArea > .innerWrapper{
		padding: 0px;
		height: auto;
	}
	#footerArea > .innerWrapper:before,
	#footerArea > .innerWrapper:after{ display: none; }
	
	#copyright{ color: rgb(0,0,0); }
	
}