/* ---------- 全体 ----------*/
.center {text-align: center;}         /* 中央寄せ */

.right {text-align: right;}           /* 右寄せ */             

.turn {width: 100%; word-break: break-all;} /* 行を折り返して表示 */
  
.iro {color: #996666;}

.kasen {text-decoration: none;}       /* 下線なし */

.photo {
  width: 90%;
  height: auto;
}

body {
  line-height: 100%;                  /* 行間 */  
  background-color: #cccccc;        /* 色 */
}  
/*---------- ヘッダー ----------*/
header {
  width: 100%;
  padding: 1px;
  color: #cccccc;
  text-align: center;
  background-color: #333333;
}
  header img.main_photo {
    width: 95%;
    height: auto;
}

/*---------- フッター ----------*/
footer {
  width: 100%;
  padding: 3px 0 20px 0;
  color: #cccccc;
  text-align: center;
  background-color: #666699;
}
  footer p {
    padding: 0px;
    color: #cccccc;
  }
  footer a {
    color: #cccccc !important;
  }
  footer p.copy {
    padding: 0px;
    font-size: 12px;
    color: #cccccc;
    text-decoration: none;
  }
  footer p.copy a {
    color: #0300bb !important;
    text-decoration: none;
  }
  footer small{
    font-size: 10px;
    color: #cccccc;
  }