html {
    width:100%;
    height:100%;
}
body {
    width:100%;
    height:100%;
    margin: 0px;
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
	font-family: "メイリオ","Meiryo";
}
.contents {
    width:1024px;
    height:768px;
    border: solid 1px #000000;
    border-radius: 10px;
    margin:0 auto;
}
.title {
    text-align: center;
    vertical-align: middle;
    padding: 10px;
    font-weight: bolder;
    font-size:30px;
}
.split {
    width:90%;
    margin-block-start:0px;
    margin-block-end:0px;
}
.menus {
    vertical-align: middle;
    display: block;
    width:100%;
    height: 100%;
}
.menu {
    vertical-align: middle;
    display: block;
    text-align: center;
}
.description {
    text-align: center;
    font-size: 24px;
    margin: 60px 0px;
}
.item {
    width:100%;
}
.link {
    padding: 25px;
    margin:30px;
    width:25%;
    display: inline-block;
    text-decoration: none;
    color: #ff0000;
    border: solid 2px #ff0000;
    border-radius: 20px;
    transition: .2s;
}
.link:hover {
    color: #ffffff;
    background: #ff0000;
}