@charset "UTF-8";

/*____________________________________________________

     Topics Style
     Center for the Science of Human Endeavor

____________________________________________________*/

/* Header
____________________________________________________*/

div#container div#content h3 {
   float: left;
   width: 620px;
   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: 610px;
   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.doc { border-bottom: 3px solid #6EBCD3; }

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;
	width: 620px;
	padding: 0;
	list-style: none;
	text-align: center;
}

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


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

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 ul li.rep_101130_01 a { background: url(../images/study/101130/doc-forum_101130_01.gif) no-repeat #F2F2F2;}
div#container div#content div.topic ul li.rep_101130_01 a:hover { background: url(../images/study/101130/doc-forum_101130_01.gif) no-repeat #dedede;}
div#container div#content div.topic ul li.rep_101130_02 a {background: url(../images/study/101130/doc-forum_101130_02.gif) no-repeat #F2F2F2;}
div#container div#content div.topic ul li.rep_101130_02 a:hover { background: url(../images/study/101130/doc-forum_101130_02.gif) no-repeat #dedede;}
div#container div#content div.topic ul li.rep_101130_03 a {background: url(../images/study/101130/doc-forum_101130_03.gif) no-repeat #F2F2F2;}
div#container div#content div.topic ul li.rep_101130_03 a:hover { background: url(../images/study/101130/doc-forum_101130_03.gif) no-repeat #dedede;}


div#container div#content div.topic p.notice {	
	width: 610px;
	text-align: right;
	margin: 10px 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 { float: left; padding-bottom: 40px;  }

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

div#container div#content div.box div.login form input:hover { background: #efefef;　}


/* 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 div.outline p {
	margin: 1em 0;
	width: 620px;
}

div#container div#content dl.detail {
   width: 420px;
   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;
   clear: both;
   width: 560px;
}
div#container div#content dl.detail dd {
   margin: -1.8em 0 1em 4em;
   padding: 0;
}

div#container div#content dl.detail dd p {
   margin: 0;
   width: 21em;
}
/*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 4em;
   
}

/* Program
____________________________________________________*/

div#container div#content div.program {
   float: left;
   margin: 1em 0;
   padding: 1em;
   width: 250px;
   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 18px;
   width: 600px;
   background: #efefef;
   border: 1px solid #ccc;
   list-style: none;
}

div#container div#content div#article h4.filelist {  margin: 0 0 0 1em; line-height: 1.8;   }

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

div#container div#content div#article ul.filelist li a {display: block; margin: 0 0 0 1em; background: url(../images/arrow.gif) no-repeat 0 5px; text-indent: 14px;}

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 5px;
   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: 0 5px 0 0;
}
   
div#container div#content div.outline p.update {
	width: 620px;
	text-align: right;
}

/* Calender
____________________________________________________*/

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

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

