@charset "shift-jis";

* {
  margin: 0px;
  padding:0px;
  font-familiy: monospace;
  font-size:normal;
  /* color : #363636; */
  /* background-color : #CCFFCC; */
}
body {
  background-color : #CCFFCC;
}
.wrap {
  width:650px;
}
#header {
  clear: both;
  text-align:center;
  /* background-image: url(images/DSCF0033.gif); */
  /* background-color : #CCFFCC; */
}
h1 {
  width:27em;
  color: white;
  background-color:black;
  font-size:large;
  font-weight:bold; 
  line-height: 1.4em;
  margin: 10px auto 20px auto;
}
#contents {
  clear: both;
  text-align:center;
  text-indent: 1em;
  /* background-color : #CCFFCC; */
  padding-bottom:20px;
}
#contents .summary {
  width: 584px;
  clear: both;
  line-height: 1.4em;
  text-align:left;
/*  padding-bottom:20px; */
  margin: 10px auto 20px auto;
}
#contents .summary p {
  margin-bottom: 6px;
}
#contents .summary .emphasis {
  margin: 20px 0;
  font-size: large;
  // font-size: medium;	/* IE */
  font-weight: bold;
}
#contents .summary .emphasis a {
  color:red;
}
#contents .detail {
  clear:both;
  margin: 10px auto 20px auto;

}
#contents .detail .leftSide {
  margin-left:5px;
  width: 315px;
  float:left;
}
#contents .detail .rightSide {
  margin-left:5px;
  width: 315px;
  float:left;
}
#contents .detail .detailTitle {
  margin: 0 auto 10px auto;
  width:180px;
  border: solid 1px black;
  /* background-color: white; */
  line-height:1.6em;
  clear:both;
  text-indent: 0;
}
#contents .detail .volunteer {
  /* background-color:white; */
  background-color : #CCFFCC; 
/*  background-color : transparent; */
  margin: 6px;
  padding: 10px;
  width: 278px;
  border: double 8px purple;  
  text-align:left;

  border-radius: 20px;        /* CSS3‘�ˆÄ */  
  -webkit-border-radius: 20px;    /* Safari,Google Chrome—p */  
  -moz-border-radius: 20px;   /* Firefox—p */ 
  behavior: url("../border-radius.htc");  /* for IE */ 
}

#contents .detail .volunteer .name {
  margin-bottom: 6px;
  text-indent:0;
}

#contents .detail .volunteer .description {
  font-size:11pt;
}
#footer {
  clear: both;
}
.bold {
  font-family: serif;
  font-weight:bold;
}
#pic01 {
  position: absolute;
  top: 600px;
  left: 480px;
}
#pic02 {
  position: absolute;
  left: 420px;
  top: 1380px;
}
.clear {
  clear:both;
}