@charset "UTF-8";

body {
width: 320px;
text-align:center;
margin: 0px auto; 
background-size: 50% auto;
}

#all { 
width: 320px;
margin: 0px auto;
} 

h1 {
color:#660000;
margin: 20px auto; 
} 

h2 {
color:#660000;
margin: 20px auto; 
} 
h3 {
color:#660000;
margin: 20px auto; 
} 


/* ----- ニュース€----- */
#newsbox { 
width:300px;
height:750px;
background-color:#ffff99;
border-radius: 10px;
border: 2px solid;
box-shadow: 4px 4px 8px;
margin: 20px auto; 
font-size:70%;
}
.news { 
display: table;
width:300px;
height:100px;
background-color:#00ffff;
border-radius: 10px 10px 0px 0px;
margin: 0px auto; 
}

.news a { 
font-size: 100%; 
display: table-cell;
vertical-align: middle;
margin: 0px auto; 
}

.newsbox2 { 
width:300px;
height:250px;
line-height:30px;
font-size:100%;
text-align:center;
margin: 30px auto; 
}



/* ----- トップナビここから€----- */
ul {
width: 300px;
padding: 0;
list-style-type: none;
background-color:#ffff99;
border-radius: 10px;
border: 2px solid;
box-shadow: 4px 4px 8px;
margin: 30px auto; 
}

li a {
	display: block;
	padding: 20px 0px;
	text-decoration: none;
	color: #000000;
}
li {
font-size: 150%;
	text-align: center;

}
li:last-child {
	border-bottom: none;
}
li a.active {
	color: #ffffff;
	background-color:#ff0000;
border-radius: 10px 10px 0 0;
}
li a:hover:not(.active) {
	color: #ffffff;
	background-color: #1b2538;
}

/* ----- トップナビここまで€----- */