@charset "utf-8";
/* CSS Document */
#roman_back {
	background-repeat: repeat-x;
	background-image: url(../../img/back.gif);
	width: 100%;
	}
#main {
	max-width:800px;
	width: 96%;
	margin: 0 auto;
  overflow: hidden;
	}
.lead {
	list-style-type: none;
	background-repeat: repeat-x;
	background-image: url(../../img/back.gif);
}
.flex_menu {
	display: flex;
	justify-content: space-between;
}
#allcontents{
	position:relative;
	}

#menu_back {
	background-image: url(../img/menu_back.png);
	background-position:right;
	background-repeat:no-repeat;
	margin-top: 3rem;
	height: 390px;
	z-index:120;
	left: 25px;
}

#menu_back ul {
	list-style-type: none;
	display: flex;
	justify-content: flex-end;
	z-index:100;
	}

#menu_back ul li {
    margin: 0 2rem;
	}


#menu_back ul li a {
	display: block;
	height: 200px;
	width: 18px;
	}


#menu1 a{
	background-image: url(../img/menu1.png);
	background-position:0px 0px;
}


#menu1-2 a{
	background-image: url(../img//menu1.png);
	background-position:0px 205px;
}

#menu2 a{
	background-image: url(../img/menu2.png);
	background-position:0px 0px;
}

#menu2-2 a{
	background-image: url(../img/menu2.png);
	background-position:0px 205px;
}

#menu3 a{
	background-image: url(../img/menu3.png);
	background-position:0px 0px;
}


#menu3-2 a{
	background-image: url(../img/menu3.png);
	background-position:0px 205px;
}

#menu4 a{
	background-image: url(../img/menu4.png);
	background-position:0px 0px;
}

#menu4-2 a{
	background-image: url(../img/menu4.png);
	background-position:0px 205px;
}

#menu5 a{
	background-image: url(../img/menu5.png);
	background-position:0px 0px;
}

#menu1 a:hover , #menu2 a:hover , #menu3 a:hover , #menu4 a:hover , #menu5 a:hover {
	background-position:0px 205px;
}
#naka {
	max-width: 800px;
	width: 96%;
	margin: 0 auto;
}
.naka_img {
	width: 96%;
	margin: 0 auto;
	display: block;
}
#naka .yohaku {
	padding-top:70px;
	}	

.photopage {
	min-height:1500px;}
	
#allcontents table {
	font-size: 14px;
	line-height: 26px;
	padding:50px 0px 50px 0px;
}
#allcontents #naka .map_text {
	font-size: 12px;
	line-height: 180%;
	color: #4A545E;
	width: 420px;
	padding-left: 26px;
	padding-top: 15px;
	padding-bottom: 30px;
}
#naka dl dd {
	padding-bottom: 20px;
}
#naka dl dt img {
	padding-top: 10px;
	max-width: 360px;
}
.madori_info li {
	width: 350px;
	border: 1px solid #B2B2B2;
	margin:30px 2px;
}

.madori_info {
	max-width: 800px;
	width: 96%;
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 80px;
	justify-content: space-between;
}

.madori_info li a img {
	border:none;
	vertical-align:bottom;
}

.madori_info li a:hover {
  filter: alpha(opacity=75);  -moz-opacity:0.75;  opacity:0.75;
}
#naka h2 {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#info_dl {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 50px;
	padding-left: 0px;
}
#info_menu {
	padding:5rem 0 0 1rem;
}
.info_title {
	padding-top: 20px;
	padding-bottom: 20px;
}


#allcontents #main #topimg {
	padding-top: 340px;
}
#main .all {
	clear: both;
	width: 800px;
	float: left;
}
#naka #info_dl dd .map_text {
	padding-left: 25px;
	line-height: 180%;
	padding-top: 10px;
	padding-bottom: 10px;
}