/* =============================================================== 
h見出しfont-weight: bold;
=============================================================== */
h3.main, h3.main a, h3.main a:link, h3.main a:visited, h3.main a:hover
{
margin: 30px 0 20px 0;
padding: 0px 0 4px 0;
font-size: 18px;
line-height: 1.5em;
letter-spacing: 1px;
text-align: left;
border-bottom: solid 4px #777;
}
h4.main, h4.main a, h4.main a:link, h4.main a:visited, h4.main a:hover
{
margin: 20px 0 10px 0;
font-size: 16px;
line-height: 1.5em;
letter-spacing: 0.3px;
text-align: left;
 color:#00B5CA;
}
/* =============================================================== 
workinfo 
=============================================================== */
div.workinfo dl {
float: right;
width: 60%;
font-size: 10px;
	margin: 15px 0 15px;
	padding: 0px;
	border: 2px #EEEEEE solid;
}
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;
}
/* =============================================================== 
rightimg
=============================================================== */
div.rightimg {
margin: 1em 0 0;
width: 100%;
overflow: hidden; /* clear float */
}

div.rightimg h3 {
margin: 1em 0;
padding: 0px 10px;
border-bottom: 1px #555 dotted;

}

div.rightimg p {
margin: 1em 0 1em 10px;
}

div.rightimg img.figure {
float: right; /* 画像を左寄せにする場合は left */
display: inline; /* for IE6,7 */
margin: 0 0 1em 20px;
}
/* =============================================================== 
leftimg
=============================================================== */
div.leftimg {
  margin: 1em 0 0;
  width: 100%;
  overflow: hidden; /* clear float */
}

div.leftimg h3 {
  margin: 1em 0;
  padding: 0px 10px;
  border-bottom: 1px #555 dotted;
  color: #555;
}

div.leftimg p {
  margin: 1em 0 1em 20px;
}

div.leftimg img.figure {
  float: left; /* 画像を右寄せにする場合は right */
  display: inline; /* for IE6,7 */
  margin: 0 20px 1em -10px;
}


/* =============================================================== 
banners01　複数のバナーを配置
=============================================================== */
div.banners01 {
  margin: 0px 30px 0px 60px;
}

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;
}

/* =============================================================== 
start footnotes
=============================================================== */
.footnotes {
padding: 6px 20px 6px 20px;
 font-size: 0.9em;
 color: #666;
 border: 1px dotted #ccc;
 background-color: #f5f5f5;
 }
sup {
 color: red;
 }
/*-----------------------------------------------
.art-PostContent .grid
----------------------------------------------------------- */
div.grid
{
  clear: both;
width: 100%;
  margin-left: auto;
  margin-right: auto;
}
div.section
{
	float:left;
	height: 180px;
	width: 131px;
	padding:0px 10px 0px 0px;
	text-align: left;
}
div.section img
{
	margin: 0
	padding: 0;
	vertical-align: top;
	border: 1px solid #aaaaaa;
}
div.section div.title
{
  margin: 0; 
  padding: 0; 
  width: 131px;
  height: 0em;
  background-color: #555555;
/*  overflow: hidden;
  white-space: nowrap;*/
}
div.section div.title p
{
  margin: 0 0px 0 0px;
  font-size: 10px;
  text-align:left;
  font-weight: normal;
}
/* =============================================================== 
grid　float 写真　タイトル　説明　（縦）
=============================================================== */
div.clip{
padding: 0px;
martgin: 0px;
 width: 100%; 
 overflow: hidden;
}
div.clip ul{
 list-style: none;
 width: 100%; 
}
div.clip ul:after{
 display: block;
 clear: both;
 content: "";
}
div.clip ul li{
 float: left;
 width: 131px;
border: 1px #dddddd solid;
padding: 10px;
margin-right: 10px; 
}
div.cliptitle{
display: block;
text-align:left
font-size: 90%;
line-height: 1.3;
color: #338833;
font-weight: bold;
}
div.clipcopy{
font-size: 70%
line-height: 1.3;
padding: 4px 0px 16px 0px;
}
/* =============================================================== 
#news01 dt と dd を横並びにした定義リスト
=============================================================== */
div.news
{
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: 14px;
  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 10px;
  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: #f4f4f4 url(http://artscene.jp/data/Q.png) no-repeat 10px 6px;
}

ul.list_qa li.even {
  background: #fff url(http://artscene.jp/data/A.png) no-repeat 10px 6px;
}