<@charset "UTF-8";>
html, body {
margin: 0;
padding: 0;
}
#header {
padding: 0;
margin: 0;
width: 100%;
}
#main {
margin-bottom: 6em;
}
#footer {
background-color: #EEE;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
width: 100%;
height: 6em;
position: fixed;
bottom: 0;
text-align:center;
}
#footer p {
margin:0;
}
body {
margin:0;
padding:0;
font-size:16px;
line-height:1.5em;
sans-serif;
}
h1, p#logo {
text-align:center;
}
h1 img, p#logo img {
max-width: 100%;
height:auto;
}
p#logo {
margin-top:10px;
}
#listArea {
width:100%;
padding:10px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#listArea ul {
overflow: hidden;
margin: 0;
padding: 0;
}
#listArea ul li {
width:49%;
margin:5px 0;
list-style-type:none;
font-size:120%;
position: relative;
}
#listArea ul li:nth-child(2n+1) {
float:left;
}
#listArea ul li:nth-child(2n) {
float:right;
}
#listArea ul li a {
display:block;
padding:15px 10px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #0d9662), color-stop(0.00, #02764A));
background: -webkit-linear-gradient(#02764A, #0d9662);
background: -moz-linear-gradient(#02764A, #0d9662);
background: -o-linear-gradient(#02764A, #0d9662);
background: -ms-linear-gradient(#02764A, #0d9662);
background: linear-gradient(#02764A, #0d9662);
text-decoration:none;
border:1px solid #AAA;
border-radius: 3px;
color:#FFFFFF;
text-align:center;
}
#listArea ul li a:after {
display: block;
position: absolute;
top: 50%;
right: 6px;
width: 7px;
height: 7px;
margin-top: -5px;
content: url(./image/arrow.png);
}
.category {
padding:15px 10px;
background-color:#385EDD;
color:#FFF;
font-size:125%;
}
.categoryBox {
padding:0 10px;
}
.back {
margin:0;
padding:10px;
text-align:right;
}
.button {
padding-bottom: 1em;
text-align: center;
}
.button2 {
padding-bottom: 2em;
text-align: center;
}
.txtHead {
color:red;
}
.txtL {
font-size:113%;
}
.txtS {
font-size:94%;
}
.txtB {
font-weight:bold;
}
.lineArea {
margin: 1em 0;
padding: 1em 0;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
text-align: center;
}
.lineArea p {
margin:0.5em 0 0;
}