﻿body {
	font: 80% "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,  "MS P Gothic", sans-serif;
	background: #eee;
	line-height:140%;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #000000;
}
* html .iepngfix, #top {
behavior: expression(IEPNGFIX.fix(this));
} 
img { border-width:0px;}
img.banner, #left div.txt{ margin-bottom:10px;}
a:visited { color:#00f;}
table { margin-bottom:20px; background-color:#fff;}
td.illust{ text-align:center;vertical-align:middle;}
th{text-align:left}
td { vertical-align:top;border:1px #eee solid;}
table.marketInfo td { vertical-align:middle}
.oneColLiqCtrHdr #container {
	height:auto;
	width: 1030px;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */
	background: #FFFFFF;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 1px solid #ddd;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
	background-image:url(../img/background.png);
	background-repeat:repeat-y;
}
.oneColLiqCtrHdr #header {
	background: #fff; 
	padding: 0 0px 0 0px;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
}


.oneColLiqCtrHdr #left {
	width:140px;float:left;border-right:1px #eee solid;
	font-size:80%;
}
.oneColLiqCtrHdr #mainContent {
	padding: 40px 20px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	height:5500px;
	border:1px #000 solid;
}

.oneColLiqCtrHdr #middle {
	float:left;width:371px;margin-left:0px;margin-top:20px;margin-bottom:20px;

}

.oneColLiqCtrHdr #middleContent{
	width:610px;float:left;margin-left:20px;height:auto;
}

.oneColLiqCtrHdr #footer { 
	padding: 0 10px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	border-top:1px solid #eee;
	background-color:#fff;
	} 
.oneColLiqCtrHdr #footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}
table.marketInfo { width:610px;}
table.marketInfo th { background:#f9c;text-align:left;}
table.marketInfo td { background:#Fdf;}
table.marketInfo th, table.marketInfo.td{padding:20px;}.oneColLiqCtrHdr #container #mainContent div #middleContent div {
	color: #000;
}
