@charset "UTF-8";

/*____________________________________________________

     Seminar080313 Style
     Center for the Science of Human Endeavor 2008 Allrights Reseved

____________________________________________________*/

body ul{
   list-style-type: none;
}

/* Header
____________________________________________________*/

h1 {
   padding: 25px 0 0 30px;
}

h2 {
   float: left;
   display: inline;
   margin-left: 35px;
}

h3 {
   margin-bottom: 20px;
}


/* Clearfix
____________________________________________________*/

div#wrapper:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

div#wrapper {display: inline-table;}

/* Hides from IE-mac \*/
* html div#wrapper {height: 1%;}
div#wrapper {display: block;}
/* End hide from IE-mac */

/* Container
____________________________________________________*/

div#container {
   margin: 0!important;
   text-align: left!important;
}

div#container div.left {
   float: left;
   width: 390px;
   margin-top: 30px;
   margin-right: 15px;
}



div#container div.left p {
   display: inline;
   float: left;
   width: 340px;
   margin: 0 0 1em 30px;
   line-height: 180%;
}


/* Content right
____________________________________________________*/

div#container div.right {
   float: left;
   width: 400px;
   margin-top: 30px;

}

div#container div#outline_box {
   float: left;
   clear: both;
   width: 400px;
   height: 220px;
   background: #0783B6;
   color: #fff!important;
   font-size: 130%;
}

div#outline_box ul {
   margin-top: 20px;
}

div#outline_box ul,
 div#outline_box dl {
   margin-left: 15px;
}

div#outline_box ul li,
div#outline_box dl dt,
div#outline_box dl dd,
div#outline_box dl dt strong {
   color: #fff;
   font-weight: bold;
}

div#outline_box ul {
   line-height: 190%;
}

/*--- 数字のみ大きくする---*/
div#outline_box ul.date li.time {
   margin-left: 3.5em;
   font-size: 75%;
}

div#container div.right div#outline_box span {
   font-size: 200%;
   font-weight: bold;
   color: #fff;
}

/*--- 数字のみ大きくする---*/


div#outline_box dl.place dl {
   width: 19em;
}

div#outline_box dl.place dd dl {
   margin-top: -1.2em;
   margin-left: 2.5em;
}

div#outline_box dl.place dd dl dd a {
   line-height: 250%;
   font-size: 80%;
   color: #fff;
}

div#outline_box dl.place dd dl dd a:hover {
   line-height: 250%;
   font-size: 80%;
   color: #ccc;
}

div#container dl.outline div.left  {
   margin-left: 20px;
   width: 369px;
} 

div#container dl.outline div.left dd {
   margin-top: -1.6em;
   margin-left: 4em;
}

div#container dl.outline dt {
   width: 6em;
   font-weight: bold;
}

div#container dl.outline dd {
   margin-top: -1.6em;
   margin-left: 6.5em;
}

div#container dl.outline strong {
   font-weight: bold;
}

div#container dl.outline dl.outline_sub dt {
   width: 20em;
   font-weight: normal;
}

div#container dl.outline dl.outline_sub dd {
   margin-top: 0.2em;
   margin-left: 0em;
}

div#container dl.outline dd p.misc {
   margin-top: 10px;
   color: #666;
   font-size: 80%;
   line-height: 140%;
}

div#container dl.outline div.right dd p.apply  {
   margin-top: 20px;
   font-size: 160%;
}


div#container dl.outline div.right dd p.apply a {
   font-weight: bold;
}

/* Seminar Program
____________________________________________________*/

div#container div#program {
   clear: both;
   float: left;
   width: 830px;
   height: 900px;
   margin-top: 30px;
   background: url(../../images/seminar/080603/bg-prog_080603.gif) no-repeat 0 25px;
   line-height: 2.2;

}
div#container div#program div.left {
   margin: 30px 20px 0 10px;
   width: 390px;
}
div#container div#program div.right {
   width: 360px;
}
div#container div#program h4 {
   margin-left: 25px;
}

div#container div#program h5,
div#container div#program h5 span {
   background: #fff;
   font-weight: bold;
   color: #298E45;
}

div#container div#program h5 {
   margin-left: 30px;
   
}

div#container div#program h5 span {
   margin: 0 5px 0 5px;
}
div#container div#program div.left dl {
   margin-left: 35px;
}

div#container div#program dl dt {
   width: 7.5em;
   _width: 7.2em;
}

div#container div#program dl dd { 
   margin-top: -2.2em;
   margin-left: 7.2em;
   _margin-left: 7em;
}


/* Seminar Program  left/right item
____________________________________________________*/

div#container div#program div.left dl dd dl dd dl dd,
div#container div#program div.right dl dd dl dd p 
 { 
   margin: 0;
   font-size: 80%;
   color: #666!important;
}

/* Seminar Program  left item
____________________________________________________*/

div#container div#program dl dd dl dt { 
   margin-left: -3.2em;
}
div#container div#program dl dd dl dd { 
   margin-top: 0em;
   margin-left: 0em;
}
div#container div#program div.left dl dd dl {
   margin-left: 0;
}

div#container div#program div.left dl dd dl dd { 
   margin-top: -2.2em;
}

div#container div#program dl dd dl dd dl dt { 
   margin-left: 0;
}


/* Seminar Program  right item
____________________________________________________*/

div#container div#program dl dd h6 {
   margin-left: -4.5em;
}

div#container div#program div.right h5 {
   margin-left: 0;
   padding-left: 5px;
}

div#container div#program div.right dl {
   margin-bottom: 10px;
}

div#container div#program div.right dl dt {
   margin-left: 6px;
}

div#container div#program div.right dl dd span{
   margin-left: 10px;
}

div#container div#program div.right dl dd dl dt { 
   margin-left: 0;
}

/* Seminar Program  color
____________________________________________________*/

div#container div#program dl dt,
div#container div#program dl dt.time,
div#container div#program dl dd,
div#container div#program dl dd span,
div#container div#program dl dt dd span,
div#container div#program dl.panel dd dl dt {
   color: #01829B;
   font-weight: bold;
}

div#container div#program dl dd,
div#container div#program dl dt, 
div#container div#program dl dd dl dd,
div#container div#program dl.panel dd dl dd { 
   color: #000;
   font-weight: normal;
}


/* Seminar Program  panel
____________________________________________________*/

div#container div#program dl dd h5,
div#container div#program dl.panel dd dl dt { 
   margin-left: -4em;
   font-weight: bold;
}

div#container div#program div.right dl.panel {
   padding-top: 10px;
}

div#container div#program dl.panel dd dl dd { 
   margin-top: -1.6em;
   margin-left: 0em;
}

div#container div#program p.notes {
   clear: both;
   text-align: right;
   margin: 10px 55px 0 0;
   color: #666;
   font-size: 90%;
}

