<style type="text/css">
@charset "utf-8";
/* CSS Document */
* {
  float:    none;
  position: static;
}

img {
  max-width: 100%;
  height:    auto;
}

@media screen and (max-width:480px) {
	p {
		width: 100%;
		margin: 0px 0 10px 0;
	}

	main {
		width: 100%;
	}

	.imgarea {
		width: 100%;
	}

	aside {
		width: 100%;
		margin: 30px 0 0 0;
	}
}

h1 {
  font-size        :   20px,
  color            :   blue;
  text-align       :   center;
}

h2 {
  font-size        :   14px,
  color            :   green;
  text-align       :   center;
}

h2.red-text {
    color          :  red;
  }

h3 {
  font-size        :   10px,
  color            :   red;
    text-align     :   center;
}

h4 {
  font-size        :   10px,
  color            :   red;
    text-align     :   right;
}

h5 {
  font-size        :   12px,
  color            :   red;
    text-align     :   right;
}

button, input, select, textarea {
font-family        :   inherit;
font-size          :   100%;
}

div {
  background      :    #ffffff;
  width           :    640px;
  padding         :    0px;
  text-align      :    center;
  border          :    0px  solid #ffffff;
  margin          :    20px auto;
}

table {
  border-collapse:collapse;
  background      :     #ffffff;
  width           :     640px;
  padding         :     0px;
  text-align      :     left;
  border          :     1px solid #ffffff;
  margin          :     20px auto;
}
div.nth1 {
  width           :     1000px;
}
/* ▽表組みの基本装飾 */
div.nth1 table {
  border-collapse :   collapse;
  border          :   2px solid black;
  width           :   1000px;
}
div.nth1 table th,
div.nth1 table td {
  padding         :    0.3em 0.6em;
  border          :    1px solid gray;
  font-size       :    smaller;
}
/* ▽偶数行のみ */
div.nth1 table tr:nth-child(2n) {
  background-color:   white;
}
/* ▽奇数行のみ */
div.nth1 table tr:nth-child(2n+1) {
  background-color:   #e0e0e0;
}
/* ▽先頭行のみ */
div.nth1 table tr:nth-child(1) {
  background-color:   #0000cd;
  color           :   white;
}

div.nth2 {
  width           :   640px;
}
/* ▽表組みの基本装飾 */
div.nth2 table {
  border-collapse :   collapse;
  border          :   1px solid black;
  width           :   640px;
}
div.nth2 table th,
div.nth2 table td {
  padding         :   0.3em 0.6em;
  border          :   0px solid gray;
  font-size       :   smaller;
  width           :   100px;
}
/* ▽偶数行のみ */
div.nth2 table tr:nth-child(2n) {
  background-color:   #98fb98;
}
/* ▽奇数行のみ */
div.nth2 table tr:nth-child(2n+1) {
  background-color:   #98fb98;
}
/* ▽先頭行のみ */
div.nth2 table tr:nth-child(1) {
  background-color:   #98fb98;
  color           :   black;
}

div.nth21 {
  width           :   640px;
  margin          :    0px;
}
/* ▽表組みの基本装飾 */
div.nth21 table {
  border-collapse :   collapse;
  border          :   1px solid gray;
  width           :   640px;
  margin          :    0px;
}
div.nth21 table th,
div.nth21 table td {
  padding         :   0.3em 0.6em;
  border          :   0px solid gray;
  font-size       :   smaller;
  width           :   100px;
}
/* ▽偶数行のみ */
div.nth21 table tr:nth-child(2n) {
  background-color:   #eeeeee;
}
/* ▽奇数行のみ */
div.nth21 table tr:nth-child(2n+1) {
  background-color:   #eeeeee;
}
/* ▽先頭行のみ */
div.nth21 table tr:nth-child(1) {
  background-color:   #eeeeee;
  color           :   black;
}

div.nt21 button {
  background      :    #ffffff;
  width           :    640px;
  padding         :    0px;
  text-align      :    center;
  border          :    0px  solid #cccccc;
  margin          :    0px auto;
}

div.nth3 {
  width          :   1000px;
  text-align     :   left;
  margin         :   20px auto;
  padding        :   0px;
}
/* ▽表組みの基本装飾 */
div.nth3 table {
  border-collapse:   collapse;
  border         :   1px solid black;
  width          :   1000px;
}
div.nth3 table th,
div.nth3 table td {
  padding-left   :   20px;
  border         :   0px solid gray;
  font-size      :   smaller;
}
/* ▽偶数行のみ */
div.nth3 table tr:nth-child(2n) {
  background-color:   #ccefff;
}
/* ▽奇数行のみ */
div.nth3 table tr:nth-child(2n+1) {
  background-color:   #ccefff;
}
/* ▽先頭行のみ */
div.nth3 table tr:nth-child(1) {
  background-color:   #ccefff;
  color           :   black;
}

div.button {
  background      :    #ffffff;
  width           :    640px;
  padding         :    0px;
  text-align      :    center;
  border          :    0px  solid #cccccc;
  margin          :    20px auto;
}

/* ボタンの修飾 */
.button {
  display         : inline-block;
  border-radius   : 5%;          /* 角丸       */
  font-size       : 14pt;        /* 文字サイズ */
  text-align      : center;      /* 文字位置   */
  cursor          : pointer;     /* カーソル   */
  padding         : 12px 12px;   /* 余白       */
  background      : #ff0000;     /* 背景色     */
  color           : #ffffff;     /* 文字色     */
  line-height     : 1em;         /* 1行の高さ  */
  transition      : .3s;         /* なめらか変化 */
  box-shadow      : 6px 6px 3px #666666;  /* 影の設定 */
  border          : 2px solid #ff0000;    /* 枠の指定 */
}
.button:hover {
  box-shadow      : none;        /* カーソル時の影消去 */
  color           : #ff0000;     /* 背景色     */
  background      : #ffffff;     /* 文字色     */
}
/* formの修飾 */
ul li {
    background-color:   #FFFFFF;
    list-style      :   none;
    margin-top      :   10px;
    label {
    margin-right    :   10px;
    width           :   100px;
    float           :   left;
    }
}

ul {
    width          :   500px;
    margin         :   0 auto;
    li.msg {
    margin-bottom  :   40px;
    }
}

input#button {
    display       :   block;
    margin        :   0 auto;
}

p {
  background: #FFFFFF;
  width: 640px;
  padding: 0px;
  text-align: center;
  border: 0px solid #cccccc;
  margin: 20px auto;
}

form {
  background: #ffffff;
  width: 640px;
  padding: 0px;
  text-align: center;
  border: 0px solid #cccccc;
  margin: 20px auto;
}
</style>
