body,html {
  padding:0;
  font-family:'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Meiryo','メイリオ','sans-serif';
  background:#fff;
}

* {
  margin:0;
  padding:0;
}

#content {
  width:500px;
  margin:0 auto;
  background:url(./img/cate_back2.gif);

}

/* 固定のアピタのロゴとアピタ大和田店 */
.header {
  z-index: 3;
  position:fixed;
  top:0px;
  width:500px;
  height:95px;  /* ヘッダーの高さ */
  background-color:rgba(255, 255, 255, 0.9);/* 背景色と透け具合 1は不透明 */
/*  opacity: 0.5;*/
}

.main_box {
  clear:both;
  margin:108px auto 60px; /* ヘッダの高さに合わせてトップを変更する */
  width:500px;
}

.footer {
  width:500px;
  height:150px;
  margin:0 auto;
  padding-top:40px;
  text-align:center;

}

.footer .copyright {
  margin-top:5px;
  font-size:small;
}

/* カテゴリーページ */

.main_box .cate_menu ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  background:#fff;
  border-bottom: 1px solid #333;
  padding:20px 0px;
}

.main_box .cate_menu li {
  list-style:none;
  margin:10px;
}

.main_box .shop_list {
  width:480px;
  margin:30px auto;
}

.main_box .shop_list ul{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
  padding:20px 0px;
}

.main_box .shop_list li{
  width: 200px;
  list-style:none;
 }

 .main_box .shop_list .cate-header{
 display: flex;
  align-items: center;
  justify-content: center;
  padding:8px;
  width:30%;
  font-size: 150%;
  font-weight: bold;
 }

.main_box .shop_list .cate1{
  color: #f00;
  border:2px solid #f00;
}

.main_box .shop_list .cate2{
  color: #336600;
  border:2px solid #336600;
}

.main_box .shop_list .cate3{
  color: #FF6600;
  border:2px solid #FF6600;
}

.main_box .shop_list .cate4{
  color: #0000FF;
  border:2px solid #0000FF;
}

.main_box .shop_list .cate5{
  color: #CC33FF;
  border:2px solid #CC33FF;
}

.main_box .shop_list .cate6{
  color: #FF0066;
  border:2px solid #FF0066;
}

.pink {
  color:#e60012;
  font-weight:bold;
}

.green {
  color:#006600;
  font-weight:bold;
}

.bold {
  font-weight:bold;
}

.red {
  color:#f00;
  font-weight:bold;
}

.minifont {
  font-size:90%;
}