@charset "UTF-8";

/*____________________________________________________

     Green and BCP Style
     Center for the Science of Human Endeavor

____________________________________________________*/


/* Header
____________________________________________________*/

div#content h2 {
   font-size: 190%;

}


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


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


div#container div#content dl.detail dt {
  width: 5em;
  margin: 0;
}

div#container div#content dl.detail dd {
  margin-left: 6em;
  float: left;
}

div#container div#content dl.detail dd p {
  width: 350px;
}
/* Article
____________________________________________________*/

div#container div#content div#article p {
   display: inline;
   float: left;
   margin: 0 2em 1em 0;
}

/* Form Item
____________________________________________________*/

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

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