@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;
   padding: 2em 0 0.3em;
   width: 625px;
   border-bottom: 1px solid #333;
   font-weight: bold;
   font-size: 140%;
}
/*IE6以下*/
* html body div#container div#content div#article h3 { width: 635px; }

div#container div#content div#article h3 span {
   padding: 15px 1.6em 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 0 0.5em 5em;
   font-weight: bold;
   font-size: 150%;
   width: 530px;
}

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


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 90px;
   width: 535px;
   line-height: 1.8;
}


div#container div#content div#article dl dd p {
   float: left;
   display: inline;
   margin: 0.5em 0 0.5em 90px;
}

/*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%;
}

div#container div#content div#article p.fig { padding-bottom: 2em; border-bottom: 1px solid #ccc;}
/* 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 90px;
   line-height: 200%;
   padding: 1em;
   width: 510px;
}


* 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:95px;

}

/* 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: 100px;
  margin: 0;
}

div#container div#content div#article dl.detail dd {
   clear: both;
   float: left;
   display: inline;
   margin: -1.9em 0 0 85px;
   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 dd p span { float: left; width: 70px; }

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;
   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: 420px;
}

* 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: 390px;}

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

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:95px; width: 490px; }

div#container div#content div#article dl.program dt { float: left; margin: 0 0 1.5em; font-weight: bold; }
div#container div#content div#article dl.program dt.part {
   clear: both;
   display: inline;
   margin: 0 0 0 20px;
  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 1.7em;
}

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

}

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%;
   width: 480px;
   
}
/*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 90px;
   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 90px;
  font-weight: bold;
}

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

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

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 90px;
   padding: 5px;
   width: 380px;
   color: #333;
   background: #f6f6f6; 
}

div#container div#content div#article dl.program dd p.rest {
   display: inline;
   margin: 3em 30px 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 90px;
   font-size: 150%;
   line-height: 250%;
   text-align: center;
   background: #0082ae;
}

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