body{
   max-width: 1200px;
   margin: 0 auto;
}

.container{
   max-width: 100%;
}

/* ヘッダー */
.header {
    border: 1px solid #000;
    background:#00ffff;
    background-position: center top;
    background-repeat: no-repeat;
    margin-top: 10px;
}

/* 画像の表示*/

/* ▼表示領域が768px以上の場合 */
@media screen and (min-width: 768px) {
   img.miniimage1 { display: none; }  /* miniを非表示 */
   img.bigimage1  { display: block; max-width:70%; } /* bigを表示 */
}
/* ▼表示領域が768px未満の場合 */
@media screen and (max-width: 767px) {
   img.miniimage1 { display: block;max-width:100%;  } /* miniを表示 */
   img.bigimage1  { display: none; }  /* bigを非表示 */
}

/* メニュー */

@media screen and (min-width: 480px) {
   div.menu-box{
	margin-top: 0.1em;
	margin-bottom: 2.6em;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0 auto; 
       }
   #menu{
	  width: 100%;
	  max-width: 1200px;
	  margin: 0 auto;
	  padding: 0;
	}
   #menu li{
	  display: block;
	  float: left;
	  width: 20%;
	  margin: 0;
       }
   #menu li a{
	  display: block;
	  padding: 12px 0 10px;
	  background: #149;
	  color: #fff;
	  text-align: center;
	  text-decoration: none;
          margin-bottom: 1px;
	}
   #menu li a:hover{
	  background: #00f;
	  color: #fff;
          font-size: 110%;
	}
}
@media screen and (max-width: 479px) {
   div.menu-box{
	margin-top: 0.1em;
	margin-bottom: 15.4em;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0 auto; 
     }
   #menu{
	  width: 100%;
	  max-width: 479px;
	  margin: 0 auto;
	  padding: 0;
	}
   #menu li{
	  display: block;
	  float: left;
	  width: 100%;
	  margin: 0;
          border-bottom: 1px solid #777;
        }
	#menu li a{
	  display: block;
	  padding: 15px 0 15px;
	  background: #149;
	  color: #fff;
	  text-align: center;
	  text-decoration: none;
          font-size:110%;
	}
   #menu li a:hover{
	  background: #888;
	  color: #fff;
	}
}


/* コンテンツ */ 

.content {
     border: 1px solid #000;
     margin-top: 0px;
     margin-bottom: 8px;
     margin-left:0px;
     margin-right: 0px;
     padding: 0px 20px 0px 20px;
     background-color: #eeeeee;
}
 
p.content{
     border: 0px;
     margin: 10px;
     padding-left: 20px;
}

p.content_midasi{
     border: 0px;
     margin: 10px;
     padding-left: 20px;
     text-indent: -1em;
}

p.content_komidasi{
     border: 0px;
     margin: 10px;
     padding-left: 30px;
     text-indent: -1em;
}
p.content2{
     border: 0px;
     margin: 10px;
     padding: 0px 20px 0px 30px;
     text-indent: -1em;
}

p.content3{
     border: 0px;
     margin: 10px;
     padding: 0px 20px 0px 40px;
}

/* 自動伸縮画像（archives写真集用） */
img.resize_img_big{
     width: 100%;
     margin-bottom: 3px;
}
img.resize_img_half{
     width: 48%;
     margin-left:3px;
     vertical-align: top;
     margin-bottom: 3px;
}
img.resize_img_small{
     width: 31%;
     margin-left:3px;
     margin-bottom: 3px;
     vertical-align: top;
}

/* フッター */
.footer {
     border: 2px solid #000;
     margin-top: 10px;
     margin-bottom: 10px;
     padding: 0px 20px 0px 20px;
     background-color: #00ffff;
     text-align: center;
}

/* ページTOPボタン */
a#pagetopBtn img{
   position: fixed;
   bottom: 30px;
   right: 3px;
}