@charset "UTF-8";

/*____________________________________________________

     Individual Style
     Center for the Science of Human Endeavor

____________________________________________________*/

/*IE6ˆÈ‰º*/
* html body div#container div#content div#article { 
   float: left;
   width: 580px;
   margin: 0;
   padding-left: 3em;
}

/* Header
____________________________________________________*/

div#container div#content div#article h3  {
   float: left;
   margin-left: 10px;
   padding: 1em 0 0.3em;
   width: 570px;
   border-bottom: 1px solid #333;
   font-weight: bold;
   font-size: 140%;
}

div#container div#content div#article h3 span {
   padding: 15px 2em 0 0;
   font-size: 70%;
   font-weight: bold;
   background: url(../images/updata.gif) no-repeat left top;
}

div#container div#content div#article h3 a {
   text-decoration: none;
   font-weight: bold;
}

div#container div#content div#article h4 {
   float: left;
   margin: 2em 1em 0.5em 5em;
   font-weight: bold;
   font-size: 150%;
}

div#container div#content div#article h4 span {
   display: block;
   margin: 3px 0 0;
   font-size: 0.8em;
}

* html body div#container div#content div#article h4 {
   float: left;
   display: inline;
   margin: 1em 0 1em 5em;
}


div#container div#content div#article p#TopicPath {
   margin: 0 0 0.5em;
}

div#container div#content div#article div.present h5 {
   font-weight: bold;
   font-size: 120%;
}

div#container div#content div#article dl.support dd h6 {
   float: left;
   clear: both;
   margin: 1em 0 0;
   font-weight: bold;
}

div#container div#content div#article dl.access dd.root h6 {
   float: left;
   margin: 1.5em 0 0;
   width: 210px;
   font-weight: bold;
   border-bottom: 1px solid #ccc;
}

/* Topics
____________________________________________________*/

* html body div#container div#content div#article {
   margin: 0 -5em 0 0;
}

div#container div#content div#article p.end {
   font-weight: bold;
   color:#0082ae;
}

div#container div#content div#article p {
   float: left;
   clear: both;
   display: inline;
   margin: 1em 0 0 8em;
   width: 480px;
   line-height: 1.8;
}


div#container div#content div#article dl dd p {
   float: left;
   display: inline;
   margin: 0.5em 1em 0.5em 8em;
}

/*IE6ˆÈ‰º*/
* html body div#container div#content div#article  p {
   margin: 0.5em 1em 0.5em 8em;
}

div#container div#content div#article p.date {
   margin-left: 8em!important;
}

div#container div#content div#article ul.reserch,
div#container div#content div#article p.reserch {
   float: left;
   display: inline;
   margin: 0.5em 1em 0.5em 12em;
   font-size: 70%;
}


/* Box
____________________________________________________*/

div#container div#content div#article dl.detail,
div#container div#content div#article dl.profile,
div#container div#content div#article div.lecture,
div#container div#content div#article dl.program,
div#container div#content div#article div.present,
div#container div#content div#article dl.support,
div#container div#content div#article dl.access
 {
   float: left;
   display: inline;
   margin: 1em 0 1em 7em;
   line-height: 200%;
   padding: 1em;
   width: 470px;
}


* html body div#container div#content div#article dl.detail,
* html body div#container div#content div#article div.present,
* html body div#container div#content div#article dl.support,
* html body div#container div#content div#article dl.access {
  margin-left:8em;

}

/* Detail
____________________________________________________*/

div#container div#content div#article dl.detail {
  background: #efefef;
  border: none;
}


div#container div#content div#article dl.detail dt {
  font-weight: bold;
  clear: both;
  float: left;
  width: 8em;
  margin: 0;
}

div#container div#content div#article dl.detail dd {
   clear: both;
   float: left;
   display: inline;
   margin: -1.9em 0 0 8em;
   padding: 0;
   line-height: 2.1em;
}

div#container div#content div#article dl.detail dd strong {
   font-weight: bold;
}

div#container div#content div#article dl.detail dd p {
   margin: 0;
   width: 100%;
}

div#container div#content div#article dl.detail dt.misc {
   margin: 0 0 2em 0;
   width: 14em;
   font-weight: bold;
}

div#container div#content div#article dl.detail dd p.misc {
   float: left;
   margin: 2em 0 0 0;
}


/* profile
____________________________________________________*/

div#container div#content div#article dl.profile
 { 
   display: inline;
   margin: 0 0 0 7em;
   width: 470px;
   background: #f9f9f9;
   border: 1px solid #ccc;
   
}

div#container div#content div#article dl.profile dt {
  font-weight: bold;
  clear: both;
  float: left;
  width: 8em;
  margin: 0;
}

div#container div#content div#article dl.profile dd {
   clear: both;
   float: left;
   display: inline;
   margin: -2em 0 0 9em;
   padding: 0;
   width: 380px;
}

* html body div#container div#content div#article dl.profile dd {
   display: inline;
   width: 363px;
}

div#container div#content div#article dl.profile dd p {
  margin: 0;
  width: 360px;
}

* html body div#container div#content div#article dl.profile dd p {
  width: 350px;
}

div#container div#content div#article dl.profile dd ul { list-style: none; }

/* Div Detail
____________________________________________________*/

div#container div#content div#article div.lecture {
   background: #efefef;
}


div#container div#content div#article div.lecture p {
   margin: 0;
}


div#container div#content div#article div.lecture ul {
  float: left;
  margin: 0 0 0.5em 2.5em;
  list-style: decimal;
}
div#wrapper dl#topics dl.detail dd p.name {
  margin-bottom: 1em;
}

/* Program
____________________________________________________*/


div#container div#content div#article dl.program {
  background: #efefef;
}

* html body div#container div#content div#article dl.program {
  margin-left:8em;
  width: 440px;
}

div#container div#content div#article dl.program dt {
  float: left;
  margin: 0 0 0.5em;
  font-weight: bold;
}

div#container div#content div#article dl.program dt span {
   float: left;
   margin: -2em 0 0 15em;
   width: 9em;
}

div#container div#content div#article dl.program dd {
   margin: 0.5em 0 3em 2em;
}

div#container div#content div#article dl.program dd p {
   margin: 0 0 0.5em 0;
   width: 100%;

}

div#container div#content div#article dl.program p.misc {
   margin: 1em 0 1em 7.5em!important;
   border: none!important;
   font-weight: bold;
}


div#container div#content div#article dl.program p.misc {
   margin: 1em 0 1em -0.5em!important;
   border: none!important;
   font-weight: bold;
}

div#container div#content div#article dl.program p.misc_apply a {
   margin-left: 8em!important;
   border: none!important;
   font-weight: bold;
}

div#container div#content div#article dl.program p.apply a {
   border: none!important;
   font-weight: bold;
   font-size: 150%;
}

div#container div#content div#article dl.program span.putoff {
   text-decoration: line-through;
}


div#container div#content div#article dl.program dd p.thema {
   margin: 1em 0 0.5em 0;
   line-height: 1.8;
   border-bottom: 1px solid #ccc;
   font-weight: bold;
   font-size: 120%;
   
}
/*div#container div#content div#article dl.program * {border: 1px solid red;}*/

div#container div#content div#article dl.program dd p.time {
   float: left;
   display: inline;
   margin: 0;
   width: 80px;
}

div#container div#content div#article dl.program dd p.time span {
   margin-left: 1em;
   font-weight: bold;
}

div#container div#content div#article dl.program dd p.summary {
   float: left;
   display: inline;
   margin: -1.8em 0 0 100px;
   width: 340px;
   color: #333;
   font-weight: bold;
}

div#container div#content div#article dl.program dd p.summary span {
   font-weight: normal;
}

div#container div#content div#article dl.program dd p.section {
   display: inline;
   margin: 10px 0 0 100px;
   width: 340px;
  font-weight: bold;
}

div#container div#content div#article dl.program dd p.section_sum {
   display: inline;
   margin: 0 0 5px 100px;
   width: 340px;
   color: #555;
}

div#container div#content div#article dl.program dd p.lead {
   margin: 0.5em 0 1em;
}

div#container div#content div#article dl.program dd div.lead {
   float: left;
   margin: 0.5em 0 0 0;
}

div#container div#content div#article dl.program dd div.lead  h5 {
   line-height: 2.0;
   font-weight: bold;
   color: #333;
}

div#container div#content div#article dl.program dd div.lead ol { margin: 0.5em 10px 1em; list-style: none;}

div#container div#content div#article dl.program dd p.lecturer {
   margin: 0 0 1em 100px;
   padding: 5px;
   width: 320px;
   color: #333;
   background: #f6f6f6; 
}

div#container div#content div#article dl.program dd p.rest {
   display: inline;
   margin: 3em 2.5em 3em 0 ;
   width: 100%;
   line-height: 3.0;
   background: #fff;
   border-top: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   text-align: center;
   font-weight: bold;
   color: #666;
}

div#container div#content div#article dl.program dd p.lecturer span {
   line-height: 200%;
   color: #000;
}

/* Present
____________________________________________________*/

div#container div#content div#article div.present {
   background: #0082ae;
   margin: 1em 0 1em 7em;
}

div#container div#content div#article div.present h5 {
   color: #fff;
   font-size: 150%;
}


div#container div#content div#article div.present ul {
   margin: 0.5em 0 0 1em;
}

div#container div#content div#article div.present ul li {
   color: #fff;
    font-size: 120%;
	line-height: 2.0;
}



/* Support
____________________________________________________*/

div#container div#content div#article dl.support {
  background: #efefef;
}

div#container div#content div#article dl.support dt {
  font-weight: bold;
}

div#container div#content div#article dl.support dd p {
  display: inline;
  float: left;
  margin: 0 1em 1em;
  width: 430px;
}


/* access
____________________________________________________*/

div#container div#content div#article dl.access {
  background: #efefef;
  margin: 1em 0 1em 7em;
}


div#container div#content div#article dl.access dt {
   float: left;
   width: 10em;
   margin: 0 0 0.5em;
   font-weight: bold;
}

div#container div#content div#article dl.access dd p {
   float: left;
   margin: 0;
   width: 450px;
}

div#container div#content div#article dl.access dd.root {
   float: left;
   margin: 1.5em 0 0.5em;
   font-weight: bold;
}

div#container div#content div#article dl.access dd.root div.box {
   float: left;
   display: inline;
   margin: 1.5em 1em 0.5em 0;
   width: 220px;
   font-weight: bold;
}

* html body div#container div#content div#article dl.access dd.root div.box {
   margin: 1.5em 0 0.5em 0;

}

div#container div#content div#article dl.access dd.root p {
   float: left;
   margin: 0.5em 0 0.5em;
   width: 200px;
   line-height: 1.6;
}


div#container div#content div#article dl.access dd.root p.map {
   float: left;
   margin: 2em 0 0 0;
}


/* PDF
____________________________________________________*/

div#container div#content div#article p.pdf {
   margin: 1em 0 0 7.5em;
   line-height: 250%;
   text-align: right;
}


/* Apply
____________________________________________________*/

div#container div#content div#article p.apply {
   margin: 1em 0 1em 5em;
   font-size: 150%;
   line-height: 250%;
   text-align: center;
   background: #0082ae;
   border: 1px solid #ccc;
}

div#container div#content div#article p.apply a {
   font-weight: bold;
   color: #fff;
}

div#container div#content div#article p.apply a:hover {
   font-weight: bold;
   color: #ccc;
}

div#container div#content div#article p.apply img {
   vertical-align: middle;
}