@charset "Shift_JIS";

/* --- 全体の背景・テキスト --- */
body {
	margin:  0;
	padding: 0;
	background-color: #f0f0f0;
	color: #000000;
	font-size: 100%;
	overflow-y: scroll;
	font-family: 'メイリオ';
}

/* --- 全体のリンクテキスト --- */
a:link    {color: #0000ff;}
a:visited {color: #800080;}
a:hover   {color: #ff0000;}
a:active  {color: #ff0000;}

/* --- コンテナ --- */
#container {
	width:  960px;
	margin: 0 auto; 
	position: relative;
}

/* --- ヘッダ --- */
#header {
	background: #005321;
	color: #ffffff;
	position: fixed;
	top:  0;
	left: 0;
	width: 100%;
	margin:  0;
	padding: 0;
}

#header-inner {
	width:  960px;
	margin: 0 auto; 
}

/* --- コンテンツ --- */
#content {
}

.content{
	clear: both;
	width: 960px;
	background: #ffffff;
	margin:  40px 0 0 0;
	padding: 0;
	border-radius: 20px;			/* CSS3草案 */
	-webkit-border-radius: 20px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 20px;		/* Firefox用 */
}


#content-body {
	clear: both;
	margin:  0 50px;
	padding: 20px 0 40px 0;
	font-size: 13px;
}



/* --- フッタ --- */
#footer {
	clear: both;
	margin:  0;
	padding: 0;
}

#footer-inner {
	margin:  3px 0 2px 0;
	padding: 0;
	text-align: center;
	font-size: 11px;
}

#footer-space {
	clear: both;
	height: 100px;
}


/* -------------------------------- */

img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1440px;
	
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;
	
	/* Set up positioning */
	position: fixed;
	/* またはabsolute; */
	top:  0;
	left: 0;
}

@media screen and (max-width: 1024px){
	img.bg {
	left: 50%;
	margin-left: -770px; }
}