#slideshow ul {
	list-style: none;
	margin: auto;
	padding: 0;
	width: fit-content;
	text-align: center;
  }
  
  #slideshow ul li {
	float: left;
	margin-right: 5px;
  }
  
  #slideshow ul li a {
	display: block;
	width: 70px;
	height: 50px;
	border: 1px solid #ccc;
	text-align: center;
	line-height: 50px;
  }


	/*---------- ページ全体の指定 ----------*/
    .image-grid {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0 -10px;
      }
      
      .image-grid img {
        width: calc(90% / 3 - 20px);
        margin: 10px;
        height: auto;
        margin-top: 20px;
        margin-bottom: 20px;
      }
      
      /* スマートフォン用のスタイル */
      @media screen and (max-width: 780px) {
        .image-grid {
          flex-direction: column;
          align-items: center;
        }
        
        .image-grid img {
          width: 90%;
          margin: 10px;
          height: auto;
          margin-top: 20px;
          margin-bottom: 20px;
        }
      }




/* index.html / index02.html

--------------------------- */

#slideshow {

	margin: 0 auto;
	
	height: 400px;

	text-align:left;

}

#slideshow div {



	height: 400px;

	overflow: hidden;

	position: relative;

}

#slideshow div div {

	top: 0;

	left: 0;

	position: absolute;

}



#slideshow ul {	margin-top: 20px;

   padding:0px ;	text-align: center;



	height: 50px;

	

}







#slideshow .active {

	



}





/* =======================================

	ClearFixElements

======================================= */

#slideshow ul:after {

	content: ".";

	height: 0;

	clear: both;

	display: block;

	visibility: hidden;

}



#slideshow ul {

	display: inline-block;

	overflow: hidden;

}


#dbox {
  width: 100%;
  text-align: center;
  margin: 0 auto;
}