* {margin: 0; padding: 0;}

body {
  background:url(../images/bg.jpg);
  margin:0;
  padding:0;
  font:0.8125em Verdana, sans-serif;
  line-height: 1.5;
  text-align:center;
  color:#343434;
  }
a:link {
  color:#58a;
  text-decoration:none;
  }
a:visited {
  color:#969;
  text-decoration:none;
  }
a:hover {
  color:#c60;
  text-decoration:underline;
  }
a img {
  border-width:0;
  }
h1 {font:2.0em Verdana, sans-serif;margin:0 0 50px 50px;}
h1 span {font-size:0.7em;color:#378f30;}
h2 {font: 1.75em Georgia, "Times New Roman", serif; letter-spacing: 1px;margin-top: 0.7em;color:#e73d3d;margin-bottom:0.4em;font-weight:bold;}
h3 {font: bold 1.4em Verdana, Arial, sans-serif; letter-spacing: 2px; }
h4 {font: bold 1.1em Georgia, "Times New Roman", serif; letter-spacing: 1px;}
ul{margin-left: 20px;}

.abt{margin-bottom:1.4em;}
.abt2 {font-size:2.4em;}
.mes {font: bold 1.4em Verdana, Arial, sans-serif; margin-bottom:1.4em;color:#3f6600;font-size:1.2em;}

/* Content
----------------------------------------------- */

  #content {
    width:920px;
    margin:0 auto;
    padding:1em;
    text-align:left;
    font-size:0.925em;
    background:#fff;
    }
    
   .left {float:left;width:500px;}
   .left p {margin-bottom:1.2em;}
   .right {float:right;width:370px;margin:0 0 ;padding:0 5px 0  25px;background:#fff;border-left:solid 1px #ddd;}
   
   
div.copy {
   border-radius: 10px;         /* CSS3 */
   -moz-border-radius: 10px;    /* Firefox */
   -webkit-border-radius: 10px; /* Safari,Chrome */

   border: 0px green solid;     /* 枠線の装飾 */
   background-color: #efefef;   /* 背景色 */
   padding:22px 8px 8px 8px;
   margin:0 0 0 10px;
   position:relative;
   z-index:1;
}

.img {float:right;margin:0 1em 1em 1em;}

div.copy p {margin-top:0.5em;}
h2.read{font-size:2.4em;margin-bottom:-15px;text-shadow: #ddd 1px 2px 1px;z-index: 2;   position:relative;}


.footer
{    width:920px;
    margin:0 auto;
background:#5a2323;
    text-align:left;
    font-size:0.925em;
 padding:1em;
 margin-top:0em;}

.footer a {color:#fff;}

.fotp {width:240px;float:left;display: block;}

/*JUITTER PLUGIN CSS
-------------------------------------------*/

#juitterContainer{margin-bottom: 20px} /*Juitter container*/
#juitterContainer .twittList{margin:0;padding:0;} /* UL that will contain the list of tweets */

/* Bellow the list of tweets "<li>" */
#juitterContainer .twittLI{list-style:none;background:#f7f7f7;margin:0;padding:5px 0 0 0;border-bottom:dashed 1px #666;padding:3px;clear:both;} 
#juitterContainer .twittList SPAN.time{color:#777;font-size:0.9em}
#juitterContainer .twittList A{color:#006600;} /*Links inside the tweets list */

/* Bellow the CSS for the avatar image  */
#juitterContainer .juitterAvatar{float:left;border:solid 1px #D3EECA;background:#FFF;margin-right:5px;padding:2px;width:48px;height:48px;}

#juitterContainer .jRM{float:right;clear:both} /*read it on twitter link*/
#juitterContainer .extLink{} /*CSS for the external links*/
#juitterContainer .hashLink{} /*CSS for the hash links*/

/* clearfix */
#juitterContainer .twittLI:after{clear: both;height: 0;visibility: hidden;display: block;content: ".";}
#juitterContainer .twittLI{display: inline-block;}
* html #juitterContainer .twittLI{height: 1%;}
#juitterContainer .twittLI{display: block;}
/* */

/*end of Juitter CSS*/