body{
	 background-image: url("image/");
	 font-family: "ＭＳ Ｐゴシック";
	 overflow-y: hidden;
	 color: #6b2f21;
	 background-color: white;
	 background-image: url("image/css/bg.png");
	 background-repeat: repeat-y;
}

.all{
	 margin: 7%;
	 margin-left: auto;
	 margin-right: auto;
}

header{
	 background-image: url("image/css/banner.png");
	 border: 1px solid #ed962b;
	 margin-left: 500px;
	 margin-right: 500px;
	 padding-top: 10px;
	 padding-left: 10px;
	 padding-right: 10px;
	 height: 70px;
}

.main{
	 display: flex;
	 margin-left: 500px;
	 margin-right: 500px;
}

aside{
	 z-index: 1;
	 flex: 1;
	 background-image: url("image/css/bg_sidebar.png");
	 border-left: 1px solid #ffbe3b;
	 border-right: 1px solid #ffbe3b;
	 text-align: center;
	 max-width: 190px;
	 padding-top: 25px;
}

aside ul{
	 list-style: none;
	 padding: 0;
	 text-align: center;
}

aside img{
	 margin-left: auto;
	 margin-right: auto;
}

section{
	 z-index: 1;
	 flex: 2;
	 background-color: white;
	 background-image: url("image/css/bg_main.png");
	 background-repeat: no-repeat;
	 background-position: right bottom;
	 border-right: 1px solid #ffbe3b;
	 padding-top: 40px;
	 padding-left: 30px;
	 padding-right: 30px;
	 height: 400px;
	 overflow: scroll;
	 overflow-x: hidden;
	 scrollbar-color: #ed962b;
	 text-align: center;
}

footer{
	 margin-left: 500px;
	 margin-right: 500px;
	 background-image: url("image/css/bg_footer.png");
	 border: 1px solid #ed962b;
	 text-align: center;
}

footer p{
	 background-color: #FFD776;
	 font-size: 12px;
	 margin-left: 120px;
	 margin-right: 120px;
}

.sitemap{
	 background-color: #FFFFFF;
	 border: 28px solid transparent;
	 border-image: url("image/css/border_sitemap.png") 28 round;
	 border-radius: 1em;
	 display: inline-block;
	 max-width: 77%;
}

.sitelist{
	 margin: 0px auto;
}

.sitelist th{
	 text-align: left;
	 vertical-align: top;
	 padding-right: 7px;
}

.sitelist td{
	 text-align: right;
}

details {
     color: #6b2f21;
     cursor: pointer;
     border: none;
     display: inline;
}

details summary {
     padding-top: 10px;
}

.bg img{
	 position: fixed;
	 z-index: 1;
	 left: -10px;
	 bottom: -7px;
}

.sidebar {
     grid-area: menu-l;
	 display: grid;
	 flex-direction: column;
	 z-index: 1;
}

.sidebar ul{
	 background-image: url("image/css/button/sidebar.png");
	 background-repeat: repeat-y;
	 background-position: center;
	 font-size: 0;
}

.sidebar li{
	 padding: 2px;
}

.box {
	 background-color: #FFFFFF;
	 background-image: url("image/css/box.png");
	 border: 1px solid #FFBE3B;
	 display: inline-block;
	 max-width: 77%;
}

.collect_box {
	 background-color: #FFFFFF;
	 background-image: url("image/css/box.png");
	 border: 1px solid #FFBE3B;
	 margin-left: auto;
	 margin-right: auto;
	 margin-bottom: 21px;
	 width: 300px;
}

.collect_box p{
	 padding-left: 9px;
	 padding-right: 9px;
	 margin-top: 0px;
	 margin-bottom: 7px;
}

@media (max-width: 1500px) {
	 .all{
		 margin-top: 5%;
	 }
	 footer{
		 margin-left: 100px;
		 margin-right: 100px;
	 }
	 header{
		 margin-left: 100px;
		 margin-right: 100px;
	 }
	 .main{
		 display: flex;
		 margin-left: 100px;
		 margin-right: 100px;
	 }
	 .bg img{
		 display: none;
	 }
	 .buddy{
		 display: none;
	 }
}

@media (max-width: 820px) {
	 body{
		 overflow: scroll;
	 }
	 .all{
		 margin-top: 21px;
	 }
	 footer{
		 margin-left: 5px;
		 margin-right: 5px;
	 }
	 footer p{
		 margin-left: 5px;
		 margin-right: 5px;
	 }
	 header{
		 margin-left: 5px;
		 margin-right: 5px;
	 }
	 aside{
		 display: none;
	 }
	 section{
		 height: 100%;
	 }
	 .main{
		 margin-left: 5px;
		 margin-right: 5px;
	 }
	 .bg img{
		 display: none;
	 }
	 .buddy{
		 display: none;
	 }
}

a:link {
	 color: #de7e10;
}

a:visited {
	 color: #c45f06;
}

a:hover {
	 color: #c45f06;
	 text-decoration: none;
}