@charset "utf-8";


.allclear {
clear:both;
}

.vspace_10 {
max-width: 300px;
margin: 0 auto;
height: 10px;
}

.vspace_15 {
max-width: 300px;
margin: 0 auto;
height: 15px;
}

.vspace_20 {
max-width: 300px;
margin: 0 auto;
height: 20px;
}

.vspace_30 {
max-width: 300px;
margin: 0 auto;
height: 30px;
}

.vspace_40 {
max-width: 300px;
margin: 0 auto;
height: 40px;
}

.vspace_50 {
max-width: 300px;
margin: 0 auto;
height: 50px;
}

header {
width: 100%;
margin: 0px auto;
background-color: #30286B;
padding: 15px 15px 15px 15px;
text-align: left;
}

header .title {
font-size: 22px;
font-weight: bold;
color: #F5F4F7;
}

.contents {
width: 100%;
max-width: 95%;
margin: 0px auto;
padding: 10px 10px;
text-align: center;
}

.top_photo {
width: 100%;
max-width: 95%;
margin: 20px auto;
text-align: center;
}

.top_photo .photo-box {
display: block;
max-width: 95%;
margin: 0px;
text-align: center;
}

.top_photo .photo-box img {
margin: 0 auto;
}

.top_menu {
width: 100%;
max-width: 95%;
margin: 50px auto;
text-align: center;
}

.top_menu .menu-box {
display: inline-block;
width: 350px;
padding: 15px 15px 15px 15px;
text-align: center;
}

@media screen and (max-width:640px)
{
.top_menu {
width: 100%;
margin: 30px auto;
text-align: center;
}

.top_menu .menu-box {
display:block;
width: 100%;
padding: 15px 15px 15px 15px;
text-align: center;
}






}