body {
 margin: 0;
 padding: 0;
 color: #000;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif; font-size: 100%;
 line-height: 1.4;
 overflow-x : hidden ;
}

/* ~~ この固定幅コンテナが他の div を囲みます。~~ */
.container {
 width: 500px;
 background: #FFF; /* 幅に加え、両側を自動値とすることで、レイアウトが中央に揃います。 */
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
}
#main{
 padding-top:10px;
 padding-bottom:10px;
}
ul{
 margin:0px;
 padding:0px;
 list-style:none;
}

.float_left {
 float: left;
 width: 230px;
 padding-right: 10px;
 padding-left: 10px;
}
.float_right {
 float: left;
 width: 230px;
 padding-right: 10px;
 padding-left: 10px;
}
.float_clear {
	height:1px;
	clear:both
}

/* フッター */
.footer {
 padding: 10px;
 position: relative;/* IE6 に、適切にクリアするための hasLayout を指定します。 */
 clear: both;
 font-size: 10px;
 border-top-width: 1px;
 border-top-style: solid;
 border-top-color: #CCC;
 color: #999;
}

p {
 font-size: 11px;
 line-height: 18px;
 margin: 0px;
 padding: 0px;
 text-align: justify;
 text-justify: inter-ideograph;
}

p.txt_area{
padding:1.0em
}
.mt_10px{
 margin-top:10px
}
strong{
 background:url(images/ico_seiseki.gif) center left no-repeat;
 padding-left:0.8em;
 margin-top:7px;
 display:block
}

.topics1 {
width:500px;
padding-top:10px;
border-bottom:#CCC 1px solid;
padding-bottom:15px;
}

ul.topics2 {
width:500px;
height:260px;
border-bottom:#CCC 1px solid;
padding-bottom:15px;

}

li.boxleft {
width:240px;
float:left;
/*padding-top:10px;*/
padding-bottom:10px;
padding-right:5px;

}
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

ul.schedule {
float:right;
color:#666666;
height:250px;
width:220px;
line-height:1.6em;
font-size:12px;
padding:20px 10px 0px 10px;;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}

.red {
font-size:10px;
color:red;
}

.title {
font-size:13px;
font-weight:bold;
padding-left:15px;
padding-right:15px;
background: url(images/midashi.gif) no-repeat left;
}

img {
padding-bottom:5px;
}

p.text_area {
height:135px;
}

.kekka {
font-weight:bold;
color:red;
padding:0px 10px 20px 10px;
width:500px;
text-align:center;
line-height:1.7em;
}

li.boxtop {
width:500px;
padding-bottom:10px;
}

li.boxbottom {
width:500px;
padding-bottom:10px;
}

p.text_area1 {
width:240px;
float:left;
}

p.text_area2 {
width:240px;
float:right;
}

.img_float1 {
float:right;
}

.img_float2 {
float:left;
}