@charset "Shift_JIS";

/* common */

*{
  margin:0;
  padding:0;
  border:0;
  color:#222;
  font-weight:normal;
  font-style:normal;
  text-decoration:none;
  font-family:Verdana, Arial, "MS P Gothic", Helvetica, sans-serif;
  line-height:130%;
  font-size:small;
}

body{
/* background:#f9f9d2;*/
 background:url(http://www.setagaya-ac.or.jp/arttown/img/bg2.png);
}

h1, h2, h4, h5, h6{
clear:both;
 font-weight:bold;
 margin-bottom:10px;
}

h3{
clear:both;
 font-weight:bold;
 margin-bottom:5px;
}

h1,h2{
 font-size:medium;
 }
 
h3, h4, h5, h6{
 font-size:small;
}


/*link*/

a {
  color:#1853A2;
  text-decoration:underline;
  }

a:visited {
  color:#1853A2;
  }

a:hover{
  color:#ff6600;
  background:#ffe200;
  }

.detail{
  text-align:right;
  padding-top:0px;
}

#to_top{
  text-align:right;
  padding-top:5px;
  padding-bottom:10px;
  padding-right:15px;
}

.dl-pdf a{
 display:block;
 padding-left:35px;
 background:url('http://www.setagaya-ac.or.jp/arttown/img/pdf-icon.gif') no-repeat;
}


/* layout */

#body-container {
  clear: both;
  width:760px;
  margin-left:auto;
  margin-right:auto;
  background:#ccc;
}

#container {
  clear: both;
  width:760px;
  margin-left:auto;
  margin-right:auto;
  background:#f9f9d2;
}

#character {
  position:absolute;
  right:10px;
  top:15px;
  z-index:10;
}

#header {
  height:75px;
  width:760px; 
  padding-top:0px;
  margin-top:0px;
  text-align:left;
}

#globalnav {
  width:760px; 
  background:#ccc;
}

#visual {
  clear: both;
  width:759px;
  height:180px;
  margin:0;
  padding:0px;
  text-align:center;
}

#wrapper {
  padding-bottom:0px;
  padding-top:0px;
  margin-top:0px;
  width: 100%;
  background:#f9f9d2;
 clear: both;
}

#leftbar {
  width: 190px;
  float: left;
  padding:15px;
  background:#f9f9d2;
}

#main {
  width: 340px;
  float: left;
  padding:15px;
  background:#f9f9d2;
  border-left:1px solid #CCC;
  border-right:1px solid #CCC;
}

#rightbar {
  float: left;
  width: 130px;
  padding:15px;
  background:#f9f9d2;
}

#footer {
  clear: both;
  width: 760px;
  text-align: center;
  background:#ff6600;
  padding-bottom:15px;
}

/*header*/

#header h1{
  margin:0;
}

/*globalnav*/

ul#globalnav {
 list-style: none;
 color: #fff;
}

ul#globalnav li {
 float:left;
 display: inline;
 white-space: nowrap;
}

ul#globalnav li a {
  display:block;
  font-weight: bold;
  float:left;
  text-decoration: none;
  color: #333;
  padding-top:0.5em;
  padding-bottom:0.5em;
  padding-left:0.5em;
  padding-right:0.5em;
  border-right:1px solid #CCC;
  background:#ddd url(http://www.setagaya-ac.or.jp/arttown/img/bg_globalnav.png);
  letter-spacing: 0.2px;
}

ul#globalnav li a:hover {
 color: #ff6600;
 background: #ffe200;
}

/*wrapper*/

h2.home{
  font-weight: bold;
  color:#ff6600;
  background:url('http://www.setagaya-ac.or.jp/arttown/img/bg_h2.png'); 
  letter-spacing: 1px;
  border-bottom:1px solid #ff6600;
  padding-top:3px;
  padding-bottom:3px;
  padding-left:0.5em;
}


/*leftbar*/

#leftbar p{
  margin-bottom:5px;
  padding:5px;
  line-height:150%;
}

#leftbar ul {
  list-style-image:url(http://www.setagaya-ac.or.jp/arttown/img/marker_submenu.gif) ;
  margin-left:30px;
  vertical-align:middle;
  line-height:180%;
}

#leftbar ul li {
padding-bottom:1px;
}

#leftbar ul li a {
  text-decoration: underline;
  line-height:1.4em;
  color: #1853A2;
 /* margin-left:10px;
  padding-left:20px;
  background:url('http://www.setagaya-ac.or.jp/arttown/img/marker_column.gif') no-repeat;
  background-position: 0px 2px;
  vertical-align:middle;*/
}

#leftbar ul li a:hover{
  color:#ff6600;
  background:#ffe200;
  }

.to_home{
border-top:1px solid #CCC;
margin-top:100px;
}

#contents {
padding-top:15px;
padding-bottom:15px;
}

#second_contents {
border-top:1px dotted #CCC;
padding-top:15px;
padding-bottom:15px;
}

#links,#misc{
border-top:1px dotted #CCC;
padding-top:15px;
padding-bottom:15px;
}

div#contents ul{
  list-style-image:url(http://www.setagaya-ac.or.jp/arttown/img/marker_contents.gif);
  margin-left:30px;
  vertical-align:middle;
  line-height:180%;
  marker-offset:5px;
}

div#second_contents ul{
  list-style-image:url(http://www.setagaya-ac.or.jp/arttown/img/marker_contents.gif);
  margin-left:30px;
  vertical-align:middle;
  line-height:180%;
  marker-offset:5px;
}

div#links ul{
  list-style-image:url(http://www.setagaya-ac.or.jp/arttown/img/marker_links.gif);
  margin-left:30px;
  vertical-align:middle;
  line-height:180%;
}

div#misc ul{
  list-style-image:url(http://www.setagaya-ac.or.jp/arttown/img/marker_siteinfo.gif);
  margin-left:30px;
  vertical-align:middle;
  line-height:180%;
}

/*main*/

#main p{
 margin-bottom:0px;
 padding:5px;
 line-height:130%;
}

/*topics*/

div#topics {
  margin-bottom:0px;
}

div#topics h3 {
 padding:0 5px 2px;
 color:#000;
 border-bottom:1px solid #1853A2;
 margin-bottom:10px;
 }

div#topics ul {
  list-style-image:url(http://www.setagaya-ac.or.jp/arttown/img/marker_topics.gif);
  margin-left:30px;
  vertical-align:middle;
  line-height:180%;
}

div#topics p.c_photo{
  float:left;
  margin-right:25px;
}

div#topics p.detail{
  text-align:right;
  clear:both;
  margin-bottom:10px;
}

/*producer*/

div#producer {
  margin-bottom:0px;
}

div#producer h3 {
 padding:0 5px 2px;
 color:#000;
 border-bottom:1px solid #1853A2;
 margin-bottom:10px;
 }

div#producer ul {
  list-style-image:url(http://www.setagaya-ac.or.jp/arttown/img/marker_producer.gif);
  margin-left:30px;
  vertical-align:middle;
  line-height:180%;
}

div#producer p.c_photo{
  float:left;
  margin-right:25px;
}

div#producer p.detail{
  text-align:right;
  clear:both;
  margin-bottom:10px;
}

/*volunteer*/

div#volunteer {
  margin-bottom:0px;
}

div#volunteer h3 {
 padding:0 5px 2px;
 color:#000;
 border-bottom:1px solid #1853A2;
 margin-bottom:10px;
 }

div#volunteer ul {
  list-style-image:url(http://www.setagaya-ac.or.jp/arttown/img/marker_volunteer.gif);
  margin-left:30px;
  vertical-align:middle;
  line-height:180%;
}

div#volunteer p.c_photo{
  float:left;
  margin-right:25px;
}

div#volunteer p.detail{
  text-align:right;
  clear:both;
  margin-bottom:10px;
}

/*home_rightbar*/

#rightbar dl{
 padding:5px;
}

#rightbar dt a{
 font-weight:bold;
 padding-left:15px;
 background:url('http://www.setagaya-ac.or.jp/arttown/img/marker_column.gif') no-repeat;
 vertical-align:middle;
 padding-bottom:10px;
}

#rightbar dd{
 padding:5px 0 15px 5px;
 line-height:1.2em;
}

/*second content*/

#content {
  padding-top:20px;
  padding-right:30px;
  padding-left:30px;
  padding-bottom:30px;
  width: 470px;
  float: left;
  background:#f9f9d2;
  border-left:1px solid #CCC;
  line-height:150%;
}

#content h1{
  font-size:large;
  font-weight: bold;
  padding:6px;
  color:#ff6600;
  background:url('http://www.setagaya-ac.or.jp/arttown/img/bg_h2.png'); 
  border-left:10px solid #ff6600;
  letter-spacing: 1px;
}

#content h2{
  padding-top:25px;
  padding-bottom:5px;
  color:#ff6600;
  border-bottom:1px solid #ff6600;
}

#content h2 a{
font-weight:bold;
}

#content h3{
  padding-top:15px;
  color:#ff6600;
}


#content p{
 padding-top:15px;
 line-height:150%;
}

#content p.date{
font-weight:bold;
color:#999;
padding:1px 5px;
border-bottom:1px dotted #CCC;
}

div#content p.c_photo{
  float:left;
  margin-right:25px;
}

#content ul{
  padding:5px 30px;
}

#content ul li{
 line-height:1.5em;
}

#content table{
 border-top:1px solid #9AD9DD;
 border-right:1px solid #9AD9DD;
 border-collapse:collapse;
 margin-bottom:15px;
}

#content td{
background:#ff6600;
padding:7px;
 border-bottom:1px solid #9AD9DD;
 border-left:1px solid #9AD9DD;
}

#content th{
 background:#9AD9DD;
 color:#FFF;
 padding:7px;
/* border-bottm:1px solid #9AD9DD;
 border-left:1px solid #9AD9DDs;*/
border:1px solid #DDD;
 font-weight:bold;
}

#content td.remarks{
font-size:x-small;
}

#content p.detail{
  text-align:right;
  padding-top:25px;
}


/*second leftbar*/

h2.second{
 font-size:small;
 padding:5px;
 color:#000;
 border-left:10px solid #9AD9DD;
 border-top:1px solid #9AD9DD;
 border-bottom:1px solid #9AD9DD;
}



/*footer*/

#footer p{
 margin-top:10px;
 color: #fff;
}

#footer p a {
 padding:5px;
 text-decoration: underline;
 color: #fff;
}

#footer p a:hover {
  color: #ff6600;
  background: #ffe200;
}

#copyright {
 padding-top:10px;
 margin-top:30px;
}


/*comment&trackback*/

.comment-content,
.trackback-content
{
   margin: 0;
   line-height: 1.5;
}

.comment-footer,
.trackback-footer
{
   margin: 0 0 20px 0;
   border-top: 1px solid #dae0e6;
   padding-top: 3px;
   color: #666;
   font-size: 10px;
   text-align: right;
}

.comment-content,
.trackback-content,
.comment-footer,
.trackback-footer
{
   margin-left: 10px;
}

.content-nav { margin-top: 0; }

#trackbacks-info
{
   margin: 10px 0;
   border: 1px dashed #a3b8cc;
   padding: 0 10px;
   color: #000000;
   font-size: 11px;
   text-align: center;
   background: #e6ecf2;
}

.comments-open-footer
{
   margin: 10px 0;
}

#comment-preview{
   background: #e6ecf2;
   border: 1px dashed #a3b8cc;
}

#comment-post{
   background: #e6ecf2;
   border: 1px dashed #a3b8cc;
}

#comment-text{
   background: #e6ecf2;
   border: 1px dashed #a3b8cc;
}

#comment-author{
   background: #e6ecf2;
   border: 1px dashed #a3b8cc;
}

#comment-email{
   background: #e6ecf2;
   border: 1px dashed #a3b8cc;
}

#comment-url{
   border: 1px dashed #a3b8cc;
   background: #e6ecf2;
}

#comment-cancel{
   border: 1px dashed #a3b8cc;
   background: #e6ecf2;
}