﻿@charset "UTF-8";

ul.navigation { 
 position: relative;
 display: inline-block;
 width: 970px;
 top: -42px;
 margin-left: 27px;
 line-height: 0;
}
ul.navigation li {
 width: 470px;
 float: left;
}

/*はじめから*/
.btnStart a {
 display: inline-block;
 *zoom: 1;
 *display: inline;
 width: 470px;
 height: 65px;
 background: url('../images/btn/startRetina.jpg') no-repeat center;
-webkit-background-size: cover;
        background-size: cover;
}
.btnStart a:hover {
 background-image: url('../images/btn/startRetina_hover.jpg');
}
.btnStart a:active {
 background-image: url('../images/btn/startRetina_active.jpg');
}

/*正解を見る*/
.btnOpen a { 
 margin-left: 30px;
 display: inline-block;
 *zoom: 1;
 *display: inline;
 width: 470px;
 height: 65px;
 background: url('../images/btn/openRetina.jpg') no-repeat center;
-webkit-background-size: cover;
        background-size: cover;
}
.btnOpen a:hover {
 background-image: url('../images/btn/openRetina_hover.jpg');
}
.btnOpen a:active {
 background-image: url('../images/btn/openRetina_active.jpg');
}

/*やりなおす*/
.btnClose a {
 background-image: url('../images/btn/closeRetina.jpg');
}
.btnClose a:hover {
 background-image: url('../images/btn/closeRetina_hover.jpg');
}
.btnClose a:active {
 background-image: url('../images/btn/closeRetina_active.jpg');
}
