@charset "utf-8";

/* 全体レイアウト */
body{
  background-image: url(../kabeni66.gif);
  background-repeat: repeat;
  margin-left: auto;
  margin-right: auto;
  font-size: medium;
  line-height: 160%;
  color: #565656;
  max-width: 740px;   /* PCは最大740px */
  width: 100%;        /* スマホは画面幅にフィット */
  padding: 0 10px;    /* スマホで左右に余白 */
}

/* テーブル */
table{
  border-collapse: collapse;
  width: 100%;
  font-size: medium;
  font-weight: normal;
  background-color: white;
  border-spacing: 2px 2px;
}

th{
  background-color: #fffbf9;
  font-weight: normal;
  text-align: left;
}

td{
  border: 1px solid #c6e2ff;
}

tr{
  margin: 0;
}

/* 見出し類 */
h1{
  font-size: large;
  font-weight: bold;
  line-height: 140%;
  margin: 1px;
}

h2{
  font-size: large;
  font-weight: bold;
  color: #ff0000;
  line-height: 140%;
  margin: 0;
}

h3{
  font-size: medium;
  color: #ff8040;
  margin: 2px;
  text-decoration: none;
}

h4{
  font-size: large;
  font-weight: bold;
  background-color: #fffbf9;
  margin: 0;
}

h5{
  font-size: medium;
  color: #737373;
  background-color: #f2f7ff;
  margin: 0;
}

h6{
  font-size : large;
  font-weight: bold;
  color : #cc0000;
  margin: 0;
}

/* リンク */
a{
  font-size: medium;
  color: #1645a3;
  text-decoration: none;
}

a:hover{
  font-size: medium;
  background-color: #ffe1f0;
}

/* ボタン */
button{
  font-size: 18px;
  font-weight: bold;
  padding: 8px 15px;
  background-color: #1645a3;
  color: #fff;
  border: none;
  box-shadow: 2px 2px 3px 1px #666;
  cursor: pointer;
}

button:hover{
  background-color: #ff9224;
  color: #fff;
}

/* フォーム */
form{
  background-color: #edf5f5;
}

/* リスト・区切り要素 */
dl{
  background-color: #ffffe1;
  margin: 0;
}

div{
  background-color: white;
}

/* フッター */
footer{
  color: white;
  background-color: #0242b9;
  text-align: right;
  padding: 5px 10px;
}

/* 画像を縮小して画面内に収める */
img{
  max-width: 100%;
  height: auto;
  float: none;
}

/* コンテンツ */
section{
  background-color: #ffffff;
}

article{
  background-color: #ffffff;
}