#sub {
	float:left;
	width:45%;
	padding:20px;
text-align:left;
margin-left:auto;
}


#bg {
	float:right;
	width:45%;
	padding:20px;
text-align:left;
margin-left:auto;
}


/* --- 新着情報エリア --- */
div.update {
width: 100%; /* 新着情報エリアの幅 */
font-size: 90%;
}

/* --- 見出し --- */
div.update h3 {
margin: 0 0 5px; /* 見出しのマージン（上、左右、下） */
font-size: 100%;
}

/* --- 新着リスト --- */* html body dl.list dd div{
   display:inline-block;
}

dl.list {
   border-bottom:1px solid #999;
}

dl.list dt {
  clear: left;
   float:left;
   width:8em;
  padding: 10px 0.5em;
   border-top:1px solid #999;
  padding: 10px 0.5em;
}

dl.list dd {
  margin-left: 0;
  padding: 10px 0.5em 10px 8em;
   border-top:1px solid #999;
}

div.update dl {
width: 100%; /* 新着リストの幅 */
margin: 0;

}

/* --- 日付エリア --- */
div.update dt {
clear: left;
float: left;
width: 36em;
padding: 10px 0.5em;
line-height: 100%;
color:#000000;
}

/* --- 本文エリア --- */
div.update dd {
  margin-left: 0;
  padding: 10px 0.5em 10px 8em;
border-bottom: 1px #808080 dotted; /* 本文エリア下境界線 */
line-height: 100%;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}