@charset "utf-8";
#header {
	height: 66px;
	background: url(images/header_bg.gif) repeat-x;
	width: 750px;
	margin: 0px 5px;
	padding: 0 10px;
}
#header .headerL {
	float: left;
	width: 290px;
}
#header .headerR {
	float: right;
	width: auto;
	margin: 20px auto 0px;
}
#header .headerR img {
	width: auto;
	margin-left: 3px;
}

#header .headerR img {
	width: auto;
	margin-left: 3px;
}

#header h1 {
	margin: 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
}
#mainContent {
	padding: 0 20px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	background: #FFFFFF;
	
}

#mainContent2 {
	background: url(images/side-r_1.gif) repeat-y right top;
	width: 740px;
	padding: 20px;
}

#container  { 
	width: 780px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	background: #FFFFFF url(images/side-l_1.gif) repeat-y left top;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
}
#container2 {
	background: url(images/side-r_1.gif) repeat-y right top;
	width: 780px;
}
#navi {
	margin: 0px auto;
	height: 20px;
	width: 770px;
}

#flash {
	clear: both;
	width: 770px;
	margin: 0px auto;
}
#mainWn {
	float: left;
	width: 430px;
	margin-right: 20px;
}
#mainContent #mainWn p {
	margin: 10px 2px 10px 0px;
}
#mainWn iframe {
	width: 430px;
	height: 150px;
	border: 1px solid #999999;
	margin: 10px 0px;
}
#mainSide {
	float: right;
	width: 290px;
	margin-top: 10px;
	margin-bottom: 20px;
}
#mainSide img {
	margin-bottom: 3px;
}

#footer {
	padding: 0 10px;
	clear: both;
}

#footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 8px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
	font-size: 10px;
	text-align: center;
}