/* サイト内の全ページのデザイン基調 */

body {
    max-width : 80.0em;
    background-color : #e5e3d1;
    color : #0a0b37;
    border-color : #0a0b37;
    font-family : Gothic;
    margin : 0.5em 3.0em;
    border : 1px solid;
    border-top : 5px solid;
    padding-left : 0.5em;
    padding-right : 0.5em;
}

input[type="text"],
input[type="password"],
textarea {
    border : solid 1px #0a0b37;
    color : #0a0b37; 
    background-color : #d5d3c1;
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
    background-color : #e0decd;
    -moz-box-shadow : 0 0 #ddb;
}
input[type="submit"] {
    border : 1px solid #0a0b37;
}

a {
    color : #0044cc;
}
a:visited {
    color : #4f4803;
}

.little-strong {
    color : #34408c;
}

.strong {
    color : #a72f2f;
}

a:hover {
    text-decoration : underline;
}

.note {
    font-size : 0.8em;
}

ul {
    list-style-type : none;
}

.text-list {
    list-style-type : disc;
    margin-left : 2.0em;
}

section > h1 {
    margin-top : 0.25em;
    margin-bottom : 0.25em;
}

.buy-button {
  display : inline-block;
  padding : 0.25em;
  padding-right : 1.0em;
  background : #3c3e9b; /* fallback */
  background : linear-gradient(to bottom, #b1b2d7, #3c3e9b);
  border-radius : 1.75em;
  line-height : 2.0em;
}
a.buy-button,
button.buy-button {
  color : #f2f2f2;
}
.buy-button > :first-child {
  display : inline-block;
  background-color : #f2f2f2;
  border-radius : 1.0em;
  text-align : center;
  line-height : 2.0em;
  height : 2.0em;
  width : 2.0em;
  margin-right : 0.25em;
}
.buy-button > :first-child > * {
  display : inline-block;
  height : 1.2em;
  vertical-align : middle;
}
a.buy-button > :hover {
  text-decoration : none;
}
.buy-button:hover {
  background-color : rgba(255, 255, 255, 0.25);
  -moz-transition-property : background-color;
  -moz-transition-duration : 0.125s;
}
input[type="checkbox"] {
    display : inline-block;
    margin-right : 0.5em;
}