body{
  background:#ffffff;
}

div.main{
  width: 1024px;
  margin: 0 auto;
}
div.header{
  width: 1024px;
  height: 273px;
  margin: 10px auto;
  padding: 30px;
  font-size: 32px;
  background-image: url("./img/header1200x320_2.jpg");
  background-size: auto;
  background-repeat: no-repeat;
}
div.leftsidebar{
  width: 120px;
  float: left;
  margin:0 10px 0 10px;
}
div.contents{
  width: 680px;
  float: left;
  margin:0 10px 0 10px;
}
div.extcontents{
  display:flex;
}
div.mastodonblock{
  border: 2px solid #ff8000;
  padding-top: 10px;
  width: 260px;
  height:480px;
  margin: 5px;
  overflow: auto;
}
li.mastodonitem{
  border-top:1px solid #666;
  border-bottom:1px solid #666;
}
ul.mastodonitem{
  list-style: none;
  margin-top: 0px;
  padding-left: 0px;
}
div.youtubeblock{
  border: 2px solid #ff0000;
  padding-top: 10px;
  width: 260px;
  height:480px;
  margin: 5px;
  overflow: auto;
}
span.title{
  margin:0px 0px 0px 10px;
  font-size: 20;
  font-weight: bold;
}
li.youtubeitem{
  border-top:1px solid #666;
  border-bottom:1px solid #666;
}
ul.youtubeitem{
  list-style: none;
  margin-top: 0px;
  padding-left: 0px;
}
div.bloggerblock{
  border: 2px solid #ff8000;
  padding-top: 10px;
  width: 260px;
  height:480px;
  margin: 5px;
  overflow: auto;
}
li.bloggeritem{
  border-top:1px solid #666;
  border-bottom:1px solid #666;
}
ul.bloggeritem{
  list-style: none;
  margin-top: 0px;
  padding-left: 0px;
}
div.subtitle{
    background:#e0ffff;
    border-left:7px solid #e3297d;
    padding:.4em .9em;
    width:650px;
    font-weight: bold;
}
li{
  padding:6px
}
div.sub2title{
    color: #333333;
    margin: 10px 10px 0px;
    padding: 0px 10px;
    border-left: 5px solid #ea618e;
    border-bottom: 3px solid #ea618e;
}
ul.sub2{
  list-style: none;
  margin-top: 2px;
}
div.rightsidebar{
  width: 160px;
  float: left;
  margin:0 10px 0 10px;
}
div.footer{
  clear: left;
  width: 1024px;
}
div.Copyright{
  text-align:right;
}

svg {
  display: inline-block;
  width: 250px;
  height: auto;
  overflow: visible;
  font-size:48px;
  font-weight:bolder;
}
.foreground {
  fill: #000000;
}
.background {
  stroke: #ffffff;
  stroke-width: 5;
  stroke-linejoin: round;
}