.muro{text-align:left; width:700px; margin-right:auto; margin-left:auto; font-weight:bold; padding-bottom:4em; }
.muro h2 {font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif; color:#1127AA; margin-bottom:1em; font-size:calc(20px + .6vw)}
.muro a {text-decoration:none; color:black; }
.muro ul {display:block; }
.muro>ul>li>ul {margin-bottom:1em;}
.muro>ul>li {color:#1127AA; margin-bottom:1.5em; margin-top:0.5em;}
.muro>ul>li>a {color:#1127AA; font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;}
.muro>ul>li>ul>li {padding: 0.3em 0em}
.muro li {margin-left:3em; font-size:calc(10px + .3vw);}




@media screen and (max-width:800px) {
.muro {width:70%;    }
.muro h2 {text-align:center;  }
.muro ul {width:250px; margin-left:auto; margin-right:auto;}
.muro ul ul {width:200px;}


}

@media screen and (min-width:801px) {
	.muro>ul {position:relative; }

	.muro>ul>li:nth-child(5){position:absolute; top:0; left:55%}
.muro>ul>li:nth-child(6){position:absolute; top:40px; left:55%}
.muro>ul>li:nth-child(7){position:absolute; top:140px; left:55%}
.muro>ul>li:nth-child(8){position:absolute; top:180px; left:55%}
.muro>ul>li:nth-child(9){position:absolute; top:225px; left:55%}
.muro>ul>li:nth-child(10){position:absolute; top:270px; left:55%}
.muro>ul>li:nth-child(11){position:absolute; top:315px; left:55%}
}





@media screen and (max-width:300px) {
.muro { margin-left:10px;   }



}