@charset "utf-8";

/*//////////////////////////////////////////////////////////

	1: Index

//////////////////////////////////////////////////////////*/

/*=========================================================

	Index

==========================================================*/

div#reform-enter{
  position:relative;
  width:800px;
  height:500px;
  margin-bottom:35px;
  background:url('../reform/img/back_enter.jpg') 0 0 no-repeat;
}


div#reform-enter ul{
  position:absolute;
  list-style:none;
  top:351px;
  left:20px;
  width:760px;
  height:130px;
  padding:0;
  margin:0;
}

div#reform-enter ul li{
  float:left;
  margin:8px 0 0 10px;
}





/*=========================================================

	Reform

==========================================================*/

div.reform p{
  text-align:center;
}

div.reform p strong{
  font-size:130%;
  color:#37a;
}


div.sample-wrap{
  width:540px;
  margin-right:-10px;
}

div.sample-wrap:after{
  content:".";
  display:block;
  visibility:hidden;
  clear:both;
  height:0px;
}

div.sample-wrap h3{
  margin-right:10px;
}


div.sample-wrap div.sample{
  float:left;
  width:260px;
  margin:0 10px 15px 0;
}

div.sample-wrap div.sample h4{
  text-align:center;
  padding:5px;
  margin-bottom:5px;
  background:#ccc;
}

div.sample-wrap div.sample ul{
  list-style:none;
  padding:0;
  margin:0;
}

div.sample-wrap div.sample ul li{
  float:left;
  text-align:center;
  width:120px;
  margin-right:10px;
}

div.sample-wrap div.sample ul li img{
  display:block;
  margin:3px auto 0;
}