@charset "utf-8";

*{
  margin: 0;
  padding: 0;}

.container{
    padding: 0 30px;
    margin-left: auto;
    margin-right: auto;}

/*ヘッダーの設定*/
.header{
  height: 56px;
  width: 100%;
  box-shadow: 0 0 10px #dddddd;
  background-color: white;
  position: fixed;
  top: 0;}

.header-left{
  float: left;}

.header-right{
  float: right;}

.clear{
  clear: both;}

.header-logo{
  height: 40px;
  margin-top: 8px;}

/*フッターの設定*/
.footer{
  height: 70px;
  width: 100%;
  box-shadow: 0 0 10px #dddddd;
  padding-top: 20px;
  background-color: #2f3a44;
  color: #e8e8e8;}

.footer-left{
  float: left;}

.footer-left p{
  margin-top: 8px;}

.footer-right{
  float: right;}

.clear{
  clear: both;}