@charset "UTF-8";

/*____________________________________________________

     Topics Style
     Center for the Science of Human Endeavor

____________________________________________________*/

/* Header
____________________________________________________*/

div#container div#content h3 {
   float: left;
   width: 590px;
   margin: 1.5em 0 0 0;
   border-bottom: 1px solid #999;
   font-size: 150%;
   font-weight: bold;
}

div#container div#content h4 {
   float: left;
   margin: 1em 0 -0.5em 0;
   width: 590px;
   font-size: 120%;
   font-weight: bold;
}
div#container div#content div.program h4 {
   margin: 0;
   width: 240px;
   font-size: 100%;
   font-weight: bold;
}

div#container div#content div.program h5 {
   font-weight: bold;
   margin: 0 0 1em 0!important;
}

/* Report Download
____________________________________________________*/

div#container div#content div.box h4 {
	margin: 2em 0 1.5em;
	text-align: center;
	border-bottom: 3px solid #3ABB9F;
}

div#container div#content div.box h4.report {
	margin: 2em 0 1.5em;
	text-align: left;
	border-bottom: 1px solid #ccc;
}

div#container div#content div.topic ul {
	float: left;
	clear: both;
	width: 580px;
	margin:15px 0 0;
	padding: 0;
	list-style: none;
}

div#container div#content div.topic ul li {	
	float: left;
	margin: 0 5px 6px 0;
	text-indent: -999px;
	overflow: hidden;
}


div#container div#content div.topic ul li a {
	display: block;
	width: 140px;
	height: 80px;
}

div#container div#content div.topic ul li.rep_01 a { background: url(../images/study/rpt-forum_100326_01.gif) no-repeat #F2F2F2;}
div#container div#content div.topic ul li.rep_01 a:hover { background: url(../images/study/rpt-forum_100326_01.gif) no-repeat #dedede;}
div#container div#content div.topic ul li.rep_02 a {background: url(../images/study/rpt-forum_100326_02.gif) no-repeat #F2F2F2;}
div#container div#content div.topic ul li.rep_02 a:hover { background: url(../images/study/rpt-forum_100326_02.gif) no-repeat #dedede;}
div#container div#content div.topic ul li.rep_03 a {background: url(../images/study/rpt-forum_100326_03.gif) no-repeat #F2F2F2;}
div#container div#content div.topic ul li.rep_03 a:hover { background: url(../images/study/rpt-forum_100326_03.gif) no-repeat #dedede;}
div#container div#content div.topic ul li.rep_04 a {background: url(../images/study/rpt-forum_100326_04.gif) no-repeat #F2F2F2;}
div#container div#content div.topic ul li.rep_04 a:hover { background: url(../images/study/rpt-forum_100326_04.gif) no-repeat #dedede;}
div#container div#content div.topic ul li.rep_05 a {background: url(../images/study/rpt-forum_100326_05.gif) no-repeat #F2F2F2;}
div#container div#content div.topic ul li.rep_05 a:hover { background: url(../images/study/rpt-forum_100326_05.gif) no-repeat #dedede;}
div#container div#content div.topic ul li.rep_06 a {background: url(../images/study/rpt-forum_100326_06.gif) no-repeat #F2F2F2;}
div#container div#content div.topic ul li.rep_06 a:hover { background: url(../images/study/rpt-forum_100326_06.gif) no-repeat #dedede;}
div#container div#content div.topic ul li.rep_07 a {background: url(../images/study/rpt-forum_100326_07.gif) no-repeat #F2F2F2;}
div#container div#content div.topic ul li.rep_07 a:hover { background: url(../images/study/rpt-forum_100326_07.gif) no-repeat #dedede;}
div#container div#content div.topic ul li.rep_08 a {background: url(../images/study/rpt-forum_100326_08.gif) no-repeat #F2F2F2;}
div#container div#content div.topic ul li.rep_08 a:hover { background: url(../images/study/rpt-forum_100326_08.gif) no-repeat #dedede;}

div#container div#content div.topic p.notice {	
	width: 580px;
	text-align: right;
	margin: 0 0 1em;
	font-size: 0.85em;
}
div#container div#content div.topic p.notice img { vertical-align: middle;}
div#container div#content div.topic p.table {	
	float: left;
	margin: 2em 0 0;
}


div#container div#content div.box div.login { float: left; width: 250px; background: #f0f0f0; }
div#container div#content div.box div.login form { margin: 10px ; }
div#container div#content div.box div.login form label { display: block; padding: 3px 0 10px;}
div#container div#content div.box div.login form label span { display:block; float:left; padding-right:6px; width:80px; text-align:left;font-weight:bold;}
div#container div#content div.box div.login form input { width: 135px; padding: 1px; border: 1px solid #666; color: #333; background: #fff; }
div#container div#content div.box div.login form input#send { margin-left: 86px; width: 115px; border: 1px solid #666; color: #333; background: #d0d0d0; }


div#container div#content div.box div.registration { float: left; width: 310px; margin:0 0 0 25px;}
div#container div#content div.box div.registration a { font-weight: bold;}

div#container div#content div.box div.registration img { vertical-align: middle;}
/* Detail
____________________________________________________*/

div#container div#content dl.detail,
div#container div#content dl.profile {
  display: inline;
  float: left;
  margin:1em 8px 1em;
  width: 560px;
  padding: 1em;
  line-height: 180%;
  background: #efefef;
}

div#container div#content dl.detail {
   width: 300px;
   padding: 0.8em;
}

div#container div#content dl.profile {
   margin-top: 5em;
   margin-bottom: 3em;
   background: #f9f9f9;
   border: 1px solid #ccc;
}

div#container div#content dl.profile dt {
   font-weight: bold;
   width: 10em;
}
div#container div#content dl.profile dd {
   diplay: inline;
   margin-left: 9em;
   width: 38em;
}
* html body div#container div#content dl.profile dd {
   diplay: inline;
   margin-left: 9em;
   width: 34em;
}

div#container div#content dl.profile dd p {
   margin-top: -1.6em;
   width: 35em;
}
* html body div#container div#content dl.profile dd p {
   margin-top: 0;
   width: 34em;
}

div#container div#content dl.detail dt {
   font-weight: bold;
   width: 2em;
}
div#container div#content dl.detail dt {
   font-weight: bold;
   clear: both;
   width: 5em;
}
div#container div#content dl.detail dd {
   margin: -1.8em 0 1em 5em;
   padding: 0;
}

div#container div#content dl.detail dd p {
   margin: 0;
   width: 19em;
}
/*IE6ˆÈ‰º*/
* html body div#container div#content dl.detail dd p {
   margin: 0;
   width: 18em;
}

div#container div#content dl.detail dt.misc {
   width: 15em;
   margin: 0;
   font-weight: bold;
}
div#container div#content dl.detail dd.misc {
   margin: 0 0 0 5em;
}

/* Program
____________________________________________________*/

div#container div#content div.program {
   float: left;
   margin: 1em 0;
   padding: 1em;
   width: 230px;
   background: #efefef;
}
/*IE6ˆÈ‰º*/
* html body div#container div#content div.program {
   padding: 0.8em;
}

div#container div#content div.program dl {
   float: left;
   width: 230px;
   margin: 0;
}

div#container div#content div.program dl dt {
   font-weight: bold;
   clear: both;
}

div#container div#content div.program dl dd.time {
   clear: both;
   margin: 0 0 0.5em 0.25em;
}

/* \*/
html*#wrapper div.program dl dt span {
   margin-top: 0em;
}/**/


div#container div#content div.program dl dd {
   clear: both;
   float: left;
   margin: 0.2em;
   margin-left: 2em;
   width: 180px;
}

div#container div#content div.program dl dd p {
   margin: 0;
   width:180px;
}


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

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

div#container div#content div.program ul {
   margin: 0 0 2em;
   line-height: 160%;
}

div#container div#content div.program ul li {
   margin-left: 2.5em;
}

div#container div#content div.program p {
   margin: 1em 0;
   line-height: 180%;
}

/* Download
____________________________________________________*/

div#container div#content p#login {
   margin: 0 0 0 1em;
   font-weight: bold;
   vertical-align: baseline;
}
   
div#container div#content p#login img {
   vertical-align: middle;
}
   
div#container div#content div#article ul.filelist {
   float: left;
   margin:1em 0em 1em 20px;
   width: 560px;
   background: #efefef;
   border: 1px solid #ccc;
   list-style: none;
}

div#container div#content div#article ul.filelist li {
   margin: 1em;
   line-height: 1.8; 
}
   
div#container div#content div#article ul.filelist li img {
   vertical-align: middle;
}

div#container div#content div#l_nav ul.download {
   margin: 1em 0 0;
   background: #D6EBFF;
   border: 1px solid #ccc;
}

div#container div#content div#l_nav ul.download li {
   background: none;
   font-weight: bold;
}

div#container div#content div#l_nav ul.download li.head {
   margin: 0 0 1em;
   background: #005B9F;
   font-weight: bold;
   color: #fff;
   line-height: 1; 
}


div#container div#content div#l_nav ul.download li p {
   font-size:  80%;
   margin: -1em 5px 0 1em;
}
   
div#container div#content div.outline p.update {
	width: 580px;
	text-align: right;
}

/* Calender
____________________________________________________*/

div#container div#content table.calender {
   float: left;
   margin: 1em 1em 2em;
   width: 580px;
}

div#container div#content table.calender td {
   border: none;
   padding: 3px;
   margin: 0;
}

div#container div#content table.calender tr.month td {
   border-bottom: 2px solid #ccc;
   border-left: 1px solid #ccc;
   font-weight: bold;
   padding-top: 1em;
}

div#container div#content table.calender tr.kariya td,
div#container div#content table.calender tr.tokyo td {
   border-bottom: 1px solid #000;
}

div#container div#content table.calender th {
   width: 45px;
   text-align: center;
   background: #005B9F;
   color: #fff!important;
   font-weight: bold;
}


div#container div#content table.calender td.indiv {
   width: 80px;
   background: #D6EBFF;
}

div#container div#content table.calender td.indiv_app,
div#container div#content table.calender td.indiv_end {
   background: #EDF6FF;
   text-align: center;
}

div#container div#content table.calender td.indiv_app a,
div#container div#content table.calender td.company_app a {
   font-weight: bold;
}

div#container div#content table.calender td.indiv_end,
div#container div#content table.calender td.company_end {
   font-weight: bold;
   color: #999;
}
div#container div#content table.calender td.company {
   width: 80px;
   background: #FAFAD7; 
}

div#container div#content table.calender td.company_app,
div#container div#content table.calender td.company_end {
   background: #FAFAE9;
   text-align: center;
}