@charset "utf-8";
/*----------------
�@Charity CSS
-------------------*/

table.CharityBody {
 background-color: white;
 margin-right: auto;
 margin-left: auto;
 margin-bottom: 10px;
 border: solid 2px #eacccc;
 width: 760px;
 }
.CharityBody td  {
 text-align: left;
 }

a {
 color: #6b80b2;
 text-decoration: underline
 }

.CharityBody p, .CharityBody li, .CharityBody dd  {
 font-size: x-small;
 line-height: 165%;
 letter-spacing: 0.05em;
 }
*html .CharityBody p, .CharityBody li, .CharityBody dd {
 font-size: xx-small;
 line-height: 165%;
 }

h3 {
 background-repeat: no-repeat;
 background-position: center;
 text-align: center;
 text-indent: -9999px;
 margin-top: 10px;
 margin-right: 20px;
 margin-left: 20px;
 height: 50px;
 border: solid 1px #eacccc;
}
h3#Camilla    { background-image: url(../images/charity/title_camillia.gif); }
h3#Book       { background-image: url("../images/charity/logo_camilliabook.gif"); } 
h3#Work       { background-image: url("../images/charity/logo_workshop.gif"); } 
h3#Report     { background-image: url("../images/charity/title_workshop.gif"); } 
h3#EhonGuid  { background-image: url("../images/charity/logo_ehonguid.gif"); }
h3#save       { background-image: url(../images/charity/title_save.gif); }
h3#activity   { background-image: url(../images/charity/title_activity.gif); }

h3#Lib          { background-image: url("../images/charity/title_libriamocl.gif");
 height: 140px;
 }


h4     {
 color: #06c;
 font-size: small;
 font-weight: bold;
 line-height: 165%;
 text-align: center;
 margin-right: 20px;
 margin-bottom: 10px;
 margin-left: 20px;
 }
*html h4 { 
  font-size: 75%;
 }

h4.C1  {
 color: #ac3131;
 background-color: white;
 margin-top: 10px;
 margin-right: 100px;
 margin-left: 100px;
 border-top: 1px solid #eacccc;
 border-bottom: 1px solid #eacccc;
 }
h4.nomargin {
 margin-right: 0;
 margin-left: 0
 }

h5  {
 font-size: small;
 line-height: 140%;
 }
h5.News {
 color: #f60;
 margin-leftt: 10px;
 }
div.Com h5 {
 font-size: x-small;
 }

h6  {
 font-size: x-small;
 text-indent: 0;
 margin-bottom: 5px;
 }
*html h5  {
 font-size: x-small;
 }
*html div.Com h5, h6 { 
 font-size: xx-small;
 }

h4, div.Com h5, h6 { 
 border-bottom: 1px solid #ccc;
 }

p.indent   {
 text-indent: 1em;
 }
p.SP {
 background-color: #f4f4f4;
 text-align: center;
 }
p.TopCom {
 text-align: center;
 margin-top: 10px;
 margin-bottom: 10px;
 }
p.TopCom strong  {
 color: #090;
 font-size: small;
 font-weight: bold;
 line-height: 185%;
 }
*html p.TopCom strong  { 
 font-size: x-small;
 }

.CharityBody td.Top   {
 padding-top: 10px;
 padding-right: 30px;
 padding-left: 30px;
 }
.CharityBody td.Ehon {
 text-align: center;
 background-image: url("../images/charity/bg_ehon.jpg");
 background-repeat: repeat-y;
 }

.CharityBody td.NewsWrap {
 text-align: left;
 padding-right: 30px;
 padding-bottom: 18px;
 padding-left: 30px;
 }

table.News {
 width: 698px;
 border-top: 1px solid #eacccc;
 }
.News td, .News th {
 padding-top: 5px;
 padding-bottom: 5px;
 }
.News th.Dayt  {
 text-align: left;
 white-space: nowrap;
 padding-left: 10px;
 width: 16% ;
}

div.Com {
 background-color: white;
 text-align: left;
 margin: 10px 20px;
 padding: 5px 5px 5px 10px;
 border: solid 1px #ccc;
 }
div.HedCom  {
 text-align: left;
 padding: 10px;
 border: solid 1px #ccc;
 }
div.Gil    {
 text-align: left;
 background-color: #f4f4f4;
 margin-top: 10px;
 margin-right: auto;
 margin-left: auto;
 padding: 5px;
 width: 465px;
 }
*html div.Gil { width: 470px; }
div#Guid      {
 background-image: url("../images/charity/flower.jpg");
 background-repeat: no-repeat;
 background-position: 5px 1.8em;
 }
div#Guid p  { margin-left: 40px;
 }

img#Tegata   {
 margin-top: 5px;
 margin-right: 30px;
 margin-left: 40px;
 float: left;
 }

img#ImgCamilla, img#camilla_book  { margin-top: 30px; }

img#ImgCamilla        {
 margin-left: 30px;
 }
img#camilla_book {
 margin-left: 20px;
 margin-right: 20px;
 }
img#ImgSave        {
 margin-right: 40px;
 }
img#ImgActivity    {
 margin-left: 30px;
 }
div.EhonCenter {
 margin-right: auto;
 margin-left: auto;
 width: 500px;
 }
dl.Ehon   {
 text-align: center;
 width: 250px;
 float: left;
 }
dl.Ehon dt {
 color: #ac3131;
 font-size: small;
 font-weight: bold;
 line-height: 140%;
 }
dl.Ehon li.title {
 color: #ac3131;
 font-size: small;
 font-weight: bold;
 }
*html dl.Ehon li.title { font-size: 115%; }

p.title{
 color: #ac3131;
 font-size: small;
 font-weight: bold;
}
*html p.title { font-size: 78%; }

dl.Prof     {
 text-align: left;
 background-color: #f4f4f4;
 margin-right: 150px;
 margin-bottom: 10px;
 margin-left: 150px;
 padding: 5px 20px;
 }
dl.Prof dt  {
 font-weight: bold;
 border-bottom: 1px solid #ccc;
 }
dl.Prof dd { 
line-height: 140%;
 }

ul.Card {
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 10px;
 }
ul.Card li {
 display: inline;
 margin-right: 20px;
 margin-left: 20px;
 }

table#WSLog {
 margin-top: 10px;
 margin-bottom: 20px;
 margin-left: 20px;
 border: solid 1px #ac3131;
 }
#WSLog th    {
 color: white;
 font-size: small;
 line-height: 165%;
 background-color: #ac3131;
 white-space: nowrap;
 padding-right: 10px;
 padding-left: 10px;
 border: solid 2px #eacccc;
 }
#WSLog td {
 text-align: left;
 border-top: 5px;
 border-bottom: 5px;
 }

#WSLog ul { }
#WSLog li, .News li  {
 line-height: 185%;
 border-bottom: 1px dotted #ccc;
 }
#WSLog li  {
 color: #ac3131;
 }
#WSLog li span   { width: 120px }

#WSLog a, .News a {
 background-image: url("../images/common/icon_link_r.gif");
 background-repeat: no-repeat;
 background-position: left 0;
 padding-left: 12px;
 }
#WSLog a:hover, .News a:hover {
 background-image: url("../images/common/icon_link_r_hover.gif");
 }
ul.photo  {
 margin-top: 20px;
 margin-left: auto;
 margin-right: auto;
 }
ul.photo li {
 display: inline;
 margin-left: 10px;
 }
ul.post {
 text-align: justify;
 }
ul.post li {
 margin-top: 5px;
 margin-bottom: 8px;
 margin-left: 9px;
 }
p#Msg {
 font-size: medium;
 background-color: #ffffed;
 background-image: url("../images/charity/buonnatale/sign.gif");
 background-repeat: no-repeat;
 background-position: right bottom;
 text-align: center;
 margin: 10px 30px;
 padding-top: 10px;
 padding-bottom: 50px;
 }
*html p#Msg { font-size: x-small; }

span.Lsp1   {
 letter-spacing: 0.05em;
 margin-right: 0.2em;
 margin-left: 0.2em;
 }

#WSLog td img{
  border:1px solid #ddd;
}