@charset "utf-8";

/*アスタリスクは全ての要素に適用するという意味*/
* {
  margin:0; padding:0;
}

html{
  height: 100%;
}

body{
  font-size:100%;
  color:#241212;
  text-align:left;
  background: rgba(33, 151, 170, 255);
  background: -moz-linear-gradient(65deg, rgba(255, 190, 44, 0.4), rgba(23, 106, 164, 0.7)),url(s6.png);
  background: -webkit-linear-gradient(65deg, rgba(255, 190, 44, 0.4), rgba(23, 164, 160, 0.7)),url(s6.png);
  background: linear-gradient(25deg, rgba(255, 190, 44, 0.4), rgba(23, 106, 164, 0.7)),url(s6.png);
  background-repeat : repeat-x;
  background-position : 100% 100%;
}

a{
  color:#121212;
  text-decoration:none;
  font-weight: bold;
}

a:hover{
  text-decoration: underline
}

.box {
  height: 50%;
  margin: 30px auto; /*外余白*/
  padding: 100px; /*中余白*/
  width: 50%;
}

.circle{
  display: inline-block;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  border: dashed 1px #444444;
  background: #eeeeee;
  text-align:center;
  line-height: 100px;
  vertical-align: middle;
}

.migi{
 text-align:right;
}

.text{
  line-height:160%;
  margin: 20px auto; /*外余白*/
  padding: 3px; /*中余白*/
}

.blue1{
color:#217599;
}

.blue2{
color:#346788;
}

.white{
color:#ffffff;
}