@charset "UTF-8";

/*--------------------------------------------------------------

     CONTACT FORM Style
     Center for the Science of Human Endeavor

--------------------------------------------------------------*/

/*--------------------------------------------------------------

	Content
   
--------------------------------------------------------------*/
div#content h2 { font-size: 190%; float: left; clear: both;}

div#container div#content h3 {
   float: left;
   width: 630px;
   margin: 0.5em 0 0.5em 0;
   font-size: 150%;
   font-weight: bold;
   border: none;
}

div#container div#content div#article ul { float: left; width: 590px; margin: 15px 0 15px 15px; }
div#container div#content div#article p { width: 630px;  }
* html div#container div#content div#article p { display: inline; width: 630px;}
div#container div#content div#article p.bnr img { float: left; }
div#container div#content div#article p.bnr span { float: left; margin: 0 0 0 15px;font-size: 1.2em; }



div#container div#content dl.detail {
  display: inline;
  float: left;
  width: 600px;
  margin:1em 0 1em;
  padding: 1em;
  line-height: 1.9em;
  background: #f9f9f9;
}

div#container div#content dl.detail dt { width: 105px; margin: 0; font-weight: bold;}
div#container div#content dl.detail dd { float: left; margin: -1.8em 0 0 85px; }
div#container div#content dl.detail.bitis dd { display: inline;  float: left; margin: -1.7em 0 0 105px; line-height:1.6em; width: 400px;}
* html div#container div#content dl.detail.bitis dd p { width: 450px!important;}

div#container div#content dl.detail dd span { float: left; width: 55px; }



/*--------------------------------------------------------------

	Form Item
   
--------------------------------------------------------------*/

div#container div#content table { clear: both; margin: 1em 0; width: 630px; }

div#container div#content table th {
   padding: 8px 0 0 5px;
   height: 40px;
   border-top: 1px solid #ccc;
   border-right: 1px solid #ccc;
   border-left: 1px solid #ccc;
   background: #efefef;
   font-weight: bold;
   text-align: left;
   vertical-align: top;
}

div#container div#content table tr td { border-top: 1px solid #ccc; border-right: 1px solid #ccc; }

div#container div#content table tr td span {
   display: block;
   font-size: 85%;
   color: #666;
   margin: 5px 0 -15px 20px;
}

div#container div#content table tr td span.key {
   display: block;
   font-size: 100%;
   color: #333;
   margin: 5px 0 -15px 20px;
}

div#container div#content table tr td select,
div#container div#content table tr td input,
div#container div#content table tr td textarea
 {
   margin: 18px;
   padding: 2px;
   border: 1px solid #666;  
}

div#container div#content div#article table tr td p { margin: 1em 0 0.5em 1em; width: 5em; }

div#container div#content table tr td.question,
div#container div#content table tr td.question2
 {
   border-top: 1px solid #ccc;
   border-left: 1px solid #ccc;
   border-right: 1px solid #ccc;
}

div#container div#content table tr td.question textarea { margin: 0 0 18px 18px; }

div#container div#content table tr td.question2 { border: 1px solid #ccc; }

div#container div#content table tr td.checkbox { padding: 8px; border-left: 1px solid #ccc; }

div#container div#content table tr td.right,
div#container div#content table tr th.right { border-left:none; }

div#container div#content table tr td.checkbox_02 {
   padding: 8px;
   border-left: 1px solid #ccc;
   background: #f9f9f9;
   color: #333;
}

div#container div#content table tr td.receipt  { padding: 0px 0 0 16px;}

div#container div#content table tr td.checkbox input { margin: 0 10px 0 0; padding: 0px; border: none; }

div#container div#content table tr td.checkbox_02 input { margin: 0 10px 0 23px; }

div#container div#content table tr td.submit { border-top: 1px solid #ccc; border-right: none; }

div#container div#content table tr td.submit_2 { border-top: 1px solid #ccc; border-right: none; }

div#container div#content table tr td.g_company input { width: 10em; }
div#container div#content table tr td.g_company_rpt input { width: 15em; }
div#container div#content table tr td.name input { width: 15em; }
div#container div#content table tr td.address input { width: 11em; }
div#container div#content table tr td.mail input { width: 15em; }
div#container div#content table tr td.book input { width: 4em; }
div#container div#content table tr td textarea { width: 33em; height: 10em; }
div#container div#content table tr td textarea.questionnaire { width: 33em; height: 7em; }
div#container div#content table tr td.submit input { display: block; margin: 1em auto; width: 9em; font-weight: bold; line-height: 200%;}
div#container div#content table tr td.submit_2 input { margin-left: 155px; width: 8em;}
div#container div#content table tr td.submit_2 input._2 { margin-left: 0px!important; width: 8em;}
div#container div#content table tr td.receipt input { margin: 10px 5px 0 5px;}

div#container div#content table tr td.key input { width: 13em; }


div#container div#content select option {
   padding: 2px;
   background: #fff;
}

div#container div#content input:hover,
div#container div#content textarea:hover {
   
   background: #efefef;
}

div#container div#content table strong {
   display: block;
   color: red;
   font-size: 80%;
   width: 90px;
   font-weight: normal;
}
/* mail magazine*/

div#container div#content table.mm { width: 550px; }
div#container div#content table.mm th {
   padding: 0 0 0 8px;
   width: 10em;
   height: 20px;
   border-top: 1px solid #ccc;
   border-right: none;
   border-left: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   background: #efefef;
   font-weight: bold;
   text-align: left;
   vertical-align: middle;
   margin: 0;
}
div#container div#content table.mm tr td { border: 1px solid #ccc; margin: 0; }
div#container div#content table.mm tr td input { width: 20em; margin-right: 0;}
div#container div#content table.mm tr td input.submit { width: 6em; mragin: 0;}
div#container div#content p.submit_2 { width: 570px; text-align: right; }
div#container div#content p.submit_2 input { width: 6em; margin: 0; border: 1px solid #666;  }

/* PDF
____________________________________________________*/

div#container div#content div#article p.pdf {
   margin: 0 0 1em;
   line-height: 250%;
   width: 570px;
}


/* DCF
____________________________________________________*/

div#container div#content div#article p.dcf {
   margin: 2em 1em 0;
   padding: 5px;
   border-top: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   background:#efefef;
   line-height: 200%;
}

/* Apply
____________________________________________________*/

div#container div#content div#article p.apply {
   margin: 1em 0 2em 0;
   font-size: 130%;
   line-height: 250%;
}

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

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