@charset "UTF-8";
html {
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;;
}
@media all and (-ms-high-contrast: none)  {
  html {
    font-family: Verdana, Meiryo, sans-serif;
  }
}
@media all and (-ms-high-contrast: active) {
  html {
    font-family: Verdana, Meiryo, sans-serif;
  }
}

body {
	text-align: center;
	font-size: 13pt;
	color: #777;
}

header img {
  width: 100%;
  max-width: 400px;
}

main {
	margin: -100px auto 0;
	padding: 0 10px;
  max-width: 580px;
}

@media only screen and (min-width: 400px) { 
  h1 {
    background: url('../img/left_bg.png') no-repeat top left/50% 250px, url('../img/right_bg.png') no-repeat top right/50% 250px;
  }
}

main img {
	margin-bottom: 20px;
}

footer {
	margin-top: 60px;
	margin-bottom: 20px;
}

footer p {
	margin-bottom: 10px;
}

h2 {
	margin-top: 60px;
	margin-bottom: 30px;
	font-size: 16pt;
	color :#6ABAF7;
}

h3 {
  padding-top: 10px;
	margin-bottom: 20px;
	font-size: 13pt;
	color: #6ABAF7;
}

h3 span {
  color: #fff;
  background: #6ABAF7;
  border: solid #6ABAF7 4px;
  border-radius: 2px;
  margin-right: 4px;
}

p, ul, ol {
	margin-bottom: 30px;
	font-size: 13pt;
	color: #777;
}

p span {
  color: #ccc;
  font-size: 10pt;
  margin-bottom: 20px;
}

ul, ol {
  padding-left: 34px;
  text-align: left;
  margin: 0 auto;
}

ul {
  list-style: circle;
  max-width: 400px;
}

li {
	margin-bottom: 10px;
}

a {
	color :#6ABAF7;
	text-decoration: none;
}