/* ============================= 
.clearfix
=============================  */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/* ============================= 
スペーサー
<div class="spacer10">&nbsp;</div>
=============================  */
.spacer1 {
clear: both;
width: auto;
height: 1px;
}
.spacer5 {
clear: both;
width: auto;
height: 5px;
}
.spacer10 {
clear: both;
width: auto;
height: 10px;
}
.spacer20 {
clear: both;
width: auto;
height: 20px;
}
/* =============================
#news01 dt と dd を横並びにした定義リスト
============================= */
div.news {
  width: 50%;
margin: 30px 30px 20px 60px;
}
dl.news01 dt {
  font-size: 12px;
  clear: left;
  float: left;
  margin: 0 0 01em;
  width: 7.5em;
  border-left: solid 4px #ccc;
  padding-left: 8px;
}
dl.news01 dd {
  font-size: 12px;
  margin-bottom: 1em;
  margin-left: 10em;
}
/* =============================
list123 olと li,dlとdd 
============================= */
ol.list123 li {
  margin-top: 1em;
  margin-left: 1em;
  margin-bottom: 0em;
  list-style: decimal;
  font-size: 30px;
  font-style: italic;
  color: #CCC;
line-height: 20px;
}
ol.list123 li dl {
  font-size: 15px;
  font-style: normal;
  color: #333
}
ol.list123 li dl dd {
  font-size: 12px;
  font-weight: normal;
  color: #666;
}
* html ol.list123 li dl { /*for IE6 */
  display: inline;
}
*:first-child+html ol.list123 li dl { /*for IE7 */
  display: inline;
}
/* =============================
Q&A 交互に背景色を入れたリスト
============================= */
ul.list_qa li {
margin: 0 10px 1px 0px;
padding: 10px 15px 10px 60px;
list-style: none;
font-size: 11px;
line-height: 1.5em;
letter-spacing: 0.2px;
}
ul.list_qa li.odd {
  background: #fff url(http://artsquare.info/data2010/Q.png) no-repeat 10px 6px;
}
ul.list_qa li.even {
  background: #fff url(http://artsquare.info/data2010/A.png) no-repeat 10px 6px;
}
/* ============================= 
banners01　複数のバナーを配置
============================= */
div.banners01 {
margin: 0px 0px 0px 0px;
}
div.banners01 ul {
 display: block;
 margin: 0;
 padding: 0;
 border: 0;
 list-style-type: none;
}
div.banners01 ul li {
 display: block;
 float: left;
 margin:  5px 10px 0px 0px;
 padding: 0;
 border: 0;
 z-index: 5;
 background:none;
}
div.banners01 ul li a img {
  border: none;
}
/* =============================
.column-pt 横並びにした画像にテキストが回りこまないようにする方法
============================= */
.column-pt img{
float:left;
}
.column-pt p, .column-pt h4{
margin-left:210px;
}
/* =============================
.column-pt2 横並びにした画像にテキストが回りこまないようにする方法
============================= */
.column-pt2 img{
float:left;
}
.column-pt2 p, .column-pt2 h4{
margin-left:420px;
}
/* =============================
.column-pt3 横並びにした画像にテキストが回りこまないようにする方法
============================= */
.column-pt3 img{
float:left;
}
.column-pt3 p, .column-pt3 h4{
margin-left:170px;
}
/* =============================
workinfo 
============================= */
div.workinfo dl {
float: right;
width: 60%;
margin: 15px 10px 15px 15px;
padding: 0px;
border-top: 1px #ccc dotted;
border-right: 1px #ccc dotted;
border-left: 1px #ccc dotted;
}
div.workinfo dl dt {
 float: left;
 width: 12em;
 padding: 4px 0;
 font-weight: bold;
 text-indent: 1em;
 line-height: 140%;
}
div.workinfo dl dd {
 padding: 4px 0 4px 6em;
 line-height: 140%;
 border-bottom: 1px #ccc dotted;
}
/* =============================
.footnotes
============================= */
.footnotes {
padding: 6px 20px 6px 20px;
margin: 0 10px 0 0;
 font-size: 0.9em;
 color: #666;
 border: 1px dotted #ccc;
 background-color: #f5f5f5;
 }
sup {
color: red;
 }
/* =============================
.program(table)
============================= */
div.program {
width: 100%;
margin: 0px;
padding: 10px 0;
line-height: 1.4em;
float: left;
border-collapse: collapse;
}
div.program table {
width: 100%;
}
div.program th {
padding: 6px 10px 6px 10px;
border: 1px #ccc solid;
background-color: #E0F2DB;
}
div.program tr td {
padding: 6px 10px 6px 10px;
border: 1px #ccc solid;
}
/* =============================
.note
============================= */
.note {
padding: 6px 20px 6px 20px;
margin: 0 0px 0 0;
 font-size: 1em;
 color: #666;
 border: 1px dotted #ccc;
 background-color: #f5f5f5;
 }