body{
  font-family: "メイリオ";
  margin: 0;
  padding: 0;
  background-color: #ffffff;
}

a{color:#555}
a:hover{color:#eeeeee}

#content a{color: #000000; text-decoration:none}

#header{
  padding: 50px 0 30px;
  background-color: #eeeeee;
  color: #555;
  text-align: center;
}

#dai{
  font-size: 2.0em;
  font-family:"メイリオ" , serif;
}

#new{
  margin: 20px 0 0;
  line-height: 200%;
  font-size: 0.8em;
}

#menu{
  font-weight: bold;
  line-height: 2em;
}

#content{
  width: 100%;
}

.ch{
  background-color: #d4dbe5;
  padding: 10px 50px;
  font-size: 1.2em;
}

.a, .c{
  height:250px;
  padding: 40px 20px;
  clear:left;
  background-color: #eef7ff;
}
.a:hover, .c:hover{
  filter:alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
	     -o-transition: 0.2s ease-in-out;
	        transition: 0.2s ease-in-out;
}

.e, .g{
  height:250px;
  padding: 40px 20px;
  clear:left;
  background-color: #eef7ff;
}

.b, .d{
  height:250px;
  padding: 40px 20px;
  clear:left;
  background-color: #ffffff;
}
.b:hover, .d:hover{
  background-color: #eef7ff;
  filter:alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
	     -o-transition: 0.2s ease-in-out;
	        transition: 0.2s ease-in-out;
}

.f, .h{
  height:250px;
  padding: 40px 20px;
  clear:left;
  background-color: #ffffff;
}

.gra{
  margin: 0 20px 0 0;
  float:left;
}

.text{
  width: 90%;
  max-width: 600px;
  margin: 30px;
  font-size: 0.9em;
}

.memo{
    text-align: center;
}

.s-title{
  text-align: center;
  font-size: 1.2em;
  margin: 10px 0;
}

#footer{
  background-color: #eeeeee;
  text-align: center;
  line-height: 200%;
  font-size: 0.8em;
  color: #000;
  padding:20px 0;
}