@charset "utf-8";

/* ボックス幅の最小、最大を指定した本文領域可変の２段組レイアウト*/
/*---------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
/*---------------------------------------------*/
body {
	/* ブラウザー初期値の75%に設定、Medium(16point)が12ポイントになる */
	font-size: 75%;		/* フォントサイズを指定 */
	/* Mac用、Safari用、Windows用、その他 */
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	/* 行間をフォントサイズの1.5倍にする */
	line-height: 1.5;		/* 行ボックスの高さを指定 */
	/*\*/
	letter-spacing: 0.1em;		/* 文字間を指定 */
	/**/
	color: #333333;		/* 文字の色を指定 */
	background-color: #FFFFFF;		/* ページ全体の背景色を指定 */
	padding: 0;		/* Opera対策用に0を指定 */
}
/*---------------------------------------------*/
#wrapper {
	min-width: 855px;		/* 最小のボックスの幅を指定 */
	max-width: 1200px;		/* 最大のボックスの幅を指定 */
	/* 下記はI.E.6用 */
	width: expression(document.body.clientWidth < 856? "855px" : document.body.clientWidth > 1201? "1200px" : "100%");
	min-height: 100%;		/* Window一杯の高さを指定 */
}
/*---------------------------------------------*/
#header {
	background-color: #2D78BF;
	background: url(../images/titleb.gif) left top no-repeat;		/* 1200×70 */
	padding-top: 70px;
}
/*---------------------------------------------*/
#container {
	float: left;
	width: 100%;		/* ボックスの幅を親領域の最大にする */
}
/*---------------------------------------------*/
#primary {
	float: right;
	width: 100%;		/* ボックスの幅を親領域の最大にする */
	margin: 10px 0 10px -200px;		/* 左方向に負のマージンを指定 */
}
/*---------------------------------------------*/
#content {
	margin: 0 0 0 200px;		/* 左方向にマージンを指定 */
}
/*---------------------------------------------*/
#secondary {
	float: left;
	width: 200px;
	margin: 10px 0 10px 0px;
}
/*---------------------------------------------*/
#footer {
	clear: both;
	padding: 5px 0;
	border-top: 2px solid #CCCCCC;
	text-align: center;
	background-color: #5FB852;
}