@charset "UTF-8";

header, .header {
  background-image: url("e.png");
  color: #fff;
  padding: 9px;
}

body {
  margin: 0;
  left: 0;
  top: 0;
  padding: 0;
  background: #f5f5f5;
  font-family: sans-serif ;
}


main, .main {
  float: right;
  width: 70%;
  background: #53B1DA;
  padding: 9px;
  box-sizing: border-box;
}

section, .section {
  width: 70%;
  left: 0;
  top: 0;
  background: #91dcfd;
  color: #000;
  padding: 8px;
  margin: 10px;
  margin-bottom: 10px;
  font-size: 23px;
  text-shadow:0 3px 0 #666
  border: 3px solid #CCC;
  border-radius: 20px;
}

article, .article {
  background: #fff;
  color: #000;
  
  font-size: 15px;
  border: 3px solid #FFF;
  border-radius: 15px;
  padding: 10px;
}

article > h1 {
  text-align: center;
  font-size: 30px;
}

article > h2 {
  width: 250px;
  border-bottom: 5px solid #6a5acd;
}

article > h4 {
  padding-left: 10px;
}

article > p {
    width: 100 px
}

.top .item{
    text-align:center;
}

.top img {
    width: 80%;
}

.top2 .item{
    text-align:center;
}

.top2 img {
    width: 50%;
}


.hudan {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    width: 95%;
}

.hudan .item {
    flex: none;
    width: 33%;
    margin: 5px;
    text-align: center;
}

.hudan img {
    width: 90%;
}

.clear {
    clear: both;
}

aside{
  list-style-type: none;
  position: absolute;
  right: 0;

  float: right;
  width: 27%;
  box-sizing: border-box;
}

iframe {
max-width: 100%;
}

/*リストの設定*/
li{
  list-style-type: none;
}

ul.example li {
margin-bottom: -15px;
}


#footer {
  background-image: url("20170803_032342.jpeg");
  color: #fff;
  padding: 10px 50px;
  margin: 
}

#footer > h3{
  font-family: Arial;
}

#footer > a:visited{
  color: white;
  text-decoration: none;
  }



/***　ここからテーブル　***/
.osare3-table {
 width:90%;
 padding-left: 20px;
 border-collapse: separate; 
 border: none;
 border-spacing: 0px 10px ;
}

.osare3-table tbody td, 
.osare3-table tfoot td {
 text-align: left;
 padding: 5px;
}

/* １行ずつ色変更　不要なら削除 even:奇数行　odd:偶数行 */
.osare3-table tr:nth-child(even) td { 
 background: #FDFDFD; 
} 
.osare3-table tr:nth-child(odd) td {
 background: #f5f5f5; 
}

/* ヘッダーセル先頭・ボディ項目・フッター項目 */
.osare3-table tbody th,
.osare3-table tfoot th,
.osare3-table thead th:first-child {
 background:none;
 color:#666;
 font-weight: bold;
 line-height:4.5em;
 text-align:right;
}


/*（共通）　項目の多いテーブルの幅を調整*/
@media (max-width: 767px) {
 .col6t th,
 .col6t td{
 font-size:0.4em;
 padding: 10px 0px;
 }
 .col5t th,
 .col5t td{
 font-size:0.5em;
 padding: 10px 0px;
 word-break: normal;
 }
 .col4t th,
 .col4t td{
 font-size:0.7em;
 padding: 10px 5px;
 }
 .col3t th,
 .col3t td{
 font-size:0.8em;
 padding: 10px 10px;
 }
}


.rotate90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}