body {
    font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	font-size: 16px;
	line-height: 1.5em;
	margin: 20px auto;
	width: 100%; /*ページ全体の幅は100%と指定する*/	
	text-align: center; /*ページ全体を中央揃えにする*/
}

#wrap {
	width: 980px;	   /*全体の幅を指定する*/  
	margin: 0 auto;    /*マージンの指定をする、ブラウザ対策*/
	text-align: left;   /*全体を左揃えにする。*/
	
 }

a {
	text-decoration: none;
}

.txt-red {
	color: #F00;
}

.text_blue_bold {
	color: #186ACC;
	font-weight: bold;
}

.step a {
	border-color: #ffffff 1px solid;
	color : #FFFFFF;
	font-size: 20px;
	line-height: 1.5em;
	font-weight: bold;
}

.step01 {
	color : #FFFFFF;
	font-size: 20px;
	margin: 0% 20%;
	padding: 5px;
	background-color: #CC0033;
	width: auto;
}
.step02 {
	color : #FFFFFF;
	font-size: 20px;
	margin: 0% 20%;
	padding: 5px;
	background-color: #006600;
	width: auto;
}

table th,td {
    padding: 8px;
}

.box1 td {
	border: solid 1px #989898;
}

.box2 td {
	border: solid 1px #989898;
	line-height: 2.0em;
}
 
.button {
  display       : inline-block;
  border-radius : 5%;          /* 角丸       */
  font-size     : 12pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 5px 24px;   /* 余白       */
  background    : #ffc0c1;     /* 背景色     */
  color         : #000000;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  border        : 2px solid #EDACAD;    /* 枠の指定 */
}


.button02 {
  display       : inline-block;
  border-radius : 5%;          /* 角丸       */
  font-size     : 12pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 5px 16px;   /* 余白       */
  background    : #dddddd;     /* 背景色     */
  color         : #000000;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  border        : 2px solid #A7A7A7;    /* 枠の指定 */
}