@charset "UTF-8";
/* AssetNowVersion: FX1.9.0 Last Up Date: 2009-08-31 DesignVersion: 1.8 */

/*****************************************************************************/
/* 左エリア                                                                  */
/*****************************************************************************/

#Left {
	float: left;
	margin: 0;
	padding: 0;
	width: 310px;
}
@media screen and (max-width:640px){
	#Left {
		float:none;
		width: auto;
	}
}

/*****************************************************************************/
/* 右エリア                                                                  */
/*****************************************************************************/

#Right {
	display: none;
}

/*****************************************************************************/
/* カラムデザイン                                                            */
/*****************************************************************************/
/*                                                                           */
/*  #Left（左エリア)                                                         */
/*  width + ( padding-left + padding-right ) =  左のエリアの幅               */
/*                                                                           */
/*****************************************************************************/

#ContentWrapper {
    margin: 0 auto;
    padding: 30px 0 0;
	width: 1000px;
}
@media screen and (max-width:640px){
	#ContentWrapper {
		padding: 0;
		width: auto;
	}
}

	/* =[３カラム]左あり/右あり(グループトップページ) ------------------------ */
	/* Main------------------------------------------------------------------- */
	#MainWrapper {
		overflow: hidden;
		margin: 0 auto;
		width: 1000px;
	}
	@media screen and (max-width:640px){
		#MainWrapper {
			width: auto;
		}
	}

		/* コンテナ */
		#container {
			float: right; /* don't touch */
			clear: right; /* for IE6 */
			overflow: hidden;
			margin-left: -320px; /*左エリアの幅(負の値)  */
			padding: 0; /* don't use margin for Opera */
			width: 100%; /* don't touch */
		}
		@media screen and (max-width:640px){
			#container {
				float:none;
				clear:both;
				margin-left: 0;
			}
		}
			/* コンテナ2 */
			#container2 {
				float: left; /* don't touch */
				margin-right: 0;/* 右エリアの幅(負の値) */
				width: 100%; /* don't touch */
			}
			@media screen and (max-width:640px){
				#container2 {
					float: none; /* don't touch */
				}
			}
				/* =Main */
				#Main {
					margin-right: 0;/* 右エリアの幅 */
					margin-left: 345px; /* 左エリアの幅 */
				}
					#MainArea {
						width: 100%; /* for IE5 */
					}
				@media screen and (max-width:640px){
					#Main {
						margin-left: 0; /* 左エリアの幅 */
					}
					#MainArea {
						box-sizing: border-box;
						padding: 10px;
					}
				}
	
	/* =[２カラム]左あり/右なし ---------------------------------------------- */
	/* Center----------------------------------------------------------------- */
	#CenterWrapper {
		/* overflow: hidden; */
		/* background-color don't use for Mac IE5 */
		overflow: hidden;
		margin: 0 auto 20px;
		width: 1000px;
	}
	@media screen and (max-width:640px){
		#CenterWrapper {
			width: auto;
		}
	}
	#CenterWrapper #container {
		float: right; /* don't touch */
		clear: right; /* for IE6 */
		overflow: hidden;
		margin-left: -320px; /*左エリアの幅(負の値)  */
		padding: 0; /* don't use margin for Opera */
		width: 100%; /* don't touch */
	}
	@media screen and (max-width:640px){
		#CenterWrapper #container {
			float:none;
			clear: none;
			margin-left: 0;
		}
	}
		/* =Center */
		#Center {
				margin-right: 0; /* 左右エリアの幅 */
				margin-left: 345px;/* 左エリアの幅 */
		}
		@media screen and (max-width:640px){
			#Center {
					margin-left: 0;
			}
		}
			#CenterArea {
				position: relative;
				clear: both;
				box-sizing: border-box;
				margin: 25px 0 0;
				padding: 0 0 0;
				width: 100%; /* for IE5 */
				background: #FFF;
				color: #444422;
			    border-radius: 10px 10px 0 0;
			}
			@media screen and (max-width:640px){
				#CenterArea {
					margin: 0;
					padding: 0 15px 15px;
					border-right: none;
					border-bottom: none;
					border-left: none;
				}
			}

/* =[１カラム]左なし/右なし(サイトマップ/検索)---------------------------- */
	/* Centre----------------------------------------------------------------- */
	#CentreWrapper {
		/* overflow: hidden; */
		margin: 0 auto 20px;
		width: 1000px;
	}
	@media screen and (max-width:640px){
		#CentreWrapper {
			width: auto;
		}
	}
	#CentreWrapper:before ,
	#CentreWrapper:after {
		display: table; /* 2 */
		content: " "; /* 1 */
	}
	#CentreWrapper:after {
		clear: both;
	}
	#CentreWrapper {
		*zoom: 1;
	}

	#CentreWrapper #container {
		margin-left: 0;
		padding-top: 0; /* don't use margin for Opera */
	}
		/* =Centre */
		#Centre {
		}
			#CentreArea {
				clear: both;
				padding-top: 5px;
				padding-bottom: 5px;
				width: 100%; /* for IE5 */
			}