body{background:#FFFFCC;
     background-image: url(skip_back.png);
     background-position: right bottom;
     background-repeat: no-repeat;
     background-attachment: fixed;}

h2{font-size:2em;text-shadow: 1px 1px 2px silver;font-weight:bold;border:solid 8px black;text-align:center;background:#F0F8FF;}
h3{text-align:center;}

.midasi{font-size:4em; text-align:center;text-shadow: 1px 1px 2px silver; font-weight: bold; margin:10px; padding:10px;border:5px solid black;
background: linear-gradient(45deg, #6cb8ff, #fff66c, #ffa36c); }
 
 
.mainbox { display: table; width: 70%; margin: 0 auto;table-layout: fixed;}
 
.box { display: table-cell;vertical-align: middle; text-align: center; border:5px solid black; padding:10px;width:12em;}
 
.box:nth-child(1):hover {background: #99CCFF;transition: background 1s;transition-delay:0.2s;}
 
.box:nth-child(2):hover {background: #99CCFF;transition: background 1s;transition-delay:0.2s;}
 
.box:nth-child(3):hover {background: #99CCFF;transition: background 1s;transition-delay:0.2s;}




.sakuhin { display: table-cell;vertical-align: middle; text-align: center; border:5px solid black; padding:10px;width:25em;}
 
.sakuhin:nth-child(1):hover {background: #FFF777;transition: background 1s;transition-delay:0.2s;}
 
.sakuhin:nth-child(2):hover {background: #FFF777;transition: background 1s;transition-delay:0.2s;}
 
.sakuhin:nth-child(3):hover {background: #000000;transition: background 1s;transition-delay:0.2s;}

.sakuhin:nth-child(4):hover {background: #000000;transition: background 1s;transition-delay:0.2s;}

.sakuhin:nth-child(5):hover {background: #000000;transition: background 1s;transition-delay:0.2s;}