@charset "shift_jis";
@import "basic.css";

.bgover{
  background:url(../images/bg.png) 50% repeat-y;
}
.over{
  width:864px;
  margin:auto;
  border:0;
  padding:5px 0;
}

.head{
  height:130px;
  overflow:hidden;
}

#headmobile{
  margin:0;
  padding:0;
  top:5px;
  right:10px;
  height:120px;
  width:120px;
}

#headbanas{
  position:absolute;
  top:5px;
  left:235px;
  width:470px;
  height:108px;
  padding:0 1px;
  color:#ffffff;
  font-size:18px;
}

#headbanas img{
  position:relative;
  border:0;
}

#headbanas a:link{
  color:#ffcccc;
}

#headbanas a:hover{
  color:#ffcccc;
}

#headbanas a:visited{
  color:#ccccff;
}

.Lefts img{
  border:0;
}

.Lefts #menu{
  padding:0;
  margin:0;
  width:188px;
}

.Lefts #menu h3{
  margin:0;
  padding:0;
  background:url(../images/menu.jpg) 0 no-repeat;
  text-indent:-10000px;
}

.Lefts #menu ul{
  margin:0;
  padding:0;
}

.Lefts #menu li{
  height:18px;
  padding:3px 0 0 10px;
  font-size:12px;
  border:0;
  color:#000000;
  width:190px;
  list-style-type:none;
  margin:0;
}
.Lefts #menu li a{
  display:block;
  width:180px;
  height:18px;
  background-repeat: no-repeat ;
  text-decoration:none;
  font-weight:900;
}

.Lefts #menu .submenu{
  font-size:12px;
  border:0;
  color:#000000;
  width:160px;
  margin-left:20px;
}
.Lefts #menu .submenu a{
  display:block;
  width:160px;
  height:18px;
  padding:3px 0 0 10px;
  text-decoration:none;
  font-weight:900;
}
.Lefts #menu a:hover{
  background-image:url(../images/menu_move.jpg);
  background-repeat: no-repeat ;
  text-decoration:none;
  color:#000000;
}
.Lefts #menu .mainmenu .submenu a:hover{
  background-image:url(../images/submenu_move.jpg);
  background-repeat: no-repeat ;
  text-decoration:none;
  color:#000000;
}
.Lefts #menu .now{
  background-image:url(../images/menu_on.jpg);
  background-repeat: no-repeat ;
  text-decoration:none;
  color:#000000;
}
.Lefts #menu .subnow{
  height:18px;
  padding:3px 0 0 10px;
  background-image:url(../images/submenu_on.jpg);
  background-repeat: no-repeat ;
  text-decoration:none;
  width:160px;
  margin-left:30px;
}

.Lefts #menubana ul{
  margin:0;
  padding:0;
}

.Lefts #menubana li{
  list-style-type:none;
  float:left;
  margin:2px;
}

.PreCenters{
  margin:auto;
  width:650px;
  position:relative;
  float:left;
  text-align:center;
  background-color:#aaaaff;
}
.PreCenters #bana{
  border:0;
}

.shop{
  border:solid 1px #000099;
  margin:10px 0 0 0;
  position:relative;
  float:left;
  width:100%;
}

.shop h3{
  margin:0;
  padding:0;
  background:url(../images/pickup.jpg) 0 no-repeat;
  text-indent:-10000px;
}

.shop ul{
  position:relative;
  float:left;
  padding:0;
  margin:0;
}

.shop li{
  list-style-type:none;
  position:relative;
  width:240px;
  height:230px;
  float:left;
  margin:5px;
  border:solid 1px #336699;
}

.shop span{
  display:block;
}
.shop p{
  padding:0;
  margin:0;
}
.shop .thumb{
  float:left;
}
.shop .comment{
  padding:2px;
  display:block;
  height:133px;
  overflow:auto;
}
.shop .name{
  display:block;
  clear:left;
  font-size:15px;
}
.shop .ticket{
  width:100%;
  font-weight:900;
  color:#ff0000;
  font-size:12px;
  background-color:#ffffaa;
}
.shop .ticket span{
  font-size:10px;
  color:#ff0000;
}

.shop .area{
  clear:left;
  font-size:12px;
  color:#660000;
}
#about div{
  border:solid 1px #000099;
}

.Rights h2{
  font-size:14px;
}
.Rights .news{
  margin:0;
  padding:0;
}
.Rights .news li{
  list-style-type:none;
  margin:0;
  padding:0 0 5px 5px;
  border-bottom:solid 1px #000099;
}
.Rights .news img{
  display:block;
  clear:both;
}

@media only screen and (max-width : 768px){
	.Lefts #menu li{
		font-size:14px;
		padding:5px 0;
	}
}