body {
  color:#000000;
  background:#ffffff;
  width:100%;
  margin:0px;
  text-align: center;
}

a {text-decoration:none;}
a:link {color:#0000ff;}

a:visited {color:#0000ff;}

a:active {color:#0000ff;}

a:hover {color:#ff0000;}
a:hover {background-color:#ffcccc;}
a:hover {text-decoration:underline;}


.sp {margin:24px;}

/* ディスプレイ状態 */
.table {display: table;}
.tr {display: table-row;}
.td {display: table-cell;padding:2px;vertical-align:middle;}
.inline {display: inline;}
.inblo {display: inline-block;}
.block {display: block;}
.blocen {margin-left:auto;margin-right:auto;}


/* 左揃え・ブロック・プレビュー */
.left {text-align: left;}
.cent {text-align: center;}
.right {text-align: right;}
.block {display: block;}
.inline {display: inline-block;}
.pre {white-space: pre;}
.center {margin-left:auto;margin-right:auto;}

img {
  width:104px;
  height:50px;
  margin:20px;
  margin-left:auto;
  margin-right:auto;
  display:block;
}

.link {
  width:340px;
}

.link a {
  font-size:30px;
  font-weight:bold;
  padding:20px;
  border: 1px solid #cccccc;
  border-radius:10px;
  display:block;
}

.syo {
  font-size:0.7em;
}


/* ここ以下は、スマホ用画面時に変化する項目 */
@media screen and (max-device-width: 400px) {

body {
  font-family:Hiragino Kaku Gothic Pro;
}


.link {
  width:90%;
}

.link a {
  font-size:20px;
  font-weight:bold;
  padding:20px;
  border: 1px solid #cccccc;
  border-radius:10px;
  display:block;
}

.syo {
  font-size:1.0em;
}




}