@charset "utf-8";
/* #sidebar1
1. 単位は相対単位であるため、サイドバーで余白を使用することは回避してください。標準に準拠したブラウザでは、余白は全体の幅に追加されるため、実際の幅が不特定の幅になります。 
2. サイドバーの値の単位として em が使用されているので、その幅が初期設定のテキストサイズに応じて変化することに注意してください。
3. 「#top #sidebar1 p」ルールで見られるように、div の端と div に含まれるエレメントの間のスペースは、エレメントに左マージンと右マージンを適用することによって設定できます。
*/

#top #mainContent {
  position:relative;
/*  background:#ABABEB;*/
  margin: 0px; /* 右マージンは、パーセントまたはピクセルで設定できます。これにより、ページの右側にスペースが設定されます。 */
  padding: 10px 10px;
  word-wrap: break-word;
  border:none;
/*  overflow:auto;*/
}

#slider-wrap{
  position:relative;
  margin:0px;
  padding: 0px 0px;
/*  background: #F3F;*/
}

div#leftcol{
  float:left;
  width:550px;
}
div#rightcol{
  float:left;
  width:430px;
}

/* 更新履歴 */
#news-wrap {
  width:500px; 
  margin:15px auto;
  margin-top:0px;
  border:solid #BBB 1px;
}
#news-wrap #news-title{
  height:48px;
  width:500px;
  border-bottom:1px solid #DDD;
}
#news-wrap #news-title h2 {
  height:45px;
  text-indent:-9999px;
  margin:0px;
  border:none;
  padding:0px;
  background-image:url(../../imgs/top/news.jpg);
  background-repeat:no-repeat;
  overflow:hidden;
}
#news-wrap #news-title #news-all{
  position:relative;
  float:right;
  border-left:1px dotted #CCC;
}
#news-wrap #news-title #news-all a{
  margin:0px;
  padding:12px 10px;
  display:block;
  width: 30px;
  height:25px;
}

#blog-wrap{
  width:500px;
  margin:15px auto;
  margin-top:0px;
  border:solid #BBB 1px;
  overflow:hidden;
}
#blog-wrap #blog-title{
  height:48px;
  width:500px;
  border-bottom:1px solid #DDD;
}
#blog-wrap #blog-title h2 {
  height:45px;
  text-indent:-9999px;
  margin:0px;
  border:none;
  padding:0px;
  background-image:url(../../imgs/top/blog.jpg);
  background-repeat:no-repeat;
  overflow:hidden;
}
#blog-wrap #blog-title #blog-all{
  position:relative;
  float:right;
  border-left:1px dotted #CCC;
}
#blog-wrap #blog-title #blog-all a{
  margin:0px;
  padding:12px 10px;
  display:block;
  width: 30px;
  height:25px;
}

#news-wrap dl,
#blog-wrap dl{
  width:100%;
  overflow:auto;
  margin-top:0px;
  margin-bottom:0px;
}

#news-wrap dt,
#blog-wrap dt{
  clear:left;
  float:left;
  margin:0;
  padding:10px 0 10px 0.5em;
  width:7em;
  line-height:1.5em;  
}

#news-wrap dd,
#blog-wrap dd{
  margin:0;
  padding:10px 0.5em 10px 7em;
  border-bottom:1px solid #CCC;
  line-height:1.5em;
}

#news-wrap a,
#blog-wrap a{
  padding: 5px 20px 5px 0;
}